@charset "UTF-8";
   html {
line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } article,
aside,
footer,
header,
nav,
section {
display: block; } h1 {
font-size: 2em;
margin: 0.67em 0; }  figcaption,
figure {
display: block; } figure {
margin: 1em 40px; } hr {
box-sizing: content-box; height: 0; overflow: visible; } main {
display: block; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; }  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: inherit; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic; } mark {
background-color: #ff0;
color: #000; } 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; }  audio,
video {
display: inline-block; } audio:not([controls]) {
display: none;
height: 0; } img {
border-style: none; } svg:not(:root) {
overflow: hidden; }  button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button {
overflow: visible; } button,
select { text-transform: none; } button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button,
[type="button"],
[type="reset"],
[type="submit"] {  }
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; } input {
overflow: visible; } [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-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box; display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto; }  details {
display: block; } summary {
display: list-item; } menu {
display: block; }  canvas {
display: inline-block; } template {
display: none; }  [hidden] {
display: none; }
.q-container {
width: 100%;
max-width: 1280px;
padding: 0 5rem;
margin: 0 auto; }
.column {
display: block;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1; }
.columns.q-mobile > .column.q-narrow {
flex: none; }
.columns.q-mobile > .column.q-full {
flex: none;
width: 100%; }
.columns.q-mobile > .column.q-3-4 {
flex: none;
width: 75%; }
.columns.q-mobile > .column.q-2-3 {
flex: none;
width: 66.6666%; }
.columns.q-mobile > .column.q-1-2 {
flex: none;
width: 50%; }
.columns.q-mobile > .column.q-1-3 {
flex: none;
width: 33.3333%; }
.columns.q-mobile > .column.q-1-4 {
flex: none;
width: 25%; }
.columns.q-mobile > .column.q-offset-3-4 {
margin-left: 75%; }
.columns.q-mobile > .column.q-offset-2-3 {
margin-left: 66.6666%; }
.columns.q-mobile > .column.q-offset-1-2 {
margin-left: 50%; }
.columns.q-mobile > .column.q-offset-1-3 {
margin-left: 33.3333%; }
.columns.q-mobile > .column.q-offset-1-4 {
margin-left: 25%; }
.columns.q-mobile > .column.q-1 {
flex: none;
width: 8.33333%; }
.columns.q-mobile > .column.q-offset-1 {
margin-left: 8.33333%; }
.columns.q-mobile > .column.q-2 {
flex: none;
width: 16.66667%; }
.columns.q-mobile > .column.q-offset-2 {
margin-left: 16.66667%; }
.columns.q-mobile > .column.q-3 {
flex: none;
width: 25%; }
.columns.q-mobile > .column.q-offset-3 {
margin-left: 25%; }
.columns.q-mobile > .column.q-4 {
flex: none;
width: 33.33333%; }
.columns.q-mobile > .column.q-offset-4 {
margin-left: 33.33333%; }
.columns.q-mobile > .column.q-5 {
flex: none;
width: 41.66667%; }
.columns.q-mobile > .column.q-offset-5 {
margin-left: 41.66667%; }
.columns.q-mobile > .column.q-6 {
flex: none;
width: 50%; }
.columns.q-mobile > .column.q-offset-6 {
margin-left: 50%; }
.columns.q-mobile > .column.q-7 {
flex: none;
width: 58.33333%; }
.columns.q-mobile > .column.q-offset-7 {
margin-left: 58.33333%; }
.columns.q-mobile > .column.q-8 {
flex: none;
width: 66.66667%; }
.columns.q-mobile > .column.q-offset-8 {
margin-left: 66.66667%; }
.columns.q-mobile > .column.q-9 {
flex: none;
width: 75%; }
.columns.q-mobile > .column.q-offset-9 {
margin-left: 75%; }
.columns.q-mobile > .column.q-10 {
flex: none;
width: 83.33333%; }
.columns.q-mobile > .column.q-offset-10 {
margin-left: 83.33333%; }
.columns.q-mobile > .column.q-11 {
flex: none;
width: 91.66667%; }
.columns.q-mobile > .column.q-offset-11 {
margin-left: 91.66667%; }
.columns.q-mobile > .column.q-12 {
flex: none;
width: 100%; }
.columns.q-mobile > .column.q-offset-12 {
margin-left: 100%; }
@media screen and (max-width: 768px) {
.column.q-narrow-mobile {
flex: none; }
.column.q-full-mobile {
flex: none;
width: 100%; }
.column.q-3-4-mobile {
flex: none;
width: 75%; }
.column.q-2-3-mobile {
flex: none;
width: 66.6666%; }
.column.q-1-2-mobile {
flex: none;
width: 50%; }
.column.q-1-3-mobile {
flex: none;
width: 33.3333%; }
.column.q-1-4-mobile {
flex: none;
width: 25%; }
.column.q-offset-3-4-mobile {
margin-left: 75%; }
.column.q-offset-2-3-mobile {
margin-left: 66.6666%; }
.column.q-offset-1-2-mobile {
margin-left: 50%; }
.column.q-offset-1-3-mobile {
margin-left: 33.3333%; }
.column.q-offset-1-4-mobile {
margin-left: 25%; }
.column.q-1-mobile {
flex: none;
width: 8.33333%; }
.column.q-offset-1-mobile {
margin-left: 8.33333%; }
.column.q-2-mobile {
flex: none;
width: 16.66667%; }
.column.q-offset-2-mobile {
margin-left: 16.66667%; }
.column.q-3-mobile {
flex: none;
width: 25%; }
.column.q-offset-3-mobile {
margin-left: 25%; }
.column.q-4-mobile {
flex: none;
width: 33.33333%; }
.column.q-offset-4-mobile {
margin-left: 33.33333%; }
.column.q-5-mobile {
flex: none;
width: 41.66667%; }
.column.q-offset-5-mobile {
margin-left: 41.66667%; }
.column.q-6-mobile {
flex: none;
width: 50%; }
.column.q-offset-6-mobile {
margin-left: 50%; }
.column.q-7-mobile {
flex: none;
width: 58.33333%; }
.column.q-offset-7-mobile {
margin-left: 58.33333%; }
.column.q-8-mobile {
flex: none;
width: 66.66667%; }
.column.q-offset-8-mobile {
margin-left: 66.66667%; }
.column.q-9-mobile {
flex: none;
width: 75%; }
.column.q-offset-9-mobile {
margin-left: 75%; }
.column.q-10-mobile {
flex: none;
width: 83.33333%; }
.column.q-offset-10-mobile {
margin-left: 83.33333%; }
.column.q-11-mobile {
flex: none;
width: 91.66667%; }
.column.q-offset-11-mobile {
margin-left: 91.66667%; }
.column.q-12-mobile {
flex: none;
width: 100%; }
.column.q-offset-12-mobile {
margin-left: 100%; } }
@media screen and (min-width: 769px) {
.column.q-narrow, .column.q-narrow-tablet {
flex: none; }
.column.q-full, .column.q-full-tablet {
flex: none;
width: 100%; }
.column.q-3-4, .column.q-3-4-tablet {
flex: none;
width: 75%; }
.column.q-2-3, .column.q-2-3-tablet {
flex: none;
width: 66.6666%; }
.column.q-1-2, .column.q-1-2-tablet {
flex: none;
width: 50%; }
.column.q-1-3, .column.q-1-3-tablet {
flex: none;
width: 33.3333%; }
.column.q-1-4, .column.q-1-4-tablet {
flex: none;
width: 25%; }
.column.q-offset-3-4, .column.q-offset-3-4-tablet {
margin-left: 75%; }
.column.q-offset-2-3, .column.q-offset-2-3-tablet {
margin-left: 66.6666%; }
.column.q-offset-1-2, .column.q-offset-1-2-tablet {
margin-left: 50%; }
.column.q-offset-1-3, .column.q-offset-1-3-tablet {
margin-left: 33.3333%; }
.column.q-offset-1-4, .column.q-offset-1-4-tablet {
margin-left: 25%; }
.column.q-1, .column.q-1-tablet {
flex: none;
width: 8.33333%; }
.column.q-offset-1, .column.q-offset-1-tablet {
margin-left: 8.33333%; }
.column.q-2, .column.q-2-tablet {
flex: none;
width: 16.66667%; }
.column.q-offset-2, .column.q-offset-2-tablet {
margin-left: 16.66667%; }
.column.q-3, .column.q-3-tablet {
flex: none;
width: 25%; }
.column.q-offset-3, .column.q-offset-3-tablet {
margin-left: 25%; }
.column.q-4, .column.q-4-tablet {
flex: none;
width: 33.33333%; }
.column.q-offset-4, .column.q-offset-4-tablet {
margin-left: 33.33333%; }
.column.q-5, .column.q-5-tablet {
flex: none;
width: 41.66667%; }
.column.q-offset-5, .column.q-offset-5-tablet {
margin-left: 41.66667%; }
.column.q-6, .column.q-6-tablet {
flex: none;
width: 50%; }
.column.q-offset-6, .column.q-offset-6-tablet {
margin-left: 50%; }
.column.q-7, .column.q-7-tablet {
flex: none;
width: 58.33333%; }
.column.q-offset-7, .column.q-offset-7-tablet {
margin-left: 58.33333%; }
.column.q-8, .column.q-8-tablet {
flex: none;
width: 66.66667%; }
.column.q-offset-8, .column.q-offset-8-tablet {
margin-left: 66.66667%; }
.column.q-9, .column.q-9-tablet {
flex: none;
width: 75%; }
.column.q-offset-9, .column.q-offset-9-tablet {
margin-left: 75%; }
.column.q-10, .column.q-10-tablet {
flex: none;
width: 83.33333%; }
.column.q-offset-10, .column.q-offset-10-tablet {
margin-left: 83.33333%; }
.column.q-11, .column.q-11-tablet {
flex: none;
width: 91.66667%; }
.column.q-offset-11, .column.q-offset-11-tablet {
margin-left: 91.66667%; }
.column.q-12, .column.q-12-tablet {
flex: none;
width: 100%; }
.column.q-offset-12, .column.q-offset-12-tablet {
margin-left: 100%; } }
@media screen and (min-width: 1000px) {
.column.q-narrow-desktop {
flex: none; }
.column.q-full-desktop {
flex: none;
width: 100%; }
.column.q-3-4-desktop {
flex: none;
width: 75%; }
.column.q-2-3-desktop {
flex: none;
width: 66.6666%; }
.column.q-1-2-desktop {
flex: none;
width: 50%; }
.column.q-1-3-desktop {
flex: none;
width: 33.3333%; }
.column.q-1-4-desktop {
flex: none;
width: 25%; }
.column.q-offset-3-4-desktop {
margin-left: 75%; }
.column.q-offset-2-3-desktop {
margin-left: 66.6666%; }
.column.q-offset-1-2-desktop {
margin-left: 50%; }
.column.q-offset-1-3-desktop {
margin-left: 33.3333%; }
.column.q-offset-1-4-desktop {
margin-left: 25%; }
.column.q-1-desktop {
flex: none;
width: 8.33333%; }
.column.q-offset-1-desktop {
margin-left: 8.33333%; }
.column.q-2-desktop {
flex: none;
width: 16.66667%; }
.column.q-offset-2-desktop {
margin-left: 16.66667%; }
.column.q-3-desktop {
flex: none;
width: 25%; }
.column.q-offset-3-desktop {
margin-left: 25%; }
.column.q-4-desktop {
flex: none;
width: 33.33333%; }
.column.q-offset-4-desktop {
margin-left: 33.33333%; }
.column.q-5-desktop {
flex: none;
width: 41.66667%; }
.column.q-offset-5-desktop {
margin-left: 41.66667%; }
.column.q-6-desktop {
flex: none;
width: 50%; }
.column.q-offset-6-desktop {
margin-left: 50%; }
.column.q-7-desktop {
flex: none;
width: 58.33333%; }
.column.q-offset-7-desktop {
margin-left: 58.33333%; }
.column.q-8-desktop {
flex: none;
width: 66.66667%; }
.column.q-offset-8-desktop {
margin-left: 66.66667%; }
.column.q-9-desktop {
flex: none;
width: 75%; }
.column.q-offset-9-desktop {
margin-left: 75%; }
.column.q-10-desktop {
flex: none;
width: 83.33333%; }
.column.q-offset-10-desktop {
margin-left: 83.33333%; }
.column.q-11-desktop {
flex: none;
width: 91.66667%; }
.column.q-offset-11-desktop {
margin-left: 91.66667%; }
.column.q-12-desktop {
flex: none;
width: 100%; }
.column.q-offset-12-desktop {
margin-left: 100%; } }
@media screen and (min-width: 1192px) {
.column.q-narrow-wide {
flex: none; }
.column.q-full-wide {
flex: none;
width: 100%; }
.column.q-3-4-wide {
flex: none;
width: 75%; }
.column.q-2-3-wide {
flex: none;
width: 66.6666%; }
.column.q-1-2-wide {
flex: none;
width: 50%; }
.column.q-1-3-wide {
flex: none;
width: 33.3333%; }
.column.q-1-4-wide {
flex: none;
width: 25%; }
.column.q-offset-3-4-wide {
margin-left: 75%; }
.column.q-offset-2-3-wide {
margin-left: 66.6666%; }
.column.q-offset-1-2-wide {
margin-left: 50%; }
.column.q-offset-1-3-wide {
margin-left: 33.3333%; }
.column.q-offset-1-4-wide {
margin-left: 25%; }
.column.q-1-wide {
flex: none;
width: 8.33333%; }
.column.q-offset-1-wide {
margin-left: 8.33333%; }
.column.q-2-wide {
flex: none;
width: 16.66667%; }
.column.q-offset-2-wide {
margin-left: 16.66667%; }
.column.q-3-wide {
flex: none;
width: 25%; }
.column.q-offset-3-wide {
margin-left: 25%; }
.column.q-4-wide {
flex: none;
width: 33.33333%; }
.column.q-offset-4-wide {
margin-left: 33.33333%; }
.column.q-5-wide {
flex: none;
width: 41.66667%; }
.column.q-offset-5-wide {
margin-left: 41.66667%; }
.column.q-6-wide {
flex: none;
width: 50%; }
.column.q-offset-6-wide {
margin-left: 50%; }
.column.q-7-wide {
flex: none;
width: 58.33333%; }
.column.q-offset-7-wide {
margin-left: 58.33333%; }
.column.q-8-wide {
flex: none;
width: 66.66667%; }
.column.q-offset-8-wide {
margin-left: 66.66667%; }
.column.q-9-wide {
flex: none;
width: 75%; }
.column.q-offset-9-wide {
margin-left: 75%; }
.column.q-10-wide {
flex: none;
width: 83.33333%; }
.column.q-offset-10-wide {
margin-left: 83.33333%; }
.column.q-11-wide {
flex: none;
width: 91.66667%; }
.column.q-offset-11-wide {
margin-left: 91.66667%; }
.column.q-12-wide {
flex: none;
width: 100%; }
.column.q-offset-12-wide {
margin-left: 100%; } }
.columns.q-centered {
justify-content: center; }
.columns.q-gapless {
margin-left: 0;
margin-right: 0;
margin-top: 0; }
.columns.q-gapless:last-child {
margin-bottom: 0; }
.columns.q-gapless:not(:last-child) {
margin-bottom: 1.5rem; }
.columns.q-gapless > .column {
margin: 0;
padding: 0; }
@media screen and (min-width: 769px) {
.columns.q-grid {
flex-wrap: wrap; }
.columns.q-grid > .column {
max-width: 33.3333%;
padding: 0.75rem;
width: 33.3333%; }
.columns.q-grid > .column + .column {
margin-left: 0; } }
.columns.q-mobile {
display: flex; }
.columns.q-multiline {
flex-wrap: wrap; }
.columns.q-vcentered {
align-items: center; }
@media screen and (min-width: 769px) {
.columns:not(.q-desktop) {
display: flex; } }
@media screen and (min-width: 1000px) {
.columns.q-desktop {
display: flex; } } .flickity-enabled {
position: relative; }
.flickity-enabled:focus {
outline: 0; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%; }
.flickity-slider {
position: absolute;
width: 100%;
height: 100%; }
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing; }
.flickity-prev-next-button {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: #fff;
background: rgba(255, 255, 255, 0.75);
cursor: pointer;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.flickity-prev-next-button:hover {
background: #fff; }
.flickity-prev-next-button:focus {
outline: 0;
box-shadow: 0 0 0 5px #09f; }
.flickity-prev-next-button:active {
opacity: .6; }
.flickity-prev-next-button.previous {
left: 10px; }
.flickity-prev-next-button.next {
right: 10px; }
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px; }
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px; }
.flickity-prev-next-button:disabled {
opacity: .3;
cursor: auto; }
.flickity-prev-next-button svg {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%; }
.flickity-prev-next-button .arrow {
fill: #333; }
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1; }
.flickity-rtl .flickity-page-dots {
direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: .25;
cursor: pointer; }
.flickity-page-dots .dot.is-selected {
opacity: 1; } .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-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(0.3);
transform: scale(0.3); }
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05); }
70% {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3); }
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05); }
70% {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.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(0.95);
transform: scale(0.95); }
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1); }
100% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3); } }
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
25% {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95); }
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
100% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.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 fadeInRightCustom {
0% {
width: 100%; }
100% {
width: 0; } }
@keyframes fadeInRightCustom {
0% {
width: 100%; }
100% {
width: 0; } }
.fadeInRightCustom {
-webkit-animation-name: fadeInRightCustom;
animation-name: fadeInRightCustom;
animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
-webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
@keyframes overlayReveal {
0% {
transform: translateX(-101%);
-moz-transform: translateX(-101%);
-webkit-transform: translateX(-101%); }
100% {
transform: translateX(0%);
-moz-transform: translateX(0%);
-webkit-transform: translateX(0%); } }
.overlayReveal {
animation-name: overlayReveal;
-webkit-animation-name: overlayReveal;  }
@-webkit-keyframes lineEffect {
0% {
width: 0; }
100% {
width: 100%; } }
@keyframes lineEffect {
0% {
width: 0; }
100% {
width: 100%; } }
.lineEffect {
-webkit-animation-name: lineEffect;
animation-name: lineEffect;
animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
-webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
@-webkit-keyframes splitLines {
0% {
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0); }
100% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0); } }
@keyframes splitLines {
0% {
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0); }
100% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0); } }
.splitLines {
-webkit-animation-name: splitLines;
animation-name: splitLines; }
@-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(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.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(0.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.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; }
.jarallax {
position: relative;
z-index: 0; }
.jarallax > .jarallax-img {
position: absolute;
object-fit: cover; font-family: 'object-fit: cover;';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; } .pika-single {
z-index: 9999;
display: block;
position: relative;
color: #333;
background: #fff;
border: 1px solid #ccc;
border-bottom-color: #bbb;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .pika-single:before,
.pika-single:after {
content: " ";
display: table; }
.pika-single:after {
clear: both; }
.pika-single {
*zoom: 1; }
.pika-single.is-hidden {
display: none; }
.pika-single.is-bound {
position: absolute;
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }
.pika-lendar {
float: left;
width: 240px;
margin: 8px; }
.pika-title {
position: relative;
text-align: center; }
.pika-label {
display: inline-block;
*display: inline;
position: relative;
z-index: 9999;
overflow: hidden;
margin: 0;
padding: 5px 3px;
font-size: 14px;
line-height: 20px;
font-weight: bold;
background-color: #fff; }
.pika-title select {
cursor: pointer;
position: absolute;
z-index: 9998;
margin: 0;
left: 0;
top: 5px;
filter: alpha(opacity=0);
opacity: 0; }
.pika-prev,
.pika-next {
display: block;
cursor: pointer;
position: relative;
outline: none;
border: 0;
padding: 0;
width: 20px;
height: 30px; text-indent: 20px;
white-space: nowrap;
overflow: hidden;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: 75% 75%;
opacity: .5;
*position: absolute;
*top: 0; }
.pika-prev:hover,
.pika-next:hover {
opacity: 1; }
.pika-prev,
.is-rtl .pika-next {
float: left;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
*left: 0; }
.pika-next,
.is-rtl .pika-prev {
float: right;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
*right: 0; }
.pika-prev.is-disabled,
.pika-next.is-disabled {
cursor: default;
opacity: .2; }
.pika-select {
display: inline-block;
*display: inline; }
.pika-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 0; }
.pika-table th,
.pika-table td {
width: 14.285714285714286%;
padding: 0; }
.pika-table th {
color: #999;
font-size: 12px;
line-height: 25px;
font-weight: bold;
text-align: center; }
.pika-button {
cursor: pointer;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
outline: none;
border: 0;
margin: 0;
width: 100%;
padding: 5px;
color: #666;
font-size: 12px;
line-height: 15px;
text-align: right;
background: #f5f5f5; }
.pika-week {
font-size: 11px;
color: #999; }
.is-today .pika-button {
color: #33aaff;
font-weight: bold; }
.is-selected .pika-button,
.has-event .pika-button {
color: #fff;
font-weight: bold;
background: #33aaff;
box-shadow: inset 0 1px 3px #178fe5;
border-radius: 3px; }
.has-event .pika-button {
background: #005da9;
box-shadow: inset 0 1px 3px #0076c9; }
.is-disabled .pika-button,
.is-inrange .pika-button {
background: #D5E9F7; }
.is-startrange .pika-button {
color: #fff;
background: #6CB31D;
box-shadow: none;
border-radius: 3px; }
.is-endrange .pika-button {
color: #fff;
background: #33aaff;
box-shadow: none;
border-radius: 3px; }
.is-disabled .pika-button {
pointer-events: none;
cursor: default;
color: #999;
opacity: .3; }
.is-outside-current-month .pika-button {
color: #999;
opacity: .3; }
.is-selection-disabled {
pointer-events: none;
cursor: default; }
.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
color: #fff;
background: #ff8000;
box-shadow: none;
border-radius: 3px; } .pika-table abbr {
border-bottom: none;
cursor: help; }
body.fancybox-active {
overflow: hidden; }
body.fancybox-iosfix {
position: fixed;
left: 0;
right: 0; }
.fancybox-is-hidden {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden; }
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99992;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; }
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.fancybox-outer {
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }
.fancybox-is-open .fancybox-bg {
opacity: .87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {
position: absolute;
direction: ltr;
z-index: 99997;
opacity: 0;
visibility: hidden;
transition: opacity .25s,visibility 0s linear .25s;
box-sizing: border-box; }
.fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
visibility: visible;
transition: opacity .25s,visibility 0s; }
.fancybox-infobar {
top: 0;
left: 0;
font-size: 13px;
padding: 0 10px;
height: 44px;
min-width: 44px;
line-height: 44px;
color: #ccc;
text-align: center;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased;
mix-blend-mode: exclusion; }
.fancybox-toolbar {
top: 0;
right: 0;
margin: 0;
padding: 0; }
.fancybox-stage {
overflow: hidden;
direction: ltr;
z-index: 99994;
-webkit-transform: translateZ(0); }
.fancybox-is-closing .fancybox-stage {
overflow: visible; }
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform; }
.fancybox-slide:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0; }
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
display: block; }
.fancybox-slide--image {
overflow: visible; }
.fancybox-slide--image:before {
display: none; }
.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {
background: #000; }
.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {
background: #e5e3df; }
.fancybox-slide--next {
z-index: 99995; }
.fancybox-slide > * {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box; }
.fancybox-slide > base, .fancybox-slide > link, .fancybox-slide > meta, .fancybox-slide > script, .fancybox-slide > style, .fancybox-slide > title {
display: none; }
.fancybox-slide .fancybox-image-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform; }
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor: zoom-out; }
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor: zoom-in; }
.fancybox-can-drag .fancybox-image-wrap {
cursor: -webkit-grab;
cursor: grab; }
.fancybox-is-dragging .fancybox-image-wrap {
cursor: -webkit-grabbing;
cursor: grabbing; }
.fancybox-image, .fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-spaceball {
z-index: 1; }
.fancybox-slide--iframe .fancybox-content {
padding: 0;
width: 80%;
height: 80%;
max-width: calc(100% - 100px);
max-height: calc(100% - 88px);
overflow: visible;
background: #fff; }
.fancybox-iframe {
display: block;
padding: 0;
border: 0;
height: 100%; }
.fancybox-error, .fancybox-iframe {
margin: 0;
width: 100%;
background: #fff; }
.fancybox-error {
padding: 40px;
max-width: 380px;
cursor: default; }
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font-size: 16px;
line-height: 20px; }
.fancybox-button {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 44px;
height: 44px;
margin: 0;
padding: 10px;
border: 0;
border-radius: 0;
background: rgba(30, 30, 30, 0.6);
transition: color .3s ease;
cursor: pointer;
outline: none; }
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
color: #ccc; }
.fancybox-button:focus, .fancybox-button:hover {
color: #fff; }
.fancybox-button[disabled] {
color: #ccc;
cursor: default;
opacity: .6; }
.fancybox-button svg {
display: block;
position: relative;
overflow: visible;
shape-rendering: geometricPrecision; }
.fancybox-button svg path {
fill: currentColor;
stroke: currentColor;
stroke-linejoin: round;
stroke-width: 3; }
.fancybox-button--share svg path {
stroke-width: 1; }
.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
display: none; }
.fancybox-button--zoom svg path {
fill: transparent; }
.fancybox-navigation {
display: none; }
.fancybox-show-nav .fancybox-navigation {
display: block; }
.fancybox-navigation button {
position: absolute;
top: 50%;
margin: -50px 0 0;
z-index: 99997;
background: transparent;
width: 60px;
height: 100px;
padding: 17px; }
.fancybox-navigation button:before {
content: "";
position: absolute;
top: 30px;
right: 10px;
width: 40px;
height: 40px;
background: rgba(30, 30, 30, 0.6); }
.fancybox-navigation .fancybox-button--arrow_left {
left: 0; }
.fancybox-navigation .fancybox-button--arrow_right {
right: 0; }
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
z-index: 10;
cursor: pointer; }
.fancybox-close-small:after {
content: "×";
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background-color: transparent;
transition: background-color .25s;
box-sizing: border-box;
z-index: 2; }
.fancybox-close-small:focus {
outline: none; }
.fancybox-close-small:focus:after {
outline: 1px dotted #888; }
.fancybox-close-small:hover:after {
color: #555;
background: #eee; }
.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small {
top: 0;
right: -44px; }
.fancybox-slide--iframe .fancybox-close-small:after, .fancybox-slide--image .fancybox-close-small:after {
font-size: 35px;
color: #aaa; }
.fancybox-slide--iframe .fancybox-close-small:hover:after, .fancybox-slide--image .fancybox-close-small:hover:after {
color: #fff;
background: transparent; }
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
display: none; }
.fancybox-caption-wrap {
bottom: 0;
left: 0;
right: 0;
padding: 60px 2vw 0;
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
pointer-events: none; }
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none; }
.fancybox-caption a, .fancybox-caption button, .fancybox-caption select {
pointer-events: all;
position: relative; }
.fancybox-caption a {
color: #fff;
text-decoration: underline; }
.fancybox-slide > .fancybox-loading {
border: 6px solid rgba(99, 99, 99, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: a .8s infinite linear;
animation: a .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
z-index: 99999; }
@-webkit-keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }
.fancybox-fx-slide.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0; }
.fancybox-fx-slide.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0; }
.fancybox-fx-slide.fancybox-slide--current {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1; }
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1; }
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
opacity: 0; }
.fancybox-fx-zoom-in-out.fancybox-slide--next {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0; }
.fancybox-fx-zoom-in-out.fancybox-slide--current {
-webkit-transform: scaleX(1);
transform: scaleX(1);
opacity: 1; }
.fancybox-fx-rotate.fancybox-slide--previous {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
opacity: 0; }
.fancybox-fx-rotate.fancybox-slide--next {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
opacity: 0; }
.fancybox-fx-rotate.fancybox-slide--current {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1; }
.fancybox-fx-circular.fancybox-slide--previous {
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
opacity: 0; }
.fancybox-fx-circular.fancybox-slide--next {
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
opacity: 0; }
.fancybox-fx-circular.fancybox-slide--current {
-webkit-transform: scaleX(1) translateZ(0);
transform: scaleX(1) translateZ(0);
opacity: 1; }
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1); }
.fancybox-share {
padding: 30px;
border-radius: 3px;
background: #f4f4f4;
max-width: 90%; }
.fancybox-share h1 {
color: #222;
margin: 0 0 20px;
font-size: 33px;
font-weight: 700;
text-align: center; }
.fancybox-share p {
margin: 0;
padding: 0;
text-align: center; }
.fancybox-share p:first-of-type {
margin-right: -10px; }
.fancybox-share_button {
display: inline-block;
text-decoration: none;
margin: 0 10px 10px 0;
padding: 10px 20px;
border: 0;
border-radius: 3px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
background: #fff;
white-space: nowrap;
font-size: 16px;
line-height: 23px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
min-width: 140px;
color: #707070;
transition: all .2s; }
.fancybox-share_button:focus, .fancybox-share_button:hover {
text-decoration: none;
color: #333;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
.fancybox-share_button svg {
margin-right: 5px;
width: 20px;
height: 20px;
vertical-align: text-bottom; }
.fancybox-share input {
box-sizing: border-box;
width: 100%;
margin: 5px 0 0;
padding: 10px 15px;
border: 1px solid #d7d7d7;
border-radius: 3px;
background: #ebebeb;
color: #5d5b5b;
font-size: 14px;
outline: none; }
.fancybox-thumbs {
display: none;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 212px;
margin: 0;
padding: 2px 2px 4px;
background: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
box-sizing: border-box;
z-index: 99995; }
.fancybox-thumbs-x {
overflow-y: hidden;
overflow-x: auto; }
.fancybox-show-thumbs .fancybox-thumbs {
display: block; }
.fancybox-show-thumbs .fancybox-inner {
right: 212px; }
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0;
white-space: nowrap; }
.fancybox-thumbs-x > ul {
overflow: hidden; }
.fancybox-thumbs-y > ul::-webkit-scrollbar {
width: 7px; }
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px; }
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
padding: 0;
margin: 2px;
width: 100px;
height: 75px;
max-width: calc(50% - 4px);
max-height: calc(100% - 8px);
position: relative;
cursor: pointer;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box; }
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1); }
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-thumbs > ul > li:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1; }
@media (max-width: 800px) {
.fancybox-thumbs {
width: 110px; }
.fancybox-show-thumbs .fancybox-inner {
right: 110px; }
.fancybox-thumbs > ul > li {
max-width: calc(100% - 10px); } }
@font-face {
font-family: 'Open Sans';
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Light.eot);
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Light.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Light.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Light.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Light.svg#Open Sans Light) format("svg");
font-weight: 300;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2212; }
@font-face {
font-family: 'Open Sans';
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Bold.eot);
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Bold.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Bold.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Bold.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Bold.svg#Open Sans Bold) format("svg");
font-weight: 700;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2074; }
@font-face {
font-family: 'Open Sans';
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Bold Italic.eot);
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Bold Italic.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Bold Italic.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Bold Italic.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Bold Italic.svg#Open Sans Bold Italic) format("svg");
font-weight: 700;
font-style: italic;
font-stretch: normal;
unicode-range: U+0020-2074; }
@font-face {
font-family: 'Open Sans';
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Italic.eot);
src: url(//milantravel.vn/wp-content/themes/stratusx/Open Sans Italic.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Italic.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Italic.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Italic.svg#Open Sans Italic) format("svg");
font-weight: 400;
font-style: italic;
font-stretch: normal;
unicode-range: U+0020-2074; }
@font-face {
font-family: 'Open Sans';
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Regular.eot);
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Regular.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Regular.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Regular.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Regular.svg#Open Sans Regular) format("svg");
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2212; }
@font-face {
font-family: 'Open Sans';
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Light Italic.eot);
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Light Italic.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Light Italic.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Light Italic.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans Light Italic.svg#Open Sans Light Italic) format("svg");
font-weight: 300;
font-style: italic;
font-stretch: normal;
unicode-range: U+0020-2074; }
@font-face {
font-family: 'Open Sans';
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans SemiBold.eot);
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans SemiBold.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans SemiBold.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans SemiBold.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans SemiBold.svg#Open Sans SemiBold) format("svg");
font-weight: 600;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2074; }
@font-face {
font-family: 'Open Sans';
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans SemiBold Italic.eot);
src: url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans SemiBold Italic.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans SemiBold Italic.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans SemiBold Italic.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/OpenSans/Open Sans SemiBold Italic.svg#Open Sans SemiBold Italic) format("svg");
font-weight: 600;
font-style: italic;
font-stretch: normal;
unicode-range: U+0020-2074; }
@font-face {
font-family: 'Playfair Display';
src: url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display.eot);
src: url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display.svg#Playfair Display) format("svg");
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2212; }
@font-face {
font-family: 'Playfair Display';
src: url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Italic.eot);
src: url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Italic.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Italic.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Italic.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Italic.svg#Playfair Display Italic) format("svg");
font-weight: 400;
font-style: italic;
font-stretch: normal;
unicode-range: U+0020-2212; }
@font-face {
font-family: 'Playfair Display';
src: url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Bold Italic.eot);
src: url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Bold Italic.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Bold Italic.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Bold Italic.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Bold Italic.svg#Playfair Display Bold Italic) format("svg");
font-weight: 700;
font-style: italic;
font-stretch: normal;
unicode-range: U+0020-2212; }
@font-face {
font-family: 'Playfair Display';
src: url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Bold.eot);
src: url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Bold.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Bold.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Bold.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/PlayfairDisplay/Playfair Display Bold.svg#Playfair Display Bold) format("svg");
font-weight: 700;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2212; }
@font-face {
font-family: 'Didot';
src: url(//milantravel.vn/wp-content/themes/fonts/Didot/Didot.eot);
src: url(//milantravel.vn/wp-content/themes/fonts/Didot/Didot.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/Didot/Didot.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/Didot/Didot.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/Didot/Didot.svg#Didot) format("svg");
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0-10FFFF; }
@font-face {
font-family: 'Abel';
src: url(//milantravel.vn/wp-content/themes/fonts/Abel/Abel Regular.eot);
src: url(//milantravel.vn/wp-content/themes/fonts/Abel/Abel Regular.eot?#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/Abel/Abel Regular.woff2) format("woff2"), url(//milantravel.vn/wp-content/themes/fonts/Abel/Abel Regular.woff) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/Abel/Abel Regular.svg#Abel Regular) format("svg");
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-00FE; }
@font-face {
font-family: 'icon';
src: url(//milantravel.vn/wp-content/themes/fonts/icomoon/icomoon.eot?8lrtjc);
src: url(//milantravel.vn/wp-content/themes/fonts/icomoon/icomoon.eot?8lrtjc#iefix) format("embedded-opentype"), url(//milantravel.vn/wp-content/themes/fonts/icomoon/icomoon.ttf?8lrtjc) format("truetype"), url(//milantravel.vn/wp-content/themes/fonts/icomoon/icomoon.woff?8lrtjc) format("woff"), url(//milantravel.vn/wp-content/themes/fonts/icomoon/icomoon.svg?8lrtjc#icomoon) format("svg");
font-weight: normal;
font-style: normal; }
.icon { font-family: 'icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-dots-menu:before {
content: "\2637"; }
.icon-bus:before {
content: "\e903"; }
.icon-twitter:before {
content: "\f099"; }
.icon-facebook:before {
content: "\f09a"; }
.icon-google-plus:before {
content: "\f0d5"; }
.icon-angle-left:before {
content: "\f104"; }
.icon-angle-right:before {
content: "\f105"; }
.icon-angle-up:before {
content: "\f106"; }
.icon-angle-down:before {
content: "\f107"; }
.icon-youtube-play:before {
content: "\f16a"; }
.icon-instagram:before {
content: "\f16d"; }
.icon-tripadvisor:before {
content: "\f262"; }
.icon-minus:before {
content: "\2212"; }
.icon-plus:before {
content: "\002B"; }
.no-scroll {
overflow: hidden; }
.text-center {
text-align: center; }
.text-gold {
color: #A67C07; }
.text-green {
color: #679334; }
.sect-title {
position: absolute;
top: 15%;
left: 0;
font-size: 10px;
letter-spacing: 5px;
opacity: .5;
width: 300px;
display: none; }
.sect-title span {
display: block;
-webkit-transform: translateY(0px) translateX(-80px) rotate(-90deg);
-moz-transform: translateY(0px) translateX(-80px) rotate(-90deg);
-ms-transform: translateY(0px) translateX(-80px) rotate(-90deg);
-o-transform: translateY(0px) translateX(-80px) rotate(-90deg);
transform: translateY(0px) translateX(-80px) rotate(-90deg); }
.bg-blue-dark .sect-title, .bg-full-image .sect-title {
color: #fff; } #content-overlay {
position: fixed;
z-index: 9998;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5); }
#progress-overlay {
position: fixed;
z-index: 9999;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background: #d8d6e2; }
#overlay {
position: fixed;
z-index: 10000;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background-color: #5f5c68;
overflow: hidden; }
#overlay .logo-loading {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 1;
width: 120px;
opacity: .5; }
#overlay #progstat {
color: #f0f0f5;
font-size: 9px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(100px);
-moz-transform: translateX(-50%) translateY(100px);
-ms-transform: translateX(-50%) translateY(100px);
-o-transform: translateX(-50%) translateY(100px);
transform: translateX(-50%) translateY(100px); } .inline-link {
padding: 20px;
margin-left: -20px;
position: relative;
display: inline-block;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px; }
.inline-link.inline-large {
font-size: 13px;
letter-spacing: 3px;
margin-top: 40px; }
.inline-link.q_magnet {
display: inline-block; }
.inline-link:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 20px;
width: 0;
height: 2px;
background: #679334;
transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1); }
.inline-link:hover:before {
width: 100%;
width: calc(100% - 40px); }
.section-headline {
font: 400 20px/1.3 "Playfair Display", serif;
text-transform: uppercase;
letter-spacing: 5px;
color: #5f5c68;
position: relative;
margin-top: 0;
display: block;
margin-bottom: 20px; }
@media screen and (max-width: 540px) {
.section-headline {
font-size: 15px;
line-height: 28px;
margin-bottom: 15px; } }
@media screen and (max-width: 320px) {
.section-headline {
font-size: 20px;
line-height: 30px;
margin-bottom: 25px; } }
.section-headline.text-gold {
color: #A67C07; }
.section-headline.text-gold.lines-middle:after, .section-headline.text-gold.lines-middle:before {
background-color: #A67C07; }
.section-headline.lines-middle:after, .section-headline.lines-middle:before {
content: '';
display: inline-block;
height: 3px;
width: 90px;
background-color: #679334;
vertical-align: middle; }
@media screen and (max-width: 540px) {
.section-headline.lines-middle:after, .section-headline.lines-middle:before {
width: 40px;
height: 1px; } }
@media screen and (max-width: 320px) {
.section-headline.lines-middle:after, .section-headline.lines-middle:before {
width: 30px; } }
.section-headline.lines-middle:before {
margin-right: 25px; }
@media screen and (max-width: 540px) {
.section-headline.lines-middle:before {
margin-right: 15px; } }
.section-headline.lines-middle:after {
margin-left: 25px; }
@media screen and (max-width: 540px) {
.section-headline.lines-middle:after {
margin-left: 15px; } }
.section-desc {
text-align: center;
margin: auto;
max-width: 525px; }
@media screen and (max-width: 768px) {
.section-desc {
max-width: 100%;
padding: 0 20px; } }
@media screen and (max-width: 540px) {
.section-desc {
padding: 0; } }
.bg-vanilla {
background-color: #f0f0f5; }
.bg-green {
background-color: #679334; }
.bg-white {
background-color: #FFFFFF; }
.bg-green-gradient {
background: #679334;
background: -webkit-linear-gradient(left, #679334, #BBD531);
background: -o-linear-gradient(right, #679334, #BBD531);
background: -moz-linear-gradient(right, #679334, #BBD531);
background: linear-gradient(to right, #679334, #BBD531); }
.bg-green-gradient .section-headline {
color: #FFFFFF; }
.bg-green-gradient .section-headline.lines-middle:after, .bg-green-gradient .section-headline.lines-middle:before {
background-color: #FFFFFF; }
.bg-green-gradient .section-desc {
color: #FFFFFF; }
.bg-blue-dark {
background-color: #5f5c68; }
.bg-blue-dark p {
color: #d8d6e2; }
.bg-blue-dark .section-headline {
color: #f0f0f5; }
.bg-blue-dark .section-headline.lines-middle:after, .bg-blue-dark .section-headline.lines-middle:before {
background-color: #FFFFFF; }
.bg-blue-dark .section-desc {
color: #f0f0f5; }
.section {
padding: 150px 0px 100px; }
@media screen and (max-width: 1024px) {
.section {
padding: 75px 0; } }
@media screen and (max-width: 540px) {
.section {
padding: 50px 0; } }
.bg-full-image {
padding: 0;
min-height: 120vh;
background-color: #000;
position: relative;
overflow: hidden; }
.bg-full-image * {
color: #fff; }
.bg-full-image .block-entry {
top: 10vh !important; }
@media screen and (max-width: 320px) {
.bg-full-image .block-entry {
margin-top: 0px !important; } }
.bg-full-image .bg-image {
object-fit: cover;
width: 100%;
height: 130%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
opacity: .5;
background: no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.bg-full-image.full-width {
min-height: 80vh; }
.bg-full-image.full-width .bg-image {
opacity: .8; }
.bg-image-section-one {
position: relative;
overflow: hidden; }
.bg-image-section-one:before, .bg-image-section-one:after {
content: '';
display: inline-block;
position: absolute;
background-size: contain;
background-repeat: no-repeat; }
.bg-image-section-one:before {
background-image: url(//milantravel.vn/wp-content/themes/img/bg-palm.png);
top: -10vh;
left: -25px;
height: 100%;
width: 250px; }
@media screen and (max-width: 540px) {
.bg-image-section-one:before {
height: 250px;
width: 150px;
top: -5vh; } }
.bg-image-section-two {
position: relative;
overflow: hidden; }
.bg-image-section-two:before, .bg-image-section-two:after {
content: '';
display: inline-block;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
opacity: .4; }
.bg-image-section-two:before {
background-image: url(//milantravel.vn/wp-content/themes/img/bg-leaf-2.png);
top: -1%;
left: 20%;
height: 100%;
width: 300px; }
@media screen and (max-width: 540px) {
.bg-image-section-two:before {
height: 200px;
width: 200px;
top: 10vh; } }
.bg-image-section-two:after {
background-image: url(//milantravel.vn/wp-content/themes/img/bg-palm-2.png);
bottom: -20%;
right: 25%;
height: 500px;
width: 300px; }
@media screen and (max-width: 540px) {
.bg-image-section-two:after {
height: 300px;
width: 180px;
bottom: -10vh; } }
.bg-image-section-three {
position: relative;
overflow: hidden; }
.bg-image-section-three:before, .bg-image-section-three:after {
content: '';
display: inline-block;
position: absolute;
background-size: contain;
background-repeat: no-repeat; }
.bg-image-section-three:before {
background-image: url(//milantravel.vn/wp-content/themes/img/bg-palm.png);
top: 0;
left: -25px;
height: 55vh;
width: 250px; }
.bg-image-section-three:after {
background-image: url(//milantravel.vn/wp-content/themes/img/bg-leaf.png);
bottom: -5vh;
right: -25px;
height: 55vh;
width: 250px; }
@media screen and (max-width: 768px) {
.bg-image-section-three:after {
height: 250px;
width: 250px;
bottom: 5vh; } }
@media screen and (max-width: 540px) {
.bg-image-section-three:after {
bottom: 0;
height: 180px;
width: 180px; } }
@media screen and (max-width: 320px) {
.bg-image-section-three:after {
bottom: 5vh;
height: 150px;
width: 150px; } }
.bg-image-section-four {
position: relative;
overflow: hidden; }
.bg-image-section-four:before {
content: '';
display: inline-block;
position: absolute;
background-size: contain;
background-repeat: no-repeat; }
.bg-image-section-four:before {
background-image: url(//milantravel.vn/wp-content/themes/img/bg-leaf-3.png);
bottom: 10vh;
left: -50px;
height: 55vh;
width: 300px; }
@media screen and (max-width: 540px) {
.bg-image-section-four:before {
bottom: 30vh;
left: -30px;
height: 230px;
width: 230px; } }
@media screen and (max-width: 320px) {
.bg-image-section-four:before {
height: 200px;
width: 200px;
bottom: 40vh; } }
.bg-image-section-five {
position: relative;
overflow: hidden; }
.bg-image-section-five:before, .bg-image-section-five:after {
content: '';
display: inline-block;
position: absolute;
background-size: contain;
background-repeat: no-repeat; }
.bg-image-section-five:before {
background-image: url(//milantravel.vn/wp-content/themes/img/bg-leaf.png);
bottom: 0;
left: -75px;
height: 55vh;
width: 250px; }
@media screen and (max-width: 540px) {
.bg-image-section-five:before {
height: 250px;
bottom: auto;
top: 0; } }
@media screen and (max-width: 320px) {
.bg-image-section-five:before {
height: 200px;
width: 200px; } }
.bg-image-section-five:after {
background-image: url(//milantravel.vn/wp-content/themes/img/bg-palm-3.png);
top: 3vh;
right: 0;
height: 60vh;
width: 250px; }
@media screen and (max-width: 540px) {
.bg-image-section-five:after {
top: auto;
right: -15vh;
height: 250px;
width: 250px;
bottom: -5vh; } }
@media screen and (max-width: 320px) {
.bg-image-section-five:after {
height: 200px;
width: 200px; } }
@media screen and (max-width: 540px) {
.hide-mobile {
display: none; }
.picture {
overflow: hidden; } }
.rev_clip {
clip-path: inset(0px 1000px 0px 0px);
-webkit-clip-path: inset(0px 1000px 0px 0px);
height: 100%;
position: relative;
z-index: 5;
min-height: 250px; }
.rev_clip img {
position: absolute;
max-width: 200%;
width: 100%;
min-width: 100%;
min-height: 250px; }
@media screen and (min-width: 1025px) {
.vs-section {
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
height: auto;
margin: auto;
will-change: transform; } }
.q_magnet {
display: block;
transition: all 260ms ease-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
-webkit-transform-style: flat;
-moz-transform-style: flat;
-ms-transform-style: flat;
-o-transform-style: flat;
will-change: transform; }
.q_magnet.hovered {
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none; }
.q_splitText span {
display: inline-block; }
.q_split {
display: block;
overflow: hidden; }
.q_split_wrap {
display: block; }
@media screen and (min-width: 541px) {
.q_smooth {
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
height: auto;
margin: auto;
will-change: transform; } }
html,
body {
font-size: 12px;
line-height: 1.8;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #5f5c68;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
@media screen and (max-width: 540px) {
html,
body {
font-size: 12px;
line-height: 20px; } }
html a,
body a {
text-decoration: none;
outline: 0;
color: #679334; }
html a:hover,
body a:hover {
color: #679334; }
h5 {
font-size: 13px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
opacity: .5; }
#main {
overflow: hidden; }
ul, li, ol {
list-style: none; }
img {
max-width: 100%;
vertical-align: middle; }
.q-container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
@media screen and (max-width: 768px) {
.q-container {
padding: 0 35px; } }
@media screen and (max-width: 540px) {
.q-container {
padding: 0 20px; } }
@media screen and (max-width: 320px) {
.q-container {
padding: 0 15px; } }
.container-inner {
padding-left: 12rem;
padding-right: 12rem; }
@media screen and (max-width: 1024px) {
.container-inner {
padding-left: 8rem;
padding-right: 8rem; } }
@media screen and (max-width: 768px) {
.container-inner {
padding-left: 50px;
padding-right: 50px; } }
@media screen and (max-width: 540px) {
.container-inner {
padding-left: 20px;
padding-right: 20px; } }
@media screen and (max-width: 320px) {
.container-inner {
padding-left: 15px;
padding-right: 15px; } }
.loader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #FFFFFF;
z-index: 1050;
display: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 1; }
.loader.loaded {
opacity: 0;
z-index: -1; }
.overlay-effect {
position: absolute;
z-index: 10;
height: 100%;
top: 0;
right: 0;
transform-origin: left;
-webkit-transform-origin: left; }
@keyframes scrollDown {
0% {
padding: 10px; }
50% {
padding: 0; }
100% {
padding: 10px; } }
@-webkit-keyframes scrollDown {
0% {
padding: 10px; }
50% {
padding: 0; }
100% {
padding: 10px; } }
@-moz-keyframes scrollDown {
0% {
padding: 10px; }
50% {
padding: 0; }
100% {
padding: 10px; } }
#header .logo-wrap {
position: absolute;
left: 50%;
top: 80px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10; }
#header .logo-wrap .logo {
display: inline-block;
max-width: 120px; }
@media screen and (max-width: 540px) {
#header .logo-wrap {
display: none; } }
.bookNow {
position: fixed;
top: 50%;
right: -64px;
-webkit-transform: translateY(80px) rotate(-90deg);
-moz-transform: translateY(80px) rotate(-90deg);
-ms-transform: translateY(80px) rotate(-90deg);
-o-transform: translateY(80px) rotate(-90deg);
transform: translateY(80px) rotate(-90deg);
z-index: 1061;
width: 170px;
cursor: pointer;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease; }
@media screen and (max-width: 540px) {
.bookNow {
top: auto;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
width: 100%;
box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.06); } }
.bookNow:hover .label {
background-color: #5f5c68; }
@media screen and (max-width: 540px) {
.bookNow:hover .label {
background-color: #FFFFFF; } }
.bookNow.active .label {
background-color: #5f5c68; }
@media screen and (max-width: 540px) {
.bookNow.active .label {
background-color: #FFFFFF; }
.bookNow.active .label span {
color: #679334; } }
.bookNow.active .close {
opacity: 1;
visibility: visible; }
.bookNow.active .book {
opacity: 0;
visibility: hidden; }
.bookNow.active .icon {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.bookNow .wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: flex-start;
-webkit-justify-content: flex-start;
position: relative; }
.bookNow .label {
position: relative;
background-color: #679334;
width: 180px;
height: 50px; }
@media screen and (max-width: 540px) {
.bookNow .label {
width: 100%;
background-color: #FFFFFF; } }
@media screen and (max-width: 320px) {
.bookNow .label {
height: 45px; } }
.bookNow span {
left: 20px; }
@media screen and (max-width: 540px) {
.bookNow span {
left: 50%; } }
.bookNow .close {
opacity: 0;
visibility: hidden; }
.bookNow .close,
.bookNow .book,
.bookNow .icon,
.bookNow .label {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease; }
.bookNow .icon,
.bookNow span {
position: absolute;
color: #FFFFFF;
display: block;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
@media screen and (max-width: 540px) {
.bookNow .icon,
.bookNow span {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } }
.bookNow .icon {
font-size: 20px;
right: 15px;
line-height: 0; }
@media screen and (max-width: 540px) {
.bookNow .icon {
display: none; } }
.bookNow span {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
margin-right: 30px; }
@media screen and (max-width: 540px) {
.bookNow span {
padding: 15px;
font-size: 14px;
color: #679334;
margin: 0;
text-align: center;
top: 0;
left: 0;
right: 0;
bottom: 0; } }
@media screen and (max-width: 320px) {
.bookNow span {
padding: 12px;
font-size: 12px; } }
.header-mobile {
background-color: transparent;
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1010;
padding: 20px 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease; }
@media screen and (max-width: 1192px) {
.header-mobile {
display: block; } }
@media screen and (max-width: 540px) {
.header-mobile {
padding: 10px 0; } }
.header-mobile.nav-active {
background-color: #FFFFFF;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
padding: 10px 0; }
@media screen and (max-width: 1024px) {
.header-mobile.nav-active {
padding: 5px 0; } }
.header-mobile.nav-active .icon-menu-wrap .icon-menu .bar {
background-color: #679334; }
.header-mobile.nav-active .icon-menu-wrap .icon-menu .bar:after, .header-mobile.nav-active .icon-menu-wrap .icon-menu .bar:before {
background-color: #679334; }
.header-mobile.nav-active .logo-mobile a {
left: calc(6rem - 40px); }
.header-mobile.nav-active .logo-mobile .white {
opacity: 0;
visibility: hidden; }
.header-mobile.nav-active .logo-mobile .ori {
opacity: 1;
visibility: visible; }
.header-mobile.menu-open {
background-color: transparent;
box-shadow: none; }
.header-mobile.menu-open .icon-menu-wrap .icon-menu .bar {
background-color: transparent; }
.header-mobile.menu-open .icon-menu-wrap .icon-menu .bar:after, .header-mobile.menu-open .icon-menu-wrap .icon-menu .bar:before {
background-color: #FFFFFF; }
.header-mobile.menu-open .logo-mobile a {
left: 50%; }
.header-mobile.menu-open .logo-mobile .ori {
opacity: 0;
visibility: hidden; }
.header-mobile.menu-open .logo-mobile .white {
opacity: 1;
visibility: visible; }
.logo-mobile a {
display: inline-block;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
width: 85px;
height: 66px; }
@media screen and (max-width: 540px) {
.logo-mobile a {
width: 75px;
height: 58px; } }
@media screen and (max-width: 375px) {
.logo-mobile a {
width: 65px;
height: 51px; } }
@media screen and (max-width: 320px) {
.logo-mobile a {
width: 50px;
height: 39px; } }
.logo-mobile .ori {
opacity: 0;
visibility: hidden; }
.logo-mobile img {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease; }
.icon-menu-wrap {
position: absolute;
top: 50%;
right: 6rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center; }
@media screen and (max-width: 768px) {
.icon-menu-wrap {
right: 4rem; } }
@media screen and (max-width: 540px) {
.icon-menu-wrap {
right: 30px; } }
@media screen and (max-width: 320px) {
.icon-menu-wrap {
right: 25px; } }
.icon-menu-wrap .icon-menu {
width: 32px;
height: 32px;
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center; }
@media screen and (max-width: 540px) {
.icon-menu-wrap .icon-menu {
width: 25px;
height: 25px; } }
@media screen and (max-width: 320px) {
.icon-menu-wrap .icon-menu {
width: 15px;
height: 15px; } }
.icon-menu-wrap .icon-menu.active .bar {
background-color: transparent; }
.icon-menu-wrap .icon-menu.active .bar:before {
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.icon-menu-wrap .icon-menu.active .bar:after {
bottom: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.icon-menu-wrap .icon-menu .bar {
position: relative;
width: 100%;
height: 2px;
background-color: #FFFFFF;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease; }
@media screen and (max-width: 320px) {
.icon-menu-wrap .icon-menu .bar {
height: 1px; } }
.icon-menu-wrap .icon-menu .bar:before, .icon-menu-wrap .icon-menu .bar:after {
content: '';
display: block;
height: 2px;
width: calc(100% + 8px);
background-color: #FFFFFF;
position: absolute;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease; }
@media screen and (max-width: 320px) {
.icon-menu-wrap .icon-menu .bar:before, .icon-menu-wrap .icon-menu .bar:after {
height: 1px; } }
.icon-menu-wrap .icon-menu .bar:before {
top: -10px; }
@media screen and (max-width: 540px) {
.icon-menu-wrap .icon-menu .bar:before {
top: -8px; } }
@media screen and (max-width: 320px) {
.icon-menu-wrap .icon-menu .bar:before {
top: -6px; } }
.icon-menu-wrap .icon-menu .bar:after {
bottom: -10px; }
@media screen and (max-width: 540px) {
.icon-menu-wrap .icon-menu .bar:after {
bottom: -8px; } }
@media screen and (max-width: 320px) {
.icon-menu-wrap .icon-menu .bar:after {
bottom: -6px; } }
.navbar-header-mobile {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 80px;
background-color: #323037;
z-index: 999; }
@media screen and (max-width: 540px) {
.navbar-header-mobile {
display: block; } }
.navbar-header-mobile .logo {
width: 70px;
display: block;
margin: 10px auto; }
.navbar-header-mobile .logo img {
width: 100%; }
.navbar-header-mobile .navbar-btn-bars {
position: absolute;
right: 30px;
top: 30px;
width: 65px;
height: 15px;
overflow: hidden; }
.navbar-header-mobile .navbar-btn-bars div {
position: absolute;
top: 0;
right: 0;
width: 25px;
height: 1px;
background-color: #fff;
transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
.navbar-header-mobile .navbar-btn-bars div:nth-child(1) {
top: 7px; }
.navbar-header-mobile .navbar-btn-bars div:nth-child(3) {
top: 14px; }
.navbar-header {
z-index: 5;
position: fixed;
right: -20px;
background-color: #fff;
cursor: pointer;
z-index: 70;
transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
width: 80px;
height: 110px;
top: 30%;
border: none;
-webkit-transform: translateX(0) translateY(-100%);
-moz-transform: translateX(0) translateY(-100%);
-ms-transform: translateX(0) translateY(-100%);
-o-transform: translateX(0) translateY(-100%);
transform: translateX(0) translateY(-100%);
color: #000; }
@media screen and (max-width: 540px) {
.navbar-header {
display: none; } }
.navbar-header .navbar-btn {
position: absolute;
width: 29px;
height: 14px;
margin: 0;
transition: 0.5s top cubic-bezier(0.19, 1, 0.22, 1);
top: auto;
right: 35px;
bottom: 75px;
left: auto; }
.navbar-header .navbar-btn-bars {
position: absolute;
right: 0;
width: 65px;
height: 15px;
overflow: hidden; }
.navbar-header .navbar-btn-bars div {
position: absolute;
top: 0;
right: 0;
width: 25px;
height: 1px;
background-color: #000;
transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
.navbar-header .navbar-btn-bars div:nth-child(1) {
top: 7px; }
.navbar-header .navbar-btn-bars div:nth-child(3) {
top: 14px; }
.navbar-header .navbar-btn-label {
position: absolute;
top: 40px;
right: 0px;
opacity: 1;
transition: 0.5s color cubic-bezier(0.19, 1, 0.22, 1);
font: 400 8px/1.3 "Open Sans", sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateX(7px) rotate(-90deg);
-moz-transform: translateX(7px) rotate(-90deg);
-ms-transform: translateX(7px) rotate(-90deg);
-o-transform: translateX(7px) rotate(-90deg);
transform: translateX(7px) rotate(-90deg); }
.navbar-header .navbar-btn-label span {
display: block;
width: 40px; }
.navbar-header:hover {
-webkit-transform: translateX(-10px) translateY(-100%);
-moz-transform: translateX(-10px) translateY(-100%);
-ms-transform: translateX(-10px) translateY(-100%);
-o-transform: translateX(-10px) translateY(-100%);
transform: translateX(-10px) translateY(-100%); }
.navbar-header:hover .navbar-btn-bars div {
width: 30px; }
.navbar-header:hover .navbar-btn-bars div:nth-child(2) {
width: 0; }
.navbar-header:hover .navbar-btn-bars div:nth-child(3) {
width: 0; }
.navbar-header:hover .navbar-btn-label {
-webkit-transform: translateX(10px) rotate(-90deg);
-moz-transform: translateX(10px) rotate(-90deg);
-ms-transform: translateX(10px) rotate(-90deg);
-o-transform: translateX(10px) rotate(-90deg);
transform: translateX(10px) rotate(-90deg); }
.navbar-header.reservation {
-webkit-transform: translateX(0) translateY(0%);
-moz-transform: translateX(0) translateY(0%);
-ms-transform: translateX(0) translateY(0%);
-o-transform: translateX(0) translateY(0%);
transform: translateX(0) translateY(0%);
background-color: #5f5c68;
color: #fff;
height: 150px; }
.navbar-header.reservation .navbar-btn {
bottom: 110px; }
.navbar-header.reservation .navbar-btn-bars div {
background-color: #fff; }
.navbar-header.reservation .navbar-btn-bars div:nth-child(1) {
right: 2px;
width: 0; }
.navbar-header.reservation .navbar-btn-bars div:nth-child(2) {
width: 20px;
-webkit-transform: translateX(-5px) translateY(0px) rotate(45deg);
-moz-transform: translateX(-5px) translateY(0px) rotate(45deg);
-ms-transform: translateX(-5px) translateY(0px) rotate(45deg);
-o-transform: translateX(-5px) translateY(0px) rotate(45deg);
transform: translateX(-5px) translateY(0px) rotate(45deg); }
.navbar-header.reservation .navbar-btn-bars div:nth-child(3) {
width: 20px;
-webkit-transform: translateX(-5px) translateY(0px) rotate(-45deg);
-moz-transform: translateX(-5px) translateY(0px) rotate(-45deg);
-ms-transform: translateX(-5px) translateY(0px) rotate(-45deg);
-o-transform: translateX(-5px) translateY(0px) rotate(-45deg);
transform: translateX(-5px) translateY(0px) rotate(-45deg); }
.navbar-header.reservation .navbar-btn-label {
top: 60px;
-webkit-transform: translateX(22px) rotate(-90deg);
-moz-transform: translateX(22px) rotate(-90deg);
-ms-transform: translateX(22px) rotate(-90deg);
-o-transform: translateX(22px) rotate(-90deg);
transform: translateX(22px) rotate(-90deg); }
.navbar-header.reservation .navbar-btn-label span {
display: block;
width: 70px; }
.navbar-header.reservation:hover {
-webkit-transform: translateX(-10px) translateY(0%);
-moz-transform: translateX(-10px) translateY(0%);
-ms-transform: translateX(-10px) translateY(0%);
-o-transform: translateX(-10px) translateY(0%);
transform: translateX(-10px) translateY(0%);
background-color: #679334; }
.navbar-header.reservation:hover .navbar-btn-label {
-webkit-transform: translateX(25px) rotate(-90deg);
-moz-transform: translateX(25px) rotate(-90deg);
-ms-transform: translateX(25px) rotate(-90deg);
-o-transform: translateX(25px) rotate(-90deg);
transform: translateX(25px) rotate(-90deg); }
.navbar-header.reservation:hover .navbar-btn-bars div:nth-child(1) {
width: 30px; }
.navbar-header.reservation:hover .navbar-btn-bars div:nth-child(2) {
width: 20px;
-webkit-transform: translateX(2px) translateY(0px) rotate(45deg);
-moz-transform: translateX(2px) translateY(0px) rotate(45deg);
-ms-transform: translateX(2px) translateY(0px) rotate(45deg);
-o-transform: translateX(2px) translateY(0px) rotate(45deg);
transform: translateX(2px) translateY(0px) rotate(45deg); }
.navbar-header.reservation:hover .navbar-btn-bars div:nth-child(3) {
width: 20px;
-webkit-transform: translateX(2px) translateY(0px) rotate(-45deg);
-moz-transform: translateX(2px) translateY(0px) rotate(-45deg);
-ms-transform: translateX(2px) translateY(0px) rotate(-45deg);
-o-transform: translateX(2px) translateY(0px) rotate(-45deg);
transform: translateX(2px) translateY(0px) rotate(-45deg); }
.navbar-header.close {
-webkit-transform: translateX(0) translateY(-100%);
-moz-transform: translateX(0) translateY(-100%);
-ms-transform: translateX(0) translateY(-100%);
-o-transform: translateX(0) translateY(-100%);
transform: translateX(0) translateY(-100%);
background-color: transparent;
color: #fff;
right: -100px; }
@media screen and (max-width: 540px) {
.navbar-header.close {
display: block; } }
.navbar-header.close .navbar-btn-bars div {
background-color: #fff; }
#navOverlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
pointer-events: none;
z-index: 1; }
#navContent {
position: fixed;
top: 0;
right: 0;
width: 80%;
height: 100%;
background: #323037;
z-index: 2;
display: flex;
align-items: center;
justify-content: center; }
@media screen and (max-width: 540px) {
#navContent {
width: 100%; }
#navContent .columns {
padding-left: 20px; } }
#navContent h5 {
color: #d8d6e2;
opacity: .3; }
#navContent .main_nav {
margin: 0;
padding: 0; }
#navContent .main_nav li a {
display: block;
font: 400 20px/2 "Playfair Display", serif;
color: #d8d6e2;
text-transform: uppercase;
letter-spacing: 3px;
transition: all .2s ease;
position: relative; }
@media screen and (max-width: 540px) {
#navContent .main_nav li a {
font: 700 14px/2.5 "Open Sans", serif;
letter-spacing: 1px; } }
#navContent .main_nav li a:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: -10px;
width: 0;
height: 2px;
background: #679334;
transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
z-index: -1; }
#navContent .main_nav li a:hover:before {
width: 80%; }
#navContent .main_nav li a:hover {
color: #FFFFFF;
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px); }
#navContent #menu_screen {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 60%;
height: 70%;
max-height: 500px;
background: rgba(0, 0, 0, 0.1); }
#navContent #menu_screen .screen_item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
background: no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
#footer {
background: #679334;
background: -webkit-linear-gradient(left, #679334, #BBD531);
background: -o-linear-gradient(right, #679334, #BBD531);
background: -moz-linear-gradient(right, #679334, #BBD531);
background: linear-gradient(to right, #679334, #BBD531);
padding: 100px 0; }
@media screen and (max-width: 768px) {
#footer {
background: #679334;
background: -webkit-linear-gradient(bottom, #679334, #BBD531);
background: -o-linear-gradient(top, #679334, #BBD531);
background: -moz-linear-gradient(top, #679334, #BBD531);
background: linear-gradient(to top, #679334, #BBD531); } }
@media screen and (max-width: 540px) {
#footer {
padding-bottom: 90px; } }
@media screen and (max-width: 320px) {
#footer {
padding-bottom: 70px; } }
@media screen and (max-width: 768px) {
#footer .column-left {
margin-bottom: 50px; } }
#footer .column-left .inner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
justify-content: space-between;
-webkit-justify-content: space-between;
height: 100%; }
@media screen and (max-width: 768px) {
#footer .column-left .bottom {
display: none; } }
#footer .top {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
@media screen and (max-width: 768px) {
#footer .top {
margin-bottom: 25px; } }
#footer .time,
#footer #time__,
#footer .temperature {
font-size: 54px;
line-height: 64px;
color: #FFFFFF;
font-family: 'Playfair Display', serif;
letter-spacing: 2px;
margin: 0;
font-family: 'Didot', 'Playfair Display', serif; }
@media screen and (max-width: 1024px) {
#footer .time,
#footer #time__,
#footer .temperature {
font-size: 45px;
line-height: 55px; } }
@media screen and (max-width: 540px) {
#footer .time,
#footer #time__,
#footer .temperature {
font-size: 35px;
line-height: 45px; } }
@media screen and (max-width: 375px) {
#footer .time,
#footer #time__,
#footer .temperature {
font-size: 30px;
line-height: 40px; } }
#footer .time #time__format,
#footer #time__ #time__format,
#footer .temperature #time__format {
font-family: 'Playfair Display', serif;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 0;
display: inline-block; }
@media screen and (max-width: 540px) {
#footer .time #time__format,
#footer #time__ #time__format,
#footer .temperature #time__format {
font-size: 18px; } }
@media screen and (max-width: 540px) {
#footer .temperature {
margin-left: 5px; } }
#footer .time #time__format {
font-weight: 700;
margin-left: 10px; }
@media screen and (max-width: 540px) {
#footer .time #time__format {
position: relative;
top: 10px; } }
@media screen and (max-width: 375px) {
#footer .time #time__format {
font-size: 15px; } }
#footer .time #time__format:after {
content: '';
display: inline-block;
height: 1px;
width: 150px;
background-color: #FFFFFF;
position: relative;
margin: 0 10px;
bottom: 7px; }
@media screen and (max-width: 540px) {
#footer .time #time__format:after {
width: 90px;
bottom: 20px; } }
@media screen and (max-width: 375px) {
#footer .time #time__format:after {
width: 60px; } }
#footer .social-network ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0;
padding: 0; }
#footer .social-network li {
margin: 0 20px; }
#footer .social-network li:first-child {
margin-left: 0; }
#footer .social-network a {
color: #FFFFFF;
font-size: 18px; }
#footer .copyright {
color: #FFFFFF;
font-size: 11px;
letter-spacing: .5px;
margin: 25px 0 0; }
#footer .copyright a {
color: #FFFFFF; }
#footer .column-right {
color: #FFFFFF;
line-height: 20px; }
#footer .column-right .inner {
padding-left: 60px; }
@media screen and (max-width: 768px) {
#footer .column-right .inner {
padding-left: 0; } }
#footer .column-right h4 {
letter-spacing: 3px;
text-transform: uppercase;
font-weight: 600;
margin-top: 0; }
#footer .column-right a {
color: #FFFFFF; }
#footer .column-right ul {
margin: 35px 0 0;
padding: 0; }
#footer .on-mobile {
display: none; }
@media screen and (max-width: 768px) {
#footer .on-mobile {
display: block; } }
.main-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1050;
background-color: rgba(65, 70, 94, 0.79); }
.exclusive-deal-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1060;
background-color: rgba(45, 50, 74, 0.95);
opacity: 0;
visibility: hidden;
-webkit-transform: opacity(0.8);
-moz-transform: opacity(0.8);
-ms-transform: opacity(0.8);
-o-transform: opacity(0.8);
transform: opacity(0.8);
-webkit-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
-moz-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
-o-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
-ms-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1); }
.exclusive-deal-popup.open {
opacity: 1;
visibility: visible; }
.exclusive-deal-popup.open .block-content-wrap {
-webkit-transform: translate3d(0, 0, 0) scale(1);
-moz-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
opacity: 1; }
.exclusive-deal-popup .popup-container {
height: 100vh;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center; }
.exclusive-deal-popup .block-content-wrap {
height: 80vh;
width: 80%;
box-shadow: 0px 20px 100px rgba(0, 0, 0, 0.5);
position: relative;
-webkit-transform: translate3d(0, 0%, 0) scale(0.8);
-moz-transform: translate3d(0, 0%, 0) scale(0.8);
-ms-transform: translate3d(0, 0%, 0) scale(0.8);
-o-transform: translate3d(0, 0%, 0) scale(0.8);
transform: translate3d(0, 0%, 0) scale(0.8);
-webkit-transition: all 0.75s ease 0.4s;
-moz-transition: all 0.75s ease 0.4s;
-o-transition: all 0.75s ease 0.4s;
-ms-transition: all 0.75s ease 0.4s;
transition: all 0.75s ease 0.4s;
opacity: 0; }
@media screen and (max-width: 1366px) {
.exclusive-deal-popup .block-content-wrap {
height: 80vh; } }
@media screen and (max-width: 1024px) {
.exclusive-deal-popup .block-content-wrap {
width: 75%; } }
@media screen and (max-width: 768px) {
.exclusive-deal-popup .block-content-wrap {
width: 85%;
height: 90vh; } }
@media screen and (max-width: 540px) {
.exclusive-deal-popup .block-content-wrap {
width: 90%;
height: 90vh; } }
.exclusive-deal-popup .close {
position: absolute;
right: 15px;
top: 15px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
font-size: 20px;
line-height: 1;
cursor: pointer; }
@media screen and (max-width: 768px) {
.exclusive-deal-popup .close {
color: #FFFFFF;
font-size: 25px;
right: 5px;
top: 5px;
border-radius: 50%;
width: 26px;
height: 26px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } }
.exclusive-deal-popup .close .icon {
font-weight: 700; }
@media screen and (max-width: 540px) {
.exclusive-deal-popup .close .icon {
font-weight: 400; } }
.exclusive-deal-popup .content-item {
height: 100%;
width: 100%; }
@media screen and (max-width: 768px) {
.exclusive-deal-popup .content-item {
overflow-y: scroll; } }
.exclusive-deal-popup .content-item .picture {
margin: 0; }
@media screen and (max-width: 768px) {
.exclusive-deal-popup .content-item .picture {
height: 40%; } }
@media screen and (max-width: 540px) {
.exclusive-deal-popup .content-item .picture {
height: 40%; } }
.exclusive-deal-popup .content-item .picture .wrap {
height: 100%; }
.exclusive-deal-popup .content-item .picture img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center; }
.exclusive-deal-popup .content-item .entry {
background-color: #f0f0f5;
display: flex;
align-items: center;
justify-content: center;
height: 100%; }
@media screen and (max-width: 540px) {
.exclusive-deal-popup .content-item .entry {
padding-top: 40px;
padding-bottom: 60px; } }
.exclusive-deal-popup .content-item .entry .inner {
padding: 35px 50px 35px 35px;
max-width: 430px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
-webkit-justify-content: flex-start;
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
@media screen and (max-width: 540px) {
.exclusive-deal-popup .content-item .entry .inner {
padding: 25px 30px; } }
@media screen and (max-width: 320px) {
.exclusive-deal-popup .content-item .entry .inner {
padding: 20px 25px; } }
.exclusive-deal-popup .content-item .entry .detail {
margin: 15px 0 20px; }
@media screen and (max-width: 768px) {
.exclusive-deal-popup .content-item .entry .detail {
overflow-y: visible; } }
.exclusive-deal-popup .content-item .entry .title {
font-size: 22px;
line-height: 28px;
text-transform: uppercase;
letter-spacing: 2px;
font-family: 'Playfair Display', serif; }
@media screen and (max-width: 540px) {
.exclusive-deal-popup .content-item .entry .title {
font-size: 18px;
line-height: 24px; } }
.exclusive-deal-popup .content-item .entry .title-line {
height: 2px;
max-width: 30%;
background-color: transparent;
margin: 10px 0 15px; }
.exclusive-deal-popup .content-item .entry .summary {
font-size: 11px;
line-height: 20px;
margin: 0; }
.exclusive-deal-popup .content-item .entry p {
margin: 0; }
.exclusive-deal-popup .content-item .entry p,
.exclusive-deal-popup .content-item .entry li {
font-size: 12px;
line-height: 22px; }
.exclusive-deal-popup .content-item .entry ul {
margin: 0 0 15px;
padding-left: 20px; }
.exclusive-deal-popup .content-item .entry ul:last-child {
margin-bottom: 0; }
.exclusive-deal-popup .content-item .entry li {
list-style: disc; }
.exclusive-deal-popup .content-item .entry .no-list-style {
padding: 0; }
.exclusive-deal-popup .content-item .entry .no-list-style li {
list-style: none;
line-height: 1.4; }
.exclusive-deal-popup .content-item .entry .button {
background-color: #679334;
color: #FFFFFF;
text-transform: uppercase;
padding: 7px 25px;
display: inline-block;
text-align: center;
max-width: 80px;
border: solid 2px #679334;
transition: all .2s ease; }
.exclusive-deal-popup .content-item .entry .button:hover {
background-color: transparent;
color: #679334; }
.exclusive-deal-popup .flickity-prev-next-button {
background-color: #5f5c68;
border-radius: 0;
width: 70px;
height: 70px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 768px) {
.exclusive-deal-popup .flickity-prev-next-button {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
top: 18%;
background-color: transparent; } }
@media screen and (max-width: 540px) {
.exclusive-deal-popup .flickity-prev-next-button {
display: none; } }
.exclusive-deal-popup .flickity-prev-next-button svg {
position: static;
height: 16px;
width: 16px;
fill: #fff; }
.exclusive-deal-popup .flickity-prev-next-button .arrow {
fill: #FFFFFF; }
.exclusive-deal-popup .flickity-prev-next-button.previous {
left: -40px; }
@media screen and (max-width: 768px) {
.exclusive-deal-popup .flickity-prev-next-button.previous {
left: 20px; } }
@media screen and (max-width: 540px) {
.exclusive-deal-popup .flickity-prev-next-button.previous {
display: none; } }
.exclusive-deal-popup .flickity-prev-next-button.next {
right: -40px; }
@media screen and (max-width: 768px) {
.exclusive-deal-popup .flickity-prev-next-button.next {
right: 20px; } }
@media screen and (max-width: 540px) {
.exclusive-deal-popup .flickity-prev-next-button.next {
right: 15px; } }
.popup-homepage {
position: fixed;
bottom: 25px;
right: 25px;
z-index: 1070;
max-width: 500px;
height: 200px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.75s ease;
-moz-transition: all 0.75s ease;
-o-transition: all 0.75s ease;
-ms-transition: all 0.75s ease;
transition: all 0.75s ease;
-webkit-transform: translate3d(0, 100px, 0);
-moz-transform: translate3d(0, 100px, 0);
-ms-transform: translate3d(0, 100px, 0);
-o-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0); }
@media screen and (max-width: 768px) {
.popup-homepage {
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(65, 70, 94, 0.79);
max-width: 100%;
height: 100vh;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease; } }
.popup-homepage.open {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.popup-homepage.open .block-content-wrap {
pointer-events: fill; }
@media screen and (max-width: 768px) {
.popup-homepage.open .block-content-wrap {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.popup-homepage .columns,
.popup-homepage .popup-container,
.popup-homepage .block-content-wrap,
.popup-homepage .wrap {
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
@media screen and (max-width: 768px) {
.popup-homepage .columns,
.popup-homepage .popup-container,
.popup-homepage .block-content-wrap,
.popup-homepage .wrap {
height: auto; } }
@media screen and (max-width: 768px) {
.popup-homepage .popup-container {
padding: 100px; } }
@media screen and (max-width: 540px) {
.popup-homepage .popup-container {
padding: 20px; } }
@media screen and (max-width: 320px) {
.popup-homepage .popup-container {
padding: 15px; } }
.popup-homepage .block-content-wrap {
overflow: hidden;
pointer-events: none; }
@media screen and (max-width: 768px) {
.popup-homepage .block-content-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
-webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
-moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
-o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
-ms-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
-webkit-transform: translate3d(0, 100px, 0);
-moz-transform: translate3d(0, 100px, 0);
-ms-transform: translate3d(0, 100px, 0);
-o-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
opacity: 0; } }
.popup-homepage .close {
position: absolute;
right: 5px;
top: 5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
font-size: 20px;
line-height: 1;
cursor: pointer;
z-index: 10; }
@media screen and (max-width: 768px) {
.popup-homepage .close {
color: #FFFFFF;
font-size: 30px;
right: 7px;
top: 7px; } }
@media screen and (max-width: 320px) {
.popup-homepage .close {
font-size: 25px; } }
.popup-homepage .close .icon {
font-weight: 700; }
@media screen and (max-width: 540px) {
.popup-homepage .close .icon {
font-weight: 400; } }
.popup-homepage .picture {
margin: 0;
-webkit-box-flex: 0 0 40%;
-moz-box-flex: 0 0 40%;
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%; }
@media screen and (max-width: 768px) {
.popup-homepage .picture {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; } }
.popup-homepage .picture .wrap {
padding: 10px; }
@media screen and (max-width: 768px) {
.popup-homepage .picture .wrap {
padding: 0; } }
.popup-homepage .picture img {
height: 100%;
width: 100%;
object-fit: cover; }
@media screen and (max-width: 768px) {
.popup-homepage .picture img {
height: 330px; } }
@media screen and (max-width: 540px) {
.popup-homepage .picture img {
height: 220px; } }
@media screen and (max-width: 768px) {
.popup-homepage .entry {
background-color: #FFFFFF; } }
.popup-homepage .entry .inner {
padding: 25px 20px 25px 10px; }
@media screen and (max-width: 768px) {
.popup-homepage .entry .inner {
padding: 30px 40px; } }
@media screen and (max-width: 540px) {
.popup-homepage .entry .inner {
padding: 20px 25px; } }
.popup-homepage .entry .section-headline {
font-size: 18px;
line-height: 26px;
margin-bottom: 15px; }
@media screen and (max-width: 320px) {
.popup-homepage .entry .section-headline {
font-size: 15px;
line-height: 24px; } }
.popup-homepage .entry .section-headline:after, .popup-homepage .entry .section-headline:before {
height: 2px;
width: 10%; }
.popup-homepage .entry .title {
font-family: 'Playfair Display', serif;
text-transform: uppercase;
display: block;
margin-bottom: 10px; }
.popup-homepage .entry p {
max-height: 40px;
overflow: hidden;
font-size: 12px;
line-height: 18px;
margin: 0 0 20px; }
@media screen and (max-width: 540px) {
.popup-homepage .entry p {
max-height: 100%; } }
.popup-homepage .entry .button {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
text-transform: uppercase;
font-size: 12px;
line-height: 18px;
display: inline-block; }
@media screen and (max-width: 320px) {
.popup-homepage .entry .button {
font-size: 11px; } }
.popup-homepage .entry .button:hover {
color: #A67C07; }
.popup-homepage .entry .button:hover .icon {
border: solid 1px #A67C07;
margin-right: 15px;
background-color: #A67C07;
color: #FFFFFF; }
.popup-homepage .entry .button .icon {
border: solid 1px #679334;
border-radius: 50%;
width: 20px;
height: 20px;
display: inline-block;
line-height: 1;
margin-right: 25px;
text-align: center;
font-size: 18px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media screen and (max-width: 540px) {
.popup-homepage .entry .button .icon {
position: relative;
top: 3px; } }
.form-reservation-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1060;
background-color: transparent;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
-moz-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
-o-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
-ms-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
background-color: rgba(65, 70, 94, 0.85);
pointer-events: none; }
.form-reservation-popup.active {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
pointer-events: fill; }
.form-reservation {
background-color: rgba(41, 44, 65, 0.73);
max-width: 600px;
position: fixed;
right: 160px;
top: 50%;
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
-webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
-moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
-o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
-ms-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
opacity: 0; }
@media screen and (max-width: 540px) {
.form-reservation {
right: 25px;
left: 25px;
opacity: 1;
visibility: visible; } }
@media screen and (max-width: 320px) {
.form-reservation {
right: 15px;
left: 15px;
top: 25px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } }
.form-reservation.active {
right: 60px;
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
@media screen and (max-width: 540px) {
.form-reservation.active {
right: 25px; } }
@media screen and (max-width: 320px) {
.form-reservation.active {
right: 15px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } }
.form-reservation .inner {
padding: 40px; }
@media screen and (max-width: 540px) {
.form-reservation .inner {
padding: 35px 25px; } }
@media screen and (max-width: 320px) {
.form-reservation .inner {
padding: 30px 15px; } }
.form-reservation .section-headline {
color: #FFFFFF;
font-size: 28px;
line-height: 1;
margin-bottom: 35px; }
@media screen and (max-width: 540px) {
.form-reservation .section-headline {
font-size: 20px;
margin-bottom: 25px; } }
.form-reservation .section-headline.lines-middle:after, .form-reservation .section-headline.lines-middle:before {
background-color: #FFFFFF; }
.form-reservation .block-reservation {
padding: 0;
width: 100%; }
.form-reservation .block-reservation label {
text-transform: uppercase;
font-size: 11px;
color: #FFFFFF; }
.form-reservation .block-reservation .column {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.form-reservation .block-reservation .column:nth-child(odd) {
margin-right: 10px; }
.form-reservation .block-reservation .column:nth-child(even) {
margin-left: 10px; }
.form-reservation .block-reservation .button-check {
padding: 8px 10px;
border: solid 2px #FFFFFF;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
cursor: pointer; }
@media screen and (max-width: 540px) {
.form-reservation .block-reservation .button-check {
padding: 8px 5px; } }
@media screen and (max-width: 320px) {
.form-reservation .block-reservation .button-check {
padding: 6px 5px; } }
.form-reservation .block-reservation .button-check .icon {
margin-left: 50px;
font-size: 18px;
color: #FFFFFF; }
@media screen and (max-width: 540px) {
.form-reservation .block-reservation .button-check .icon {
right: 10px; } }
@media screen and (max-width: 320px) {
.form-reservation .block-reservation .button-check .icon {
right: 7px; } }
.form-reservation .block-reservation .button-check input {
border: none;
padding: 7px;
color: #FFFFFF; }
.form-reservation .block-reservation .button-check input::-webkit-input-placeholder { color: #FFFFFF; }
.form-reservation .block-reservation .button-check input::-moz-placeholder { color: #FFFFFF; }
.form-reservation .block-reservation .button-check input:-ms-input-placeholder { color: #FFFFFF; }
.form-reservation .block-reservation .button-check input:-moz-placeholder { color: #FFFFFF; }
.form-reservation .block-reservation .button-qty {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
align-items: center;
-webkit-align-items: center;
margin-bottom: 25px; }
.form-reservation .block-reservation .button-qty .qty {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
width: 100%;
border: solid 2px #FFFFFF;
padding: 8px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
@media screen and (max-width: 540px) {
.form-reservation .block-reservation .button-qty .qty {
padding: 13px 20px; } }
.form-reservation .block-reservation .button-qty .icon {
font-size: 13px;
font-weight: 700;
cursor: pointer;
color: #FFFFFF; }
.form-reservation .block-reservation .button-qty span,
.form-reservation .block-reservation .button-qty input {
font-weight: 700;
font-family: 'Fairplay Display', serif;
color: #FFFFFF;
font-size: 13px;
-webkit-text-fill-color: #FFFFFF;
opacity: 1; }
.form-reservation .block-reservation .button-text .button-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center; }
@media screen and (max-width: 540px) {
.form-reservation .block-reservation .button-text .button-wrap {
-webkit-box-flex: 0 0 100%;
-moz-box-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-right: 0 !important;
margin-bottom: 25px; } }
.form-reservation .block-reservation .button-text .button {
text-transform: uppercase;
display: inline-block;
text-align: center;
padding: 8px 15px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0; }
.form-reservation .block-reservation .button-text .bg-white {
color: #679334;
background-color: #FFFFFF;
display: block;
width: 100%; }
.form-reservation .block-reservation .button-text .only-text {
border-bottom: solid 1px #FFFFFF;
letter-spacing: 0;
padding: 0;
font-size: 11px;
font-weight: 300;
color: #FFFFFF; }
.form-reservation .block-reservation .calendar-container .pika-lendar {
background-color: #303345; }
.form-reservation .block-reservation .calendar-container .pika-label {
color: #FFFFFF; }
.form-reservation .block-reservation .calendar-container .pika-table th {
color: #FFFFFF; }
.form-reservation .block-reservation .calendar-container .pika-button {
color: #FFFFFF; }
.form-reservation .block-reservation .calendar-container .is-inrange .pika-button {
background-color: #BBD531; }
.form-reservation .block-reservation .calendar-container .is-today .pika-button {
color: #A67C07; }
.form-reservation .block-reservation .calendar-container .is-selected .pika-button,
.form-reservation .block-reservation .calendar-container .has-event .pika-button,
.form-reservation .block-reservation .calendar-container .is-startrange .pika-button {
background: #679334;
color: #FFFFFF;
box-shadow: none;
border-radius: 0; }
.form-reservation .block-reservation .calendar-container .is-disabled .pika-button {
color: #679334;
opacity: .5; }
.form-reservation .block-reservation .calendar-container-side .pika-single .pika-lendar {
padding: 10px; }
.main-navigation {
position: relative;
z-index: 10; }
.main-navigation.active {
background-color: #FBF8F3;
z-index: 1010;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); }
.main-navigation.active + .bg-image-section-one {
margin-top: 76px; }
.main-navigation.active ul {
padding: 25px 0; }
.main-navigation.open {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 1005; }
@media screen and (max-width: 1192px) {
.main-navigation {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(37, 69, 0, 0.92);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
justify-content: flex-start;
-webkit-justify-content: flex-start;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease; } }
.main-navigation ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
padding: 20px 0;
margin: 0; }
@media screen and (max-width: 1192px) {
.main-navigation ul {
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
align-items: flex-start;
-webkit-align-items: flex-start;
padding: 0 70px;
margin: 125px 0 30px; } }
@media screen and (max-width: 1024px) {
.main-navigation ul {
z-index: 1009; } }
@media screen and (max-width: 768px) {
.main-navigation ul {
padding: 0 35px; } }
@media screen and (max-width: 375px) {
.main-navigation ul {
margin: 100px 0 25px; } }
@media screen and (max-width: 320px) {
.main-navigation ul {
padding: 0 25px;
margin: 80px 0 20px; } }
.main-navigation li {
margin: 0 20px; }
.main-navigation li:hover a:before {
width: 90%; }
@media screen and (max-width: 1192px) {
.main-navigation li {
margin: 0;
padding: 10px 0;
width: 100%; }
.main-navigation li:last-child {
padding-bottom: 30px;
border-bottom: solid 1px #FFFFFF; } }
@media screen and (max-width: 375px) {
.main-navigation li {
padding: 7px 0; }
.main-navigation li:last-child {
padding-bottom: 25px; } }
@media screen and (max-width: 320px) {
.main-navigation li {
padding: 5px 0; }
.main-navigation li:last-child {
padding-bottom: 18px; } }
.main-navigation li:first-child {
margin-left: 0; }
.main-navigation li:last-child {
margin-right: 0; }
.main-navigation li > a {
position: relative;
display: block; }
.main-navigation li > a:before {
content: '';
display: block;
width: 0;
height: 2px;
background-color: #679334;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
margin: auto;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease; }
@media screen and (max-width: 1024px) {
.main-navigation li > a:before {
display: none; } }
.main-navigation a {
font-weight: 400;
font-size: 13px; }
@media screen and (max-width: 1192px) {
.main-navigation a {
color: #FFFFFF;
font-size: 18px;
display: block; }
.main-navigation a:hover {
color: #FFFFFF; } }
@media screen and (max-width: 540px) {
.main-navigation a {
font-size: 16px; } }
@media screen and (max-width: 375px) {
.main-navigation a {
font-size: 15px; } }
@media screen and (max-width: 320px) {
.main-navigation a {
font-size: 13px; } }
.main-navigation .best-rates {
padding: 0 70px;
display: none; }
@media screen and (max-width: 1024px) {
.main-navigation .best-rates {
display: block; } }
@media screen and (max-width: 768px) {
.main-navigation .best-rates {
padding: 0 35px; } }
@media screen and (max-width: 320px) {
.main-navigation .best-rates {
padding: 0 25px; } }
.main-navigation .best-rates h4,
.main-navigation .best-rates a {
color: #FFFFFF; }
.main-navigation .best-rates h4 {
margin: 0 0 10px;
font-size: 20px; }
@media screen and (max-width: 540px) {
.main-navigation .best-rates h4 {
font-size: 16px;
margin-bottom: 0; } }
.main-navigation .button-booknow {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: none; }
.main-navigation .button-booknow a {
display: block;
background-color: #FFFFFF;
color: #679334;
text-transform: uppercase;
text-align: center;
padding: 20px; }
@media screen and (max-width: 375px) {
.main-navigation .button-booknow a {
padding: 12px 0; } }
@media screen and (max-width: 320px) {
.main-navigation .button-booknow a {
padding: 10px 0; } }
.main-navigation .parent-menu {
position: relative; }
.main-navigation .parent-menu.open .sub-menu {
top: 30px;
opacity: 1;
visibility: visible; }
@media screen and (max-width: 1024px) {
.main-navigation .parent-menu.open .sub-menu {
top: 0; } }
.main-navigation .parent-menu.open > a:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.main-navigation .parent-menu > a {
position: relative; }
.main-navigation .parent-menu > a:after {
content: '\f107';
display: inline-block;
font-family: 'icon';
font-size: 20px;
position: absolute;
margin-left: 10px;
top: 1px;
display: none;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease; }
@media screen and (max-width: 1024px) {
.main-navigation .parent-menu > a:after {
display: inline-block; } }
.main-navigation .parent-menu .sub-menu {
position: absolute;
width: 250px;
display: block;
top: 40px;
left: 50%;
max-height: 400px;
padding: 20px 0 0;
z-index: 99;
text-align: center;
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease; }
@media screen and (max-width: 1024px) {
.main-navigation .parent-menu .sub-menu {
position: relative;
max-height: 100%;
margin: 0;
padding: 0;
top: 0;
left: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
width: 100%;
opacity: 1;
visibility: visible;
text-align: left;
display: none; } }
@media screen and (max-width: 540px) {
.main-navigation .parent-menu .sub-menu {
margin: 10px 0 0; } }
@media screen and (max-width: 32px) {
.main-navigation .parent-menu .sub-menu {
margin: 5px 0 0; } }
.main-navigation .parent-menu .sub-menu li {
margin: 0;
border-bottom: solid 1px #558e11; }
@media screen and (max-width: 1024px) {
.main-navigation .parent-menu .sub-menu li {
border-bottom: 0;
padding: 0;
margin: 0; } }
.main-navigation .parent-menu .sub-menu li:last-child {
border-bottom: 0; }
.main-navigation .parent-menu .sub-menu a {
display: block;
background-color: #679334;
color: #FFFFFF;
padding: 15px 25px; }
.main-navigation .parent-menu .sub-menu a:before {
content: none; }
@media screen and (max-width: 1024px) {
.main-navigation .parent-menu .sub-menu a {
background-color: transparent; } }
@media screen and (max-width: 540px) {
.main-navigation .parent-menu .sub-menu a {
padding: 10px 20px; } }
@media screen and (max-width: 320px) {
.main-navigation .parent-menu .sub-menu a {
padding: 8px 20px; } }
.main-navigation .parent-menu .sub-menu a:hover {
background-color: #5f5c68; }
.block-card-shadow {
padding: 50px 0 80px; }
@media screen and (max-width: 768px) {
.block-card-shadow {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; } }
@media screen and (max-width: 540px) {
.block-card-shadow {
-webkit-box-flex-direction: column-reverse;
-moz-box-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 25px 0; } }
.block-card-shadow .block-entry {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-end;
-webkit-justify-content: flex-end;
align-items: center;
-webkit-align-items: center;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 42.50%; }
@media screen and (max-width: 540px) {
.block-card-shadow .block-entry {
width: 100%;
padding-top: 50px; } }
.block-card-shadow .block-entry .inner {
padding: 0 50px 0 100px; }
@media screen and (max-width: 1024px) {
.block-card-shadow .block-entry .inner {
padding-left: 0; } }
@media screen and (max-width: 768px) {
.block-card-shadow .block-entry .inner {
padding-right: 25px; } }
@media screen and (max-width: 540px) {
.block-card-shadow .block-entry .inner {
padding: 0;
text-align: left;
margin-bottom: 30px; } }
.block-card-shadow .block-entry .section-headline {
margin-top: 60px; }
@media screen and (max-width: 540px) {
.block-card-shadow .block-entry .section-headline {
margin-top: 0px; } }
.block-card-shadow .block-entry p:last-child {
margin-bottom: 0; }
.block-card-shadow .block-picture {
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 57.50%; }
@media screen and (max-width: 540px) {
.block-card-shadow .block-picture {
width: 100%; } }
.block-card-shadow .block-picture .picture {
position: relative;
margin: 0;
padding: 0 30px 0 20px;
height: 100%; }
@media screen and (max-width: 540px) {
.block-card-shadow .block-picture .picture {
padding: 0 20px 0 0; } }
.block-card-shadow .block-picture .picture .rev_clip {
height: 100%;
position: relative;
z-index: 5; }
.block-card-shadow .block-picture .box {
position: absolute;
top: 60px;
right: 0;
width: 83%;
height: 100%;
background-color: #d8d6e2;
z-index: 0; }
@media screen and (max-width: 540px) {
.block-card-shadow .block-picture .box {
display: none; } }
.block-card-shadow .block-picture .box.wide {
position: absolute;
top: 60px;
right: -80%;
width: 140%; }
#home_accommodation {
padding: 150px 0px 150px; }
@media screen and (max-width: 540px) {
#home_accommodation {
padding: 50px 0px 50px; } }
@media screen and (max-width: 540px) {
#home_accommodation .section-headline {
margin-bottom: 40px; } }
#home_accommodation .section-desc {
margin-bottom: 80px; }
@media screen and (max-width: 768px) {
#home_accommodation .section-desc {
margin-bottom: 60px;
text-align: left; } }
@media screen and (max-width: 540px) {
#home_accommodation .section-desc {
margin-bottom: 50px; } }
#home_accommodation p {
margin: 0 0 80px 50px;
max-width: 300px; }
#home_accommodation .block-card .card {
height: 380px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 35px; }
@media screen and (max-width: 1024px) {
#home_accommodation .block-card .card {
height: 360px;
padding: 0 20px; } }
@media screen and (max-width: 768px) {
#home_accommodation .block-card .card {
margin-bottom: 50px;
height: 285px; }
#home_accommodation .block-card .card:last-child {
margin-bottom: 15px; } }
@media screen and (max-width: 540px) {
#home_accommodation .block-card .card {
padding: 0;
height: 180px;
margin-bottom: 40px; } }
@media screen and (max-width: 375px) {
#home_accommodation .block-card .card {
height: 160px;
margin-bottom: 30px; } }
#home_accommodation .block-card .card .inner {
display: block;
height: 100%;
width: 100%;
position: relative; }
#home_accommodation .block-card .card .bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
#home_accommodation .block-card .card .overlay {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 35%;
background: rgba(0, 0, 0, 0.5);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
z-index: 1; }
@media screen and (max-width: 768px) {
#home_accommodation .block-card .card .overlay {
height: 50%; } }
#home_accommodation .block-card .card .entry {
height: 100%;
width: 100%;
padding: 40px 30px;
position: relative;
z-index: 5;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-end;
-webkit-align-items: flex-end;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
@media screen and (max-width: 1024px) {
#home_accommodation .block-card .card .entry {
padding: 35px 25px; } }
@media screen and (max-width: 768px) {
#home_accommodation .block-card .card .entry {
padding: 40px; } }
@media screen and (max-width: 540px) {
#home_accommodation .block-card .card .entry {
padding: 30px 25px; } }
#home_accommodation .block-card .card .entry .title {
color: #FFFFFF;
font-size: 24px;
line-height: 34px;
margin: 0;
position: relative;
display: block;
font-family: 'Playfair Display', serif;
font-weight: 400; }
@media screen and (max-width: 1024px) {
#home_accommodation .block-card .card .entry .title {
font-size: 22px;
line-height: 30px; } }
@media screen and (max-width: 768px) {
#home_accommodation .block-card .card .entry .title {
font-size: 28px;
line-height: 36px; } }
@media screen and (max-width: 540px) {
#home_accommodation .block-card .card .entry .title {
font-size: 20px;
line-height: 28px; } }
#home_accommodation .block-card .card .entry .title:after {
content: '';
display: block;
height: 2px;
width: 65px;
background-color: #FFFFFF;
margin-top: 20px; }
@media screen and (max-width: 540px) {
#home_accommodation .block-card .card .entry .title:after {
margin-top: 10px; } }
.testi .slide {
width: 100%;
padding-bottom: 50px; }
#home_testimonial {
height: 80vh;
overflow: visible; }
@media screen and (max-width: 540px) {
#home_testimonial {
overflow: hidden; } }
#home_testimonial .slider-wrap {
position: relative;
width: 100%; }
#home_testimonial #testiOne {
position: absolute; }
#home_testimonial #testiOne {
left: 5%;
top: -20px;
width: 200px;
height: 200px;
background: #d8d6e2;
z-index: 2; }
#home_testimonial #testiOne .slide-inner {
padding: 20px 40px;
text-align: right; }
#home_testimonial #testiOne .avatar {
width: 40px;
border-radius: 50%;
height: 40px;
overflow: hidden;
margin: 0 0 0px 0;
float: right;
clear: both;
display: none; }
#home_testimonial #testiOne span {
display: block;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
width: 100%; }
#home_testimonial #testiOne .name {
font: 700 14px/1.3 "Open Sans", serif;
margin: 10px 0;
text-transform: uppercase;
padding-top: 60px; }
#home_testimonial #testiTwo {
left: 10%;
position: relative;
top: 0;
width: 80%;
background: #FFFFFF; }
#home_testimonial #testiTwo .flickity-viewport {
transition: height 0.2s; }
#home_testimonial #testiTwo .slide {
background: #FFFFFF; }
#home_testimonial #testiTwo .slide-inner {
padding: 30px 60px 30px 30%;
height: 300px; }
#home_testimonial #testiTwo .slide-inner h3 {
font: 400 25px/1.3 "Playfair Display", serif;
max-width: 400px; }
#home_testimonial #testiTwo .slide-inner p {
max-width: 400px; }
#home_testimonial .slide-nav {
position: absolute;
right: 50px;
top: 200px;
width: 70px;
z-index: 2; }
#home_testimonial .slide-nav .left, #home_testimonial .slide-nav .right {
padding: 20px;
text-align: center;
cursor: pointer;
background: #5f5c68;
display: block; }
#home_testimonial .slide-nav .left svg, #home_testimonial .slide-nav .right svg {
fill: #fff; }
#home_testimonial .slide-nav .left {
margin-bottom: 2px; }
#home_testimonial .slide {
position: relative;
width: 100%;
height: 100%; } .fancybox-bg {
background: #41465e !important; }
.fancybox-navigation button {
color: #679334;
width: 80px; }
@media screen and (max-width: 768px) {
.fancybox-navigation button {
width: 70px; } }
@media screen and (max-width: 540px) {
.fancybox-navigation button {
width: 30px;
padding: 0; } }
.fancybox-navigation button:before {
background-color: transparent; }
.scrollDown {
position: absolute;
left: 50%;
bottom: 15px;
font-size: 40px;
color: #FFFFFF;
font-weight: 300;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
animation: scrollDown 1.5s infinite linear;
-webkit-animation: scrollDown 1.5s infinite linear;
-moz-animation: scrollDown 1.5s infinite linear; }
.q_slide {
overflow: hidden;
position: relative;
width: 100%;
height: 100vh;
z-index: 1; }
.q_slide .q_slide-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.q_slide .slides {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
.q_slide .grad-btm {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
width: 100%;
height: 40%;
pointer-events: none;
background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
opacity: .7; }
.q_slide .slide {
display: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
transition: opacity 0.3s ease;
background: #000; }
.q_slide .slide.q_current {
display: block; }
.q_slide .slide.is-loaded {
opacity: 1; }
.q_slide .slide .caption {
position: absolute;
left: 50%;
bottom: 15%;
width: 70%;
max-width: 480px;
text-align: center;
-webkit-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
-o-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0); }
.q_slide .slide .caption h1 {
font: 400 32px/1.3 "Playfair Display", serif;
margin-top: 0px;
text-transform: uppercase;
margin-bottom: 0;
letter-spacing: 5px; }
@media screen and (max-width: 540px) {
.q_slide .slide .caption h1 {
font: 700 16px/1.3 "Open Sans", serif;
letter-spacing: 3px; } }
@media screen and (max-width: 320px) {
.q_slide .slide .caption h1 {
font: 700 13px/1.3 "Open Sans", serif;
letter-spacing: 1px; margin-bottom: 10px; }
.q_slide .slide .caption p{ margin-top: -10px;}
}
.q_slide  .caption h2 {
font: 400 30px/1.3 "Open Sans", serif;
margin-top: 0px;
text-transform: uppercase;
margin-bottom: 0;
}
@media screen and (max-width: 540px) {
.q_slide  .caption h2 {
font: 700 16px/1.3 "Open Sans", serif;
} }
.q_slide .slide .caption h6 {
font: 700 11px/1.3 "Open Sans", sans-serif;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 10px;
color: rgba(255, 255, 255, 0.5);
position: relative;
display: none; }
.q_slide .slide .caption .sep {
width: 80px;
height: 1px;
background-color: rgba(255, 255, 255, 0.8);
margin: 30px auto;
display: none; }
.q_slide .slide .caption p {
font: 400 14px/1.8 "Open Sans", sans-serif;
max-width: 400px;
margin: 0 auto;
letter-spacing: 1px;
margin-top: 30px; }
@media screen and (max-width: 540px) {
.q_slide .slide .caption p {
margin-top: 70px; } }
.q_slide .slide .caption .q_magnet {
padding: 50px 20px 20px;
display: inline-block; }
@media screen and (max-width: 540px) {
.q_slide .slide .caption {
bottom: 100px; } }
@media screen and (max-width: 320px) {
.q_slide .slide .caption {
bottom: 10px; } }
.q_slide .slide .caption.right {
left: auto;
right: 10%;
text-align: right; }
.q_slide .slide .image-container, .q_slide .slide .image-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
z-index: 1;
background-size: cover;
image-rendering: optimizeQuality; }
.q_slide .slide .image {
width: 100%;
width: 100%;
object-fit: cover;
height: 100%;
opacity: .8; }
.q_slide .slide-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
color: #fff;
display: flex;
justify-content: center;
align-items: center; }
.q_slide .slide .btn {
display: inline-block;
border: 1px solid #fff;
padding: 10px 30px;
color: #fff;
font: 400 11px/1.3 "Open Sans", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.2s ease; }
.q_slide .slide .btn:hover {
background-color: #fff;
color: #000; }
.q_slide .slide .btn::before {
background: #fff; }
.q_slide .pagination {
position: absolute;
left: 10%;
cursor: default;
z-index: 2;
bottom: 10%;
margin-top: -56px; }
@media screen and (max-width: 540px) {
.q_slide .pagination {
display: none; } }
.q_slide .pagination .item {
position: relative;
display: inline-block;
cursor: pointer;
text-indent: -999em;
z-index: 1;
margin: 0 15px; }
.q_slide .pagination .item + .page {
margin-left: 0; }
.q_slide .pagination .item::before {
content: "";
display: block;
position: absolute;
width: 5px;
height: 5px;
margin: 10px 0;
background: rgba(255, 255, 255, 0.5);
transition: background 0.2s ease;
border-radius: 50%; }
.q_slide .pagination .item::after {
content: "";
display: block;
position: absolute;
top: -1px;
left: -11px;
width: 25px;
height: 25px;
border: 1px solid #fff;
border-radius: 50%;
opacity: 0;
transform: scale(0.6);
transition: all 0.2s ease; }
.q_slide .pagination .item:hover::before, .q_slide .pagination .item.q_current::before {
background-color: #fff; }
.q_slide .pagination .item:hover::after, .q_slide .pagination .item.q_current:hover::after {
opacity: 1;
transform: scale(1); }
.q_slide .arrows .arrow {
display: block;
padding: 20px;
position: absolute;
bottom: 10%;
margin-bottom: -20px;
cursor: pointer;
z-index: 3;
right: 10%; }
@media screen and (max-width: 540px) {
.q_slide .arrows .arrow {
left: 0; } }
.q_slide .arrows .arrow:before {
content: "";
position: absolute;
top: 14px;
left: 8px;
width: 35px;
height: 35px;
border-radius: 50%;
border: 1px solid #fff;
transition: all 0.2s ease;
transform: scale(0.5);
opacity: 0; }
.q_slide .arrows .arrow:hover:before {
transform: scale(1);
opacity: 1; }
.q_slide .arrows .arrow .svg {
opacity: 1; }
.q_slide .arrows .arrow:hover .svg {
opacity: 1; }
.q_slide .arrows .prev {
margin-right: 70px; }
@media screen and (max-width: 540px) {
.q_slide .arrows .next {
left: 50px; } }
.q_slide .arrows .svg {
position: relative;
left: 0;
width: 14px;
height: 26px;
fill: #fff;
transition: opacity 0.2s ease; }
.q_slide.full-width {
height: 90vh;
overflow: visible; }
.q_slide.full-width .image {
opacity: .8; }
.q_slide.full-width .arrows .arrow {
bottom: 0;
padding: 20px 29px 17px;
text-align: center;
cursor: pointer;
background: #5f5c68;
display: block;
width: 11px; }
.q_slide.full-width .arrows .arrow svg {
fill: #fff; }
.q_slide.full-width .arrows .arrow:before {
display: none; }
@media screen and (max-width: 540px) {
.q_slide.full-width .arrows .arrow.next {
left: 72px; } }
.q_slide.kenburns .slides .slide .image-container .image {
width: 100%;
width: 100%;
object-fit: cover;
height: 100%;
animation: kenburns 30s linear;
-ms-animation: kenburns 30s linear;
-webkit-animation: kenburns 30s linear;
-o-animation: kenburns 30s linear;
-moz-animation: kenburns 30s linear; }
@-webkit-keyframes kenburns {
0% {
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1); }
50% {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1); }
100% {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1); } }
.block-card-overlap .overlap-wrapper {
position: relative;
padding-bottom: 130px; }
.column-item{ margin: 8px 0}
@media screen and (max-width: 1024px) {
.block-card-overlap .overlap-wrapper {
padding-bottom: 100px; } }
@media screen and (max-width: 768px) {
.block-card-overlap .overlap-wrapper {
padding-bottom: 0; } }
.block-card-overlap .box {
position: absolute;
top: 60px;
right: 50%;
width: 100%;
height: 100%;
background-color: rgba(30, 10, 40, 0.05);
z-index: 0; }
@media screen and (max-width: 540px) {
.block-card-overlap .box {
display: none; } }
.block-card-overlap .type-1 .block-entry,
.block-card-overlap .type-3 .block-entry {
right: 0; }
.block-card-overlap .type-1 .block-entry .title-line,
.block-card-overlap .type-3 .block-entry .title-line {
right: 0px;
transform-origin: right;
-webkit-transform-origin: right; }
@media screen and (max-width: 1024px) {
.block-card-overlap .type-1 .block-entry .title-line,
.block-card-overlap .type-3 .block-entry .title-line {
left: 90px; } }
@media screen and (max-width: 540px) {
.block-card-overlap .type-1 .block-entry .title-line,
.block-card-overlap .type-3 .block-entry .title-line {
left: 0px; } }
@media screen and (max-width: 320px) {
.block-card-overlap .type-1 .block-entry .title-line,
.block-card-overlap .type-3 .block-entry .title-line {
left: 40px; } }
.block-card-overlap .type-2,
.block-card-overlap .type-4 {
-webkit-box-flex-direction: row-reverse;
-moz-box-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.block-card-overlap .type-2 .block-entry,
.block-card-overlap .type-4 .block-entry {
left: 0; }
.block-card-overlap .type-2 .block-entry .inner,
.block-card-overlap .type-4 .block-entry .inner {
text-align: right; }
.block-card-overlap .type-2 .block-entry .title-line,
.block-card-overlap .type-4 .block-entry .title-line {
right: 125px;
transform-origin: left;
-webkit-transform-origin: left; }
@media screen and (max-width: 1024px) {
.block-card-overlap .type-2 .block-entry .title-line,
.block-card-overlap .type-4 .block-entry .title-line {
right: 90px; } }
@media screen and (max-width: 540px) {
.block-card-overlap .type-2 .block-entry .title-line,
.block-card-overlap .type-4 .block-entry .title-line {
right: 50px; } }
@media screen and (max-width: 320px) {
.block-card-overlap .type-2 .block-entry .title-line,
.block-card-overlap .type-4 .block-entry .title-line {
right: 40px; } }
.block-card-overlap .type-2 .block-entry p,
.block-card-overlap .type-4 .block-entry p {
margin-left: auto; }
@media screen and (max-width: 768px) {
.block-card-overlap .type-2 {
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; } }
.block-card-overlap .type-3 .block-entry .title-line {
background: #679334 65px;
background: -webkit-linear-gradient(right, #679334 65px, #FFFFFF 65px);
background: -o-linear-gradient(left, #679334 65px, #FFFFFF 65px);
background: -moz-linear-gradient(left, #679334 65px, #FFFFFF 65px);
background: linear-gradient(to left, #679334 65px, #FFFFFF 65px); }
@media screen and (max-width: 1024px) {
.block-card-overlap .type-3 .block-entry .title-line {
background: #679334 45px;
background: -webkit-linear-gradient(right, #679334 45px, #FFFFFF 45px);
background: -o-linear-gradient(left, #679334 45px, #FFFFFF 45px);
background: -moz-linear-gradient(left, #679334 45px, #FFFFFF 45px);
background: linear-gradient(to left, #679334 45px, #FFFFFF 45px); } }
@media screen and (max-width: 540px) {
.block-card-overlap .type-3 .block-entry .title-line {
background: #679334 20px;
background: -webkit-linear-gradient(right, #679334 20px, #FFFFFF 20px);
background: -o-linear-gradient(left, #679334 20px, #FFFFFF 20px);
background: -moz-linear-gradient(left, #679334 20px, #FFFFFF 20px);
background: linear-gradient(to left, #679334 20px, #FFFFFF 20px); } }
@media screen and (max-width: 320px) {
.block-card-overlap .type-3 .block-entry .title-line {
background: #679334 15px;
background: -webkit-linear-gradient(right, #679334 15px, #FFFFFF 15px);
background: -o-linear-gradient(left, #679334 15px, #FFFFFF 15px);
background: -moz-linear-gradient(left, #679334 15px, #FFFFFF 15px);
background: linear-gradient(to left, #679334 15px, #FFFFFF 15px); } }
@media screen and (max-width: 1024px) {
.block-card-overlap .type-4 .block-entry .title {
justify-content: flex-end;
-webkit-justify-content: flex-end; } }
@media screen and (max-width: 540px) {
.block-card-overlap .type-4 .block-entry .title {
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.block-card-overlap .type-4 .block-entry .title-line {
background: #679334 65px;
background: -webkit-linear-gradient(left, #679334 65px, #FFFFFF 65px);
background: -o-linear-gradient(right, #679334 65px, #FFFFFF 65px);
background: -moz-linear-gradient(right, #679334 65px, #FFFFFF 65px);
background: linear-gradient(to right, #679334 65px, #FFFFFF 65px); }
@media screen and (max-width: 1024px) {
.block-card-overlap .type-4 .block-entry .title-line {
background: #679334 45px;
background: -webkit-linear-gradient(left, #679334 45px, #FFFFFF 45px);
background: -o-linear-gradient(right, #679334 45px, #FFFFFF 45px);
background: -moz-linear-gradient(right, #679334 45px, #FFFFFF 45px);
background: linear-gradient(to right, #679334 45px, #FFFFFF 45px); } }
@media screen and (max-width: 540px) {
.block-card-overlap .type-4 .block-entry .title-line {
background: #679334 20px;
background: -webkit-linear-gradient(left, #679334 20px, #FFFFFF 20px);
background: -o-linear-gradient(right, #679334 20px, #FFFFFF 20px);
background: -moz-linear-gradient(right, #679334 20px, #FFFFFF 20px);
background: linear-gradient(to right, #679334 20px, #FFFFFF 20px); } }
@media screen and (max-width: 320px) {
.block-card-overlap .type-4 .block-entry .title-line {
background: #679334 15px;
background: -webkit-linear-gradient(left, #679334 15px, #FFFFFF 15px);
background: -o-linear-gradient(right, #679334 15px, #FFFFFF 15px);
background: -moz-linear-gradient(right, #679334 15px, #FFFFFF 15px);
background: linear-gradient(to right, #679334 15px, #FFFFFF 15px); } }
.block-card-overlap .block-picture {
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 55%; }
.block-card-overlap .block-picture.wide {
width: 95%; }
@media screen and (max-width: 768px) {
.block-card-overlap .block-picture {
width: 100%;
margin-bottom: 50px; } }
@media screen and (max-width: 540px) {
.block-card-overlap .block-picture {
margin-bottom: 25px; } }
@media screen and (max-width: 320px) {
.block-card-overlap .block-picture {
margin-bottom: 15px; } }
.block-card-overlap .block-picture .picture {
position: relative;
margin: 0;
padding: 0 30px 0 20px;
height: 100%; }
@media screen and (max-width: 540px) {
.block-card-overlap .block-picture .picture {
padding: 0 20px 0 0; } }
.block-card-overlap .block-entry {
position: absolute;
margin-top: 80px;
top: 0;
width: 54%;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
z-index: 25; }
@media screen and (max-width: 768px) {
.block-card-overlap .block-entry {
width: 70%;
right: 10%;
margin-top: 150px; } }
@media screen and (max-width: 540px) {
.block-card-overlap .block-entry {
width: calc(100% - 40px);
position: relative;
top: 0;
margin: auto; } }
@media screen and (max-width: 320px) {
.block-card-overlap .block-entry {
width: calc(100% - 25px);
margin-top: -90px; } }
.block-card-overlap .block-entry .inner {
padding: 50px 60px 70px; }
@media screen and (max-width: 1024px) {
.block-card-overlap .block-entry .inner {
padding: 35px 45px; } }
@media screen and (max-width: 540px) {
.block-card-overlap .block-entry .inner {
padding: 30px; } }
@media screen and (max-width: 320px) {
.block-card-overlap .block-entry .inner {
padding: 25px; } }
.block-card-overlap .block-entry .title {
font: 400 35px/1 "Playfair Display", serif;
text-transform: uppercase;
letter-spacing: 3px;
margin: 0;
position: relative;
display: block;
line-height: 56px; }
@media screen and (max-width: 1024px) {
.block-card-overlap .block-entry .title {
font-size: 32px;
line-height: 42px; }
.block-card-overlap .block-entry .title .split-line {
margin-right: 10px; }
.block-card-overlap .block-entry .title .split-line:last-child {
margin-right: 0; } }
@media screen and (max-width: 540px) {
.block-card-overlap .block-entry .title {
font-size: 16px;
line-height: 36px;
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
@media screen and (max-width: 320px) {
.block-card-overlap .block-entry .title {
font-size: 24px;
line-height: 32px; } }
.block-card-overlap .block-entry .title-line {
height: 1px;
background-color: #679334;
margin: 35px 0 40px;
position: relative; }
@media screen and (max-width: 1024px) {
.block-card-overlap .block-entry .title-line {
margin: 20px 0 25px; } }
.block-card-overlap .block-entry p {
max-width: 300px;
margin: 0; }
@media screen and (max-width: 1024px) {
.block-card-overlap .block-entry p {
max-width: 100%; } }
.block-card-overlap ul.facilities {
padding: 0;
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.block-card-overlap ul.facilities li {
display: block;
padding: 5px 0;
border-bottom: 1px solid #e5e7e9; }
.block-card-overlap .bg-vanilla {
background-color: #f0f0f5; }
.block-card-overlap .bg-green {
background-color: #679334; }
.block-card-overlap .bg-green .title,
.block-card-overlap .bg-green p {
color: #FFFFFF; }
.block-card-overlap .bg-green .title:after {
background: #679334 62px;
background: -webkit-linear-gradient(left, #679334 62px, #FFFFFF 62px);
background: -o-linear-gradient(right, #679334 62px, #FFFFFF 62px);
background: -moz-linear-gradient(right, #679334 62px, #FFFFFF 62px);
background: linear-gradient(to right, #679334 62px, #FFFFFF 62px); }
.split-line {
height: 60px;
overflow: hidden;
display: block; }
@media screen and (max-width: 1024px) {
.split-line {
height: 45px; } }
@media screen and (max-width: 540px) {
.split-line {
overflow: visible;
height: auto; } }
.split-line .split-line-item {
display: block; }
#reservation .q-container {
position: relative;
z-index: 10; }
#reservation .block-card {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
height: 120vh; }
@media screen and (max-width: 320px) {
#reservation .block-card {
margin-top: 30px; } }
#reservation .block-card p {
max-width: 350px;
margin-bottom: 30px; }
#reservation .block-card .wrapper {
max-width: 415px;
position: relative;
margin-left: 25px; }
@media screen and (max-width: 768px) {
#reservation .block-card .wrapper {
max-width: 100%; } }
#reservation .block-card .column {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
@media screen and (max-width: 1024px) {
#reservation .block-card .q-1-2-desktop:nth-child(2) {
margin-left: 20%; } }
@media screen and (max-width: 768px) {
#reservation .block-card .q-1-2-desktop:nth-child(2) {
margin-left: 0; } }
#reservation .block-card .block-entry {
padding-right: 50px; }
@media screen and (max-width: 1024px) {
#reservation .block-card .block-entry {
display: none; } }
@media screen and (max-width: 768px) {
#reservation .block-card .block-entry {
padding-right: 0; } }
@media screen and (max-width: 540px) {
#reservation .block-card .block-entry {
display: none; } }
#reservation .block-card .block-entry .inner {
padding: 25px 45px;
text-align: right;
position: relative;
z-index: 5; }
@media screen and (max-width: 768px) {
#reservation .block-card .block-entry .inner {
text-align: left; } }
#reservation .block-card .block-entry .inner p {
margin: 0;
font-size: 13px;
line-height: 22px; }
#reservation .block-card .block-entry .inner .title {
margin-top: 0;
font-size: 15px;
font-weight: 600; }
#reservation .block-card .block-entry .bg-green .title,
#reservation .block-card .block-entry .bg-green p {
color: #FFFFFF; }
#reservation .block-card .overlay {
background-color: #333107;
position: absolute;
top: -25px;
right: 25px;
bottom: -25px;
left: -25px; }
.block-reservation {
padding-right: 50px;
text-align: left; }
@media screen and (max-width: 1024px) {
.block-reservation {
padding-left: 0; }
.block-reservation.q-1-2-desktop {
width: 80%;
margin: auto; } }
@media screen and (max-width: 768px) {
.block-reservation {
padding: 0 50px; }
.block-reservation.q-1-2-desktop {
width: 100%;
margin: auto; } }
@media screen and (max-width: 540px) {
.block-reservation {
padding: 0; } }
.block-reservation label {
text-transform: uppercase;
font-size: 12px;
display: block;
width: 100%; }
@media screen and (max-width: 768px) {
.block-reservation .columns {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; } }
.block-reservation .column {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.block-reservation .column:nth-child(odd) {
margin-right: 10px; }
.block-reservation .column:nth-child(even) {
margin-left: 10px; }
.block-reservation .column.reservation-wrap {
margin-right: 0 !important; }
.block-reservation .button-check {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
cursor: pointer;
position: relative; }
.block-reservation .button-check input {
padding: 20px 15px;
border: solid 1px #679334;
width: 100%;
outline: 0;
position: relative;
z-index: 1;
background-color: transparent;
font-size: 12px;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
color: #679334;
-webkit-appearance: none;
border-radius: 0; }
@media screen and (max-width: 540px) {
.block-reservation .button-check input {
padding: 15px;
border: solid 1px #679334; } }
@media screen and (max-width: 320px) {
.block-reservation .button-check input {
padding: 15px 10px; } }
.block-reservation .button-check input::-webkit-input-placeholder { color: #679334; }
.block-reservation .button-check input::-moz-placeholder { color: #679334; }
.block-reservation .button-check input:-ms-input-placeholder { color: #679334; }
.block-reservation .button-check input:-moz-placeholder { color: #679334; }
.block-reservation .button-check .icon {
font-size: 22px;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
@media screen and (max-width: 320px) {
.block-reservation .button-check .icon {
font-size: 15px;
right: 15px; } }
@media screen and (max-width: 540px) {
.block-reservation .btn-increment {
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap; } }
.block-reservation .button-qty {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
align-items: center;
-webkit-align-items: center;
margin-bottom: 35px; }
@media screen and (max-width: 540px) {
.block-reservation .button-qty {
-webkit-box-flex: 0 0 100%;
-moz-box-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-left: 0 !important;
margin-right: 0 !important; } }
.block-reservation .button-qty .qty {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
width: 100%;
border: solid 1px #679334;
padding: 10px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
@media screen and (max-width: 540px) {
.block-reservation .button-qty .qty {
padding: 13px 20px; } }
.block-reservation .button-qty .icon {
font-size: 16px;
font-weight: 700;
cursor: pointer; }
.block-reservation .button-qty span,
.block-reservation .button-qty input {
border: none;
text-align: center;
color: #679334;
-webkit-text-fill-color: #679334;
background-color: transparent;
opacity: 1; }
@media screen and (max-width: 540px) {
.block-reservation .button-text {
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap; } }
.block-reservation .button-text .button-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center; }
@media screen and (max-width: 540px) {
.block-reservation .button-text .button-wrap {
margin: 0 0 35px;
display: block;
text-align: center; }
.block-reservation .button-text .button-wrap:last-child {
margin: 0; } }
.block-reservation .button-text .button {
text-transform: uppercase;
display: inline-block;
text-align: center;
padding: 12px 15px;
font-size: 12px;
letter-spacing: 1px;
transition: all .2s ease; }
@media screen and (max-width: 768px) {
.block-reservation .button-text .button {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; } }
@media screen and (max-width: 320px) {
.block-reservation .button-text .button {
padding: 13px; } }
.block-reservation .button-text .inline-link {
text-transform: uppercase;
font-size: 12px; }
.block-reservation .button-text .bg-green {
color: #FFFFFF;
display: block;
width: 100%; }
.block-reservation .button-text .bg-green:hover {
background-color: #FFFFFF;
color: #679334; }
.block-reservation .button-text .only-text {
border-bottom: solid 1px #679334;
letter-spacing: 0;
padding: 0; }
.block-reservation .button-text .only-text:hover {
color: #A67C07; }
.bg-image-section-reservation {
position: relative; }
.bg-image-section-reservation:before, .bg-image-section-reservation:after {
content: '';
display: inline-block;
position: absolute;
background-size: contain;
background-repeat: no-repeat; }
.bg-image-section-reservation:before {
background-image: url(//milantravel.vn/wp-content/themes/img/bg-palm.png);
bottom: -20vh;
left: -25px;
height: 100%;
width: 250px;
-webkit-transform: rotate(90deg) scale(1, -1);
-moz-transform: rotate(90deg) scale(1, -1);
-ms-transform: rotate(90deg) scale(1, -1);
-o-transform: rotate(90deg) scale(1, -1);
transform: rotate(90deg) scale(1, -1); }
@media screen and (max-width: 540px) {
.bg-image-section-reservation:before {
display: none; } }
.bg-image-section-reservation:after {
background-image: url(//milantravel.vn/wp-content/themes/img/bg-palm.png);
top: 0;
right: 0;
height: 100%;
width: 300px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
@media screen and (max-width: 540px) {
.bg-image-section-reservation:after {
height: 250px;
width: 250px;
top: 30vh;
right: -35px;
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
transform: rotate(130deg); } }
.calendar-custom {
position: relative; }
.calendar-custom .pika-single,
.calendar-custom .pika-single .is-bound {
background: #5f5c68 !important;
position: absolute  !important;
top: 80px !important;
left: 0 !important;
right: 0 !important;
border: 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 540px) {
.calendar-custom .pika-single,
.calendar-custom .pika-single .is-bound {
top: 70px !important; } }
.calendar-custom .pika-next,
.calendar-custom .pika-prev {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: .7; }
.calendar-custom .pika-next:hover,
.calendar-custom .pika-prev:hover {
opacity: 1; }
.calendar-custom .pika-next {
background-image: url(//milantravel.vn/wp-content/themes/img/icons/right-arrow-grey.svg);
right: 50px; }
@media screen and (max-width: 540px) {
.calendar-custom .pika-next {
right: 5px; } }
.calendar-custom .pika-prev {
background-image: url(//milantravel.vn/wp-content/themes/img/icons/left-arrow-grey.svg);
left: 50px; }
@media screen and (max-width: 540px) {
.calendar-custom .pika-prev {
left: 5px; } }
.calendar-custom .pika-lendar {
width: 100%;
background: #5f5c68 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 30px;
background-color: #FFFFFF; }
.calendar-custom .pika-label {
background-color: transparent;
color: #888;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-family: 600; }
.calendar-custom .pika-table abbr {
text-decoration: none;
font-family: 'Open Sans', sans-serif; }
.calendar-custom .pika-table td {
padding: 0; }
.calendar-custom .pika-row {
border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
.calendar-custom .pika-button {
text-align: center;
background-color: transparent;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
padding: 10px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease; }
.calendar-custom .pika-button:hover {
color: #679334; }
.calendar-custom .is-inrange .pika-button {
background-color: #BBD531; }
.calendar-custom .is-today .pika-button {
color: #A67C07; }
.calendar-custom .is-selected .pika-button,
.calendar-custom .has-event .pika-button,
.calendar-custom .is-startrange .pika-button {
background: #679334;
color: #FFFFFF;
box-shadow: none;
border-radius: 0; }
.calendar-custom .is-disabled .pika-button {
color: rgba(255, 255, 255, 0.4);
opacity: .5; }
.pages-top-banner {
position: relative;
background-color: #000;
height: 100%;
height: 100vh;
overflow: hidden; }
.pages-top-banner .entry {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(0%) translateX(-50%);
-moz-transform: translateY(0%) translateX(-50%);
-ms-transform: translateY(0%) translateX(-50%);
-o-transform: translateY(0%) translateX(-50%);
transform: translateY(0%) translateX(-50%);
text-align: center;
z-index: 50;
width: 100%;
max-width: 600px;
color: #fff; }
@media screen and (max-width: 540px) {
.pages-top-banner .entry {
max-width: 80%;
padding: 0 30px;
bottom: 3rem; } }
@media screen and (max-width: 320px) {
.pages-top-banner .entry {
padding: 0 20px;
bottom: 2rem; } }
.pages-top-banner .entry h1 {
font: 400 43px/1.3 "Playfair Display", serif;
margin-top: 0px;
text-transform: uppercase;
margin-bottom: 0;
letter-spacing: 5px; }
@media screen and (max-width: 540px) {
.pages-top-banner .entry h1 {
font: 700 16px/1.3 "Open Sans", serif;
letter-spacing: 3px; } }
.pages-top-banner .entry p {
font: 400 14px/1.8 "Open Sans", sans-serif;
margin: 0 auto 50px;
letter-spacing: 1px;
margin-top: 30px;
max-width: 300px; }
.pages-top-banner .entry a {
color: rgba(255, 255, 255, 0.6); }
.pages-top-banner .entry a:hover {
color: #fff; }
.pages-top-banner .single-bg {
height: 100%;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: flex-start;
-webkit-justify-content: flex-start; }
@media screen and (max-width: 1024px) {
.pages-top-banner .single-bg {
height: 75vh; } }
@media screen and (max-width: 540px) {
.pages-top-banner .single-bg {
height: 50vh; } }
@media screen and (max-width: 320px) {
.pages-top-banner .single-bg {
height: 45vh; } }
.pages-top-banner .single-bg .overlay,
.pages-top-banner .single-bg .bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.pages-top-banner .single-bg .overlay {
background: rgba(250, 132, 132, 0);
background: -webkit-linear-gradient(top, rgba(250, 132, 132, 0), rgba(0, 0, 0, 0.3));
background: -o-linear-gradient(bottom, rgba(250, 132, 132, 0), rgba(0, 0, 0, 0.3));
background: -moz-linear-gradient(bottom, rgba(250, 132, 132, 0), rgba(0, 0, 0, 0.3));
background: linear-gradient(to bottom, rgba(250, 132, 132, 0), rgba(0, 0, 0, 0.3)); }
.pages-top-banner .single-bg .bg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
opacity: .5; }
.pages-top-banner-slider .slider {
position: relative; }
.pages-top-banner-slider .slide-item {
height: 90vh;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: flex-start;
-webkit-justify-content: flex-start; }
@media screen and (max-width: 1024px) {
.pages-top-banner-slider .slide-item {
height: 75vh; } }
@media screen and (max-width: 540px) {
.pages-top-banner-slider .slide-item {
height: 60vh; } }
.pages-top-banner-slider .slide-item .overlay,
.pages-top-banner-slider .slide-item .bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.pages-top-banner-slider .slide-item .overlay {
background: rgba(0, 0, 0, 0.5);
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
background: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
background: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }
.pages-top-banner-slider .slide-item .bg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: -1; }
.pages-top-banner-slider .flickity-page-dots {
bottom: 25px; }
@media screen and (max-width: 540px) {
.pages-top-banner-slider .flickity-page-dots {
bottom: 10px; } }
.pages-top-banner-slider .flickity-page-dots .dot {
width: 6px;
height: 6px;
margin: 0 4px;
background-color: #FFFFFF;
opacity: .5; }
.pages-top-banner-slider .flickity-page-dots .dot.is-selected {
opacity: 1; }
#page_summary {
position: relative;
z-index: 1;
background: #f0f0f5; }
#page_summary .type-1 .column {
max-width: 570px;
margin: auto;
text-align: center; }
#page_summary .type-1 .vertical-lines:after {
content: '';
display: block;
width: 2px;
height: 125px;
background-color: #679334;
margin: 50px auto 0; }
@media screen and (max-width: 540px) {
#page_summary .type-1 .vertical-lines:after {
height: 50px;
margin-top: 30px; } }
#page_summary .type-1 .pages-headline,
#page_summary .type-1 p {
font-family: 'Playfair Display', serif; }
#page_summary .type-1 .pages-headline {
display: block;
color: #A67C07;
font-size: 22px;
line-height: 30px;
letter-spacing: 1px;
margin-bottom: 70px; }
@media screen and (max-width: 540px) {
#page_summary .type-1 .pages-headline {
margin-bottom: 30px;
font-size: 20px;
line-height: 28px; } }
#page_summary .type-1 .pages-headline.lines-middle:after, #page_summary .type-1 .pages-headline.lines-middle:before {
content: '';
display: inline-block;
height: 3px;
width: 90px;
background-color: #A67C07;
vertical-align: middle; }
@media screen and (max-width: 540px) {
#page_summary .type-1 .pages-headline.lines-middle:after, #page_summary .type-1 .pages-headline.lines-middle:before {
height: 2px;
width: 30px; } }
#page_summary .type-1 .pages-headline.lines-middle:before {
margin-right: 25px; }
#page_summary .type-1 .pages-headline.lines-middle:after {
margin-left: 25px; }
#page_summary .type-1 p {
text-align: center;
margin: 0;
font-size: 20px; }
@media screen and (max-width: 768px) {
#page_summary .type-1 p {
font-size: 14px;
line-height: 26px; } }
@media screen and (max-width: 540px) {
#page_summary .type-1 p {
text-align: left;
font-size: 12px;
line-height: 24px; } }
#page_summary .type-1 small {
display: block;
font-size: 15px;
margin-top: 30px; }
@media screen and (max-width: 540px) {
#page_summary .type-1 small {
font-size: 12px; } }
#page_summary .type-1 .button {
text-transform: uppercase;
padding: 10px 35px;
display: inline-block;
margin-top: 50px; }
#page_summary .type-1 .button:hover {
background-color: #679334;
color: #FFFFFF; }
#page_summary .type-1 .button:hover .icon {
color: #FFFFFF;
left: 10px; }
@media screen and (max-width: 540px) {
#page_summary .type-1 .button {
margin-top: 30px; } }
#page_summary .type-1 .button .icon {
margin-left: 50px;
font-size: 20px;
position: relative;
top: 3px;
line-height: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
left: 0; }
#page_summary .type-1 .button.lines-green {
border: solid 2px #679334; }
#page_summary .type-3 {
max-width: 700px;
margin: auto; }
#page_summary .type-3 .summary {
margin: 0 0 50px;
padding-right: 50px; }
@media screen and (max-width: 768px) {
#page_summary .type-3 .summary {
margin-bottom: 30px; } }
@media screen and (max-width: 540px) {
#page_summary .type-3 .summary {
margin-bottom: 20px; } }
#page_summary .type-3 p {
margin: 0; }
.our-story-summary {
padding-bottom: 150px; }
@media screen and (max-width: 768px) {
.our-story-summary {
padding-bottom: 40px; } }
@media screen and (max-width: 540px) {
#accommodation_favorite .block-card-shadow {
padding-bottom: 0; } }
#accommodation_favorite .block-card-shadow .block-entry .inner {
text-align: center;
flex-grow: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1; }
@media screen and (max-width: 540px) {
#accommodation_favorite .block-card-shadow .block-entry .inner {
text-align: left; } }
#accommodation_favorite .block-card-shadow .block-entry .inner .title {
font-size: 26px;
line-height: 36px;
text-align: center;
display: block; }
@media screen and (max-width: 540px) {
#accommodation_favorite .block-card-shadow .block-entry .inner .title {
font-size: 20px;
line-height: 30px; } }
#accommodation_favorite .block-card-shadow .block-entry .inner .title-line {
display: block;
height: 2px;
background-color: #679334;
margin: 30px 0 40px;
position: relative;
left: -75%; }
#accommodation_favorite .block-card-shadow .block-entry .inner ul {
padding: 0;
margin: 10px 0 20px; }
#accommodation_favorite .block-card-shadow .block-entry .inner ul:last-child {
margin-bottom: 0; }
@media screen and (max-width: 540px) {
#accommodation_favorite .block-card-shadow .block-entry .inner ul {
padding: 0 20px;
margin: 10px 0; } }
#accommodation_favorite .block-card-shadow .block-entry .inner li {
list-style: disc;
line-height: 32px; }
#accommodation_favorite .block-card-shadow .block-entry .inner .button {
padding: 10px 35px;
margin: 10px 0;
text-transform: uppercase;
display: inline-block; }
@media screen and (max-width: 540px) {
#accommodation_favorite .block-card-shadow .block-entry .inner .button {
display: none; } }
#accommodation_favorite .block-card-shadow .block-entry .inner .button.lines-green {
border: solid 2px #679334; }
#accommodation_favorite .block-card-shadow .block-entry .inner .button.lines-green:hover {
background-color: #679334;
color: #FFFFFF; }
.accommodations::after {
clear: both;
content: "";
display: block; }
.accommodations .accommodation-type {
width: calc(100% / 3);
float: left;
height: 450px;
position: relative; }
@media screen and (max-width: 1024px) {
.accommodations .accommodation-type {
height: 360px; } }
@media screen and (max-width: 768px) {
.accommodations .accommodation-type {
margin: 0 auto 50px;
height: 185px;
width: calc(100% - 40px);
float: none; }
.accommodations .accommodation-type:last-child {
margin-bottom: 15px; } }
@media screen and (max-width: 540px) {
.accommodations .accommodation-type {
padding: 0;
height: 150px;
margin-bottom: 40px;
width: 100%; } }
@media screen and (max-width: 375px) {
.accommodations .accommodation-type {
height: 140px;
margin-bottom: 30px; } }
@media screen and (max-width: 320px) {
.accommodations .accommodation-type {
height: 120px;
margin-bottom: 20px; } }
.accommodations .accommodation-type a {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.accommodations .accommodation-type a h4.accommodation-name,
.accommodations .accommodation-type a h4.accommodation-name:before,
.accommodations .accommodation-type a .accommodation-bg {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease; }
.accommodations .accommodation-type a .accommodation-bg-change {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease; }
.accommodations .accommodation-type a h4.accommodation-name {
color: #fff;
position: absolute;
left: 20%;
right: 20%;
z-index: 2;
bottom: 5%;
font-size: 11px;
line-height: 30px;
text-align: left;
text-transform: uppercase;
font-weight: 400;
margin: 0 0 35px;
letter-spacing: 2px; }
@media screen and (max-width: 768px) {
.accommodations .accommodation-type a h4.accommodation-name {
left: 10%; } }
.accommodations .accommodation-type a h4.accommodation-name:before {
content: '';
display: block;
height: 1px;
width: 100px;
background-color: rgba(255, 255, 255, 0.8);
margin: 10px 0 0;
position: relative;
left: 0; }
@media screen and (max-width: 540px) {
.accommodations .accommodation-type a h4.accommodation-name:before {
margin-top: 10px; } }
.accommodations .accommodation-type a .overlay {
position: absolute;
bottom: 0;
height: 50%;
left: 10%;
right: 10%;
background: rgba(0, 0, 0, 0.5);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }
@media screen and (max-width: 1024px) {
.accommodations .accommodation-type a .overlay {
bottom: 14px; } }
@media screen and (max-width: 768px) {
.accommodations .accommodation-type a .overlay {
bottom: 0;
left: 0;
right: 0; } }
.accommodations .accommodation-type a .accommodation-bg {
width: 100%;
position: absolute;
right: 0;
height: 100%;
z-index: 1;
background-color: transparent;
overflow: hidden;
background-size: 95%;
background-position: center;
background-repeat: no-repeat;
margin: auto;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease; }
@media screen and (max-width: 768px) {
.accommodations .accommodation-type a .accommodation-bg {
background-size: 100%; } }
.accommodations .accommodation-type a .accommodation-bg-change {
content: "";
width: 98%;
position: absolute;
height: 100%;
-webkit-transform: translateX(-105%);
-moz-transform: translateX(-105%);
-ms-transform: translateX(-105%);
-o-transform: translateX(-105%);
transform: translateX(-105%);
background-color: #333107;
background-size: cover; }
.accommodations .accommodation-type:nth-child(1) a .accommodation-bg-change {
background-position: left center; }
.accommodations .accommodation-type:nth-child(2) a .accommodation-bg-change {
background-position: 50% center; }
.accommodations .accommodation-type:nth-child(3) a .accommodation-bg-change {
background-position: right center; }
.accommodations:hover .accommodation-type a .accommodation-bg {
width: 100%;
background-size: 80%; }
@media screen and (max-width: 1024px) {
.accommodations:hover .accommodation-type a .accommodation-bg {
background-size: 80%; } }
@media screen and (max-width: 768px) {
.accommodations:hover .accommodation-type a .accommodation-bg {
background-size: 80%; } }
.accommodations:hover .accommodation-type a .accommodation-bg-change {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
@media screen and (max-width: 1024px) {
.accommodations:hover .accommodation-type a .accommodation-bg-change {
-webkit-transform: translateX(-105%);
-moz-transform: translateX(-105%);
-ms-transform: translateX(-105%);
-o-transform: translateX(-105%);
transform: translateX(-105%); } }
.accommodations:hover .accommodation-type a h4.accommodation-name {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
opacity: .3; }
@media screen and (max-width: 1024px) {
.accommodations:hover .accommodation-type a h4.accommodation-name {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px); } }
.accommodations:hover .accommodation-type a:hover h4.accommodation-name {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px); }
.accommodations:hover .accommodation-type a:hover h4.accommodation-name:before {
width: 100%; }
@media screen and (max-width: 1024px) {
.accommodations:hover .accommodation-type a:hover h4.accommodation-name:before {
width: 100px; } }
.fullwidth-slider .slider {
background-color: #000; }
.fullwidth-slider .slider .bg {
height: 450px;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: .85; }
@media screen and (max-width: 540px) {
.fullwidth-slider .slider .bg {
height: 200px; } }
@media screen and (max-width: 320px) {
.fullwidth-slider .slider .bg {
height: 180px; } }
.fullwidth-slider .flickity-prev-next-button {
background-color: transparent; }
@media screen and (max-width: 768px) {
.fullwidth-slider .flickity-prev-next-button {
border: solid 2px #FFFFFF;
width: 34px;
height: 34px; } }
@media screen and (max-width: 540px) {
.fullwidth-slider .flickity-prev-next-button {
width: 30px;
height: 30px; } }
@media screen and (max-width: 320px) {
.fullwidth-slider .flickity-prev-next-button {
width: 24px;
height: 24px;
border: solid 1px #FFFFFF; } }
.fullwidth-slider .flickity-prev-next-button:disabled {
opacity: 0; }
.fullwidth-slider .flickity-prev-next-button .arrow {
fill: #FFFFFF; }
.fullwidth-slider .flickity-prev-next-button.previous {
left: 5rem; }
@media screen and (max-width: 768px) {
.fullwidth-slider .flickity-prev-next-button.previous {
left: 3rem; } }
@media screen and (max-width: 540px) {
.fullwidth-slider .flickity-prev-next-button.previous {
left: 25px; } }
.fullwidth-slider .flickity-prev-next-button.next {
right: 5rem; }
@media screen and (max-width: 540px) {
.fullwidth-slider .flickity-prev-next-button.next {
right: 25px; } }
.fullwidth-image {
position: relative; }
@media screen and (max-width: 768px) {
.fullwidth-image {
display: none; }
.fullwidth-image.with-text {
display: block; } }
.fullwidth-image.with-text .bg {
height: 500px; }
@media screen and (max-width: 540px) {
.fullwidth-image.with-text .bg {
height: 400px; } }
@media screen and (max-width: 320px) {
.fullwidth-image.with-text .bg {
height: 350px; } }
.fullwidth-image .bg {
height: 450px;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.fullwidth-image .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3)); }
.fullwidth-image .block-entry {
position: absolute;
bottom: 80px;
max-width: 300px;
left: 14rem; }
@media screen and (max-width: 1024px) {
.fullwidth-image .block-entry {
left: 8rem; } }
@media screen and (max-width: 768px) {
.fullwidth-image .block-entry {
left: 35px; } }
@media screen and (max-width: 540px) {
.fullwidth-image .block-entry {
bottom: 60px; } }
@media screen and (max-width: 320px) {
.fullwidth-image .block-entry {
bottom: 50px;
left: 25px; } }
.fullwidth-image .block-entry .inner {
color: #FFFFFF; }
.fullwidth-image .block-entry .inner .title {
font-size: 36px;
line-height: 48px;
display: block;
font-family: 'Playfair Display', serif; }
@media screen and (max-width: 1024px) {
.fullwidth-image .block-entry .inner .title {
font-size: 30px;
line-height: 40px; } }
@media screen and (max-width: 540px) {
.fullwidth-image .block-entry .inner .title {
font-size: 24px;
line-height: 34px; } }
.fullwidth-image .block-entry .inner .title .split-line {
height: 50px; }
.fullwidth-image .block-entry .inner .title-line {
display: block;
height: 2px;
width: 100%;
background-color: #FFFFFF;
margin: 30px 0;
position: relative;
left: -80px; }
@media screen and (max-width: 1024px) {
.fullwidth-image .block-entry .inner .title-line {
margin: 15px 0 25px;
left: -35px;
width: 65%; } }
@media screen and (max-width: 320px) {
.fullwidth-image .block-entry .inner .title-line {
left: -25px; } }
.fullwidth-image .block-entry .inner p {
padding-right: 30px;
line-height: 22px;
color: rgba(255, 255, 255, 0.8); }
.fullwidth-image .block-entry .inner .button {
background-color: #FFFFFF;
text-transform: uppercase;
padding: 15px 85px;
display: inline-block;
font-weight: 600;
letter-spacing: 4px;
text-align: center;
margin-top: 20px;
font-size: 16px;
border: solid 2px #FFFFFF; }
.fullwidth-image .block-entry .inner .button:hover {
background-color: transparent;
color: #FFFFFF; }
@media screen and (max-width: 1024px) {
.fullwidth-image .block-entry .inner .button {
padding: 12px 65px;
font-size: 14px; } }
@media screen and (max-width: 540px) {
.fullwidth-image .block-entry .inner .button {
padding: 12px 35px;
font-size: 13px; } }
@media screen and (max-width: 320px) {
.fullwidth-image .block-entry .inner .button {
padding: 9px 35px;
font-size: 12px;
letter-spacing: 3px; } }
.section-type-big-title {
padding: 120px 0 90px; }
@media screen and (max-width: 1024px) {
.section-type-big-title {
padding: 90px 0 70px; } }
@media screen and (max-width: 540px) {
.section-type-big-title {
padding: 60px 0 50px; } }
@media screen and (max-width: 320px) {
.section-type-big-title {
padding: 50px 0 40px; } }
.section-type-big-title .block-card-shadow {
padding: 0; }
.section-type-big-title .block-card-shadow .block-entry {
margin-top: 50px; }
@media screen and (max-width: 768px) {
.section-type-big-title .block-card-shadow .block-entry {
margin-top: 30px; } }
@media screen and (max-width: 540px) {
.section-type-big-title .block-card-shadow .block-entry {
margin-top: 0; } }
.section-type-big-title .block-card-shadow .block-entry .title {
font-size: 40px;
line-height: 56px;
font-family: 'Playfair Display', serif; }
@media screen and (max-width: 1024px) {
.section-type-big-title .block-card-shadow .block-entry .title {
font-size: 30px;
line-height: 42px; } }
@media screen and (max-width: 768px) {
.section-type-big-title .block-card-shadow .block-entry .title {
font-size: 24px;
line-height: 34px; } }
@media screen and (max-width: 540px) {
.section-type-big-title .block-card-shadow .block-entry .title {
font-size: 18px;
line-height: 28px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; } }
.section-type-big-title .block-card-shadow .block-entry .title .split-line {
height: 55px; }
@media screen and (max-width: 1024px) {
.section-type-big-title .block-card-shadow .block-entry .title .split-line {
height: 40px; } }
@media screen and (max-width: 540px) {
.section-type-big-title .block-card-shadow .block-entry .title .split-line {
height: 30px;
margin-right: 10px; } }
.section-type-big-title .block-card-shadow .block-entry .title-line {
display: block;
height: 2px;
background-color: #679334;
position: relative;
margin: 40px 0 50px; }
@media screen and (max-width: 1024px) {
.section-type-big-title .block-card-shadow .block-entry .title-line {
margin: 30px 0; } }
@media screen and (max-width: 540px) {
.section-type-big-title .block-card-shadow .block-entry .title-line {
margin: 15px 0 25px; } }
.section-type-big-title.type-1 {
background-color: #FFFFFF; }
@media screen and (max-width: 540px) {
.section-type-big-title.type-1 .block-card-shadow {
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.section-type-big-title.type-1 .block-card-shadow .block-picture .picture {
margin-left: 30px;
padding-left: 30px;
padding-right: 20px; }
@media screen and (max-width: 1024px) {
.section-type-big-title.type-1 .block-card-shadow .block-picture .picture {
margin-left: 0;
padding-left: 25px;
padding-right: 50px; } }
@media screen and (max-width: 540px) {
.section-type-big-title.type-1 .block-card-shadow .block-picture .picture {
padding-left: 0;
padding-right: 20px; } }
@media screen and (max-width: 320px) {
.section-type-big-title.type-1 .block-card-shadow .block-picture .picture {
padding-right: 15px; } }
.section-type-big-title.type-1 .block-card-shadow .block-picture .picture:after {
right: auto;
left: 0; }
@media screen and (max-width: 1024px) {
.section-type-big-title.type-1 .block-card-shadow .block-picture .picture:after {
-webkit-transform: translate3d(0, 25px, 0);
-moz-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
-o-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); } }
@media screen and (max-width: 540px) {
.section-type-big-title.type-1 .block-card-shadow .block-picture .picture:after {
-webkit-transform: translate3d(0, 20px, 0);
-moz-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
-o-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); } }
.section-type-big-title.type-1 .block-card-shadow .block-entry .inner {
text-align: left; }
@media screen and (max-width: 1024px) {
.section-type-big-title.type-1 .block-card-shadow .block-entry .inner {
padding-right: 0; } }
.section-type-big-title.type-1 .block-card-shadow .block-entry .title-line {
left: 100px; }
@media screen and (max-width: 1024px) {
.section-type-big-title.type-1 .block-card-shadow .block-entry .title-line {
left: 75px; } }
@media screen and (max-width: 540px) {
.section-type-big-title.type-1 .block-card-shadow .block-entry .title-line {
left: 25px;
width: 75%; } }
.section-type-big-title.type-2 {
background-color: #f0f0f5; }
.section-type-big-title.type-2 .block-card-shadow .block-picture .picture {
margin-right: 30px;
padding-left: 20px; }
@media screen and (max-width: 1024px) {
.section-type-big-title.type-2 .block-card-shadow .block-picture .picture {
margin-right: 0;
padding-left: 50px;
padding-right: 25px; } }
@media screen and (max-width: 540px) {
.section-type-big-title.type-2 .block-card-shadow .block-picture .picture {
padding-left: 0;
padding-right: 20px; } }
.section-type-big-title.type-2 .block-card-shadow .block-picture .picture:after {
left: auto;
right: 0; }
@media screen and (max-width: 1024px) {
.section-type-big-title.type-2 .block-card-shadow .block-picture .picture:after {
-webkit-transform: translate3d(0, 25px, 0);
-moz-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
-o-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); } }
@media screen and (max-width: 540px) {
.section-type-big-title.type-2 .block-card-shadow .block-picture .picture:after {
-webkit-transform: translate3d(0, 20px, 0);
-moz-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
-o-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); } }
.section-type-big-title.type-2 .block-card-shadow .block-entry .inner {
text-align: right;
padding: 0 100px 0 50px; }
@media screen and (max-width: 1024px) {
.section-type-big-title.type-2 .block-card-shadow .block-entry .inner {
padding: 0; } }
@media screen and (max-width: 540px) {
.section-type-big-title.type-2 .block-card-shadow .block-entry .inner {
text-align: left; } }
.section-type-big-title.type-2 .block-card-shadow .block-entry .title-line {
right: 100px; }
@media screen and (max-width: 1024px) {
.section-type-big-title.type-2 .block-card-shadow .block-entry .title-line {
right: 75px; } }
@media screen and (max-width: 540px) {
.section-type-big-title.type-2 .block-card-shadow .block-entry .title-line {
left: 0;
width: 75%; } }
@media screen and (max-width: 768px) {
.block-wedding-card .card-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; } }
@media screen and (max-width: 540px) {
.block-wedding-card .card-wrapper {
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.block-wedding-card .card-wrapper .block-picture .picture {
margin: 0;
padding: 0 0 0 100px;
position: relative;
height: 100%; }
@media screen and (max-width: 768px) {
.block-wedding-card .card-wrapper .block-picture .picture {
padding: 0; } }
.block-wedding-card .card-wrapper .block-picture .wrap {
position: relative; }
.block-wedding-card .card-wrapper .block-entry .inner {
padding: 60px 0 80px 80px; }
@media screen and (max-width: 1024px) {
.block-wedding-card .card-wrapper .block-entry .inner {
padding: 20px 0 20px 50px; } }
@media screen and (max-width: 540px) {
.block-wedding-card .card-wrapper .block-entry .inner {
padding: 40px 0 0; } }
@media screen and (max-width: 320px) {
.block-wedding-card .card-wrapper .block-entry .inner {
padding: 20px 0 0; } }
.block-wedding-card .card-wrapper .block-entry .title {
display: block;
font: 400 35px/1 "Playfair Display", serif;
text-transform: uppercase;
letter-spacing: 3px;
margin: 0;
line-height: 56px; }
@media screen and (max-width: 1024px) {
.block-wedding-card .card-wrapper .block-entry .title {
font-size: 24px;
line-height: 34px; } }
@media screen and (max-width: 540px) {
.block-wedding-card .card-wrapper .block-entry .title {
font-size: 18px;
line-height: 28px; } }
.block-wedding-card .card-wrapper .block-entry .title .split-line {
height: 50px; }
@media screen and (max-width: 1024px) {
.block-wedding-card .card-wrapper .block-entry .title .split-line {
height: 40px; } }
@media screen and (max-width: 540px) {
.block-wedding-card .card-wrapper .block-entry .title .split-line {
height: 30px; } }
.block-wedding-card .card-wrapper .block-entry .title-line {
display: block;
height: 2px;
width: 100%;
background: #FFFFFF 65px;
background: -webkit-linear-gradient(left, #FFFFFF 65px, #679334 65px);
background: -o-linear-gradient(right, #FFFFFF 65px, #679334 65px);
background: -moz-linear-gradient(right, #FFFFFF 65px, #679334 65px);
background: linear-gradient(to right, #FFFFFF 65px, #679334 65px);
position: relative;
margin: 30px 0 50px;
left: -145px; }
@media screen and (max-width: 1024px) {
.block-wedding-card .card-wrapper .block-entry .title-line {
margin: 20px 0 30px;
background: #FFFFFF 95px;
background: -webkit-linear-gradient(left, #FFFFFF 95px, #679334 95px);
background: -o-linear-gradient(right, #FFFFFF 95px, #679334 95px);
background: -moz-linear-gradient(right, #FFFFFF 95px, #679334 95px);
background: linear-gradient(to right, #FFFFFF 95px, #679334 95px); } }
@media screen and (max-width: 540px) {
.block-wedding-card .card-wrapper .block-entry .title-line {
margin: 10px 0 25px;
background: #679334;
left: 0;
max-width: 75%; } }
.block-wedding-card .card-wrapper .block-entry p {
padding-right: 125px;
margin-bottom: 30px; }
.block-wedding-card .card-wrapper .block-entry p:last-child {
margin: 0; }
@media screen and (max-width: 1024px) {
.block-wedding-card .card-wrapper .block-entry p {
padding: 0; } }
.block-wedding-card .type-2 {
-webkit-box-flex-direction: row-reverse;
-moz-box-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media screen and (max-width: 540px) {
.block-wedding-card .type-2 {
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.block-wedding-card .type-2 .block-picture .picture {
margin: 0;
padding: 0 100px 0 0; }
@media screen and (max-width: 768px) {
.block-wedding-card .type-2 .block-picture .picture {
padding: 0; } }
.block-wedding-card .type-2 .block-entry .inner {
text-align: right;
padding-right: 80px;
padding-left: 0; }
@media screen and (max-width: 1024px) {
.block-wedding-card .type-2 .block-entry .inner {
padding-right: 50px; } }
@media screen and (max-width: 540px) {
.block-wedding-card .type-2 .block-entry .inner {
padding: 40px 0 0 0;
text-align: left; } }
@media screen and (max-width: 320px) {
.block-wedding-card .type-2 .block-entry .inner {
padding: 20px 0 0; } }
.block-wedding-card .type-2 .block-entry p {
padding-right: 0;
padding-left: 125px; }
@media screen and (max-width: 1024px) {
.block-wedding-card .type-2 .block-entry p {
padding: 0; } }
.block-wedding-card .type-2 .block-entry .title-line {
background: #FFFFFF 65px;
background: -webkit-linear-gradient(right, #FFFFFF 65px, #679334 65px);
background: -o-linear-gradient(left, #FFFFFF 65px, #679334 65px);
background: -moz-linear-gradient(left, #FFFFFF 65px, #679334 65px);
background: linear-gradient(to left, #FFFFFF 65px, #679334 65px);
left: 145px; }
@media screen and (max-width: 1024px) {
.block-wedding-card .type-2 .block-entry .title-line {
background: #FFFFFF 95px;
background: -webkit-linear-gradient(right, #FFFFFF 95px, #679334 95px);
background: -o-linear-gradient(left, #FFFFFF 95px, #679334 95px);
background: -moz-linear-gradient(left, #FFFFFF 95px, #679334 95px);
background: linear-gradient(to left, #FFFFFF 95px, #679334 95px); } }
@media screen and (max-width: 540px) {
.block-wedding-card .type-2 .block-entry .title-line {
background: #679334;
left: 0; } }
.block-place-card {
padding: 170px 0 170px; }
@media screen and (max-width: 1024px) {
.block-place-card {
padding: 80px 0 60px; } }
@media screen and (max-width: 768px) {
.block-place-card {
padding: 70px 0 50px; } }
@media screen and (max-width: 540px) {
.block-place-card {
padding: 50px 0 40px; } }
@media screen and (max-width: 320px) {
.block-place-card {
padding: 40px 0 30px; } }
@media screen and (max-width: 768px) {
.block-place-card .card-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; } }
@media screen and (max-width: 540px) {
.block-place-card .card-wrapper {
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.block-place-card .card-wrapper .block-picture {
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 55%;
z-index: 0; }
@media screen and (max-width: 540px) {
.block-place-card .card-wrapper .block-picture {
width: 100%; } }
.block-place-card .card-wrapper .block-picture .picture {
position: relative;
margin: 0;
padding: 0;
height: 100%; }
.block-place-card .card-wrapper .block-picture .tag {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
padding: 18px 10px; }
@media screen and (max-width: 540px) {
.block-place-card .card-wrapper .block-picture .tag {
justify-content: flex-end;
-webkit-justify-content: flex-end; } }
.block-place-card .card-wrapper .block-picture .tag .icon,
.block-place-card .card-wrapper .block-picture .tag span {
display: block; }
.block-place-card .card-wrapper .block-picture .tag .icon {
margin-right: 40px; }
@media screen and (max-width: 540px) {
.block-place-card .card-wrapper .block-picture .tag .icon {
margin: 0; } }
.block-place-card .card-wrapper .block-picture .tag span {
position: relative;
top: 2px;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
letter-spacing: 1px; }
@media screen and (max-width: 540px) {
.block-place-card .card-wrapper .block-picture .tag span {
display: none; } }
.block-place-card .card-wrapper .block-entry .inner {
padding-left: 70px; }
@media screen and (max-width: 1024px) {
.block-place-card .card-wrapper .block-entry .inner {
padding-left: 50px; } }
@media screen and (max-width: 768px) {
.block-place-card .card-wrapper .block-entry .inner {
padding-top: 30px; } }
@media screen and (max-width: 540px) {
.block-place-card .card-wrapper .block-entry .inner {
padding: 0; } }
.block-place-card .card-wrapper .block-entry .title {
line-height: 46px;
display: block;
font: 400 32px/1.3 "Playfair Display", serif;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 50px; }
.item_news{ overflow: hidden; max-width: 1170px; margin: 15px auto 0; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0; }
.item_news img{ max-width: 100%; height: auto;}
.single-post img{ max-width: 100%; height: auto; margin: 5px auto; display: block;}
@media screen and (max-width: 1024px) {
.block-place-card .card-wrapper .block-entry .title {
font-size: 24px;
line-height: 34px; } }
@media screen and (max-width: 320px) {
.block-place-card .card-wrapper .block-entry .title {
font-size: 18px;
line-height: 28px; } }
.block-place-card .card-wrapper .block-entry .title .split-line {
height: 50px; }
@media screen and (max-width: 1024px) {
.block-place-card .card-wrapper .block-entry .title .split-line {
height: 40px; } }
@media screen and (max-width: 540px) {
.block-place-card .card-wrapper .block-entry .title .split-line {
height: 30px; } }
.block-place-card .card-wrapper .block-entry .title-line {
display: block;
height: 2px;
width: 100%;
background: #FFFFFF 75px;
background: -webkit-linear-gradient(left, #FFFFFF 75px, #679334 75px);
background: -o-linear-gradient(right, #FFFFFF 75px, #679334 75px);
background: -moz-linear-gradient(right, #FFFFFF 75px, #679334 75px);
background: linear-gradient(to right, #FFFFFF 75px, #679334 75px);
position: relative;
margin: 20px 0 40px;
left: -145px; }
@media screen and (max-width: 1024px) {
.block-place-card .card-wrapper .block-entry .title-line {
margin: 10px 0 25px;
left: -125px; } }
@media screen and (max-width: 540px) {
.block-place-card .card-wrapper .block-entry .title-line {
left: 0;
background: #679334;
max-width: 65%; } }
.block-place-card .card-wrapper .block-entry p {
padding-right: 50px;
margin-bottom: 30px; }
.block-place-card .card-wrapper .block-entry p:last-child {
margin: 0; }
@media screen and (max-width: 1024px) {
.block-place-card .card-wrapper .block-entry p {
padding-right: 0; } }
.block-place-card .type-2 {
-webkit-box-flex-direction: row-reverse;
-moz-box-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media screen and (max-width: 540px) {
.block-place-card .type-2 {
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.block-place-card .type-2 .block-picture .tag {
justify-content: flex-start;
-webkit-justify-content: flex-start;
-webkit-box-flex-direction: row-reverse;
-moz-box-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.block-place-card .type-2 .block-picture .tag .icon {
margin: 0;
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1); }
.block-place-card .type-2 .block-picture .tag span {
margin-right: 40px; }
.block-place-card .type-2 .block-entry .inner {
text-align: right;
padding: 0px 70px 0 0; }
@media screen and (max-width: 1024px) {
.block-place-card .type-2 .block-entry .inner {
padding-right: 50px; } }
@media screen and (max-width: 768px) {
.block-place-card .type-2 .block-entry .inner {
padding-top: 30px; } }
@media screen and (max-width: 540px) {
.block-place-card .type-2 .block-entry .inner {
padding: 0;
text-align: left; } }
.block-place-card .type-2 .block-entry p {
padding-right: 0;
padding-left: 50px; }
@media screen and (max-width: 1024px) {
.block-place-card .type-2 .block-entry p {
padding-left: 0; } }
.block-place-card .type-2 .block-entry .title-line {
background: #FFFFFF 75px;
background: -webkit-linear-gradient(right, #FFFFFF 75px, #679334 75px);
background: -o-linear-gradient(left, #FFFFFF 75px, #679334 75px);
background: -moz-linear-gradient(left, #FFFFFF 75px, #679334 75px);
background: linear-gradient(to left, #FFFFFF 75px, #679334 75px);
left: 145px; }
@media screen and (max-width: 1024px) {
.block-place-card .type-2 .block-entry .title-line {
left: 125px; } }
@media screen and (max-width: 540px) {
.block-place-card .type-2 .block-entry .title-line {
left: 0;
background: #679334; } }
.block-place-card-bus-shuttle {
padding: 100px 0; }
@media screen and (max-width: 768px) {
.block-place-card-bus-shuttle {
padding: 70px 0; } }
@media screen and (max-width: 540px) {
.block-place-card-bus-shuttle {
padding: 50px 0; } }
@media screen and (max-width: 320px) {
.block-place-card-bus-shuttle {
padding: 40px 0; } }
.block-place-card-bus-shuttle .section-headline {
display: none; }
@media screen and (max-width: 540px) {
.block-place-card-bus-shuttle .section-headline {
display: block;
margin: 0 0 40px; } }
.block-place-card-bus-shuttle .block-card-shadow {
padding: 0; }
.block-place-card-bus-shuttle .block-card-shadow .block-entry {
position: relative;
z-index: 10; }
@media screen and (max-width: 540px) {
.block-place-card-bus-shuttle .block-card-shadow .block-entry {
padding-top: 0; } }
.block-place-card-bus-shuttle .block-card-shadow .block-entry .inner {
padding: 0 50px 0 0;
width: 100%; }
@media screen and (max-width: 768px) {
.block-place-card-bus-shuttle .block-card-shadow .block-entry .inner {
padding: 0 30px 0 0; } }
@media screen and (max-width: 540px) {
.block-place-card-bus-shuttle .block-card-shadow .block-entry .inner {
padding: 0; } }
.block-place-card-bus-shuttle .block-card-shadow .block-entry .title {
line-height: 46px;
display: block;
font: 400 32px/1.3 "Playfair Display", serif;
text-transform: uppercase;
letter-spacing: 3px;
text-align: right;
margin-bottom: 50px; }
@media screen and (max-width: 768px) {
.block-place-card-bus-shuttle .block-card-shadow .block-entry .title {
font-size: 24px;
line-height: 34px;
text-align: left; } }
@media screen and (max-width: 540px) {
.block-place-card-bus-shuttle .block-card-shadow .block-entry .title {
display: inline-block; } }
@media screen and (max-width: 320px) {
.block-place-card-bus-shuttle .block-card-shadow .block-entry .title {
font-size: 18px;
line-height: 28px; } }
.block-place-card-bus-shuttle .block-card-shadow .block-entry .title .split-line {
height: 50px; }
.block-place-card-bus-shuttle .block-card-shadow .block-entry .title-line {
display: block;
height: 2px;
width: 100%;
background: #FFFFFF 75px;
background: -webkit-linear-gradient(right, #FFFFFF 75px, #679334 75px);
background: -o-linear-gradient(left, #FFFFFF 75px, #679334 75px);
background: -moz-linear-gradient(left, #FFFFFF 75px, #679334 75px);
background: linear-gradient(to left, #FFFFFF 75px, #679334 75px);
position: relative;
margin: 20px 0 50px;
right: -145px; }
@media screen and (max-width: 768px) {
.block-place-card-bus-shuttle .block-card-shadow .block-entry .title-line {
right: -125px;
margin: 15px 0 30px; } }
@media screen and (max-width: 540px) {
.block-place-card-bus-shuttle .block-card-shadow .block-entry .title-line {
right: auto;
left: 0;
width: 100%;
background: #679334; } }
@media screen and (max-width: 540px) {
.block-place-card-bus-shuttle .block-card-shadow .block-entry .title-line {
margin: 5px 0 25px; } }
@media screen and (max-width: 768px) {
.block-place-card-bus-shuttle .block-card-shadow .block-picture {
margin-bottom: 80px; } }
@media screen and (max-width: 540px) {
.block-place-card-bus-shuttle .block-card-shadow .block-picture {
margin-bottom: 60px; } }
@media screen and (max-width: 320px) {
.block-place-card-bus-shuttle .block-card-shadow .block-picture {
margin-bottom: 50px; } }
.block-place-card-bus-shuttle .block-card-shadow .block-picture .picture .wrap {
position: relative; }
.block-place-card-bus-shuttle .shuttle-table .column {
text-align: center; }
.block-place-card-bus-shuttle .shuttle-table .st-head-text {
border-top: solid 1px #679334;
border-left: solid 1px #679334;
border-bottom: solid 1px #679334; }
.block-place-card-bus-shuttle .shuttle-table .st-head-text:last-child {
border-right: solid 1px #679334; }
.block-place-card-bus-shuttle .shuttle-table .st-head-text p {
font-weight: 600;
margin: 0;
padding: 10px 15px; }
@media screen and (max-width: 768px) {
.block-place-card-bus-shuttle .shuttle-table .st-head-text p {
font-size: 13px;
line-height: 18px; } }
@media screen and (max-width: 768px) {
.block-place-card-bus-shuttle .shuttle-table .st-head {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; } }
.block-place-card-bus-shuttle .shuttle-table .st-body {
border-bottom: solid 1px #679334;
border-left: solid 1px #679334;
border-right: solid 1px #679334; }
@media screen and (max-width: 768px) {
.block-place-card-bus-shuttle .shuttle-table .st-body {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; } }
.block-place-card-bus-shuttle .shuttle-table .st-body .st-body-text:first-child {
border-right: solid 1px #679334; }
.block-place-card-bus-shuttle .shuttle-table .st-body .st-body-text p:last-child {
margin-bottom: 10px; }
.block-section-maps {
padding: 100px 0; }
@media screen and (max-width: 768px) {
.block-section-maps {
padding: 60px 0; } }
@media screen and (max-width: 540px) {
.block-section-maps {
padding: 40px 0; } }
.block-section-maps .columns {
align-items: center;
-webkit-align-items: center; }
@media screen and (max-width: 768px) {
.block-section-maps .columns {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; } }
@media screen and (max-width: 540px) {
.block-section-maps .columns {
-webkit-box-flex-direction: column;
-moz-box-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.block-section-maps .block-maps {
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 55%; }
@media screen and (max-width: 540px) {
.block-section-maps .block-maps {
width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; } }
@media screen and (max-width: 320px) {
.block-section-maps .block-maps {
padding: 0 15px; } }
.block-section-maps .block-entry {
max-width: 420px; }
@media screen and (max-width: 540px) {
.block-section-maps .block-entry {
margin-top: 40px; } }
.block-section-maps .block-entry .inner {
padding: 0 80px; }
@media screen and (max-width: 768px) {
.block-section-maps .block-entry .inner {
padding: 0 50px; } }
@media screen and (max-width: 540px) {
.block-section-maps .block-entry .inner {
padding: 0 25px; } }
.block-section-maps .block-entry .title {
font-size: 38px;
line-height: 50px;
display: block;
font-family: 'Playfair Display', serif; }
@media screen and (max-width: 540px) {
.block-section-maps .block-entry .title {
font-size: 24px;
line-height: 34px; } }
@media screen and (max-width: 320px) {
.block-section-maps .block-entry .title {
font-size: 18px;
line-height: 28px; } }
.block-section-maps .block-entry .title-line {
display: block;
height: 3px;
width: 100%;
background-color: #679334;
position: relative;
margin: 20px 0 30px;
left: -150px; }
@media screen and (max-width: 540px) {
.block-section-maps .block-entry .title-line {
left: 0;
max-width: 65%;
margin: 10px 0 25px;
height: 2px; } }
.block-section-maps .block-entry p {
line-height: 22px; }
.block-section-maps .block-entry ul {
padding: 0;
margin: 0; }
#map {
height: 400px; }
@media screen and (max-width: 540px) {
#map {
height: 220px; } }
@media screen and (max-width: 320px) {
#map {
height: 200px; } }
.janata-timeline {
padding: 20px 0 90px; }
@media screen and (max-width: 540px) {
.janata-timeline {
padding: 20px 0 10px; } }
.janata-timeline .timeline-item {
position: relative;
padding: 100px 0; }
@media screen and (max-width: 768px) {
.janata-timeline .timeline-item {
padding: 65px 0; } }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-item {
padding: 100px 0 50px; } }
.janata-timeline .timeline-item:first-child {
padding-top: 150px; }
@media screen and (max-width: 1024px) {
.janata-timeline .timeline-item:first-child {
padding-top: 150px; } }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-item:first-child {
padding-top: 100px; } }
.janata-timeline .timeline-item:first-child .timeline-lines {
top: -100px; }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-item:first-child .timeline-lines {
display: none; } }
.janata-timeline .timeline-item:first-child .year {
top: -300px !important; }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-item:first-child .year {
top: -440px !important; } }
.janata-timeline .timeline-item:nth-child(2) {
padding-top: 250px; }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-item:nth-child(2) {
padding: 100px 0 50px; } }
.janata-timeline .timeline-item:nth-child(2) .year {
top: -300px !important; }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-item:nth-child(2) .year {
top: -440px !important; } }
.janata-timeline .timeline-item:last-child {
padding-top: 250px; }
@media screen and (max-width: 1024px) {
.janata-timeline .timeline-item:last-child {
padding-top: 150px; } }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-item:last-child {
padding-top: 100px; } }
.janata-timeline .timeline-item:last-child .year {
top: -350px !important; }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-item:last-child .year {
top: -440px !important; } }
.janata-timeline .timeline-item .block-entry {
margin-top: 50px; }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-item .block-entry {
margin-top: 25px;
padding-top: 0; } }
.janata-timeline .timeline-item .block-entry .inner {
padding: 0;
position: relative; }
.janata-timeline .timeline-item .block-entry .year {
font-size: 250px;
font-weight: 400;
letter-spacing: -2px;
display: block;
line-height: 1;
position: absolute;
top: -50px;
color: rgba(30, 20, 120, 0.08);
font-family: 'Abel', sans-serif;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
@media screen and (max-width: 1024px) {
.janata-timeline .timeline-item .block-entry .year {
font-size: 200px; } }
@media screen and (max-width: 768px) {
.janata-timeline .timeline-item .block-entry .year {
font-size: 150px; } }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-item .block-entry .year {
font-size: 80px; } }
.janata-timeline .timeline-item .block-entry .title {
font: 400 28px/1.3 "Playfair Display", serif;
text-transform: uppercase;
letter-spacing: 5px;
line-height: 45px;
display: block; }
@media screen and (max-width: 768px) {
.janata-timeline .timeline-item .block-entry .title {
font-size: 22px;
line-height: 32px; }
.janata-timeline .timeline-item .block-entry .title .split-line {
height: 35px; } }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-item .block-entry .title {
font-size: 18px;
line-height: 26px; }
.janata-timeline .timeline-item .block-entry .title .split-line {
height: 30px;
margin-right: 10px; }
.janata-timeline .timeline-item .block-entry .title .split-line:last-child {
margin-right: 0; } }
.janata-timeline .timeline-item .block-entry .title-line {
display: block;
height: 1px;
max-width: 100px;
background-color: #679334;
position: relative;
margin: 30px 0 50px auto; }
@media screen and (max-width: 768px) {
.janata-timeline .timeline-item .block-entry .title-line {
height: 2px;
margin: 20px 0 30px auto; } }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-item .block-entry .title-line {
margin: 20px 0 30px; } }
.janata-timeline .timeline-lines {
position: absolute;
top: 0;
bottom: 0;
width: 2px;
background-color: #d8d6e2;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-lines {
display: none; } }
.janata-timeline .timeline-right .block-entry .inner {
padding-right: 80px; }
@media screen and (max-width: 768px) {
.janata-timeline .timeline-right .block-entry .inner {
padding-right: 25px; } }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-right .block-entry .inner {
padding-right: 0; } }
.janata-timeline .timeline-right .block-entry p {
padding-left: 40px; }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-right .block-entry p {
padding-left: 0; } }
.janata-timeline .timeline-right .block-entry .year {
right: -100px; }
@media screen and (max-width: 1024px) {
.janata-timeline .timeline-right .block-entry .year {
right: -60px; } }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-right .block-entry .year {
right: auto;
left: 0; } }
.janata-timeline .timeline-left {
-webkit-box-flex-direction: row-reverse;
-moz-box-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-left {
-webkit-box-flex-direction: column-reverse;
-moz-box-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding-top: 100px; } }
.janata-timeline .timeline-left .block-entry .inner {
padding-left: 80px;
text-align: left; }
@media screen and (max-width: 768px) {
.janata-timeline .timeline-left .block-entry .inner {
padding-left: 45px; } }
@media screen and (max-width: 540px) {
.janata-timeline .timeline-left .block-entry .inner {
padding-left: 0; } }
.janata-timeline .timeline-left .block-entry .year {
left: -50px; }
@media screen and (max-width: 1024px) {
.janata-timeline .timeline-left .block-entry .year {
left: 0; } }
.janata-timeline .timeline-left .block-entry p {
padding-right: 40px; }
.janata-timeline .timeline-left .block-entry .title-line {
margin-right: auto;
margin-left: 0; }
.content_page{
font-size: 130%;
}
.content_page ul li{
list-style: square;
}
.section.divpage{ padding: 50px 0px 10px;}
table {
background-color:transparent;
border-spacing: 0;
border-collapse: collapse;
}
th{text-align:left;}
table{width:100%;max-width:100%;margin-bottom:20px;}
table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd;}
table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd;}
table>caption+thead>tr:first-child>th,table>colgroup+thead>tr:first-child>th,table>thead:first-child>tr:first-child>th,table>caption+thead>tr:first-child>td,table>colgroup+thead>tr:first-child>td,table>thead:first-child>tr:first-child>td{border-top:0;}
table>tbody+tbody{border-top:2px solid #ddd;}
table table{background-color:#fff;}
table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:5px;}
table{border:1px solid #ddd;}
table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{border:1px solid #ddd; vertical-align: middle;}
table>thead>tr>th,table>thead>tr>td{border-bottom-width:2px;}
table>tbody>tr:nth-child(odd)>td,table>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}
table>tbody>tr:hover>td,table>tbody>tr:hover>th{background-color:#f5f5f5;}
table col[class*=col-]{position:static;display:table-column;float:none;}
table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none;}
table>thead>tr>td.active,table>tbody>tr>td.active,table>tfoot>tr>td.active,table>thead>tr>th.active,table>tbody>tr>th.active,table>tfoot>tr>th.active,table>thead>tr.active>td,table>tbody>tr.active>td,table>tfoot>tr.active>td,table>thead>tr.active>th,table>tbody>tr.active>th,table>tfoot>tr.active>th{background-color:#f5f5f5;}
table>tbody>tr>td.active:hover,table>tbody>tr>th.active:hover,table>tbody>tr.active:hover>td,table>tbody>tr:hover>.active,table>tbody>tr.active:hover>th{background-color:#e8e8e8;}
table>thead>tr>td.success,table>tbody>tr>td.success,table>tfoot>tr>td.success,table>thead>tr>th.success,table>tbody>tr>th.success,table>tfoot>tr>th.success,table>thead>tr.success>td,table>tbody>tr.success>td,table>tfoot>tr.success>td,table>thead>tr.success>th,table>tbody>tr.success>th,table>tfoot>tr.success>th{background-color:#dff0d8;}
table>tbody>tr>td.success:hover,table>tbody>tr>th.success:hover,table>tbody>tr.success:hover>td,table>tbody>tr:hover>.success,table>tbody>tr.success:hover>th{background-color:#d0e9c6;}
table>thead>tr>td.info,table>tbody>tr>td.info,table>tfoot>tr>td.info,table>thead>tr>th.info,table>tbody>tr>th.info,table>tfoot>tr>th.info,table>thead>tr.info>td,table>tbody>tr.info>td,table>tfoot>tr.info>td,table>thead>tr.info>th,table>tbody>tr.info>th,table>tfoot>tr.info>th{background-color:#d9edf7;}
table>tbody>tr>td.info:hover,table>tbody>tr>th.info:hover,table>tbody>tr.info:hover>td,table>tbody>tr:hover>.info,table>tbody>tr.info:hover>th{background-color:#c4e3f3;}
table>thead>tr>td.warning,table>tbody>tr>td.warning,table>tfoot>tr>td.warning,table>thead>tr>th.warning,table>tbody>tr>th.warning,table>tfoot>tr>th.warning,table>thead>tr.warning>td,table>tbody>tr.warning>td,table>tfoot>tr.warning>td,table>thead>tr.warning>th,table>tbody>tr.warning>th,table>tfoot>tr.warning>th{background-color:#fcf8e3;}
table>tbody>tr>td.warning:hover,table>tbody>tr>th.warning:hover,table>tbody>tr.warning:hover>td,table>tbody>tr:hover>.warning,table>tbody>tr.warning:hover>th{background-color:#faf2cc;}
table>thead>tr>td.danger,table>tbody>tr>td.danger,table>tfoot>tr>td.danger,table>thead>tr>th.danger,table>tbody>tr>th.danger,table>tfoot>tr>th.danger,table>thead>tr.danger>td,table>tbody>tr.danger>td,table>tfoot>tr.danger>td,table>thead>tr.danger>th,table>tbody>tr.danger>th,table>tfoot>tr.danger>th{background-color:#f2dede;}
table>tbody>tr>td.danger:hover,table>tbody>tr>th.danger:hover,table>tbody>tr.danger:hover>td,table>tbody>tr:hover>.danger,table>tbody>tr.danger:hover>th{background-color:#ebcccc;}
@media screen and (max-width:767px){table{width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;}
table{margin-bottom:0;}
table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap;}
table-bordered{border:0;}
table-bordered>thead>tr>th:first-child,table>tbody>tr>th:first-child,table>tfoot>tr>th:first-child,table>thead>tr>td:first-child,table>tbody>tr>td:first-child,table>tfoot>tr>td:first-child{border-left:0;}
table-bordered>thead>tr>th:last-child,table>tbody>tr>th:last-child,table>tfoot>tr>th:last-child,table>thead>tr>td:last-child,table>tbody>tr>td:last-child,table>tfoot>tr>td:last-child{border-right:0;}
table-bordered>tbody>tr:last-child>th,table>tfoot>tr:last-child>th,table>tbody>tr:last-child>td,table>tfoot>tr:last-child>td{border-bottom:0;}
}