@charset "UTF-8";
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
 .animated {
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}@font-face {
font-family: 'libre_baskervillebold';
src: url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/librebaskerville-bold-webfont.woff2) format('woff2'),
url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/librebaskerville-bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'libre_baskervilleregular';
src: url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/librebaskerville-regular-webfont.woff2) format('woff2'),
url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/librebaskerville-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotobold';
src: url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/roboto-bold-webfont.woff2) format('woff2'),
url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/roboto-bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotolight';
src: url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/roboto-light-webfont.woff2) format('woff2'),
url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/roboto-light-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotomedium';
src: url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/roboto-medium-webfont.woff2) format('woff2'),
url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/roboto-medium-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotoregular';
src: url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/roboto-regular-webfont.woff2) format('woff2'),
url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/roboto-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Baysoir';
src: url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/Baysoir.woff2) format('woff2'),
url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/css/fonts/Baysoir.woff) format('woff');
font-weight: normal;
font-style: normal;
} html {
width: 100%;
overflow-x: hidden;
}
html.cut-off{
overflow:hidden;
}
body.sfm-ui-shown{
overflow:hidden;
}
::-moz-selection {
background-color: #be9c6c;
color: #FFFFFF;
;
}
::selection {
background-color: #be9c6c;
color: #FFFFFF;
;
}
a, a:hover {
color:#be9c6c;
transition: all .2s ease 0s;
cursor: pointer!important;
}
p a:hover{
text-decoration: underline;
cursor: pointer;
color: #be9c6c;
}
a:active{
opacity: 0.7;
}
body {
font-family: 'robotolight', sans-serif;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
font-size: 16px;
background-color: #fff;
background-repeat: repeat;
background-size: auto;
background-position: center top;
color:#333;
}
.animsition-overlay-slide{
z-index:99999 !important;
}
hr {
margin: 20px 0;
border-top: 1px solid #eee;
width: 100%;
}
p{
margin: 1em 0;
line-height: 1.6em;
}
p a, li a, ol a{
color:#333;
text-decoration: underline;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
}
footer p a, .city p a{
text-decoration:none;
}
a{
color: #333;
text-decoration: none;
cursor: pointer;
}
a:hover {
text-decoration: none;
cursor: pointer;
}
.strong, strong {
display: inline-block;
font-weight: 700;
}
img {
max-width: 100%;
height: auto;
}
h1 {
font-size: 3em;
line-height: 1em;
margin: 0 0 1.6em;
letter-spacing: 0;
}
h2 {
font-size: 2.5em;
line-height: 1.1em;
margin: 0 0 .5em;
}
h3 {
font-size: 2.2em;
line-height: 1.2em;
margin: 0 0 .5em;
}
h4 {
font-size: 1.9em;
line-height: 1.4em;
margin: 0 0 .5em;
letter-spacing: .5px;
}
h5 {
font-size: 1.5em;
line-height: 1.4em;
}
h6 {
font-size: 1.2em;
line-height: 1.4em;
}
.svg-inline--fa {
font-size:1.2em;
} .covid-banner {
background: #151821;
text-align: center;
color: #fff;
padding: 1.6em 0;
}
.covid-banner h4{
font-size:.95em;
margin:0;
padding:0;
}
.covid-banner a{
color:#fff;
border-bottom:1px solid #fff;
}
.covid-banner a:hover{
color:#be9d6f;
border-bottom:1px solid #be9d6f;
}
header#main-header{
position: absolute;
background: transparent;
width: 100%;
padding: 2em 0;
z-index:9;
transition: 0.2s all ease-in;
-webkit-transition: 0.2s all ease-in;
-moz-transition: 0.2s all ease-in;
-o-transition: 0.2s all ease-in;
}
img.logo-main {
width: 220px;
display: block;
margin: 0 auto;
float:left;
}
.menu-holder ul#menu-main-menu {
list-style: none;
padding: 0;
text-align:right;
margin-top:5px;
}
.menu-holder ul#menu-main-menu li {
padding: 3px 10px;
margin: 0 -2px;
display:inline-block;
position: relative;
font-family: 'libre_baskervilleregular', serif;
border-right: 1px solid #be9d6f;
}
.menu-holder ul#menu-main-menu li:last-child {
border-right: none;
}
.menu-holder ul#menu-main-menu li a{
color:#fff;
text-transform:uppercase;
text-decoration:none;
letter-spacing: 0;
font-size:.9em;
}
.menu-holder ul#menu-main-menu li a:hover{
color:#be9d6f;
}
.menu-holder ul#menu-main-menu  li.with-dropdown:before,
.menu-holder ul#menu-main-menu li.menu-item-has-children:hover:before {
transition: 0.2s all ease;
-webkit-transition: 0.2s all ease;
-moz-transition: 0.2s all ease;
-o-transition: 0.2s all ease;
}
.menu-holder ul#menu-main-menu li.menu-item-has-children{
padding-right:25px;
}
.menu-holder ul#menu-main-menu li.menu-item-has-children:before {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight:900;
position: absolute;
right: 11px;
font-size: 12px;
bottom: 5px;
color: #fff;
opacity:  0.4;
}
.menu-holder ul#menu-main-menu li.menu-item-has-children:hover:before {
opacity: 1;
}
.menu-holder ul#menu-main-menu li.menu-item-has-children:hover{
color:#be9d6f;
}
.menu-holder ul#menu-main-menu ul.sub-menu {
position: absolute;
top: 30px;
left: 9px;
width: 100%;
min-width: 300px;
text-align: left;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 200ms ease;
-moz-transition: 200ms ease;
-o-transition: 200ms ease;
transition: 200ms ease;
background: white;
padding: 9px 3px 17px !important;
transition: all 0.2s;
margin-left: -10px;
}
.menu-holder ul#menu-main-menu li.menu-item-has-children:hover ul.sub-menu {
opacity: 1;
visibility: visible;
}
.menu-holder ul#menu-main-menu ul.sub-menu li {
display: block !important;
text-align: left;
padding-bottom: 5px !important;
padding-top: 5px !important;
border-right: none;
}
.menu-holder ul#menu-main-menu ul.sub-menu li a{
text-transform:none;
font-size:.95em;
text-decoration: none;
letter-spacing: 0;
color: #333;
font-weight:bold;
}
.menu-holder ul#menu-main-menu ul.sub-menu li:last-child {
padding-bottom: 0 !important;
}
.menu-holder ul#menu-main-menu ul.sub-menu li {
margin-left:0px;
margin: 0px 12px;
padding: 5px 0;
}
.menu-holder ul#menu-main-menu ul.sub-menu li a:hover {
color:#be9d6f;
} header#main-header.scrolled {
background: #fff;
position: fixed;
padding:1em 0;
top:0;
-webkit-box-shadow: 0 8px 6px -6px  rgba(0, 0, 0, 9%);
-moz-box-shadow: 0 8px 6px -6px  rgba(0, 0, 0, 9%);
box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 9%);
}
.logo-holder-scrolled{
display:none;
}
header#main-header.scrolled .logo-holder-scrolled img{
width:135px;
float:left;
}
header#main-header.scrolled .logo-holder {
display:none;
}
header#main-header.scrolled .logo-holder-scrolled {
display:block;
}
header#main-header.scrolled .menu-holder ul#menu-main-menu li a{
color:#333;
}
header#main-header.scrolled  .menu-holder ul#menu-main-menu li a:hover {
color: #be9d6f;
}
header#main-header.scrolled  .menu-holder ul#menu-main-menu{
margin-top: 13px;
margin-bottom: 0;
}
header#main-header.scrolled .menu-holder ul#menu-main-menu li.menu-item-has-children:before{
color:#333;
} .mobile-menu{
display:none;
} .burger-menu-outer{
text-align:center;
width:35px;
font-size:13px;
}
.burger-menu-outer .menu-text{
display: block;
font-family: 'Circular Std Black', sans-serif;
position: relative;
top: 31px;
}
#hamburger {
width: 35px;
height: 35px;
top: 14px;
position: absolute;
right: 2em;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#hamburger span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #fff;
border-radius: 0;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
header#main-header.scrolled #hamburger span, .sfm-ui-shown  header#main-header span{
background:#000;
}
.sfm-ui-shown header#main-header {
background: transparent;
z-index: 9999999;
top: 0;
box-shadow: none;
padding: 1em 0;
position: fixed;
}
.sfm-ui-shown header#main-header img.logo-main{
width:135px;
}
.sfm-ui-shown header#main-header .logo-holder{
display:none;
}
.sfm-ui-shown header#main-header .logo-holder-scrolled{
display:block;
}
#hamburger:hover span{
background: #a0a0a0;
}
#hamburger span:nth-child(1) {
top: 0;
}
#hamburger span:nth-child(2),#hamburger span:nth-child(3) {
top: 10px;
}
#hamburger span:nth-child(4) {
top: 20px;
}
#hamburger.open span:nth-child(1), .sfm-ui-shown #hamburger span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
#hamburger.open span:nth-child(2),.sfm-ui-shown #hamburger span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#hamburger.open span:nth-child(3),.sfm-ui-shown #hamburger span:nth-child(3)  {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#hamburger.open span:nth-child(4),.sfm-ui-shown #hamburger span:nth-child(4)  {
top: 18px;
width: 0%;
left: 50%;
}
#sfm-sidebar .sfm-va-middle .sfm-menu li a span{
text-transform:uppercase;
padding-left:2em;
}
#sfm-sidebar .sfm-va-middle .sfm-menu li{
border-bottom:1px solid #e9e9e9;
text-transform:uppercase;
text-align:left;
font-family: 'libre_baskervilleregular', serif !important;
}
#sfm-sidebar .sfm-va-middle .sfm-menu li:first-child{
border-top:1px solid #e9e9e9;
}
#sfm-sidebar .sfm-menu li:hover a{
color: #B9986D;
}
#sfm-sidebar .sfm-menu li.sfm-submenu-visible a{
color: #B9986D;
}
#sfm-sidebar .sfm-va-middle  .sfm-menu li .sfm-child-menu li{
font-family: 'robotolight', sans-serif !important;
font-size:.9em;
background: #f1ede7;
}
#sfm-sidebar .sfm-va-middle  .sfm-menu li .sfm-child-menu li a span{
text-transform: none;
padding-left: 3em;
}
#sfm-sidebar.sfm-hl-line .sfm-menu li.sfm-submenu-visible>a, #sfm-sidebar.sfm-hl-line .sfm-menu li:hover>a, #sfm-sidebar.sfm-hl-line .sfm-menu li>a:focus {
background: transparent !important;
}
#sfm-sidebar .sfm-menu-level-0 li .sfm-sm-indicator i {
border-color: #c5c5c5 !important;
}
#sfm-sidebar .sfm-va-middle  .sfm-menu li .sfm-child-menu li a{
color:#000;
font-size: 1.2em;
} footer img.logo-main {
float: right;
padding-right: 20px;
margin-right: 60px;
}
.container.desktop-bottom-footer {
border-top: 1px solid #4d4d4d;
padding-top: 20px;
font-size: .9em;
}
footer{
background-image: url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/img/footer-background.jpg);
background-size:cover;
background-color: #151821;
color:#fff;
font-family: 'robotoregular', sans-serif;
}
footer .social-wrapper {
position: relative;
margin-top: 3px;
text-align: left;
font-weight: bold;
margin-bottom: 0;
}
footer h3 {
color: #fff;
font-family: 'libre_baskervillebold', serif;
text-align:left;
font-size: 1.15em;
position:relative;
padding-bottom:5px;
margin-bottom:7px;
}
footer .social-wrapper svg {
color: #fff;
position: relative;
top: 7px;
font-size: 1.4em;
margin: 6px;
}
footer .footer-top {
padding: 4em 1.5em 4em;
font-size:.9em;
}
footer img.logo-footer {
max-width: 320px;
display: block;
margin: 0 auto;
width:100%;
}
footer .footer-bottom-logo {
display: flex;
justify-content: flex-end;
}
footer .footer-bottom-logo .footer-logo-wrapper {
width: 30px;
position: relative;
top: 5px;
}
footer .footer-bottom-logo .footer-logo-wrapper {
margin-right: 10px;
}
footer .footer-logo-text {
padding-top: 5px;
}
footer .footer-bottom {
padding: 1.5em 0em 1.2em;
}
img.cubes-logo {
width: 21px;
margin-right: 5px;
}
footer .copyright-wrapper {
text-align: right;
}
footer .cubesedge:hover a{
color:#fff;
text-decoration:none;
}
footer .cubesedge:hover img{
opacity:0.7;
}
footer a{
color:#fff;
}
footer input[type=text], footer input[type=tel], footer input[type=email], footer input[type=date] {
width: 100%;
padding: 12px 10px;
margin: 10px 0;
background: transparent;
border: 1px solid #B7987D;
color: #fff;
box-shadow: none; font-size: .9em;
border-radius: 0px;
font-family: 'robotoregular', sans-serif;
}
footer input[type=text]:focus, footer input[type=tel]:focus, footer input[type=email]:focus, footer input[type=date]:focus, footer textarea:focus {
outline: none;
background: transparent;
}
footer input[type=submit] {
font-size: .9em;
color: #fff;
width: 100%;
background: #bf9d6f;
font-weight: bold;
font-family: 'robotoregular', sans-serif;
padding: 14px 5px;
border: none;
display: block;
outline: none;
margin: 10px auto 0;
display: inline-block;
}
footer .form-padr-1{
padding-right:0;
}
footer .lheight{
line-height: 1.7em;
}
footer .f-form {
margin-bottom: 15px;
}
footer .social-links {
list-style: none;
padding: 0;
text-align:left;
margin-top:5px;
margin-bottom:30px;
margin-left:-9px;
}
footer .social-links li {
padding: 3px 9px;
margin: 0 -2px;
font-size: 1.1em;
display:inline-block;
position: relative;
font-family: 'libre_baskervilleregular', serif;
border-right: 1px solid #be9d6f;
}
footer .social-links li:last-child {
border-right: none;
}
footer .social-links  li a{
color:#fff;
text-transform:uppercase;
text-decoration:none;
letter-spacing: .5px;
}
footer .social-links  li a:hover, footer ul#menu-site-map li a:hover{
color:#be9d6f;
}
footer .sitemap p {
margin-bottom: 10px;
}
footer ul#menu-site-map {
list-style: none;
padding: 0;
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
column-gap: 40px;
}
footer ul#menu-site-map li a{
text-decoration:none;
color:#fff;
padding-bottom:10px;
}
footer ul#menu-site-map li{
margin-bottom:10px;
}
#sales h3 {
font-family: 'libre_baskervilleregular', serif;
margin-bottom: 0;
font-size: 1.8em;
color: #000;
}
section.footer-block-image {
min-height: 45vh;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
body section.form-pad{
padding-bottom:8em;
}
.team-contact {
margin-top:2em;
}
.team-contact img.team-images {
width: 150px;
margin: 20px 20px 0 0;
} .header-intro{
text-align:center;
font-size:1.05em;
}
body section.st-block{
padding: 5em 0 0;
}
body section.title-block{
padding: 0 0 5em;
}
.has-dropcap:first-letter {
color: #be9d6f;
font-family: 'libre_baskervilleregular', serif;
float: left;
font-size: 3.5rem;
line-height: 0.85;
margin: 0.1em 0.1em 0.2em 0;
}
section.block {
padding: 5em 0;
}
.caravan-grid {
text-align:center;
}
.caravan-grid img{
-webkit-transition: 200ms ease;
-moz-transition: 200ms ease;
-o-transition: 200ms ease;
transition: 200ms ease;
}
.caravan-grid h3 {
font-size:1em;
margin:25px 0 10px;
text-transform:uppercase;
font-family: 'libre_baskervilleregular', serif;
letter-spacing: 1px;
color: #be9d6f
}
.c-grid a{
color: #333;
}
a.c-grid:hover h3{
color: #333;
}
a.c-grid:hover img{
opacity:0.9;
}
h3.c-title {
text-align: center;
font-family: 'libre_baskervilleregular', serif;
color: #be9d6f;
font-size: 1.7em;
margin-top: 48px;
}
p.p-text {
font-weight: bold;
font-family: 'robotobold';
margin-top: 0;
font-size: 1.1em;
}
section.block-1.wow.fadeInUp {
padding: 7em 0;
}
.extra-side-pad{
padding:0 2.5em;
}
img.bl-logo {
width: 400px;
margin: 0 auto 40px;
}
.bck-bld{
background-image: url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/img/blackladder.jpg);
background-size: cover;
background-position: center center;
}
.q-box h3 {
font-family: 'libre_baskervillebold', serif;
padding: 1.5em 0;
font-size: 1.95em;
line-height: 1.5em;
margin: 1.5em 0;
position: relative;
}
.q-box h3:before{
content: "";
background: #be9d6f;
width:80%;
height:4px;
position:absolute;
left:0;
bottom:0;
}
.q-box h3:after{
content: "";
background: #be9d6f;
width:80%;
height:4px;
position:absolute;
left:0;
top:0;
}
.block-2{
background-image: url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/img/block2.jpg);
padding:25rem 0 1.5rem;
background-size: cover;
background-position: center center;
}
.block-2 p{
color:#fff;
font-size:1.2em;
font-family: 'robotobold';
}
.block-3{
background: #be9d6f;
padding: 5em 0;
font-size:1em;
color:#fff;
background-size: cover;
background-position: center center;
}
.block-3 h3 {
color: #fff;
font-family: 'libre_baskervillebold', serif;
font-size: 2em;
display:inline-block;
position:relative;
padding-bottom:20px;
margin-bottom:20px;
}
.block-3 .p1{
text-align:right;
padding:1em 4em;
border-right:1px solid #fff;
}
.block-3 .p2{
padding:1em 4em;
}
.block-3 .p2 p {
color: #fff;
font-weight: bold;
font-family: 'robotobold';
font-size: 1.4em;
line-height: 1.4em;
padding-right: 4em;
}
.block-3 .p2 p.s-wa{
font-size:1.1em;
}
.block-3 .p2 p.s-wa a{
text-decoration: none;
color: #055195;
}
.block-3 .p2 p.s-wa a:hover{
text-decoration: underline;
}
.block-3 .p1 p {
color: #fff;
margin-bottom:0;
font-family: 'libre_baskervillebold', serif;
font-size: 1.6em;
position:relative;
}
.block-3 h3:after{
content: "";
background: #fff;
width:30px;
height:1px;
position:absolute;
left:0;
top:50px;
}
.block-4{
background: #fff;
color: #be9d6f;
text-align:center;
font-family: 'libre_baskervillebold', serif;
background-size: cover;
background-position: center center;
}
.block-4 .container{
max-width:100%;
padding:0;
}
.bck-txt{
padding: 3em 3em 2em;
}
.bck-txt p{
font-size:1em;
}
.foot-bk{
margin-top:78px;
}
.bck-txt p.contact-2{
font-size:1em;
font-family: 'libre_baskervilleregular', serif;
line-height: 2;
}
.bck-txt p.contact-2 a{
text-decoration:none;
}
.home-banner{
min-height: 90vh;
padding: 13em 0 3em;
background-size: cover;
display: flex;
vertical-align: middle;
align-items: center;
position:relative;
overflow:hidden;
background-position: center center;
}
.h-back {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center center !important;
background-position-x: 50%;
background-position-y: 0%;
-webkit-animation: zoomin 30s 1;
}
@-webkit-keyframes zoomin {
0% {
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
.mob-only-margin{
margin-bottom:0px;
}
h1.banner-h1 {
text-align: center;
color: #fff;
margin-top: 70px;
margin-bottom:60px;
font-size: 5.5em;
font-family: 'Baysoir';
}
.footer-top-2{
font-size:.9em;
}
p.banner-p {
color: #be9d6f;
font-family: 'libre_baskervilleregular', serif;
text-align:center;
font-size: 1.6em;
}
.test-slider img{
width:100%;
}
.slick-full .slick-dots {
position: absolute;
bottom: 30px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-full .slick-dots li button:before {
font-family: none;
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 5px;
background: #fff;
content: '';
text-align: center;
opacity: 1;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-full  .slick-dots li.slick-active button:before {
opacity: 1;
background: #be9d6f;
}
.slick-full .slick-dots li button {
width: 80px;
height: 5px;
}
.slick-full .slick-dots li {
width: 80px;
height: 5px;
margin: 0 2px;
}
.slick-full  .slick-prev:before,.slick-full   .slick-next:before {
font-family: "Font Awesome 5 Free";
font-weight:900;
font-size: 25px;
line-height: 1;
opacity: .3;
color: black;
}
.slick-full .slick-next {
right: -50px;
}
.slick-full .slick-prev{
left: -50px;
}
.slick-full  .slick-next:before {
content: '\f054';
}
.slick-full  .slick-prev:before {
content: '\f053';
}
.row.bottom-border {
border-bottom: 1px solid #bf9d6f;
padding-bottom: 2em;
}
.glamping-border {
border-bottom: 1px solid #bf9d6f;
margin-top: -3.5em;
padding-bottom: 3em;
margin-bottom: 3em;
width: 100%;
}
.row.bottom-border-2 {
border-bottom: 1px solid #bf9d6f;
padding-bottom: 5em;
}
.bottom-border-gold {
border-bottom: 1px solid #bf9d6f;
padding-bottom: 2em;
}
section.block.blog-block {
padding-bottom: 2em;
padding-top: 2em;
}
.page-template-pagetourcamping section.block.blog-block {
padding-top: 0;
}
.news-grid .pro-mg {
height: 250px;
overflow: hidden;
position:relative;
}
.news-grid .pro-mg:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 35px 35px 0;
border-color: transparent #fff transparent transparent;
left: 26px;
transition:all .2s;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg);
bottom: -22px;
position: absolute;
}
.news-grid .pro-mg img{
object-fit:cover;
width:100%;
height:100%;
transition:all .2s;
position:relative;
}
h3.fancy-v1 {
text-align: center;
color: #bf9d6f;
margin-top: 0;
margin-bottom: 40px;
font-size: 5em;
font-family: 'Baysoir';
}
span.f-rmore {
color: #bf9d6f;
}
.news-grid a:hover .exx{
color:#000;
}
.exx{
color:#000 !important;
}
.news-grid a:hover span.f-rmore{
text-decoration: underline;
}
.news-grid a:hover img{
opacity:0.8;
}
.news-grid a:hover .pro-mg:after {
bottom: -18px;
} .modal {
display: none; position: fixed; z-index: 999999; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); -webkit-animation-name: fadeIn; -webkit-animation-duration: 0.4s;
animation-name: fadeIn;
animation-duration: 0.4s
}
.modal h4 {
font-family: 'libre_baskervilleregular', serif;
margin-bottom: 0;
font-size: 1.3em;
color: #000;
} .modal-content {
position: fixed;
border-radius:0;
border:none !important;
bottom: 0;
right:0;
max-width:500px;
height:100%;
background-color: #fefefe;
width: 100%;
-webkit-animation-name: slideIn;
-webkit-animation-duration: 0.4s;
animation-name: slideIn;
animation-duration: 0.4s
}
.modal-header{
border:none !important;
}
.close {
color: black;
float: right;
font-size: 50px;
font-weight: 100;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-body {padding: 10px 46px;}
@-webkit-keyframes slideIn {
from {right: -300px; opacity: 0}
to {right: 0; opacity: 1}
}
@keyframes slideIn {
from {right: -300px; opacity: 0}
to {right: 0; opacity: 1}
}
@-webkit-keyframes fadeIn {
from {opacity: 0}
to {opacity: 1}
}
@keyframes fadeIn {
from {opacity: 0}
to {opacity: 1}
} h3.pro-title {
font-family: 'libre_baskervilleregular', serif;
margin: 20px 0 12px;
font-size: 1.3em;
transition:all .2s;
color: #bf9c6b;
}
.blog-banner{
min-height: 70vh;
background-color: #11141d;
padding: 10em 0 3em;
background-size: cover;
display: flex;
vertical-align: middle;
align-items: center;
background-position: center center;
overflow:hidden;
position:relative;
background-attachment: fixed;
}
.blog-banner:after{
position:absolute;
z-index:0;
background-color: #11141d;
content: "";
height:100%;
width:100%;
opacity:0.32;
top: 0;
left: 0;
}
.blog-banner .container{
position:relative;
z-index:1;
}
.blog-banner h1.banner-h1 {
text-align: center;
color: #fff;
margin-top: 70px;
margin-bottom:60px;
font-size: 3.8em;
font-family: 'Baysoir';
}
section.blog-post h1, section.blog-post h2, section.blog-post h3, section.blog-post h4, section.blog-post h5, section.blog-post h6{
font-family: 'libre_baskervilleregular', serif;
margin: 45px 0 10px;
font-size: 1.3em;
letter-spacing:0;
color: #bf9c6b;
}
p.small-date {
color: #fff;
text-align: center;
font-size: 1.05em;
margin-bottom:5px;
}
.blog-banner ul.post-categories {
padding-left: 0;
list-style: none;
text-align:center;
}
.blog-banner ul.post-categories li{
display:inline-block;
margin:5px 3px;
padding:0 3px;
}
.blog-banner ul.post-categories li:after{
content: "/";
color: #fff;
opacity: 0.5;
font-size: 18px;
position: relative;
right: -8px;
top: 1px;
}
.blog-banner ul.post-categories li:last-child:after{
content:none;
}
.blog-banner ul.post-categories li a{
color:#fff;
text-decoration:none;
}
.blog-banner ul.post-categories li a:hover{
text-decoration:underline;
}
.col-md-4.news-grid {
margin-bottom: 4em;
} .page-banner{
min-height: 78vh;
padding: 13em 0 3em;
background-color: #11141d;
background-size: cover;
display: flex;
vertical-align: middle;
align-items: center;
background-position: center center;
background-attachment: fixed;
} .tab {
overflow: hidden;
border-bottom: 1px solid #bf9d6f;
text-align:center;
padding-bottom:20px;
} .tab a {
padding: 6px 16px;
margin: 0;
display: inline-block;
font-family: 'libre_baskervilleregular', serif;
font-size: 1.5em;
color: #eaddca !important;
transition: 0.2s;
border-right: 1px solid #bf9d6f;
}
.tab a:last-child{
border-right:none;
}
.tab a:hover {
color: #bf9d6f !important;
}
.tab a.active {
color: #bf9d6f !important;
}
.tabcontent {
height:0;
animation: fadeEffect .2s;
} h2.alt-title {
font-family: 'libre_baskervilleregular', serif;
margin-bottom: 0;
font-size: 1.8em;
margin-top: 25px;
} .row.lr-grid {
padding: 3em 0;
width: 100%;
}
.row.lr-grid  .slick-dotted.slick-slider {
margin-bottom: 0;
}
.sq-block h4{
text-align: left;
color: #bf9c6b;
margin-top: 30px;
margin-bottom: 20px;
font-size: 2.5em;
font-family: 'Baysoir';
}
.lr-grid h3 {
text-align: left;
color: #bf9c6b;
margin-top: 10%;
margin-bottom: 20px;
font-size: 3em;
font-family: 'Baysoir';
}
.sq-holder{
background-size:cover;
background-position: center;
height:300px;
}
a.lr-button {
font-size: .95em;
margin: 10px 0 10px;
font-family: 'libre_baskervilleregular', serif;
color: #be9d6f;
border: 1px solid #be9d6f;
padding: 10px 25px;
display: inline-block;
}
a.lr-button.spad-less-bt{
padding:10px 10px;
font-size:.9em;
}
a.lr-button:hover {
color: #fff;
border: 1px solid #be9d6f;
background: #be9d6f;
}
.row.lr-grid p.sub-text {
color: #bf9c6b;
font-family: 'libre_baskervillebold', serif;
margin-top: -6px;
}
.col-md-6.lr-gpad {
padding: 0 3em;
}
section.cta-block {
padding: 10em 0 !important;
text-align:center;
color:#fff;
background-size: cover;
background-position:center center;
background-attachment: fixed;
}
section.cta-block h2{
text-align: center;
color: #fff;
margin-top: 0;
margin-bottom: 10px;
font-size: 4.1em;
font-family: 'Baysoir';
}
section.cta-block p.cta-intro{
color:#fff;
text-align: center;
font-family: 'libre_baskervillebold', serif;
font-size:1.5em;
}
a.cta-button {
font-size: .95em;
margin: 10px 0 0;
font-family: 'libre_baskervilleregular', serif;
color: #f8f8f8;
border: 1px solid #fff;
padding: 10px 25px;
display: inline-block;
}
a.cta-button:hover {
color: #fff;
border: 1px solid #be9d6f;
background: #be9d6f;
}
.user-slider h4{
font-family: 'libre_baskervilleregular', serif;
text-transform:uppercase;
color: #be9d6f;
font-size:1.15em;
margin:0;
}
.user-slider .slick-slide{
padding:0 3em;
}
.user-slider p.date{
margin-top:0;
}
section.block.test-section {
padding: 8em 0 6.5em;
}
.team-help .th-title1{
text-align: left;
color: #bf9c6b;
margin-top: 0;
margin-bottom: 10px;
font-size: 3em;
font-family: 'Baysoir';
}
.team-help .th-title-2{
text-align: left;
color: #bf9c6b;
margin-top: 20px;
margin-bottom: -10px;
font-size: 2.34em;
font-family: 'Baysoir';
}
img.team-image-help {
max-width: 250px;
display: block;
margin: 0 auto;
}
.team-help .contact-2{
font-size: 1em;
font-family: 'libre_baskervilleregular', serif;
line-height: 2;
} .icon-list-park {
margin: 2em 0 3em;
padding-top:2em;
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
overflow: visible;
}
.icon-list-park .il-item{
text-align:left;
padding: 4px 0 7px;
}
.icon-list-park .il-item img {
width: 35px;
height: auto;
margin: -7px auto 0;
padding-right: 8px;
}
img.csmap {
margin-top: 20px;
}
.map-wrapper{
overflow:hidden;
}
h3.b-title {
text-align: center;
font-family: 'libre_baskervilleregular', serif;
color: #be9d6f;
font-size: 2em;
line-height: 1.5;
margin:0 0 40px;
}
h3.fancy-v2 {
text-align: left;
color: #bf9c6b;
margin-top: 10%;
margin-bottom: 20px;
font-size: 3em;
font-family: 'Baysoir';
}
h3.fancy-v3 {
text-align: left;
color: #bf9c6b;
margin-top: 0;
margin-bottom: 20px;
font-size: 1.7em;
font-family: 'libre_baskervilleregular', serif;
}
.row.team-member-row h3 {
text-align: left;
font-family: 'libre_baskervilleregular', serif;
color: #be9d6f;
font-size: 1.1em;
line-height: 1;
margin: 15px 0 0;
}
.row.team-member-row h4 {
text-align: left;
font-family: 'libre_baskervilleregular', serif;
color: #be9d6f;
font-size: 1.1em;
line-height: 1;
margin: 25px 0 15px;
}
.row.team-border {
border-bottom: 1px solid #bf9d6f;
padding: 0 0 4.5em;
}
.t-row{
margin-bottom:40px;
}
.story-text {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
column-gap: 60px;
column-fill: balance;
}
.story-text p{
margin: 0 0 2em;
}
ul.facility-list {
list-style: none;
padding: 0;
margin: 2em auto 6em;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
column-gap: 60px;
column-fill: auto;
}
ul.facility-list li{
padding-bottom:14px;
position:relative;
padding-left:40px;
display:inline-block;
width:100%;
}
ul.facility-list li:before{
content: url(//www.coldstreamholidaypark.com/wp-content/themes/linux_theme_v3/img/tick-3.svg);
position:absolute;
display:block;
left:0;
width:28px;
}
ol.rule-list {
padding: 0 0 0 30px;
margin: 2em auto 6em;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
column-gap: 80px;
column-fill: balance;
}
ol.rule-list  li{
padding: 0 0 14px 7px;
position: relative;
width: 100%;
}
ul.faq-list {
padding: 0;
margin: 2em auto 0;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
column-gap: 80px;
column-fill: balance;
list-style: none;
}
ul.faq-list   li{
padding: 0 0 14px 7px;
position: relative;
width: 100%;
} .tab-2 {
overflow: hidden;
text-align:center;
padding-bottom:20px;
}
.tab-2 a {
padding: 6px 16px;
margin: 0;
display: inline-block;
font-size: 1.9em;
transition: 0.2s;
margin: 0 30px;
opacity:0.3;
}
.tab-2 a img {
height: 85px;
display: block;
margin: 0 auto 20px;
}
.tab-2 a:last-child{
border-right:none;
}
.tab-2 a:hover {
opacity:1 !important;
}
.tab-2 a.active {
opacity: 1 !important;
}
.tabcontents {
height:0px;
animation: fadeEffect .2s;
}
.tabcontents2 {
height:0px;
animation: fadeEffect .2s;
} @keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
.bottom-border-gold-2{
border-bottom: 1px solid #bf9d6f;
padding-bottom: 5em;
}
.border-both{
border-bottom: 1px solid #bf9d6f;
border-top: 1px solid #bf9d6f;
padding:3em 0 4.5em;
}
.border-top{
border-top: 1px solid #bf9d6f !important;
padding-top:5em;
margin-top:3em;
}
.feature-list img.flist-icon {
width: 26px;
margin-right:10px;
}
.stay-grid{
position:relative;
}
.stay-grid h2{
font-size: 1.5em;
margin: 40px 0 5px;
text-transform: uppercase;
font-family: 'libre_baskervilleregular', serif;
color: #be9d6f;
line-height: 1.4em;
}
.stay-grid .sizing{
margin: 0;
font-family: 'robotoregular', sans-serif;
}
.stay-grid .feature-list{
margin:30px 0 30px;
padding:0;
list-style:none;
}
.stay-grid .feature-list li{
margin:4px 0;
font-family: 'robotoregular', sans-serif;
}
.stay-grid .fl-g{
padding:0 1em;
}
.stay-grid .desc{
line-height: 2;
margin-top: 30px;
}
.flimg-grid {
overflow: hidden;
height: 260px;
position: relative;
}
.flimg-grid img{
object-fit: cover;
object-position: center;
height:auto;
width:100%;
position:absolute;
top:0;
left:0;
}
.stay-grid .cara-slider{
width:100%;
height:260px;
overflow:hidden;
}
.slick-full .cara-slider .slick-dots {
position: absolute;
bottom: 5px;
}
.slick-full .cara-slider .slick-dots li button:before {
font-family: none;
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 5px;
background: #fff;
content: '';
text-align: center;
opacity: 1;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-full .cara-slider  .slick-dots li.slick-active button:before {
opacity: 1;
background: #be9d6f;
}
.slick-full .cara-slider .slick-dots li button {
width: 50px;
height: 5px;
}
.slick-full .cara-slider .slick-dots li {
width: 50px;
height: 5px;
margin: 0 2px;
} h1.page-title-2 {
text-align: center;
font-family: 'libre_baskervilleregular', serif;
color: #be9d6f;
font-size: 2.2em;
margin-top:50px;
margin-bottom:2em;
}
.page-template-page-contact .booking-grid{
display:none;
}
.contact-text{
font-size:1.2em;
}
.boldit{
font-family: 'robotobold', sans-serif;
}
.boldit a{
text-decoration: none;
}
.contact-banner{
min-height:70vh;
background-attachment: fixed;
}
#map {
height: 70vh;
width: 100%;
margin-top:0;
}
#map .gmnoprint, .gm-style-cc, .gm-fullscreen-control{
display:none;
}
#showey{
display:none;
text-align:left;
background: #bf9d6f;
padding: 30px;
}
#showey svg {
width: 60px;
display: block;
margin:  0 0 20px;
}
.form-pad #showey svg {
width: 10%;
display: inline-block;
margin: 0 20px 0 0;
}
.form-pad #showey span {
color: #fff;
margin: 5px 0;
padding: 0;
display: inline-block;
width: 85%;
}
#showey .path {
stroke-dasharray: 1000;
stroke-dashoffset: 0;
}
#showey .path.circle {
animation: dash .9s ease-in-out;
}
#showey .path.check {
stroke-dashoffset: -100;
animation: check 3s ease-in infinite;
}
#showey p, #showey span {
color: #fff;
margin:5px 0;
padding:0;
}
#showey h4{
color: #fff;
font-family: 'libre_baskervillebold', serif;
text-align: left;
font-size: 1.3em;
position: relative;
padding-bottom: 5px;
margin-bottom: 0;
}
#showey-footer{
display:none;
margin-bottom:30px;
text-align: left;
background: rgb(255 246 186 / 7%);
padding: 15px;
border: 1px solid #4d4d4d;
}
#showey-footer svg {
width: 35px;
display: block;
margin:  0 0 20px;
}
#showey-footer .path {
stroke-dasharray: 1000;
stroke-dashoffset: 0;
}
#showey-footer .path.circle {
animation: dash .9s ease-in-out;
}
#showey-footer .path.check {
stroke-dashoffset: -100;
animation: check 3s ease-in infinite;
}
#showey-footer p, #showey-footer span {
color: #fff;
margin:5px 0;
padding:0;
}
#showey-footer h4{
color: #fff;
font-family: 'libre_baskervillebold', serif;
text-align: left;
font-size: 1.15em;
position: relative;
padding-bottom: 5px;
margin-bottom: 0;
}
@keyframes check {
0% {
stroke-dashoffset: -100;
}
100% {
stroke-dashoffset: 900;
}
}
::-webkit-input-placeholder {
color:    #000;
opacity:  .8;
}
:-moz-placeholder {
color:    #000;
opacity:  .8;
}
::-moz-placeholder {
color:    #000;
opacity:  .8;
}
:-ms-input-placeholder {
color:    #000;
opacity:  .8;
}
::-ms-input-placeholder {
color:    #000;
opacity:  .8;
}
.f-form input::-webkit-input-placeholder {
color:    #fff;
opacity:  .8;
}
.f-form input:-moz-placeholder {
color:    #fff;
opacity:  .8;
}
.f-form input::-moz-placeholder {
color:    #fff;
opacity:  .8;
}
.f-form input:-ms-input-placeholder {
color:    #fff;
opacity:  .8;
}
.f-form input::-ms-input-placeholder {
color:    #fff;
opacity:  .8;
}
.wpcf7-form label{
width:100%;
}
.wpcf7-form .c-label{
font-size: .9em;
margin-bottom: 0px;
} .main-form input[type=submit] {
font-size: .8em;
color: #fff;
width: auto;
background: #bf9d6f;
font-weight: bold;
font-family: 'libre_baskervilleregular', serif;
padding: 16px 19px;
display: block;
border: none;
outline: none;
margin: 10px 0 0;
display: block;
float: right;
}
.main-form.footer-cform input[type=submit]{
width:100%;
}
.footer-cform .span-full{
display: block;
margin-bottom: 6px;
}
.footer-cform a.con-foot-a {
font-weight: bold;
margin-right: 16px;
border-bottom: 1px solid #000;
padding-bottom: 3px;
}
section#foot-form {
background: #f8f8f8;
padding: 1em 0 3em !important;
margin-top: -65px;
}
.main-form .wpcf7 form .wpcf7-response-output {
margin: 0em 0.5em 1em;
}
.main-form input[type=submit]:active{
outline:none;
}
.main-form input[type=submit]:hover {
background-color: #043f72;
color:#fff;
}
.main-form input[type=text],input[type=tel],input[type=email],input[type=date]{
width:100%;
padding:15px 10px;
margin:10px 0;
background: transparent;
border:1px solid #c5a77f;
color: #000;
box-shadow:none;
font-size:.9em;
border-radius: 0px;
font-family: 'robotoregular', sans-serif;
}
.grecaptcha-badge{display:none !important;}
.main-form textarea{
width: 100%;
padding: 10px 15px;
margin: 10px 0;
background: transparent;
border:1px solid #c5a77f;
box-shadow: none;
height: 190px;
margin-top: 10px;
font-size: .9em;
font-family: 'robotoregular', sans-serif;
}
.wpcf7-form-control-wrap {
position: relative;
width: 100%;
}
.main-form input[type=text]:focus,.main-form input[type=tel]:focus,.main-form input[type=email]:focus,.main-form input[type=date]:focus,.main-form textarea:focus{
outline: none;
background: #f8f8f8;
}
.main-form select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
width: 100%;
padding: 15px 10px;
margin: 10px 0;
background: transparent;
border: 1px solid #c5a77f;
color: #000;
box-shadow: none;
font-size: .9em;
border-radius: 0px;
font-family: 'robotoregular', sans-serif;
}
.main-form span.subscriber::after, .main-form span.areyou::after{
font-family: "Font Awesome 5 Pro";
font-weight: 600;
content: "\f0dc";
position: absolute;
color: #DA0B7A;
top: 5px;
right: 0;
font-size: 19px;
bottom: 0;
padding: 0 .5em;
pointer-events: none;
}
.main-form span.subscriber, .main-form span.areyou{
position: relative;
width: 100%;
display: block;
}
.main-form span.subscriber:hover::after, .main-form span.areyou:hover::after {
color: #2f1440;
}
.main-form span.subscriber::after {
-webkit-transition: .25s all ease;
-o-transition: .25s all ease;
transition: .25s all ease;
} .mob-show{
display:none !important;
} @media (min-width: 992px){
.container {
max-width: 100%;
padding: 0 1.5em;
}
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1640px) {
footer .footer-bottom p{
font-size: 0.9em !important;
}
}
@media screen and (max-width:1368px) {
.stay-grid .cara-slider {
width: 100%;
height: 28vh;
overflow: hidden;
}
.home-banner {
padding: 8em 0 3em;
}
.bck-txt {
padding: 3em 2em 2em;
}
}
@media (min-width:768px) and (max-width:1366px) {
}
@media (min-width: 1280px) {
.container {
max-width: 1180px;
}
}
@media (min-width: 1365px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1180px;
}
}
@media (min-width: 1500px) {
.container {
max-width: 1400px;
}
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.h-back {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-attachment:inherit !important;
}
.page-banner, .section.cta-block, .blog-banner{
background-attachment:inherit !important;
}
} @media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.h-back {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-attachment:inherit !important;
}
.page-banner, .section.cta-block, .blog-banner{
background-attachment:inherit !important;
}
}    @media only screen
and (min-device-width: 834px)
and (max-device-width: 834px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.h-back {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-attachment:inherit !important;
}
.page-banner, .section.cta-block, .blog-banner{
background-attachment:inherit !important;
}
}   @media only screen
and (min-device-width: 1112px)
and (max-device-width: 1112px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.h-back {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-attachment:inherit !important;
}
.page-banner, .section.cta-block, .blog-banner{
background-attachment:inherit !important;
}
}    @media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.h-back {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-attachment:inherit !important;
}
.page-banner, .section.cta-block, .blog-banner{
background-attachment:inherit !important;
}
}   @media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.h-back {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-attachment:inherit !important;
}
.page-banner, .section.cta-block, .blog-banner{
background-attachment:inherit !important;
}
}
@media screen and (max-width:1200px) {
.menu-holder ul#menu-main-menu li {
font-size: .9em;
line-height: 1.6;
}
img.logo-main {
width: 200px;
}
.covid-banner h4 {
font-size: .8em;
}
header#main-header.scrolled .logo-holder-scrolled img {
width: 135px;
float: left;
}
footer .social-links li {
font-size: .9em;
}
.h-back {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-attachment:inherit !important;
}
.page-banner, .section.cta-block, .blog-banner{
background-attachment:inherit !important;
}
.bck-txt {
padding: 3em 0em 2em;
}
.bck-txt p.contact-2 {
font-size: .8em;
}
}
@media screen and (max-width:1024px) {
.mob-show{
display:block !important;
}
.mob-hide{
display:none !important;
}
.stay-grid .cara-slider {
width: 100%;
height: 22vh;
overflow: hidden;
}
.mobile-menu{
display: block;
}
footer img.logo-main {
width: 220px;
}
nav.menu-holder {
display: none;
}
.container {
max-width: 100%;
padding: 0 2em;
}
.col-md-4.tp-2 {
-ms-flex: 0 0 26%;
flex: 0 0 26%;
max-width: 26%;
}
.col-md-4.tp-1, .col-md-4.tp-3 {
-ms-flex: 0 0 37%;
flex: 0 0 37%;
max-width: 37%;
}
}
@media screen and (max-width:980px) {
.col-md-4.tp-2, .col-md-4.tp-3 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom:1em;
}
.col-md-4.tp-1 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom:3em;
}
footer img.logo-footer {
margin: 2em auto;
}
.cara-slider .slick-slide img {
display: block;
width: 100%;
height: auto;
}
.sq-block .t-area{
margin-bottom:60px;
}
.team-contact img.team-images {
width: 93px;
margin: 20px 20px 0 0;
}
.booking-grid div#sales {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.news-grid .pro-mg {
height: 164px;
}
.foot-bk {
margin-top: 0;
padding: 0 2.5em !important;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (max-width:980px) {
.col-md-4.tp-1 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom:3em;
}
.lr-grid h3 {
margin-top: 2%;
font-size: 1.9em;
}
.sq-block h4 {
font-size: 1.8em;
}
.sq-holder {
height: 200px;
}
h3.c-title {
font-size: 1.3em;
margin-top: 30px;
}
}
@media screen and (min-width:769px) and (max-width:991px) {
.footer .footer-bottom {
padding: 1.5em 1em 1.5em !important;
}
footer .copyright-wrapper, footer .terms-privacy-wrapper {
padding-top:0.3em;
}
}
@media screen and (min-width:992px) {
.desktop-view-flex {
display: flex !important;
}
.mobile-view {
display: none !important;
}
.mobile-view-flex {
display: none !important;
}
}
@media screen and (max-width:920px) {
.stay-grid {
position: relative;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.stay-grid .cara-slider {
width: 100%;
height: 60vh;
overflow: hidden;
}
.icon-list-park {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
overflow: visible;
}
}
@media screen and (max-width:768px) {
section.footer-block-image {
background-attachment: scroll !important;
}
.booking-grid div#sales {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.blog-banner, .contact-banner, .page-banner{
background-attachment: inherit !important;
}
ul.facility-list {
column-gap: 20px;
}
.team-border img.lr-image {
width: 150px;
margin-top:40px;
}
.story-text {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
column-gap: 0;
column-fill: balance;
}
ol.rule-list, ul.faq-list {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
column-gap: 0;
}
.h-back{
background-attachment:inherit !important;
}
section.cta-block {
background-attachment:inherit !important;
}
img.flist-icon-2 {
width: 61px;
}
.stay-grid .cara-slider {
width: 100%;
height: auto;
max-height: 41vh;
overflow: hidden;
}
.hgrid-1, .hgrid-2{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.stay-grid .feature-list {
list-style: none;
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
column-gap: 30px;
}
.caravan-grid h3 {
font-size: 1em;
margin: 25px 0 30px;
}
h3.fancy-v1 {
font-size: 3em;
}
.home-banner, .page-banner {
min-height: 75vh;
}
body{
font-size: 14px;
}
img.logo-main {
width: 190px;
}
header#main-header.scrolled  .logo-holder-scrolled img {
width: 135px;
float: left;
}
h1.banner-h1 {
font-size: 4em;
}
.block-3 h3 {
font-size: 1.6em;
}
.block-3 .p1 p {
font-size: 1.2em;
margin-bottom: 40px;
}
.footer-top-2 {
font-size: .9em;
padding: 3em 3em 0;
}
footer .footer-top {
padding: 4em 2em 2em;
}
footer .copyright-wrapper {
text-align: left;
}
}
@media screen and (max-width:767px) {
.mob-only-margin{
margin-bottom:30px;
}
}
@media screen and (min-width:600px) and (max-width: 980px) {
}
@media screen and (max-width:680px) {
.stay-grid .feature-list {
list-style: none;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
column-gap: 30px;
}
}
@media screen and (max-width:600px) {
footer img.logo-main {
width: 220px;
float: left;
padding-left: 2em;
}
.stay-grid .fl-g {
padding: 0;
}
.foot-bk{
margin-top:-40px;
padding:0 50px !important;
}
.stay-grid .feature-list li {
font-size: 12px;
}
.stay-grid .cara-slider {
width: 100%;
height: auto;
max-height: 29vh;
overflow: hidden;
}
.stay-grid .feature-list {
list-style: none;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
column-gap: 3px;
}
.tab a {
border:none;
}
.bck-txt {
padding: 0 1em 2em;
}
div#sales {
padding-top: 0 !important;
margin-bottom:30px;
}
section.block {
padding: 4em 0;
}
img.logo-main {
width: 160px;
}
header#main-header.scrolled  .logo-holder-scrolled img {
width: 120px;
float: left;
}
.tab-2 a img {
height: 55px;
display: block;
margin: 0 auto 20px;
}
.tab-2 a {
font-size: 1.4em;
margin: 0 5px;
}
h3.fancy-v1 {
text-align: center;
color: #bf9d6f;
margin-top: 0;
margin-bottom: 40px;
font-size: 3em;
font-family: 'Baysoir';
}
}
@media screen and (max-width:525px) {
.shide{
display:none;
}
}
@media screen and (max-width:480px) {
.stay-grid .cara-slider {
width: 100%;
height: auto;
max-height: 29vh;
overflow: hidden;
}
.icon-list-park {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
overflow: visible;
}
}
@media screen and (max-width:400px) {
}
@media screen and (max-width:414px) {
}
@media screen and (max-width:320px) {
.stay-grid .cara-slider {
width: 100%;
height: auto;
max-height: 32vh;
overflow: hidden;
}
}
.content--wrapper__ {
height: 100%;
display: flex;
align-items: center;
display: -webkit-flex;
width:100%;
}
.content--inner__ h3 {
margin-top: 0px;
}
.caravan-sale--title h3 {
font-family: 'libre_baskervilleregular', serif;
margin-bottom: 1.5em;
margin-top: 1em;
font-size: 1.8em;
color: #000;
text-align: center;
}
@media screen and (min-width:768px) and (max-width: 1024px) {
.image--wrapper__ {
height: 100%;
display: flex;
align-items: center;
display: -webkit-flex;
width:100%;
}
.image--wrapper__ .image--inner__,
.image--wrapper__ {
min-height: 0;
min-width: 0;
}
}
@media screen and (max-width: 767px) {
.row-grid--1 .lr-gpad,
.row-grid--2 .lr-gpad {
padding-top: 2em;
}
.row-grid--2 .lr-gpad {
order:2;
-ms-order:2;
-webkit-order:2;
}
.row-grid--1 .lr-gpad {
order:1;
-ms-order:1;
-webkit-order:1;
}
.lr-grid--2 .slick-full {
order:2;
-ms-order:2;
-webkit-order:2;
}
.lr-grid--2 .col-md-3 {
order: 4;
-ms-order:4;
-webkit-order:4;
}
.lr-grid__ .col-md-3 h3,
.pagetour-row-1 .col-md-3 h3 {
padding-top: 0.5em;
}
.pagetour-row-1 .slick-full {
order:1;
-ms-order:1;
-webkit-order:1;
}
.pagetour-row-1 .col-md-3 {
order:4;
-ms-order:4;
-webkit-order:4;
}
.pagetour-row-2 {
}
.page-template-page-findus .block.booking-grid {
padding-top:4em !important;
}
.page-template-page-caravanglamping h1.banner-h1 {
line-height: 1.3em;
}
.page-template-page-stay .page-banner {
background-position: 53% center;
}
}