@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@media print {
.do-not-print { display: none; }
#comments { page-break-before: always; }
body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Helvetica, Arial, sans-serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size: 15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
}
  p.large-p {
font-size: 22px;
}
a.button {
border: none;
color: #ffffff;
font-size: 0.938em;
width: 100%;
max-width: 145px;
line-height: 1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 10px 20px 10px 20px;
display: inline-block;
background-color: #0D2240;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
  .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 35%, 0);
transform: translate3d(0, 35%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 35%, 0);
transform: translate3d(0, 35%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1.6s;
animation-duration: 1.6s;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
   *,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, figure, figcaption, footer, header, hgroup, nav, section, video, audio, summary {
display: block;
}
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, 
a, cite, code, dfn, em, img, ol, ul, li,
fieldset, form, label, textarea, textfield, caption,
article, aside, figure, figcaption, footer, header, nav, section, summary, audio, video, summary {
margin: 0;
padding: 0;
border: 0;	
}
html,
body {
font-size: 16px;
font-family: 'Open Sans', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-overflow-scrolling: touch;		
}
body {
position: relative;
overflow-x: hidden;
opacity: 1;
-wenkit-transition: 1s opacity;
-moz-transition: 1s opacity;
transition: 1s opacity;
}
body.fade-out {
opacity: 0;
-webkit-transition: none;
-moz-transition: none;
transition: none;
} ::-moz-selection {
color: #fff;
text-shadow: none;
background-color: #48b5ff;
}
::selection {
color: #fff;
text-shadow: none;
background-color: #48b5ff;
}
::-webkit-input-placeholder {
color: #cccccc;
line-height: normal;
}
:-ms-input-placeholder {
color: #cccccc;
}
::-moz-placeholder {
color: #cccccc;
opacity: 1;
}
:-moz-placeholder {
color: #999999;
opacity: 1;
}
:focus {
outline: none;
}
.clear {
clear: both;
width: 100%;
float: none;	
}
img {
vertical-align: top;
border: none;
max-width: 100%;
height: auto;	
}
img {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.main img.alignleft {
float: left;
margin-right: 30px;
}
.main img.alignright {
float: right;
margin-left: 30px;	
}
.main img.aligncenter {
margin-bottom: 30px;
margin: 0 auto 30px auto;	
}
a {
outline: none;
color: #0D2240;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.no-touch a:hover {
color: #85C3CE;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce a.added_to_cart,
.page-section .woocommerce input[type="submit"],
.woocommerce .page-section input[type="submit"] {
border: none;
color: #ffffff;
font-size: 15px;
font-size: 0.938rem;
font-weight: 400;
width: 100%;
cursor: pointer;
max-width: 145px;
line-height: 1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 13px 20px 13px 20px;
display: inline-block;
background-color: #0D2240;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;	
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce a.added_to_cart,
.wc-proceed-to-checkout a.button,
.page-section .woocommerce input[type="submit"],
.woocommerce .page-section input[type="submit"] {
max-width: none;
width: auto;
color: #ffffff;	
}
.no-touch a.button:hover,
.no-touch .woocommerce a.button:hover,
.no-touch .woocommerce button.button:hover,
.no-touch .woocommerce a.added_to_cart:hover,
.no-touch .wc-proceed-to-checkout a.button:hover,
.no-touch .page-section .woocommerce input[type="submit"]:hover,
.no-touch .page-section .woocommerce input[type="submit"]:hover {
color: #ffffff;
background-color: #85C3CE;	
}
a.button.reversed {
color: #ffffff;
background-color: #85C3CE;	
}
.no-touch a.button.reversed:hover {
color: #ffffff;
background-color: #0D2240;
}
ul:after,
.clearfix:after {
content: "";
height: 0;
display: block;
visibility: hidden;
clear: both;	
}
ol li,
ul li {
list-style-position: inside;	
}
ul li {
list-style-type: none;	
}
input[type="button"],
input[type="submit"],
input[type="tel"],
input[type="email"],
input[type="text"],
textarea {
-webkit-appearance: none;
appearance: none;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
h1,h2,h3,h4,h5 {
margin-bottom: 20px;
font-weight: 300;
color: #0D2240;
}
h1 {
font-size: 32px;
font-size: 2rem;	
}
h2 {
font-size: 30px;
font-size: 1.875rem;	
}
h3 {
font-size: 22px;
font-size: 1.375rem;	
}
h4 {
font-size: 20px;
font-size: 1.250rem;
}
h5 {
font-size: 18px;
font-size: 1.125rem;
}
p {
margin: 0 0 20px 0;
color: #0D2240;
}
p:empty {
display: none;	
}
p.large-p {
font-size: 22px;
font-size: 1.375rem;
}
p a {
color: #BCB55F;	
}
.textwidget p {
margin: 0;	
}
table td {
color: #0D2240;	
}
.hidden {
opacity: 0;
-webkit-transition: all 1s !important;
-moz-transition: all 1s !important;
transition: all 1s !important;
}
.visible {
opacity: 1;
-webkit-transition: all 1s !important;
-moz-transition: all 1s !important;
transition: all 1s !important;	
}
.hidden-content {
display: none;	
}
.cover {
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-position: center center;
}
.ie8 .cover {
-ms-behavior: url(//www.clayesmore.com/backgroundsize.min.htc);	
}
.centered {
position: absolute;
top: 50%;
left: 50%; 
width: 100%;
text-align: center;	
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%); 
-o-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%); 	
} .main-header {
width: 100%;
display: block;
position: relative;
}
a.home {
display: block;
width: 26px;
height: 26px;
color: #ffffff;
position: relative;
background-color: #85C3CE;
-webkit-border-radius: 50%;	
-moz-border-radius: 50%;
border-radius: 50%;	
}
a.home img.centered {
width: auto;
max-width: 100%;	
}
.ie8 a.home img.centered {
top: 6px;
left: 4px;	
}
header .left {
float: left;
width: 21%;
min-height: 1px;
}
header .right {
float: right;
width: 21%;
max-width: 300px;
min-height: 1px;
overflow: hidden;	
}
.top-navigation {
width: 100%;
height: 51px;
padding: 12px 22px 0px 22px;
position: relative;
z-index: 20;
} .top-menu {
text-align: center;	
}
.top-menu ul {
display: inline-block;
text-align: center;
}
.top-menu ul li {
display: inline-block;
text-align: center;
margin: 0 19px;
}
.top-menu ul li a {
font-weight: 400;	
} .top-menu ul li.level-1 > a {
color: #0D2240;
font-size: 14px; 
font-size: 0.875rem;
text-transform: uppercase;
position: relative;
display: block;
padding-bottom: 16px;
}
.top-menu ul li.level-1 .pipe {
display: block;
position: relative;
float: right;
width: 0px;
height: 0px;
}
.top-menu ul li.level-1 .pipe:after {
content: "|";
position: absolute;
top: -3px;
right: -26.5px;
outline: none;
display: inline-block;
}
.top-menu ul li.level-1 > .pipe {
z-index: -1;	
}
.top-menu ul li.level-1:last-child .pipe:after {
content: none;
}
.top-menu ul li.level-1 .pipe:after {
color: #0D2240;
}
.top-menu ul li.active-hover > a,
.top-menu ul li.current_page_item a,
.no-touch .top-menu ul li.level-1 a:hover {
color: #85C3CE;
}
.top-menu ul li.level-1 > .sub-wrap {
width: 100%;
position: absolute;
display: none;
left: 0;
min-height: 180px;
background-color: #0D2240;
color: #ffffff;
text-align: center;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
}
.top-menu ul li.level-1:hover > .sub-wrap {
display: block;
}
.top-menu ul li.level-1 > .sub-wrap ul li a {
color: #ffffff	
}
.top-menu ul li.level-1 > .sub-wrap ul.sub-menu {
width: 100%;
max-width: 1250px;
margin: 0 auto;
min-height: inherit;
padding: 20px;	
} .top-menu ul li.level-2 {
display: inline-block;
position: relative;
width: 15%;
vertical-align: top;
padding: 0 12px;
margin: 0;
text-align: left;
min-height: 140px; }
.top-menu ul li.level-2 a {
font-size: 14px;
font-size: 0.875rem;
position: relative;
display: block;
padding-bottom: 16px;
text-transform: uppercase;
min-height: 10px;
}
.top-menu ul li.level-2 > .sub-wrap ul.sub-menu {
max-width: none;
min-height: initial;
margin: 0;
padding: 0 0 10px 0;
}
.top-menu ul li.level-2 .pipe {
display: none;	
} .top-menu ul li.level-1 ul li.level-3 {
display: block;
text-align: left;
padding: 0;
margin: 0 0 10px 0;
line-height: 1em;	
}
.top-menu ul li.level-1 ul li.level-3 a {
text-transform: none;
font-size: 14px;
font-size: 0.875rem;
padding: 0;
display: block;
}
.top-menu ul li.level-3 > ul.sub-menu,
.top-menu ul li.level-4 .pipe,
.top-menu ul li.level-3 .pipe {
display: none;	
}  .quick-links {
float: right;	
}
.ie8 .quick-links {
display: none;	
}
.quick-links ul li {
float: left;
margin: 0 6px;	
}
.quick-links ul li a {
display: block;
width: 26px;
height: 26px;
color: #ffffff;
position: relative;
background-color: #85C3CE;
-webkit-border-radius: 50%;	
-moz-border-radius: 50%;
border-radius: 50%;
}
.no-touch a.home:hover,
.no-touch .quick-links ul li a:hover {
background-color: #0D2240;	
}
.quick-links ul li a img {
position: absolute;
top: 50%;
left: 50%; 
width: auto;
max-width: 100%;
text-align: center;	
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%); 
-o-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%); 	
}
.quick-links .menu-item ._svg {
width: auto;	
}
.quick-links ul li.contact-mob a {
display: none;	
} .hamburger {
cursor: pointer;
width: 25px;
float: right;
margin: 6px 0 0 44px;
position: relative;
}
.hamburger span {
position: relative;
top: 0;
width: 25px;
height: 2px;
display: block;
margin: 0 auto 4px auto;
background-color: #0D2240;
-webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s 0.3s ease-in-out, top 0.3s 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out, opacity 0.3s 0.3s ease-in-out, top 0.3s 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out, opacity 0.3s 0.3s ease-in-out, top 0.3s 0.3s ease-in-out;
-ms-transition: -ms-transform 0.3s ease-in-out, opacity 0.3s 0.3s ease-in-out, top 0.3s 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, opacity 0.3s 0.3s ease-in-out, top 0.3s 0.3s ease-in-out;
}
.hamburger.active span {
-webkit-transition: top 0.3s ease-in-out, opacity 0.3s 0.3s ease-in-out, -webkit-transform 0.3s 0.3s ease-in-out;
-moz-transition: top 0.3s ease-in-out, opacity 0.3s 0.3s ease-in-out, -moz-transform 0.3s 0.3s ease-in-out;
-o-transition: top 0.3s ease-in-out, opacity 0.3s 0.3s ease-in-out, -o-transform 0.3s 0.3s ease-in-out;
-ms-transition: top 0.3s ease-in-out, opacity 0.3s 0.3s ease-in-out, -ms-transform 0.3s 0.3s ease-in-out;
transition: top 0.3s ease-in-out, opacity 0.3s 0.3s ease-in-out, transform 0.3s 0.3s ease-in-out; 
}
.hamburger span.bottom {
margin-bottom: 0; 
}
.hamburger span.middle {
background-color: #85C3CE;	
}
.hamburger p {
position: absolute;
left: -48px;
top: -3px;
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase;	
} .close {
position: relative;
cursor: pointer;
z-index: 15;
float: right;
}
.close .cross {
position: relative;
height: 21px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.close .cross:before, 
.close .cross:after {
position: absolute;
left: 9px;
content: '';
height: 23px;
width: 2px;
background-color: #ffffff;
}
.close .cross:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.close .cross:after {
background-color: #BCB55F;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.close .underline {
width: 20px;
height: 2px;
margin-top: 4px;
display: block;
background-color: #ffffff;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.no-touch .close:hover .underline {
background-color: #BCB55F;	
} .top-bar {
width: 100%;
height: 51px;
top: -51px;
right: 0;
position: absolute;
z-index: 30;
color: #ffffff;
opacity: 0;
overflow: hidden;
-webkit-backface-visibility: hidden;
background-color: #0D2240;
-webkit-transition: top 0.4s ease-out, opacity 0.4s 0.4s ease-out;
-moz-transition:  top 0.4s ease-out, opacity 0.4s 0.4s ease-out;
-o-transition: top 0.4s ease-out, opacity 0.4s 0.4s ease-out;
transition: top 0.4s ease-out, opacity 0.4s 0.4s ease-out;
}
.top-bar.active {
top: 0;
opacity: 1;
overflow: visible;
-webkit-transition: top 0.4s ease-out;
-moz-transition:  top 0.4s ease-out;
-o-transition: top 0.4s ease-out;
transition: top 0.4s ease-out;
}
.top-bar .top-bar-container {
padding: 12px 22px;	
}
.top-bar .left,
.top-bar .right {
position: relative;
z-index: 10;
}
.top-bar .left {
width: auto;	
}
.top-bar .middle {
padding-top: 6px;  float: left;
width: auto;
z-index: 10;	
}
.top-bar a.home {
background-color: #ffffff;
position: relative;
z-index: 15;
margin-right: 5px;	
}
.no-touch .top-bar a.home:hover {
background-color: #BCB55F;
}
.top-bar-menu ul {
display: block;
text-align: center;
min-width: 770px;
}
.top-bar-menu ul li {
display: inline-block;
text-align: center;
position: relative;
line-height: 1em;
vertical-align: top;
}
.top-bar-menu ul li.level-1:after {
content: "|";
display: block;
position: absolute;
top: -1px;
right: -6.5px;
}
.top-bar-menu ul li:last-child:after {
content: none;
}
.top-bar-menu ul li a {
color: #ffffff;
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
display: block;
padding: 0 20px 15px 20px;
text-transform: uppercase;
}
.top-bar-menu ul li.current_page_item > a,
.no-touch .top-bar-menu ul li a:hover {
color: #BCB55F;
} .top-bar-menu ul li ul.sub-menu {
display: none;
position: absolute;
left: 0px;
top: 100%;
width: 235px;
z-index: 10;
text-align: left;
min-width: auto;
background-color: #0D2240;
}
.no-touch .top-bar-menu ul li:hover > ul.sub-menu {
display: block;
}
.top-bar-menu ul li ul.sub-menu li {
text-align: left;
width: 100%;
clear: both;
}
.top-bar-menu ul li ul.sub-menu li a {
padding: 0 20px 12px 20px;
text-transform: none;
}
.top-bar-menu ul li ul.sub-menu li > ul.sub-menu {
left: 230px;
top: -10px;
padding: 10px 0 0 0;	
}
.top-bar-menu ul li ul.sub-menu li:last-child a {
padding-bottom: 15px;	
} .mobile-menu {
width: 100%;
clear: both;
padding: 40px 0;
text-align: center;
display: none;
}
.ie8 .mobile-menu {
display: none !important;	
}
.mobile-menu ul {
clear: both;	
}
.mobile-menu ul#menu-top-menu-1 {
border-top: 1px solid #92C1CC;	
}
.mobile-menu ul li ul.sub-menu {
display: none;
background-color: #A8B8C9;
}
.mobile-menu ul li {
position: relative;	
}
.mobile-menu ul li a {
padding: 14px 11px;
display: block;
width: 100%;
position: relative;
font-weight: 400;
font-size: 15px;
font-size: 0.938rem;
}
.mobile-menu ul li.level-1 > a {
border-bottom: 1px solid #92C1CC;
}
.mobile-menu ul#menu-top-bar-menu-1 li.level-1:last-child a:after {
content: none;
}
.no-touch .mobile-menu ul li a:hover {
color: #85C3CE;	
}
.mobile-menu .expand {
display: block;
width: 26px;
height: 26px;
color: #ffffff;
position: absolute;
right: 21px;
top: 11px;
z-index: 5;
cursor: pointer;
background-color: #85C3CE;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.mobile-menu .expand span {
display: inline-block;
width: 10px;
height: 10px;
border-right: 2px solid #ffffff;
border-top: 2px solid #ffffff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -70%) rotate(135deg);
-moz-transform: translate(-50%, -70%) rotate(135deg);
-ms-transform: translate(-50%, -70%) rotate(135deg);
-o-transform: translate(-50%, -70%) rotate(135deg);
transform: translate(-50%, -70%) rotate(135deg);
}
.mobile-menu .expand.open {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.mobile-menu ul li ul.sub-menu li.level-2 .expand {
background-color: #143462;	
}
.mobile-menu ul li.level-2 a:hover {
color: #ffffff;	
}
.mobile-menu ul li.level-2 > ul {
background-color: #143462;
}
.mobile-menu ul li.level-2 > ul li a {
color: #ffffff;	
}
.no-touch .mobile-menu ul li.level-2 > ul li a:hover {
color: #85C3CE;	
}
.mobile-menu .search-form {
margin: 30px auto 0 auto;
float: none;	
}
.mobile-menu .social-menu {
margin-bottom: 0;	
} .search-form {
position: relative;
width: 100%;
height: 30px;
max-width: 220px;
margin-right: 20px;
background-color: #ffffff;
border: 1px solid #BCB55F;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.top-bar .search-form {
float: right;
border: none;
height: 27px;	
}
.search-form input[type="text"] {
width: 100%;
height: 27px;
line-height: 1rem;
padding: 3px 28px 3px 12px;
background-color: transparent;
font-family: 'Open Sans', sans-serif;
font-size: 0.875rem;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;	
}
.search-form #searchsubmit {
position: absolute;
top: 50%;
margin-top: -10.5px;
right: 3px;
width: 21px;
height: 21px;
cursor: pointer;
background-image: url(//www.clayesmore.com/wp-content/themes/clayesmore/images/search-icon.svg);
background-position: 4px 4px;
background-repeat: no-repeat;
background-color: #BCB55F;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.no-svg .search-form #searchsubmit {
background-image: url(//www.clayesmore.com/wp-content/themes/clayesmore/images/search-icon.png);
}
.logo {
width: 100%;
text-align: center;
padding: 20px 30px 30px 30px;	
}
.logo a {
display: inline-block;	
}
.logo img {
width: 100%;
max-width: 238px;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
} .video-banner {
margin-bottom: 52px;
position: relative;
overflow: hidden;
height: -webkit-calc(100vh - 235px);
height: -moz-calc(100vh - 235px);
height: calc(100vh - 235px);
min-height: 480px;
max-height: 910px;
}
.video-banner .banner-content {
position: absolute;
top: 60px;
left: 5%;
max-width: 665px;	
z-index: 10;
}
.video-banner .video-wrapper {
position: relative;
width: 100%;
height: 100%;	
}
.video-banner video.main-video {
height: auto;
width: auto;
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
bottom: -12%;
top: auto;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);	
}
.ie8 .video-banner {
background: url(//www.clayesmore.com/wp-content/themes/clayesmore/images/home-banner.jpg) no-repeat;	
}
.video-banner video::-webkit-media-controls {
display: none !important;
}
.video-banner video::-webkit-media-controls-panel {
display: none!important;
-webkit-appearance: none;
}
.video-banner video::-webkit-media-controls-play-button {
display: none!important;
-webkit-appearance: none;
}
.video-banner video::-webkit-media-controls-start-playback-button {
display: none!important;
-webkit-appearance: none;
}
.video-banner .mobile-gif {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
} .main-banner {
min-height: 480px;
width: 100%;
clear: both;
position: relative;
background-color: #f1f1f1;
}
.main-banner .banner-content {
position: absolute;
top: 50px;
left: 9%;
max-width: 665px;
z-index: 10;
}
.main-banner .banner-content .text-container,
.video-banner .banner-content .text-container {
-webkit-animation: fadeInUp 2s;
animation: fadeInUp 2s;
}
.main-banner .banner-content p,
.video-banner .banner-content p {
font-size: 20px;
font-size: 1.250rem;
font-weight: 300;
}
.main-banner .feather {
width: 125px;
height: 60px;
display: block;
position: absolute;
bottom: -28px;
left: 18%;
background-repeat: no-repeat;
}
.no-svg .main-banner .feather {
background-image: url(//www.clayesmore.com/wp-content/themes/clayesmore/images/feather.png);	
}
.feather .feather-wrap {
height: 220px;
position: relative;
}
.feather img {
width: 100px;
position: absolute;
}
.feather.falling img {
-webkit-animation: falling 13s ease-in-out 1;
-moz-animation: falling 13s ease-in-out 1;
animation: falling 13s ease-in-out 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
opacity: 0;	
}
.ie8 .feather.falling img,
.ie9 .feather.falling img {
opacity: 1;	
}
@-webkit-keyframes falling {
0%   { top: 0%; left: 0%; opacity: 1; -webkit-transform: rotateZ(0deg); }
30%  { top: 30%; left: 210px; opacity: 1; -webkit-transform: rotateZ(-40deg); }
55%  { top: 55%; left: -180px; opacity: 1; -webkit-transform: rotateZ(0deg); }
78%  { top: 80%; left: 90px; opacity: 0; -webkit-transform: rotateZ(-25deg); }
100% { top: 100%; left: -90px; opacity: 0; -webkit-transform: rotateZ(25deg); }
}
@keyframes falling {
0%   { top: 0%; left: 0%; opacity: 1; transform: rotateZ(0deg); }
30%  { top: 30%; left: 210px; opacity: 1; transform: rotateZ(-40deg); }
55%  { top: 55%; left: -180px; opacity: 1; transform: rotateZ(0deg); }
78%  { top: 80%; left: 90px; opacity: 0; transform: rotateZ(-25deg); }
100% { top: 100%; left: -90px; opacity: 0; transform: rotateZ(25deg); }
} .breadcrumb {
clear: both;
width: 100%;
color: #ffffff;
font-size: 12px;
font-size: 0.750em;
background-color: #85C3CE;
padding: 10px 10px 10px 9%;
}
.breadcrumb p {
color: #ffffff;
margin-bottom: 0;	
}
.breadcrumb a {
color: #ffffff;
font-size: 12px;
font-size: 0.750rem;
font-weight: 400;	
}
.no-touch .breadcrumb a:hover {
color: #ffffff;
text-decoration: underline;
} .page-section {
width: 100%;
clear: both;
min-height: 1px;
position: relative;	
}
.basic-content {
padding: 80px 0 0 0;	
}
.page-template-page-woocommerce .basic-content {
padding: 80px 0;	
}
.container {
width: 100%;
max-width: 1200px;
margin:  0 auto;	
}
.container.large {
max-width: 1200px;	
}
.container.medium {
max-width: 910px;
}
.container.small {
max-width: 630px;	
}
.top-content p,
.basic-content p {
font-size: 15px;
font-size: 0.938rem;
line-height: 1.43;
font-weight: 400;
}
.top-content p.large-p,
.basic-content p.large-p {
font-size: 20px;
font-size: 1.250rem;
font-weight: 300;
}
.top-content table {
margin: 0 auto;	
}
.spacer {
width: 100%;
clear: both;
height: 40px;	
} .basic-content ol,
.basic-content ul {
margin-bottom: 20px;	
}
.basic-content ol li,
.basic-content ul li {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
font-style: normal;
font-size: 14px;
font-size: 0.875rem;
display: block;
font-weight: 400;
color: #0D2240;
}
.basic-content ul li:before {
content: '';
position: absolute;
display: block;
width: 6px;
height: 6px;
top: 7px;
left: 0px;
background-color: #85C3CE;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.basic-content ol li > ol,
.basic-content ul li > ul {
margin: 10px 0;
}
.basic-content ol {
counter-reset: count-me;
}
.basic-content ol li {
list-style-type: none;
counter-increment: count-me;
position: relative;
padding-left: 20px;
}
.basic-content ol li a,
.basic-content ul li a {
font-weight: 400;
}
.basic-content ol li:before {
content: counter(count-me)". ";
position: absolute;
left: 0;
top: 0;
font-weight: 600;
color: #85C3CE;
font-size: 0.875em;
font-size: 0.875rem;	
}
.basic-content hr {
height: 1px;
width: 100%;
border: 0;
background-color: #0D2240;
margin: 20px 0;	
} .basic-content table {
width: 100%;
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
text-align: left;
color: #0D2240;
}
.basic-content table tr {
width: 100%;
}
.basic-content table:not(.shop_table) tr th,
.basic-content table:not(.shop_table) tr td {
line-height: 1;
padding: 10px;
border: 5px solid #ffffff;
}
.basic-content table:not(.shop_table) thead tr td,
.basic-content table:not(.shop_table) tr th {
border: 5px solid #ffffff;
background-color: #85C3CE;
}
.basic-content table:not(.shop_table) tr td {
border: 5px solid #ffffff;
background-color: #f4fdff;
}
.basic-content table:not(.shop_table) tr p {
margin-bottom: 0;	
} .single .basic-content table.variations tr td,
.basic-content table.variations tr td,
.basic-content table.variations thead tr td,
.basic-content table.variations tr th {
background-color: transparent;
border: none;
}
.single .basic-content table.variations tr th,
.single .basic-content table.variations tr td {
padding: 0;
border: none;	
}
.single .basic-content table.variations tr p {
margin-bottom: 0;
} .map {
width: 100%;
clear: both;
height: 680px;
position: relative;
background-color: #f1f1f1;
}
.acf-map {
height: inherit;
width: 100%;
}
.basic-content + map-section {
padding-top: 80px;	
}
.map-section .map-heading {
position: absolute;
top: 40px;
left: 0;
padding-left: 9%;
z-index: 10;
}
.map-section .map-heading h2 {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.2em;
} .back-button {
width: 100%;
clear: both;
padding: 60px 0;
text-align: center;	
}
.back-button a.button {
color: #ffffff;
background-color: #85C3CE;	
}
.no-touch .back-button a.button:hover {
color: #ffffff;
background-color: #0D2240;	
}
.two-col {
width: 48%;
float: left;
margin: 0 4% 40px 0;
clear: right;
}
.two-col.last {
margin-right: 0;	
}
.two-col p {
max-width: 510px;
}
.two-col iframe {
max-width: 100%;	
}
.indented {
clear: both;
width: 100%;
max-width: 630px;
margin: 0 auto 60px auto;	
}
.table-wrap {
overflow: auto;
}
.table-wrap table {
border-collapse: collapse;
margin-bottom: 40px;
}
blockquote { display: inline-block;
position: relative;
font-family: 'Open Sans', sans-serif;
margin: 20px 0;
}
blockquote p,
.section-content blockquote p {
display: inline-block;
color: #0D2240;
font-size: 20px;
font-size: 1.125rem;
line-height: 1.4;
font-weight: 300;
letter-spacing: 0.2px;
letter-spacing: 0.02rem;
padding-left: 25px;
font-family: 'Open Sans', sans-serif;
}
blockquote p:empty {
display: none;	
}
blockquote:before,
blockquote p:last-child:after {
display: inline-block;
color: #85C3CE;
line-height: 16px;
line-height: 1rem;
}
blockquote p em {
font-size: 0.938rem;
font-weight: 500;	
} .link-blocks {
width: 100%;
clear: both;
position: relative;	
}
.basic-content + .link-blocks {
padding-top: 80px;	
}
.link-block {
width: 50%;
min-height: 300px;
float: left;
position: relative;
background-color: #ffffff;
background-image: url(//www.clayesmore.com/wp-content/themes/clayesmore/images/texture.png);
background-repeat: repeat;
}
.firefox .link-blocks.three-col .link-block:before { 
content: "";
display: block;
height: 100%;
width: 2px;
position: absolute;
left: -2px;
top: 0;
background-color: inherit;
}
.link-blocks.two-col {
margin-bottom: 0;	
}
.link-blocks.two-col .link-block {
width: 50%;
}
.link-blocks.three-col .link-block {
width: 33.33333333333333%;	
}
.side-image-blocks.centred,
.link-blocks.centred {
text-align: center;	
}
.side-image-blocks.centred .block-text,
.link-blocks.centred .link-block .block-text {
max-width: 100%;	
}
.link-block.white {
background-image: none;	
}
.link-block.blue {
background-color: #858E98;	
}
.link-block.green {
background-color: #BEB670;	
}
.link-block.taupe {
background-color: #E5D5C5;
}
.link-block .block-container {
padding: 12% 18%;
width: 100%;
height: 100%;
min-height: inherit;
position: relative;	
}
.link-block h2,
.link-block h3 {
color: #0D2240;
font-size: 30px;
font-size: 1.875rem;
line-height: 1.2em;	
}
.link-block .block-text {
max-width: 540px;
margin-bottom: 30px;	
}
.link-block p {
font-size: 15px;
font-size: 0.938rem;
line-height: 1.43;
font-weight: 400;
max-width: 100%;
}
.link-block .block-feather {
text-align: left;
margin-bottom: 30px;
position: relative;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;	
}
.side-image-blocks.centred .link-block .block-feather,
.link-blocks.centred .link-block .block-feather {
text-align: center;	
} .image-link-blocks {
width: 100%;
clear: both;	
}
.basic-content + .image-link-blocks {
padding-top: 80px;	
}
.image-link-blocks .image-link-block {
width: 50%;
min-height: 900px;
float: left;
position: relative;
overflow: hidden;
background-color: #f1f1f1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;	
}
.image-link-blocks .image-link-block:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 1;
background-color: #ffffff;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;	
}
.image-link-blocks .image-link-block .block-image {
width: 100%;
height: 100%;
display: block;
position: relative;
min-height: inherit;
z-index: 1;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
-moz-transition: -moz-transform 0.5s ease-in-out;
-o-transition: -o-transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
}
.no-touch .image-link-blocks .image-link-block.active-hover .block-image {
-webkit-transform: scale(1.02) rotate(0.01deg);
-moz-transform: scale(1.02) rotate(0.01deg);
-o-transform: scale(1.02) rotate(0.01deg);
-ms-transform: scale(1.02) rotate(0.01deg);
transform: scale(1.02) rotate(0.01deg);
}
@supports (-ms-ime-align:auto) { .no-touch .image-link-blocks .image-link-block.active-hover .block-image {
transform: none;
}
}
.ie .image-link-blocks .image-link-block.active-hover .block-image {
transform: none;
}
.image-link-blocks .image-link-block .block-container {
padding: 8% 18%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;	
}
.image-link-blocks .image-link-block .block-container.bottom {
top: auto;
bottom: 0;	
}
.image-link-blocks .image-link-block h2,
.image-link-blocks .image-link-block h3 {
color: #0D2240;
font-size: 30px;
font-size: 1.875rem;
line-height: 1.2em;	
}
.image-link-blocks .image-link-block .block-text {
max-width: 450px;
margin-bottom: 30px;	
}
.image-link-blocks .image-link-block p {
font-size: 15px;
font-size: 0.938rem;
font-weight: 400;
line-height: 1.43;
} .side-image-blocks {
width: 100%;
clear: both;
}
.basic-content + .side-image-blocks {
padding-top: 80px;	
}
.side-image-blocks .row {
width: 100%;
clear: both;
position: relative;
min-height: 280px;
display: table;	
}
.side-image-blocks .col {
width: 50%;
min-height: inherit;
height: 100%;
display: table-cell;
float: none;	
} .page-section .search-results {
padding: 40px 0 0 0;	
}
.search-results .excerpt .indented {
max-width: 100%;
margin: 0;	
}
.search-results .search-result {
margin-bottom: 40px;	
}
.search-results .excerpt {
margin-bottom: 20px;
max-width: 85%;	
}
.search-results .excerpt img,
.search-results .excerpt h1,
.search-results .excerpt h2,
.search-results .excerpt h3,
.search-results .excerpt h4,
.search-results .excerpt h5 {
display: none;
}
.search-results .page-section .search-form form {
height: 100%;	
}
.search-results .page-section .search-form input[type="text"] {
padding: 3px 28px 3px 12px;
height: 100%;
line-height: 1rem;
margin-bottom: 0;
vertical-align: middle;
background-color: transparent;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;	
} .top-content {
padding: 20px 0;
text-align: center;	
}
.news-events h1 {
text-align: center;	
}
.news-events .container {
width: 100%;
max-width: 1500px;
margin: 0 auto;
}
.news-events .posts-container .item {
width: 23.5%;
min-height: 300px;
float: left;
margin: 0 2% 40px 0;
position: relative;
}
.news-events .posts-container .item:nth-of-type(4n+4) {
margin-right: 0;	
}
.news-events .posts-container .item p,
.news-events .posts-container .item h3 {
margin-bottom: 15px;	
}
.news-events .posts-container .item p {
font-size: 15px;
font-size: 0.938rem;
line-height: 1.43;
font-weight: 400;
font-family: 'Open Sans', sans-serif !important;
}
.news-events .posts-container .item p span {
font-family: 'Open Sans', sans-serif !important;	
}
.news-events .posts-container .item a.button {
width: initial;
max-width: initial;
margin-bottom: 10px;
}
.news-events .posts-container .item .image  {
margin-bottom: 15px;
background-color: #f1f1f1;
position: relative;
overflow: hidden;
}
.news-events .posts-container .item .image a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.news-events .posts-container .item .image img {
max-height: 353px;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
}
.no-touch .news-events .posts-container .item .image a:hover img {
-webkit-transform: scale(1.01) rotate(0.01deg);
-moz-transform: scale(1.01) rotate(0.01deg);
-o-transform: scale(1.01) rotate(0.01deg);
-ms-transform: scale(1.01) rotate(0.01deg);
transform: scale(1.01) rotate(0.01deg);
}
.ie .news-events .posts-container .item .image a:hover img {
transform: none;
}
.lines {
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
opacity: 0;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.link-block .lines {
top: 30px;
left: 30px;
right: 30px;
bottom: 30px;	
}
.firefox .link-block .lines {
left: 29px;	
}
.lines .line {
position: absolute;
background: white;
width: 1px;
height: 1px;
-webkit-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-webkit-transition-delay: 160ms;
-moz-transition-delay: 160ms;
-o-transition-delay: 160ms;
transition-delay: 160ms;
}
.link-block .lines .line {
-webkit-transition: all 450ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: all 450ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: all 450ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.lines .line-t {
top: 0px;
left: 0px;
width: 0px;
}
.line-l {
bottom: 0px;
left: 0px;
height: 0px;
}
.lines .line-b {
bottom: 0px;
right: 0px;
width: 0px;
}
.lines .line-r {
top: 0px;
right: 0px;
height: 0px;
}
.no-touch .image:hover .lines,
.no-touch .link-block.active-hover .lines {
opacity: 1;
-webkit-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
transition: opacity 0.1s;
}
.no-touch .link-block.active-hover .lines .line-t,
.no-touch .link-block.active-hover .lines .line-b,
.no-touch .image:hover .lines .line-t,
.no-touch .image:hover .lines .line-b {
width: 100%;	
}
.no-touch .link-block.active-hover .lines .line-l,
.no-touch .link-block.active-hover .lines .line-r,
.no-touch .image:hover .lines .line-l,
.no-touch .image:hover .lines .line-r {
height: 100%;	
}
.news-events .posts-container .item .excerpt {
padding-right: 15px;
margin-bottom: 20px;	
}
.post-date p {
font-size: 15px;
font-size: 0.938rem;
font-weight: 600;
}
.categories {
padding: 20px 0 40px 0;
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
.categories ul {
display: inline-block;
margin: 0 auto;	
}
.categories ul li {
display: inline-block;
margin: 0 20px 12px 20px;
position: relative;	
}
.categories ul li a {
font-size: 12px;
font-size: 0.750rem;
text-transform: uppercase;	
}
.categories ul li.current-cat a {
color: 	#85C3CE;
}
.categories ul li .pipe {
display: block;
position: relative;
float: right;
width: 0px;
height: 0px;
}
.categories ul li .pipe:after {
content: "|";
position: absolute;
top: 0px;
right: -26.5px;
outline: none;
display: inline-block;
}
.categories ul li:last-child .pipe:after {
content: none;	
}
.load-more-posts {
width: 100%;
clear: both;
height: 180px;
padding: 60px 0;
text-align: center;
}
.load-more-posts .load {
height: 60px;	
}
.no-more-posts {
clear: both;
width: 100%;	
} .single .basic-content img {
margin-bottom: 40px;	
}
.single .basic-content ul,
.single .basic-content ol {
margin-bottom: 20px;	
} .pagination {
text-align: center;
padding: 60px 0;
}
.pagination a {
border: none;
color: #ffffff;
font-size: 15px;
font-size: 0.938rem;
font-weight: 400;
width: auto;
max-width: none;
line-height: 1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 13px 20px 13px 20px;
display: block;
margin-bottom: 5px;
background-color: #85C3CE;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;	
}
.no-touch .pagination a:hover {
color: #ffffff;
background-color: #0D2240;
}
.pagination .back-button {
width: auto;
clear: none;
padding: 0;
text-align: center;
}
.pagination .col {
display: inline-block;
vertical-align: middle;
margin: 0 10px;	
}
.pagination .prev a,
.pagination .next a {
width: 41px;
height: 41px;
padding: 0;
font-size: 0;
background-repeat: no-repeat;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.pagination .prev a {
background-image: url(//www.clayesmore.com/wp-content/themes/clayesmore/images/arrows/arrow-left.svg);
background-position: top 12px left 13px;
}
.pagination .next a {
background-image: url(//www.clayesmore.com/wp-content/themes/clayesmore/images/arrows/arrow-right.svg);
background-position: top 12px right 13px;
} .woocommerce-pagination { 
text-align: center;
width: 100%;
padding-top: 40px;
clear: both;
display: block;
}
.woocommerce-pagination .page-numbers {
display: inline-block;	
}
.woocommerce-pagination .page-numbers li {
float: left;
margin: 0 5px 10px 5px;	
}
.woocommerce-pagination .page-numbers li span,
.woocommerce-pagination .page-numbers li a {
border: none;
color: #ffffff;
font-size: 15px;
font-size: 0.938rem;
font-weight: 400;
width: 41px;
height: 41px;
max-width: none;
line-height: 1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 13px 4px;;
display: block;
margin-bottom: 5px;
background-color: #85C3CE;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.woocommerce-pagination .page-numbers li a.prev,
.woocommerce-pagination .page-numbers li a.next {
font-size: 0;	
background-repeat: no-repeat;
}
.woocommerce-pagination .page-numbers li a.prev {
background-image: url(//www.clayesmore.com/wp-content/themes/clayesmore/images/arrows/arrow-left.svg);
background-position: top 12px left 13px;	
}
.woocommerce-pagination .page-numbers li a.next {
background-image: url(//www.clayesmore.com/wp-content/themes/clayesmore/images/arrows/arrow-right.svg);
background-position: top 12px right 13px;
}
.no-touch .woocommerce-pagination .page-numbers li a:hover,
.woocommerce-pagination .page-numbers li span.current {
background-color: #0D2240;
color: #ffffff;
} .onsale {
position: absolute;
top: 8px;
left: 8px;
z-index: 5;
padding: 5px 16px;
color: #ffffff;
background-color: #85C3CE;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.single-product .price,
.news-events .posts-container .product .price {
width: 100%;
clear: both;
display: block;
margin-bottom: 20px;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;	
}
.news-events .posts-container .product .price {
margin-bottom: 0;	
}
.news-events .posts-container .product a.view {
margin-right: 10px;
} .single-product .product {
position: relative;
padding-bottom: 40px;	
}
.single-product .onsale {
position: static;
margin-bottom: 20px;
display: inline-block;
}
.single-product .price {
font-size: 26px;
font-size: 1.675rem;	
}
.single-product button.button {
border: none;
color: #ffffff;
font-size: 15px;
font-size: 0.938rem;
width: auto;
max-width: none;
cursor: pointer;
line-height: 1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 13px 20px 13px 20px;
display: inline-block;
background-color: #0D2240;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;		
}
.no-touch .single-product button.button:hover {
background-color: #85C3CE;		
}
.single-product .quantity input[type="number"] {
padding: 10px;
margin-bottom: 30px;
max-width: 55px;
}
.woocommerce-product-gallery__trigger {
display: none;	
}
.single-product .summary {
margin-bottom: 40px;	
}
.single-product table.variations tr {
padding: 5px 0;	
}
.single-product table.variations td,
.single-product .variations label {
display: block;
clear: both;
width: 100%;
}
.single-product .variations label {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.43;
margin-bottom: 5px;
}
.single-product .variations .select-wrap {
max-width: 220px;
border-radius: 25px;
}
.ie9.single-product .variations {
width: 300px;	
}
.single-product .variations .select-wrap select {
padding: 13px 53px 13px 18px;	
}
.single-product .table-wrap table.variations {
margin-bottom: 20px;
} .single-product .event-details {
padding-bottom: 20px;
}
.single-product .event-details p {
margin-bottom: 10px;	
}
.woocommerce-product-details__short-description {
margin-bottom: 20px;	
}
.reset_variations {
display: none !important;	
}
.single-product .event-links {
width: 100%;
clear: both;	
}
.single-product .event-links .row {
width: 100%;
margin-bottom: 20px;
border-bottom: 1px solid #e7e7e7;	
}
.single-product .event-links .row p {
margin-bottom: 12px; 
}
.single-product .event-links .row a.button {
margin-bottom: 20px;	
} .ie8.single-product table.variations tr,
.ie9.single-product table.variations tr {
width: 100%;
display: block;
float: left;
clear: left;
}
.ie8.single-product table.variations tr th, 
.ie8.single-product table.variations tr td,
.ie9.single-product table.variations tr th, 
.ie9.single-product table.variations tr td {
width: 100%;
display: block;
float: left;
clear: left;	
}
.ie8 .select-wrap,
.ie9 .select-wrap {
color: #0D2240;
background-color: #ffffff;
border: 2px solid #0D2240;	
}
.ie9 .woocommerce .shipping-calculator-form .select-wrap:before,
.ie9 .select-wrap:before {
content: none;
}
.ie8 .select-wrap select,
.ie9 .select-wrap select,
.ie8 .woocommerce .shipping-calculator-form .select-wrap select,
.ie9 .woocommerce .shipping-calculator-form .select-wrap select {
color: #0D2240;
width: 100%;
text-indent: none;	
}
.ie8.single-product .variations .select-wrap select,
.ie9.single-product .variations .select-wrap select {
padding: 13px 20px;
}
.ie11 .woocommerce .shipping-calculator-form .select-wrap::before {
top: 15px;	
} .basic-content div.wpcf7 {
padding: 20px 0 0 0;
clear: both;
position: relative;
z-index: 10;
}
.two-col div.wpcf7 form {
padding-right: 20px;	
}
.page-section form input[type="tel"],
.page-section form input[type="text"],
.page-section form input[type="password"],
.page-section form input[type="email"],
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"],
.lost_reset_password input[type="text"],
.woocommerce-checkout .page-section form select,
.woocommerce-checkout .page-section form textarea,
.wpcf7 form input[type="text"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="email"],
.select-wrap select,
.wpcf7 form select,
.wpcf7 form textarea {
width: 100%;
border: none;
padding: 15px 18px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
}
.page-section form input[type="tel"],
.page-section form input[type="text"],
.page-section form input[type="password"],
.page-section form input[type="email"],
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"],
.lost_reset_password input[type="text"],
.woocommerce-checkout .page-section form textarea,
.wpcf7 form input[type="text"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="email"],
.wpcf7 form textarea {
margin-bottom: 20px;
color: #0D2240;
background-color: #C7D4E2;	
}
.page-section .search-form  form input[type="text"] {
background-color: transparent;	
}
.search .page-section .search-form {
height: 32px;	
}
.woocommerce form textarea,
.wpcf7 form textarea {
resize: none;
height: 180px;	
}
.select-wrap {
overflow: hidden;
margin-bottom: 20px;
position: relative;
width: 100%;
height: 100%;
border: 1px solid #0D2240;		
}
form .select-wrap {
color: #ffffff;
background-color: #0D2240;
border: none;
height: 49px;		
}
.select-wrap:before {
content: "";
width: 17px;
height: 10px;
background: #ffffff url(//www.clayesmore.com/wp-content/themes/clayesmore/images/arrows/select-arrow.png) no-repeat;
background: url(//www.clayesmore.com/wp-content/themes/clayesmore/images/arrows/select-arrow.svg) no-repeat;
position: absolute;
right: 20px;
top: 50%;
margin-top: -5px;
}
.select-wrap select {
position: relative;
z-index: 3;
cursor: pointer; padding: 15px 18px;
width: 106%;
min-width: 220px;
border: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';		
}
form .select-wrap select {
color: #ffffff;
}
form .select-wrap select option {
color: #0D2240;	
}
form .select-wrap select::-ms-expand {
display: none;
} form .select-wrap.multiple {
background-color: #f4fdff;
border: 2px solid #C7D4E2;
color: #ffffff;
height: auto;
}
.select-wrap.multiple:before {
background-image: none; }
form .select-wrap.multiple select {
min-height: 99px;
padding: 8px;	
}
.android form .select-wrap.multiple select {
min-height: 49px;
text-indent: 12px;
color: #0D2240;
}
form label {
font-size: 22px;
font-size: 1.375rem;
margin-bottom: 10px;
font-weight: 300;
color: #0D2240;
display: block;
position: relative;
}
form label.toggle-label {
cursor: pointer;
font-size: 17px;
font-size: 1.063rem;
margin-bottom: 20px;
}
form label .toggle {
display: block;
width: 26px;
height: 26px;
color: #ffffff;
position: absolute;
right: 15px;
top: -1px;
z-index: 5;
cursor: pointer;
background-color: #85C3CE;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;	
}
form label .toggle:after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-right: 2px solid #ffffff;
border-top: 2px solid #ffffff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -70%) rotate(135deg);
-moz-transform: translate(-50%, -70%) rotate(135deg);
-ms-transform: translate(-50%, -70%) rotate(135deg);
-o-transform: translate(-50%, -70%) rotate(135deg);
transform: translate(-50%, -70%) rotate(135deg);	
}
form label .toggle.open {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
form fieldset.hidden-fields {
display: none;	
}
select option:hover, 
select option:focus, 
select option:active, 
select option:checked {
background-color: #C7D4E2;
}
.wpcf7 form input[type="submit"] {
width: 100%;
max-width: 155px;
padding: 13px 18px;
color: #ffffff;
border: none;
background-color: #BCB55F;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 16px;
font-size: 1rem;
line-height: 1em;
cursor: pointer;
clear: both;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.no-touch .wpcf7 form input[type="submit"]:hover {
color: #ffffff;
background-color: #0D2240;	
}
.wpcf7 form ::-webkit-input-placeholder {
color: #0D2240;
}
.wpcf7 form ::-moz-placeholder {
color: #0D2240;
}
.wpcf7 form :-ms-input-placeholder {
color: #0D2240;
}
.wpcf7 form :-moz-placeholder {
color: #0D2240;
}
.wpcf7-recaptcha {
margin-bottom: 20px;
} .wpcf7 form span.wpcf7-not-valid-tip {
display: none !important;	
}
.wpcf7 form div.wpcf7-response-output {
margin: 20px 0;
width: 100%;
font-size: 14px;
font-size: 0.875rem;
clear: both;
}
.wpcf7 textarea.wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid,
.wpcf7 form .select-wrap select.wpcf7-not-valid,
.wpcf7 input[type="tel"].wpcf7-not-valid, 
.wpcf7 input[type="email"].wpcf7-not-valid, 
.wpcf7 input[type="text"].wpcf7-not-valid {
color: #0D2240;
background-color: #ffd4d4;
}
.wpcf7 select.department.error {
background-color: #ffd4d4;
}
.wpcf7 div.wpcf7-validation-errors {
border: 2px solid #fb9d9d;
background-color: #ffd4d4;
margin: 20px 0;
width: 100%;
padding: 12px 20px;
color: #ec6c6c;
color: red;
}
.wpcf7 div.wpcf7-mail-sent-ok {
padding: 20px;
border: 2px solid #85C3CE;
margin-bottom: 30px;
position: relative;
background-color: #f4fdff;
color: #0D2240;
}
.gdpr-terms {
padding: 10px 0;
}
.gdpr-terms span.wpcf7-list-item {
margin: 0;
}
.gdpr-terms label {
font-size: 0.813rem;
}
.gdpr-terms input[type="checkbox"] {
position: relative;
top: 1px;
margin: 0 8px 5px 0;
cursor: pointer;
} .woocommerce-page section.news-events {
padding-bottom: 60px;
}
.woocommerce-cart p.cart-empty {
margin-top: 10px;	
}
.woocommerce-cart .woocommerce-error,
.woocommerce .woocommerce-error, 
.woocommerce .woocommerce-message, 
.woocommerce .woocommerce-info, 
.woocommerce-page .woocommerce .woocommerce-info {
padding: 20px;
border: 2px solid #85C3CE;
margin-bottom: 30px;
position: relative;
background-color: #f4fdff;
color: #0D2240;
}
.woocommerce-cart .woocommerce-error,
.woocommerce .woocommerce-error {
background-color: #ffd4d4;
border: 2px solid #fb9d9d;
}
.woocommerce-cart .woocommerce-error li,
.woocommerce .woocommerce-error li {
padding: 0;	
}
.woocommerce-cart .woocommerce-error li:last-child,
.woocommerce .woocommerce-error li:last-child {
margin-bottom: 0;	
}
.woocommerce-cart .woocommerce-error li:before,
.woocommerce .woocommerce-error li:before {
content: none;	
}
.woocommerce-message a.button {
margin: 0 15px 10px 0;
float: left;	
}
.no-touch .woocommerce-message a.button:hover {
color: #ffffff;
background-color: #85C3CE;
}
.item a.add_to_cart_button {
position: relative;	
}
.item a.add_to_cart_button.added i {
position: absolute;
top: -1px;
right: -20px;
}
.item a.add_to_cart_button.added i:after {
position: absolute;
top: 10px;
left: -7px;
color: #3daf2c;
display: block;
font-family: FontAwesome;
content: "\f00c";
margin-left: 0;
}
.item a.added_to_cart {
clear: both;
margin-top: 20px;
font-size: 12px;
font-size: 0.750rem;
font-weight: 400;
line-height: 0.750em;
background-color: #BCB55F;
display: block;
max-width: 120px;
} .woocommerce-cart-form {
width: 100%;	
}
.woocommerce table.shop_table {
border: 1px solid #0D2240;
margin: 0 -1px 25px 0;
text-align: left;
width: 100%;
border-collapse: collapse;
border-radius: 0;
}
.woocommerce table.shop_table th {
font-weight: 400;
padding: 12px;
border-top: 1px solid #0D2240;
}
.woocommerce table.shop_table td {
border-top: 1px solid #0D2240;
padding: 12px;
vertical-align: middle;
}
.woocommerce .cart-collaterals .cart_totals {
float: right;
width: 48%;
text-align: right;
}
.woocommerce a.remove {
display: block;
font-size: 20px;
font-size: 1.250rem;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
color: red !important;
text-decoration: none;
font-weight: 700;
border: 0;
}
.no-touch .woocommerce a.remove:hover {
color: #ffffff !important;
background: red;
}
.woocommerce table.cart .cart_item .product-thumbnail a {
max-width: 60px;
display: block;	
}
.woocommerce .quantity .qty {
width: 55px;
height: 40px;
padding: 5px;
background-color: #C7D4E2;
border: none;
}
.woocommerce table.cart td.actions {
text-align: right;
padding: 30px 20px;
} .woocommerce table.cart td.actions .coupon {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
display: inline-block;
float: left;
width: 55%;
}
.woocommerce .coupon label {
display: none;
}
.woocommerce table.cart td.actions .coupon input[type="text"] {
margin: 0 10px 10px 0 !important;
width: 100%;
float: left;
max-width: 180px;
background-color: #C7D4E2;
}
.woocommerce table.cart td.actions .coupon input[type="submit"] {
float: left;	
}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, 
.woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled] {
color: #ffffff;
cursor: not-allowed;
opacity: 0.3;
}
.woocommerce table.cart td.actions input[type="text"] {
padding: 10px;
color: #0D2240;
background-color: #C7D4E2;
}
.woocommerce-checkout-payment.basket-payment-methods {
margin-bottom: 25px;
padding: 20px 20px 10px 20px;
}
.woocommerce-checkout-payment {
padding: 20px;
border: 1px solid #0D2240;
}
.woocommerce table.cart td.actions .input-text, 
.woocommerce table.cart td.actions .button, 
.woocommerce table.cart td.actions .checkout-button {
margin-bottom: 0 !important;	
}
.woocommerce .shipping ul#shipping_method {
margin-bottom: 10px;	
}
.woocommerce .shipping ul#shipping_method li {
margin-bottom: 5px;
padding: 0;	
}
.woocommerce .shipping ul#shipping_method li:before {
content: none;	
} .woocommerce .shipping-calculator-form {
padding-bottom: 10px;	
}
.woocommerce .shipping-calculator-form p {
margin: 0;	
}
.woocommerce .shipping-calculator-form input[type="text"] {
padding: 8px;
color: #0D2240;
background-color: #C7D4E2;
}
.woocommerce .shipping-calculator-form input[type="text"],
.woocommerce .shipping-calculator-form .select-wrap {
margin-bottom: 15px;
max-width: 260px;	
}
.woocommerce .shipping-calculator-form input[type="text"],
.woocommerce .shipping-calculator-form .select-wrap {
width: 100%;
height: 100%;
}
.woocommerce .shipping-calculator-form .select-wrap {
overflow: hidden;
max-height: 37px;
position: relative;	
}
.woocommerce .shipping-calculator-form .select-wrap select {
padding: 8px;
width: 106%;
border: 0;
position: relative;
z-index: 3;
cursor: pointer;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
.woocommerce .shipping-calculator-form .select-wrap:before {
content: "\f107";
font-family: FontAwesome;
font-size: 1.250em;
background: none;
position: absolute;
display: inline-block;
right: 10px;
top: 11px;
}
.woocommerce .shipping-calculator-form .select-wrap select::-ms-expand {
display: none;
}
.woocommerce a.shipping-calculator-button {
position: relative;
color: #0D2240;	
}
.no-touch .woocommerce a.shipping-calculator-button:hover { 
color: #85C3CE;
}
.woocommerce a.shipping-calculator-button:after {
content: "\f107";
position: absolute;
font-family: FontAwesome;
display: inline-block;
right: -20px;
top: -1px;
font-size: 1.250em;
}
.woocommerce-page .woocommerce .wc-proceed-to-checkout a.button:before {
content: "\f07a";
font-family: 'FontAwesome';
font-size: 15px;
text-indent: 0;
display: block;
float: left;
margin-right: 10px;
position: relative;
top: -1px;
} .woocommerce .checkout-col {
width: 46%;
float: left;
margin-right: 8%;
}
.woocommerce .checkout-col-last {
margin-right: 0;
}
.woocommerce-checkout p {
margin-bottom: 0;	
}
.woocommerce-checkout p.order-again {
margin-bottom: 20px;	
}
.woocommerce-checkout form p.form-row label:not(.checkbox) {
display: none;
}
.woocommerce-checkout form .woocommerce-account-fields {
margin-bottom: 30px;
clear: both;
padding-top: 10px;
}
.woocommerce-checkout form .woocommerce-account-fields p.form-row label {
display: block;
}
.woocommerce form ::-webkit-input-placeholder {
color: #0D2240;
}
.woocommerce form ::-moz-placeholder {
color: #0D2240;
}
.woocommerce form :-ms-input-placeholder {
color: #0D2240;
}
.woocommerce form :-moz-placeholder {
color: #0D2240;
}
.woocommerce .checkout_coupon {
width: 100%;
padding: 0 0 15px 0;
margin: 0 0 10px 0;
}
.woocommerce form.checkout_coupon .form-row {
width: 220px;
margin: 0 10px 0 0;
}
.woocommerce form.checkout_coupon .form-row.form-row-last {
margin: 0;
}
.woocommerce .select2-container {
width: 100% !important;
clear: both;
margin-bottom: 20px;
}
.woocommerce .select2-container--default .select2-selection--single {
border: none;
padding: 10px;
font-size: 14px;
font-size: 0.875rem;
height: 100%;
position: relative;
color: #ffffff;
background-image: none !important;
background-color: #0D2240;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;	
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #ffffff;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
content: "";
width: 17px;
height: 10px;
background: #ffffff url(//www.clayesmore.com/wp-content/themes/clayesmore/images/arrows/select-arrow.png) no-repeat;
background: url(//www.clayesmore.com/wp-content/themes/clayesmore/images/arrows/select-arrow.svg) no-repeat;
position: absolute;
right: 20px;
top: 50%;
margin-top: -5px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;	
}
.woocommerce-page #billing_country {
border: none;
padding: 10px;
font-size: 16px;
font-size: 1rem;
position: relative;
background-image: none !important;
text-transform: uppercase;
}
#shipping_method li label,
.wc_payment_method label,
.wc_payment_method input[type="radio"],
input#ship-to-different-address-checkbox,
#shipping_method li input[type="radio"] {
cursor: pointer;
margin: 3px 3px 3px 0px;	
}
.payment_method_paypal img {
max-width: 210px;
clear: both;
display: block;
}
.woocommerce .wc_payment_method a {
clear: both;
display: block;
font-size: 12px;
font-size: 0.750rem;
}
.woocommerce table.shop_table strong,
.order-review-col strong.product-quantity {
color: #0D2240;	
}
.woocommerce-checkout form input[type="password"] {
max-width: 80%;
margin-bottom: 10px;	
} .woocommerce-checkout .woocommerce-form-login {
padding: 20px;
width: 46%;
border: 2px solid #85C3CE;
margin-bottom: 30px;
}
.woocommerce-checkout .woocommerce-form-login .form-row-first {
margin-top: 10px;	
}
.woocommerce-checkout .woocommerce-form-login input[type="password"] {
width: 100%;
max-width: 100%;
margin-bottom: 20px;	
}
.woocommerce-checkout .woocommerce-form-login input[type="submit"] {
margin-bottom: 10px;	
}
.woocommerce-checkout .woocommerce-form-login .lost_password {} .woocommerce-checkout div.create-account {
padding-top: 20px;	
}
.woocommerce-checkout .create-account #account_password_field label {
margin-bottom: 5px;	
}
.woocommerce-checkout .create-account .woocommerce-password-strength.bad,
.woocommerce-checkout .create-account .woocommerce-password-strength.short {
color: red;	
}
.woocommerce-checkout .create-account .woocommerce-password-strength.good {
color: orange;	
}
.woocommerce-checkout .create-account .woocommerce-password-strength.strong {
color: #3daf2c;	
} .woocommerce-checkout-payment ul.payment_methods li {
margin-bottom: 15px;
padding: 0;	
}
.woocommerce-checkout-payment ul.payment_methods li:before {
content: none;	
}
.woocommerce-checkout-payment .payment_box p {
font-size: 12px;
font-size: 0.750rem;
}
.woocommerce-checkout #add_payment_method #payment .payment_method_paypal_express img, 
.woocommerce-checkout #payment .payment_method_paypal_express img{
margin-top: 5px;
} .woocommerce-checkout .fooevents-variation-desc {
font-size: 22px;
font-size: 1.375rem;
margin-bottom: 10px;
font-weight: 300;
color: #0D2240;
display: block;
position: relative;
}
.woocommerce-checkout .fooevents-variation-desc strong {
font-weight: normal;
} .woocommerce-order p.woocommerce-notice {
margin-bottom: 20px;
font-size: 18px;
font-size: 1.125rem;
}
.woocommerce-order ul.woocommerce-order-overview {
margin-bottom: 20px;	
}
.woocommerce-order ul.woocommerce-order-overview li {
margin-bottom: 6px;	
}
.woocommerce-order ul.woocommerce-order-overview strong {
color: #85C3CE;	
}
.woocommerce-order section.addresses {
padding-top: 20px;	
}
.woocommerce-order section.addresses .woocommerce-column {
border: 1px solid #0D2240;
padding: 20px;
margin-bottom: 40px;	
}
.woocommerce-order section.addresses .woocommerce-column address {
font-style: normal;
font-size: 14px;
font-size: 0.875rem;
}  .lost_reset_password,
.woocommerce-form-login {
max-width: 500px;	
}
.woocommerce-form-login label,
.lost_reset_password label {
display: none;	
}
.lost_reset_password input[type="text"] {}
.lost_reset_password p.form-row,
.woocommerce-form-login p.form-row {
margin-bottom: 0;	
}
.woocommerce-form-login p.lost_password {
margin: 20px 0;	
} .woocommerce-form-login .woocommerce-form__label-for-checkbox {
display: block;
clear: both;	
}
.woocommerce-account .woocommerce-form-login input[type="submit"] {
margin-bottom: 20px;	
} .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
background-color: #ffffff;
padding: 20px;
float: left;
width: 30%;
border: 1px solid #0D2240;	
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
padding: 0 20px 20px 20px;
float: right;
width: 68%;
background-color: #ffffff;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li {
margin-bottom: 10px;
padding: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li:before {
content: none;	
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads {
display: none;	
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a {
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;	
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li:last-child {
margin-bottom: 0;	
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active a {
color: #85C3CE; 	
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Message a.button {
margin-right: 10px;	
} .woocommerce-order-details .col-1,
.woocommerce-order-details .col-2,
.woocommerce-account .woocommerce .woocommerce-Addresses .col-1,
.woocommerce-account .woocommerce .woocommerce-Addresses .col-2 {
padding: 20px;
border: 1px solid #0D2240;
width: 100%;
margin-bottom: 30px;
}
.woocommerce address,
.woocommerce-order-details address,
.woocommerce-account .woocommerce .woocommerce-Addresses address {
font-size: 14px;
font-size: 0.875rem;
font-style: normal;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address a {
color: #85C3CE;
display: block;
margin-bottom: 5px;
float: right;
}
.no-touch .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address a:hover {
text-decoration: underline;	
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .form-row,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row {
margin-bottom: 0;	
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields label,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row label {
display: none;	
}
.woocommerce-account .woocommerce-MyAccount-content legend {
margin-bottom: 10px;	
}
.woocommerce-account p mark {
background-color: #f4fdff;
padding: 3px;
}
.woocommerce-account .woocommerce-order-details .table-wrap {
margin-bottom: 40px;	
} .page-id-84 .basic-content ul {
margin-bottom: 40px;	
}
.page-id-84 .basic-content ul li > ul {
margin-bottom: 10px;	
} .footer-links {
width: 100%;
clear: both;	
}
.basic-content + .footer-links {
padding-top: 80px;	
}
.footer-links a.footer-link {
width: 50%;
float: left;
display: block;
padding: 30px 20px;
text-align: center;
color: #ffffff;
font-weight: 400;
background-color: #BCB55F;
}
.footer-links a.footer-link:nth-child(2n+2) {
background-color: #0D2240;
}
.no-touch .footer-links a.footer-link:hover {
background-color: #85C3CE;
} footer {
text-align: center;
padding: 40px;	
}
.footer-container {
width: 100%;
max-width: 1115px;
margin: 0 auto;	
}
footer p {
font-size: 12px;
font-size: 0.750rem;
font-weight: 400;
} .social-menu {
width: 100%;
clear: both;
text-align: center;
margin-bottom: 15px;	
}
.social-menu ul,
.social-menu ul li {
display: inline-block;	
}
.social-menu ul li {
margin: 0 10px 9px 10px;	
}
.social-menu ul li a {
font-size: 22px;
font-size: 1.375rem;
color: #85C3CE;	
}
.no-touch .social-menu ul li a:hover {
color: #0D2240;
} .footer-menu {
width: 100%;
clear: both;
margin-bottom: 15px;
text-align: center;	
}
.footer-menu ul,
.footer-menu ul li {
display: inline-block;
position: relative;	
}
.footer-menu ul li {
margin: 0 14px 10px 14px;	
}
.footer-menu ul li a {
font-size: 15px;
font-size: 0.938rem;
font-weight: 400;
}
.footer-menu ul li.current-menu-item a {
color: #85C3CE;	
}
.footer-menu ul li:after {
content: "|";
display: block;
position: absolute;
top: -1px;
right: -20px;
}
.footer-menu ul li.no-pipe:after,
.footer-menu ul li:last-child:after {
content: none;	
}
.footer-content {
margin-bottom: 20px;
}
.footer-content p {
line-height: 1.35rem;
} .accreditations-menu {
width: 100%;
clear: both;
padding: 10px 0;
display: block;
text-align: centre;	
}
.accreditations-menu ul {
display: inline-block;	
}
.accreditations-menu ul li {
display: inline-block;
list-style-type: none;
margin: 0 12px 10px 12px;	
}
.sign-off p:last-child {
margin-bottom: 0;	
}
.sign-off p a {
color: #0D2240;	
}
.no-touch .sign-off p a:hover {
color: #BCB55F;	
}
.up {
display: none;
clear: both;
width: 26px;
height: 26px;
background-color: #85C3CE;
cursor: pointer;
padding: 5px;
margin: 30px auto 0 auto;
position: relative;
z-index: 30;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.up:after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-right: 2px solid #ffffff;
border-top: 2px solid #ffffff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -25%) rotate(-45deg);
-moz-transform: translate(-50%, -25%) rotate(-45deg);
-ms-transform: translate(-50%, -25%) rotate(-45deg);
-o-transform: translate(-50%, -25%) rotate(-45deg);
transform: translate(-50%, -25%) rotate(-45deg);
}
.no-touch .up:hover {
background-color: #0D2240;
} .no-script,
.ie8notice {
position: fixed;
bottom: 0;
left: 0;
z-index: 9993;
width: 510px;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
color: #ffffff;
padding: 22px;
background-color: #00aadd;
transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.no-script a,    
.ie8notice a {
color: #ffffff;
font-weight: 700;
}
.no-script p,
.ie8notice p {
color: #ffffff;
font-weight: 400;	
}
.ie8notice strong {
font-weight: 700;
}
.ie8notice ul.important-notice {
padding: 0;
list-style-type: 0;
margin-bottom: 20px;
}
.ie8notice ul.important-notice li {
display: inline;
margin-right: 10px;
}
.ie8notice ul.important-notice li img {
vertical-align: middle;
}
.ie8notice ul.important-notice li.uppercase {
text-transform: uppercase;
font-size: 1.2em;
vertical-align: middle;
} .message-widget {
position: fixed;
bottom: 0;
width: 100%;
min-height: 60px;
padding: 10px;
text-align: left;
z-index: 100;
background-color: #92C1CC;
}
.message-widget .container {
max-width: 800px;
padding: 0 30px;	
}
.message-widget .message-content {
float: left;
padding: 8px 20px 8px 90px;
position: relative;	
}
.message-widget .message-text {
float: left;
max-width: 470px;
}
.message-widget .container div {
vertical-align: middle;
display: inline-block;
}
.message-widget p {
margin-bottom: 0;
font-weight: 300;
font-size: 18px;
font-size: 1.125rem;
float: left;
display: inline-block;
}
.message-widget p strong {
font-weight: 500;	
}
.message-widget p.heading {
font-weight: normal;	
}
.message-widget .message-feather {
max-width: 70px;
position: absolute;
left: 0;	
}
.message-widget .close {
position: absolute;
right: 20px;
top: 50%;
margin-top: -7px;
width: 15px;
height: 15px;
z-index: 10;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.no-touch .message-widget .close:hover {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);	
}
.message-widget .close:before, 
.message-widget .close:after {
position: absolute;
left: 7px;
content: ' ';
height: 15px;
width: 2px;
background-color: #0D2240;
}
.message-widget .close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.message-widget .close:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.message-widget a.button {
float: right;	
}
.no-touch .message-widget a.button:hover {
color: #0D2240;
background-color: #ffffff;	
}
#CAFDonateWidgetContainer,
#CAFDonateButtonContainer {
float: left;
display: block;
margin: 0 auto;
width: 100%;
}
#CAFDonateWidgetContainer {
overflow-x: auto;
}
  @media screen and (max-width: 1530px) {
.top-bar-menu ul li a {
padding: 0 13px 15px 13px;	
}
.top-bar .search-form {
max-width: 160px;
margin-right: 10px;	
}
}
@media screen and (max-width: 1500px) {
.news-events .container { 
padding: 0 20px;
}
}
@media screen and (max-width: 1500px) { }
@media screen and (max-width: 1400px) {
header .left,
.top-bar .left {
display: none;	
}
.header .middle,
.top-bar .middle {
position: static;
padding-top: 7px;	
}
.top-menu,
.top-menu ul,
.top-bar-menu ul {
min-width: initial;
text-align: left;
}
.top-bar-menu ul li:first-child,
.top-menu ul li:first-child {
margin-left: 0;	
}
.top-menu ul li {
margin: 0 16px;
}
.top-menu ul li.level-1 .pipe:after {
right: -22.5px;	
}
header .right {
width: auto;	
}
.top-menu ul li.level-1 > .sub-wrap {
text-align: left;	
}
}
@media screen and (max-width: 1240px) {
.top-bar-menu ul li.level-1:after {
content: none;	
}
.top-bar-menu ul li a {
padding: 0 4px 15px 4px;
} .link-block h2,
.link-block h3,
.image-link-blocks .image-link-block h2,
.image-link-blocks .image-link-block h3 {
font-size: 1.750em;
font-size: 1.750rem; 
}
.link-block h2 br,
.link-block h3 br,
.image-link-blocks .image-link-block h2 br,
.image-link-blocks .image-link-block h3 br {
display: none;	
}
.link-blocks.three-col .link-block .block-container {
padding: 12%;	
}
}
@media screen and (max-width: 1200px) {
.container,
.top-content .container,
.basic-content .container {
padding: 0 20px;	
}
.news-events .posts-container .item p {
font-size: 0.875em;	
font-size: 0.875rem;	
}
footer {
padding: 40px 20px;	
}
}
@media screen and (max-width: 1150px) {   .video-banner .banner-content,
.main-banner .banner-content {
top: 40px;
left: 0;
padding: 0 0 0 5%;
}
.main-banner .banner-content br,
.video-banner .banner-content br  {
display: none;
}
.main-banner .banner-content p {
max-width: 550px	
}
.main-banner .feather {
left: 10%;	
}
.map-section .map-heading h2 {
font-size: 2.000em;	
}
.footer-menu ul li.no-pipe:after {
content: "|";	
}
}
@media screen and (min-width: 1025px) {
.mobile-menu {
display: none !important;	
}
.top-bar {
top: -51px;	
}
}
@media screen and (max-width: 1025px) {
.top-menu,
.top-bar {
display: none !important;
top: -51px !important;	
}
header .right {
width: 100%;
max-width: 100%;	
}
.quick-links {
float: left;	
}
.quick-links ul li:first-child {
margin-left: 0;
}
.top-navigation {
padding: 18px 20px 0 20px;	
}
.hamburger.active span.top {
top: 6px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); 	
}
.hamburger.active span.middle {
opacity: 0; 
}
.hamburger.active span.bottom {
top: -6px;
background-color: #85C3CE;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); 
}
.main-banner .banner-content p,
.video-banner .banner-content p {
font-size: 16px;
font-size: 1rem;
}
.mobile-menu ul li.mobile-hide a {
display: none;	
} .map {
height: 500px;	
}
.image-link-blocks .image-link-block .block-text p {
display: none;	
}
.image-link-blocks .image-link-block {
min-height: 660px;	
}
}
@media screen and (max-width: 960px) {
.link-blocks.three-col .link-block {
width: 50%;	
}
}
@media screen and (max-width: 879px) {
.news-events .posts-container .item {
width: 48%;
margin-right: 4%;	
}
.news-events .posts-container .item:nth-of-type(4n+4) {
margin-right: 4%;	
}
.news-events .posts-container .item:nth-of-type(2n+2) {
margin-right: 0;	
}
}
@media screen and (max-width: 779px) {
h1, h2 {
font-size: 1.500em;	
}
.video-banner .banner-content,
.main-banner .banner-content {
padding: 0 38px 0 20px;
}
.main-banner .banner-content p {
font-size: 	0.938em;
}
.map-section .map-heading {
position: static;
top: initial;
left: initial;
padding: 20px;
}
.map-section .map-heading h2 {
margin: 20px 0;
font-size: 1.500em;
font-size: 1.500rem;
}
.top-content p.large-p, 
.basic-content p.large-p {
font-size: 1.063em;
font-size: 1.063rem;	
}
.main-banner {
min-height: 450px;	
}
.image-link-blocks .image-link-block {
width: 100%;
min-height: 520px;
}
.image-link-blocks .image-link-block .block-container {
padding: 8%;
}
.link-block .block-container,
.link-blocks .link-block .block-container,
.link-blocks.three-col .link-block .block-container {
padding: 50px 45px;	
} .woocommerce .cart-collaterals .cart_totals {
width: 100%;	
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation,
.woocommerce .checkout-col, .woocommerce .cart-collaterals .cart_totals {
width: 100%;
float: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
margin-bottom: 40px;	
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
padding: 0;	
}
.up {
display: block;	
}
}
@media screen and (max-width: 750px) {
.two-col,
.two-col.last {
width: 100%;
margin-right: 0;	
}
.basic-content .two-col p {
max-width: 100%;	
}
.two-col div.wpcf7 form {
padding-right: 0;
}
.single-product .price {
font-size: 1.250em;
font-size: 1.250rem;	
}
.footer-menu ul li a {
font-size: 0.750em;
font-size: 0.750rem;
} .message-widget {
text-align: center;
padding: 15px;	
}
.message-widget div.message-feather {
display: none;
}
.message-widget .message-content {
padding: 8px;
width: 100%;
display: block;
padding-bottom: 15px;
}
.message-widget .message-text {
float: none;	
}
.message-widget .close {
top: 20px;	
}
.message-widget a.button {
float: none;	
}
}
@media screen and (max-width: 720px) {
.side-image-blocks .link-block,
.link-blocks.three-col .link-block,
.link-blocks.two-col .link-block,
.link-blocks .link-block {
width: 100%;
min-height: 180px;	
}
.side-image-blocks .block-image {
display: none;
}
.link-block,
.link-blocks .link-block {
min-height: 200px;	
} .woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce-order ul.woocommerce-order-overview li,
.woocommerce-order section.addresses .woocommerce-column address {
font-size: 0.813em;
font-size: 0.813rem;	
}
}
@media screen and (max-width: 679px) {
.woocommerce table.cart .product-thumbnail, 
.woocommerce table.cart .product-price {
left: -999em;
position: absolute;
}
.woocommerce table.cart td.actions {
text-align: left;	
}
.woocommerce table.cart td.actions .coupon {
margin-bottom: 20px;
text-align: left;
width: 100%;	
}
.woocommerce table.cart td.actions .coupon input[type="text"] {
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 579px) {
.quick-links ul li.contact-mob a {
display: block;	
}
.quick-links ul li.contact-desktop a {
display: none;	
}
.video-banner video.main-video {
bottom: -40%;
}
.image-link-blocks .image-link-block {
min-height: 520px;
}
.link-block h2,
.link-block h3,
.image-link-blocks .image-link-block h2,
.image-link-blocks .image-link-block h3 {
font-size: 1.500em;
font-size: 1.500rem;	
}
.footer-links a.footer-link {
font-size: 0.875em;
font-size: 0.875rem;	
}
.footer-links a.footer-link {
padding: 22px 8px;	
}
}
@media screen and (max-width: 479px) {
.logo img {
max-width: 180px;
}
.news-events .posts-container .item:nth-child(4n+4),
.news-events .posts-container .item:nth-child(2n+2),
.news-events .posts-container .item {
width: 100%;
margin-right: 0%;	
}
.categories ul li {
width: 50%;
float: left;
margin: 0 0 15px 0;
line-height: 0.875rem;
}
.woocommerce-pagination .page-numbers li {
margin: 0 4px 10px 4px;	
}
.woocommerce-pagination .page-numbers li span,
.woocommerce-pagination .page-numbers li a {
width: 32px;
height: 32px;
padding: 8px 4px;
}
.woocommerce-pagination .page-numbers li a.next {
background-position: top 8px right 9px;	
}
.woocommerce-pagination .page-numbers li a.prev {
background-position: top 8px left 9px;	
}
.footer-menu ul li {
width: 100%;
margin: 0 0 15px 0;
line-height: 0.875rem;
}
.footer-menu ul li a,
.categories ul li a {
display: block;	
}
.categories ul li .pipe {
display: none;	
}
.footer-menu ul li.no-pipe:after,
.footer-menu ul li:after {
content: none;	
}
}
@media screen and (max-width: 420px) {
h3 {
font-size: 1.175em;
font-size: 1.175rem;	
}
.image-link-blocks .image-link-block {
min-height: 400px;	
}
.map-section .map-heading h2,
.link-block h2,
.link-block h3,
.image-link-blocks .image-link-block h2,
.image-link-blocks .image-link-block h3 {
font-size: 1.375em;
}
.image-link-blocks .image-link-block .block-container {
padding: 40px;	
}
.woocommerce table.shop_table td {
padding: 8px;	
}
.map {
height: 400px;
}
.video-banner {
min-height: 280px;
height: -webkit-calc(100vh - 222px);
height: -moz-calc(100vh - 222px);
height: calc(100vh - 222px);	
}
banner .banner-content, 
.main-banner .banner-content {
padding: 0 25px 0 20px;
}
.video-banner video {
display: none;
}
.video-banner .mobile-gif {
display: block;	
}
.video-banner .banner-content h1 {
font-size: 20px;
font-size: 1.250rem;	
}
.video-banner .banner-content p {
display: none;	
}
}
@media screen and (max-width: 389px) {
.pagination .col {
margin: 0 2px;	
}
.woocommerce table.cart td.actions .coupon input[type="text"] {
width: 100%;
max-width: 100%;
margin-right: 0;	
}
.woocommerce .quantity .qty {
width: 50px;	
}
.image-link-blocks .image-link-block .block-container,
.link-block .block-container,
.link-blocks .link-block .block-container,
.link-blocks.three-col .link-block .block-container {
padding: 30px 20px;	
}
.lines {
display: none !important;	
}
} @media screen and (max-height: 850px) {
.video-banner video.main-video {
bottom: -35%;	
}
}