@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
body {
color: #4b4b4b;
}
a {
color: #b01f24 ;
}
a:hover, a:focus {
color: #eb6571;
}
blockquote cite {
color: rgba(75, 75, 75, 0.8);
}
label {
color: #7e7e7e;
}
input,
textarea {
border: 1px solid #B7B7B7;
}
input:hover, input:focus,
textarea:hover,
textarea:focus {
border-color: #b01f24 ;
}
input.field-error,
textarea.field-error {
border-color: #b35146;
}
select {
background-color: #FFF;
border-color: #B7B7B7;
}
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.comment-reply-link {
color: #b01f24 ;
border: 2px solid #b01f24 ;
}
.btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.comment-reply-link:hover {
background-color: #b01f24 ;
color: #FFF;
}
.btn.btn-white,
input[type="button"].btn-white,
input[type="submit"].btn-white,
input[type="reset"].btn-white,
button.btn-white,
.comment-reply-link.btn-white {
border-color: #FFF;
color: #FFF;
}
.btn.btn-white:hover,
input[type="button"].btn-white:hover,
input[type="submit"].btn-white:hover,
input[type="reset"].btn-white:hover,
button.btn-white:hover,
.comment-reply-link.btn-white:hover {
border-color: #b01f24 ;
}
.ci-control-paging li a {
background-color: #E1E1E1;
}
.ci-control-paging li a.ci-active, .ci-control-paging li a:hover {
background-color: #961b1f;
}
.mfp-preloader {
background-color: #961b1f;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #961b1f;
}
.mfp-arrow:after {
color: #961b1f;
}
.navigation a {
color: #FFF;
}
.navigation a:hover,
.navigation .sfHover > a,
.navigation > li > a:hover,
.navigation > li.sfHover > a,
.navigation > li.sfHover > a:active,
.navigation > li.current_page_item > a,
.navigation > li.current-menu-item > a,
.navigation > li.current-menu-ancestor > a,
.navigation > li.current-menu-parent > a,
.navigation > li.current > a {
color: #eb6571 ;
}
.nav-inline li a,
.footer .widget_nav_menu ul li a {
color: #a5a5a5;
}
.nav-inline li a:hover,
.footer .widget_nav_menu ul li a:hover {
color: #b01f24 ;
}
.top-head {
color: #6e6e6e;
}
.logo-wrap {
background-color: transparent;
}
.logo-wrap:before {
border: 0px solid #b01f24 ;
}
.hero-title {
color: #FFF;
}
.home-slider .ci-direction-nav a:before {
color: #FFF;
}
.home-slider .ci-control-nav a {
background-color: #FFF;
}
.home-slider .ci-control-nav a.ci-active, .home-slider .ci-control-nav a:hover {
background-color: #FFF;
}
.slide-content {
padding: 0 20%;
color: #FFF;
}
.entry-content a {
color: #4b4b4b;
font-weight: 500;
border-bottom: 1px solid #ff525c;
box-shadow: inset 0 -2px 0 #ff525c;
}
.entry-content a:hover {
box-shadow: inset 0 -2px 0 #4b4b4b;
border-color: #4b4b4b;
}
.text-primary {
color: #b01f24 ;
}
.item-details {
background-color: #FFF;
}
.item-subtitle {
color: #a5a5a5;
}
.filters-nav li a {
color: #a5a5a5;
}
.filters-nav li a.selected, .filters-nav li a:hover {
color: #4b4b4b;
border-bottom: 1px solid #ff525c;
box-shadow: inset 0 -2px 0 #ff525c;
}
#paging a,
#paging > span,
#paging li span {
border: 1px solid #B7B7B7;
color: #B7B7B7;
}
#paging a:hover {
border-color: #b01f24 ;
}
#paging .current {
color: #FFF;
border-color: #961b1f;
background-color: #961b1f;
}
.room-slider-controls a {
color: #FFF;
background-color: #b01f24 ;
}
.room-slider-controls a:hover {
background-color: #961b1f;
}
.image-caption span {
background-color: #FFF;
color: #a5a5a5;
}
.list-amenities li:before {
color: #961b1f;
}
.dk-selected {
border: 1px solid #B7B7B7;
color: rgba(75, 75, 75, 0.5);
}
.dk-selected:hover {
border-color: #b01f24 ;
}
.dk-selected:before {
color: #961b1f;
}
.field-error .dk-selected {
border-color: #b35146;
}
.dk-select-options .dk-option-highlight,
.dk-select-options .dk-option-selected {
background-color: #b01f24 ;
color: #FFF;
}
.dk-select-open-down .dk-selected,
.dk-select-open-up .dk-selected {
border-color: #b01f24 ;
}
.dk-select-open-down.field-error .dk-selected,
.dk-select-open-up.field-error .dk-selected {
border-color: #b35146;
}
.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
border-color: #b01f24 ;
}
.ui-datepicker-trigger:hover {
background-color: transparent;
color: inherit;
}
.booking-form .ui-datepicker-trigger {
color: #961b1f;
}
.form-success {
background-color: #2fb390;
color: #FFF;
}
.form-error {
background-color: #b35146;
color: #FFF;
}
.ui-datepicker .ui-datepicker-header {
background: #b01f24 ;
color: #fff;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
background: #b01f24 ;
border-color: transparent;
}
.ui-datepicker thead {
background: #b01f24 ;
color: #fff;
}
.ui-datepicker td {
background: #f9f9f9;
}
.ui-datepicker td .ui-state-default {
background: transparent;
color: #4b4b4b;
}
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
background: #b01f24 ;
color: #fff;
}
.footer:before {
background-image:none;
}
.footer-text {
color: #a5a5a5;
}
.form-allowed-tags,
.comment-notes {
color: rgba(75, 75, 75, 0.8);
}
.widget-title {
border-bottom: 1px solid #961b1f;
}
.bottom-sections:before {
background-image: linear-gradient(-45deg, transparent 50%, #961b1f 53%, transparent 56%), linear-gradient(45deg, transparent 50%, #961b1f 53%, transparent 56%);
}
.section-title {
color: #961b1f;
}
.section-subtitle {
color: inherit;
}
.widget-wrap:after {
background-image: none;
}
.sidebar .widget-padded .widget-title,
.footer .widget-padded .widget-title {
border: 0;
}
.widget_ci-hero .btn {
color: inherit;
border-color: inherit;
}
.widget_ci-hero .btn:hover {
color: #FFF;
border-color: #b01f24 ;
}
.widget select {
border: 1px solid #B7B7B7;
}
.widget_meta ul li a,
.widget_pages ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_nav_menu ul li a,
.widget_recent_entries ul li a {
border-bottom: 1px solid #B7B7B7;
}
.widget_recent_comments ul li {
border-bottom: 1px solid #B7B7B7;
}
.head-right #lang_sel a.lang_sel_sel:after,
.head-right #lang_sel_list a.lang_sel_sel:after,
.head-right #lang_sel_click a.lang_sel_sel:after {
color: #961b1f;
}
.widget_ci_book_room_widget {
border: 1px solid #B7B7B7;
}
.book-now-price b {
color: #a5a5a5;
}
.social-icon i {
background-color: transparent;
color: #961b1f;
border: 1px solid rgba(183, 183, 183, 0.6);
}
.social-icon i:hover {
border-color: #b01f24 ;
}
.footer .widget_nav_menu ul li a {
border: 0;
color: #a5a5a5;
}
.footer .widget_nav_menu ul li a:hover {
color: #b01f24 ;
}

     body {
line-height: 1.875;
font-size: 16px;
color: #4b4b4b;
font-family: "Raleway", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #FFF;
}
h1, h2, h3, h4, h5, h6 {
line-height: normal;
margin: 0 0 25px 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-weight: 400;
}
h1 {
font-size: 40px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 16px;
}
p {
margin: 0 0 20px 0;
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
}
a {
transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
outline: none;
color: #479ce5;
text-decoration: none;
}
a:hover, a:focus {
color: #74b4eb;
outline: none;
text-decoration: none;
}
a:active {
outline: none;
}
.group:before, .group:after {
content: " "; display: table; }
.group:after {
clear: both;
}  figure {
margin: 0;
} ul, ol {
padding-left: 20px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
dl {
margin: 0 0 20px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 15px;
} blockquote {
margin: 20px 0;
padding-left: 15px;
border-left: 3px solid #ccc;
font-size: 17px;
font-weight: 300;
}
blockquote cite {
display: block;
font-weight: bold;
font-style: italic;
margin: 10px 0 0;
color: rgba(75, 75, 75, 0.8);
font-size: 14px;
} table {
border-collapse: separate;
border-spacing: 0;
width: 100%;
}
.entry-content table {
border-width: 1px 0 0 1px;
margin-bottom: 24px;
}
.entry-content th:first-child,
.entry-content td:first-child {
padding-left: 0;
}
.entry-content th,
.entry-content td {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.entry-content caption,
.entry-content th,
.entry-content td {
font-weight: normal;
text-align: left;
padding: 5px;
vertical-align: middle;
}
.entry-content th {
border-width: 0 1px 1px 0;
font-weight: bold;
text-transform: uppercase;
font-size: 85%;
}
.entry-content td {
border-width: 0 1px 1px 0;
} code, kbd, tt, var, samp, pre {
font-family: monospace, serif;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
font-style: normal;
}
pre {
padding: 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
} address {
margin: 0 0 15px;
}
.sr-only,
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
} embed,
iframe,
object,
video,
audio {
margin-bottom: 15px;
max-width: 100%;
border: 0;
}
p > embed,
p > iframe,
p > object,
p > audio,
span > embed,
span > iframe,
span > object,
span > audio {
margin-bottom: 0;
}
#map,
.map * {
max-width: none !important;
} label {
display: block;
margin: 0 0 2px;
font-weight: normal;
text-transform: uppercase;
font-size: 14px;
color: #7e7e7e;
}
input,
textarea {
display: inline-block;
font-size: inherit;
width: 100%;
max-width: 100%;
height: 56px;
padding: 16px 12px;
line-height: normal;
border: 1px solid #B7B7B7;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
background-color: #FFF;
background-image: none;
border-radius: 0;
-webkit-transition: border-color 0.18s ease;
-moz-transition: border-color 0.18s ease;
-o-transition: border-color 0.18s ease;
transition: border-color 0.18s ease;
-webkit-appearance: none;
}
input:hover, input:focus,
textarea:hover,
textarea:focus {
border-color: #479ce5;
outline: none;
}
@media (max-width: 767px) {
input,
textarea {
width: 100%;
}
}
input.field-error,
textarea.field-error {
border-color: #b35146;
}
input[type="search"] { -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
height: auto;
}
select {
max-width: 100%;
height: 56px;
background-color: #FFF;
border-color: #B7B7B7;
}
input[type="checkbox"],
input[type="radio"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
width: auto;
height: auto;
}
fieldset {
margin: 0 0 15px;
padding: 0;
border: none;
min-width: 0;
} ::-webkit-input-placeholder {
color: rgba(75, 75, 75, 0.5);
font-weight: normal;
font-size: 14px;
line-height: 1.5;
opacity: 1;
text-transform: uppercase;
}
:-moz-placeholder {
color: rgba(75, 75, 75, 0.5);
font-weight: normal;
font-size: 14px;
line-height: 1.5;
opacity: 1;
text-transform: uppercase;
}
::-moz-placeholder {
color: rgba(75, 75, 75, 0.5);
font-weight: normal;
font-size: 14px;
line-height: 1.5;
opacity: 1;
text-transform: uppercase;
}
:-ms-input-placeholder {
color: rgba(75, 75, 75, 0.5);
font-weight: normal;
font-size: 14px;
line-height: 1.5;
opacity: 1;
text-transform: uppercase;
} .btn, .comment-reply-link,
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
display: inline-block;
font-weight: normal;
margin: 0;
line-height: normal;
box-shadow: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
transition: 0.18s background-color ease, color 0.18s ease, 0.18s border-color ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-radius: 0;
width: auto;
height: auto;
background-image: none;
-webkit-appearance: none;
text-transform: uppercase;
padding: 14px 30px 13px;
font-size: 14px;
background-color: transparent;
color: #479ce5;
border: 2px solid #479ce5;
}
.btn:active, .comment-reply-link:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active {
outline: none;
}
.btn:hover, .comment-reply-link:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
background-color: #479ce5;
color: #FFF;
text-decoration: none;
}
.btn:focus, .comment-reply-link:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button:focus {
outline: none;
}
.btn.btn-lg, .btn-lg.comment-reply-link,
input[type="button"].btn-lg,
input[type="submit"].btn-lg,
input[type="reset"].btn-lg,
button.btn-lg {
padding: 16px 40px 15px;
}
.btn.btn-white, .btn-white.comment-reply-link,
input[type="button"].btn-white,
input[type="submit"].btn-white,
input[type="reset"].btn-white,
button.btn-white {
border-color: #FFF;
color: #FFF;
}
.btn.btn-white:hover, .btn-white.comment-reply-link:hover,
input[type="button"].btn-white:hover,
input[type="submit"].btn-white:hover,
input[type="reset"].btn-white:hover,
button.btn-white:hover {
border-color: #479ce5;
} .ci-slider {
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
border: 0;
}
.ci-slider.loading:before {
width: 40px;
height: 40px;
background-color: #FFF;
border-radius: 100%;
-webkit-animation: scaleout 1.0s infinite ease-in-out;
animation: scaleout 1.0s infinite ease-in-out;
content: "";
position: absolute;
right: 20px;
top: 20px;
z-index: 1000;
}
.ci-slider .slides li:after {
content: " ";
position: absolute;
top: 0;
left: 0;
z-index: -1000;
}
@-webkit-keyframes scaleout {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@keyframes scaleout {
0% {
transform: scale(0);
-webkit-transform: scale(0);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0;
}
}
.ci-direction-nav a {
top: 50%;
opacity: 0.7;
line-height: normal;
}
.ci-direction-nav a:hover {
color: #FFF;
opacity: 1;
}
.ci-control-paging li {
margin: 0 4px;
}
.ci-control-paging li a {
height: 13px;
width: 13px;
border-radius: 2px;
box-shadow: none;
background-color: #E1E1E1;
}
.ci-control-paging li a.ci-active, .ci-control-paging li a:hover {
background-color: #00AEEF;
}
.ci-slider .slides > li:first-child {
display: block; -webkit-backface-visibility: visible;
}
.ci-slider.loading .slides > li:first-child {
opacity: 1 !important; } .mfp-preloader {
width: 40px;
height: 40px;
background-color: #FFF;
border-radius: 100%;
-webkit-animation: scaleout 1.0s infinite ease-in-out;
animation: scaleout 1.0s infinite ease-in-out;
background-color: #00AEEF;
text-indent: -999em;
margin: 0 auto;
}
button.mfp-close,
button.mfp-arrow {
border: none;
}
button.mfp-close:hover,
button.mfp-arrow:hover {
background: none;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #00AEEF;
}
.mfp-arrow {
line-height: 0.3;
}
.mfp-arrow:before, .mfp-arrow:after {
border: none;
}
.mfp-arrow:after {
font-family: FontAwesome;
font-size: 70px;
color: #00AEEF;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mpf-a {
content: "\f105";
}
.mfp-arrow-left:after,
.mfp-arrow-left .mpf-a {
content: "\f104";
}
.text-center {
text-align: center;
} .nav {
position: relative;
background-color: rgba(0, 0, 0, 0.67);
padding: 0 10px;
z-index: 10;
height: 40px;
}
.nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.navigation:before, .navigation:after {
content: " "; display: table; }
.navigation:after {
clear: both;
}
.navigation li {
position: relative;
z-index: 100;
}
.navigation > li {
display: inline-block;
}
.navigation ul {
position: absolute;
z-index: 300;
top: -999em;
}
.navigation li:hover > ul,
.navigation .sfHover > ul {
top: auto;
}
.navigation li li:hover > ul,
.navigation li .sfHover > ul {
top: -1px;
left: 100%;
}
.navigation li li li:hover > ul,
.navigation li li .sfHover > ul {
top: -1px;
left: 100%;
}
.navigation a, .navigation .navigation a:visited {
display: block;
white-space: nowrap;
}
.navigation.right-nav {
text-align: right;
}
.navigation.right-nav ul {
text-align: left;
}
.navigation.right-nav li:last-child:hover > ul, .navigation.right-nav li:last-child.sfHover ul {
right: -10px;
left: auto;
}
.navigation.right-nav li:last-child li:hover > ul,
.navigation.right-nav li:last-child .sfHover > ul {
right: 100%;
}
.navigation a {
color: #FFF;
font-size: 12px;
letter-spacing: 0.1em;
padding: 10px 7px 9px;
height: 40px; }
.navigation a:hover,
.navigation .sfHover > a {
text-decoration: none;
color: #479ce5; }
.navigation > li > a { }
.navigation > li ul a {
background-color: rgba(0, 0, 0, 0.55);
margin-top: 1px;
padding-left: 15px;
padding-right: 15px;
min-width: 200px; }
.navigation > li ul a:hover,
.navigation > li ul .sfHover > a {
background-color: rgba(0, 0, 0, 0.67); }
.navigation > li > a:hover,
.navigation > li.sfHover > a,
.navigation > li.sfHover > a:active,
.navigation > li.current_page_item > a,
.navigation > li.current-menu-item > a,
.navigation > li.current-menu-ancestor > a,
.navigation > li.current-menu-parent > a,
.navigation > li.current > a {
color: #479ce5; }
.navigation ul { }
.navigation a.sf-with-ul {
padding-right: 18px;
position: relative; }
.navigation.sf-arrows .sf-with-ul:after {
content: '\f078';
font-family: FontAwesome;
position: absolute;
top: 50%;
right: 6px;
margin-top: -9px;
font-size: 8px;
font-weight: normal;
}
.navigation.sf-arrows ul .sf-with-ul:after {
right: 8px;
content: "\f054";
margin-top: -7px; }
.nav-inline {
margin: 0;
padding: 0;
list-style: none;
}
.nav-inline li {
display: inline-block;
text-transform: uppercase;
font-size: 12px;
line-height: normal;
font-weight: 400;
letter-spacing: 0.1em;
margin: 0 5px;
letter-spacing: 0;
}
.nav-inline li a {
color: #a5a5a5;
}
.nav-inline li a:hover {
color: #479ce5;
} .top-head {
text-transform: uppercase;
font-size: 12px;
line-height: normal;
font-weight: 400;
letter-spacing: 0.1em;
color: #6e6e6e;
height: 40px;
padding-top: 10px;
}
.header-alt .top-head {
text-align: right;
}
.logo-wrap {
position: absolute;
z-index: 10;
background-color: #FFF;
text-align: center;
width: 100%;
left: 0;
top: -40px;
padding: 20px;
}
.header-alt .logo-wrap {
width: 190px;
}
.logo-wrap:before {
content: "";
width: calc(100% - 18px);
height: calc(100% - 18px);
border: 1px solid #00AEEF;
position: absolute;
top: 9px;
z-index: -1;
left: 9px;
}
.logo-wrap a {
display: block;
width: 100%;
height: 100%;
}
.site-logo {
margin: 0;
line-height: 1;
text-transform: uppercase;
font-size: 34px;
font-weight: 700;
}
.site-tagline {
text-transform: uppercase;
font-size: 12px;
line-height: normal;
margin: 7px 0 0;
}
.head-right {
text-align: right;
}
.head-right .widget {
display: inline-block;
margin: 0 0 0 15px;
}
.head-right .widget-title {
display: none;
} .main {
padding: 70px 0;
} .page-hero {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
height: 310px;
padding-top: 205px;
margin-top: -40px;
}
.hero-title {
margin: 0;
line-height: normal;
color: #FFF;
font-size: 48px;
}
.page-template-template-homepage .hero-title {
display: none;
} .home-slider {
position: relative;
top: -40px;
margin: 0 0 -40px;
}
.home-slider .slides li {
position: relative;
padding-bottom: 45.6%;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
.home-slider .ci-direction-nav a:before {
color: #FFF;
}
.home-slider .ci-control-nav {
z-index: 50;
bottom: 15px;
}
.home-slider .ci-control-nav a {
background-color: #FFF;
opacity: 0.6;
}
.home-slider .ci-control-nav a.ci-active, .home-slider .ci-control-nav a:hover {
opacity: 1;
background-color: #FFF;
}
.slide-content {
text-align: center;
padding: 0 20%;
color: #FFF;
width: 100%;
position: absolute;
top: 55%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.slide-subtitle {
font-size: 18px;
text-transform: uppercase;
margin: 0 0 5px;
}
.slide-title {
font-size: 60px;
line-height: 0.8;
margin: 0 0 40px;
}
.ci-map {
width: 100%;
padding-bottom: 46%;
}
.ci-map * {
max-width: none;
}
.map-wrap {
padding: 5px;
border: 1px solid #B7B7B7;
margin: 0 0 50px;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
} .entry {
margin: 0 0 70px;
}
.entry:only-of-type {
margin: 0;
}
.entry-title {
font-size: 36px;
}
.entry-meta {
margin: -20px 0 30px;
text-transform: uppercase;
font-size: 14px;
line-height: normal;
font-weight: 400;
letter-spacing: 0.1em;
}
.entry-thumb {
margin-bottom: 30px;
}
.entry-thumb.alignnone, .entry-thumb.alignleft, .entry-thumb.alignright, .entry-thumb.aligncenter {
margin-top: 0;
}
.entry-time:after {
content: "•";
font-size: 1.7em;
line-height: 0;
position: relative;
top: 3px;
left: 2px;
margin: 0 5px;
opacity: 0.7;
}
.entry-content:before, .entry-content:after {
content: " "; display: table; }
.entry-content:after {
clear: both;
}
.entry-content a {
color: #4b4b4b;
font-weight: 500;
border-bottom: 1px solid #6DCFF6;
box-shadow: inset 0 -2px 0 #6DCFF6;
-webkit-transition: box-shadow 0.15s ease, border-color 0.15s ease;
transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.entry-content a:hover {
box-shadow: inset 0 -2px 0 #4b4b4b;
border-color: #4b4b4b;
}
.entry-content .fluid-width-video-wrapper {
margin: 30px 0;
}
.entry-content blockquote {
margin: 25px 0;
font-size: 26px;
line-height: 1.5;
border-left-color: #E8E8E8;
}
.text-primary {
color: #479ce5;
font-size: 1.25em;
line-height: 1.5;
} .row.row-joined {
margin: 0;
}
.row.row-joined [class^="col"] {
padding: 0;
}
.item-list {
margin-bottom: 40px;
}
.item {
margin: 0 0 30px;
transition: opacity 0.18s ease;
}
.row-joined .item {
margin-bottom: 0;
}
.item > a {
display: block;
position: relative;
}
.item.transparent {
opacity: 0.5;
}
.item-details {
position: absolute;
background-color: #FFF;
bottom: 15px;
right: 15px;
width: 80%;
text-align: right;
padding: 10px 12px 11px;
}
.item-title,
.item-subtitle {
margin: 0;
line-height: normal;
}
.item-title {
font-size: 24px;
}
.sidebar .item-title, .footer .item-title {
font-size: 20px;
}
.item-subtitle {
text-transform: uppercase;
font-size: 12px;
line-height: normal;
font-weight: 400;
letter-spacing: 0.1em;
color: #a5a5a5;
}
.item-offer-badge {
position: absolute;
top: 15px;
right: 15px;
z-index: 1;
background-color: #FFF;
font-size: 14px;
padding: 0 15px;
}
.ci-zoom {
display: inline-block;
}
.ci-zoom:after {
font-family: FontAwesome;
content: "\f00e";
line-height: 1;
color: #FFF;
opacity: 0.5;
font-size: 40px;
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0 0 -16px;
}
.item-media {
overflow: hidden;
zoom: 1;
margin: 0 0 50px;
}
.item-media .item-thumb {
float: left;
max-width: 240px;
margin-right: 30px;
}
.item-media .item-content {
overflow: hidden;
zoom: 1;
}
.item-media .item-title {
margin: 0 0 15px;
}
@media (min-width: 992px) {
[class^="col-md-3"] .item-details {
position: static;
width: 100%;
text-align: left;
}
} .filters-nav {
margin: 0 0 45px;
padding: 0;
list-style: none;
}
.filters-nav li {
display: inline-block;
}
.filters-nav li a {
text-transform: uppercase;
color: #a5a5a5;
margin-right: 10px;
}
.filters-nav li a.selected, .filters-nav li a:hover {
color: #4b4b4b;
border-bottom: 1px solid #6DCFF6;
box-shadow: inset 0 -2px 0 #6DCFF6;
-webkit-transition: box-shadow 0.15s ease, border-color 0.15s ease;
transition: box-shadow 0.15s ease, border-color 0.15s ease;
} #paging {
margin: 70px 0 0;
}
#paging.centered {
text-align: center;
}
#paging ul {
list-style: none;
margin: 0;
padding: 0;
}
#paging ul li {
display: inline-block;
}
#paging a,
#paging > span,
#paging li span {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
padding: 18px 23px;
margin: 0 3px 0 0;
line-height: normal;
border: 1px solid #B7B7B7;
color: #B7B7B7;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
}
#paging a:hover {
border-color: #479ce5;
}
#paging .current {
color: #FFF;
border-color: #00AEEF;
background-color: #00AEEF;
} .room-slider {
margin: 0 0 50px;
}
.room-slider-controls {
position: absolute;
right: 15px;
bottom: 15px;
left: 15px;
z-index: 100;
line-height: normal;
text-align: right;
}
.room-slider-controls a {
display: inline-block;
width: 67px;
height: 67px;
color: #FFF;
background-color: #479ce5;
font-size: 50px;
line-height: 64px;
text-align: center;
vertical-align: middle;
margin-left: -2px;
}
.room-slider-controls a:hover {
background-color: #00AEEF;
}
.image-caption {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
margin: 0;
max-width: 0;
transition: all 0.4s ease;
float: left;
}
.image-caption span {
display: block;
background-color: #FFF;
height: 67px;
font-size: 24px;
padding: 18px 15px 0;
color: #a5a5a5;
overflow: hidden;
text-overflow: ellipsis;
}
.list-amenities {
margin: 0;
padding: 0;
list-style: none;
}
.list-amenities li:before {
font-family: FontAwesome;
content: "\f005";
color: #00AEEF;
margin-right: 7px;
} .booking-form .row {
margin-bottom: 20px;
}
.booking-wrap {
margin: 0 0 50px;
}
.booking-wrap:before, .booking-wrap:after {
content: " "; display: table; }
.booking-wrap:after {
clear: both;
}
.booking-wrap > div {
position: relative;
float: left;
width: 23.5%;
margin-right: 2%;
}
.booking-wrap > div:last-child {
margin-right: 0;
}
.departure,
.arrival {
position: relative;
}
.bookbtn {
text-align: center;
}
.booking-form .dk-select, .booking-form
.dk-select-multi {
width: 100%;
}
.dk-selected {
border: 1px solid #B7B7B7;
border-radius: 0;
text-transform: uppercase;
color: rgba(75, 75, 75, 0.5);
font-weight: normal;
font-size: 14px;
height: 56px;
padding: 15px 12px 0;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
transition: border-color 0.18s ease;
}
.dk-selected:hover {
border-color: #479ce5;
}
.dk-selected:after {
border: 0;
}
.dk-selected:before {
border: none;
font-family: FontAwesome;
content: "\f107";
font-size: 24px;
color: #00AEEF;
margin: -12px 15px 0 0;
}
.field-error .dk-selected {
border-color: #b35146;
}
.dk-select-open-up .dk-selected:before {
content: "\f106";
}
.dk-select-options .dk-option-highlight,
.dk-select-options .dk-option-selected {
background-color: #479ce5;
color: #FFF;
}
.dk-select-open-down .dk-selected,
.dk-select-open-up .dk-selected {
border-color: #479ce5;
}
.dk-select-open-down.field-error .dk-selected,
.dk-select-open-up.field-error .dk-selected {
border-color: #b35146;
}
.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
border-color: #479ce5;
border-radius: 0;
}
.dk-option {
padding: 3px 12px;
}
.ui-datepicker-trigger {
border: none;
padding: 0;
}
.ui-datepicker-trigger:hover {
background-color: transparent;
color: inherit;
}
.booking-form .ui-datepicker-trigger {
position: absolute;
right: 15px;
top: 17px;
font-size: 18px;
color: #00AEEF;
}
.ui-datepicker {
z-index: 100 !important;
}
.form-success {
background-color: #2fb390;
color: #FFF;
font-size: 16px;
line-height: 1.5;
padding: 10px 20px 10px 59px;
margin: 0 0 30px;
position: relative;
}
.form-success p {
overflow: hidden;
zoom: 1;
margin: 0;
}
.form-error {
position: relative;
background-color: #b35146;
color: #FFF;
font-size: 16px;
line-height: 1.5;
padding: 15px 20px 15px 59px;
margin: 0 0 30px;
}
.form-error p {
margin: 0 0 10px;
}
.form-error ul {
margin: 0;
font-size: 15px;
list-style: none;
padding: 0;
}
.form-error ul li:before {
font-family: FontAwesome;
content: "\f105";
font-size: 0.7em;
position: relative;
top: -2px;
margin-right: 7px;
}
.form-box-icon {
position: absolute;
left: 0;
top: 0;
width: 44px;
height: 100%;
text-align: center;
background-color: rgba(0, 0, 0, 0.1);
text-indent: 2px;
}
.form-box-icon i {
font-size: 24px;
position: absolute;
top: 50%;
width: 100%;
left: 0;
margin-top: -14px;
} .ui-datepicker {
padding: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-datepicker * {
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-datepicker table {
font-size: 13px;
margin: 0;
}
.ui-datepicker .ui-datepicker-header {
border: none;
background: #479ce5;
color: #fff;
font-weight: normal;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
background: #479ce5;
border-color: transparent;
cursor: pointer;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-datepicker thead {
background: #479ce5;
color: #fff;
}
.ui-datepicker .ui-datepicker-title {
margin-top: .4em;
margin-bottom: .3em;
color: #fff;
font-size: 14px;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
height: 1em;
top: .9em;
border: none;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 2px;
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAQAAABFnnJAAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AABe4SURBVHja7V1diCXHdf56vbZmVl6nxwKFO2yyq1mM4qAwM7oDsR6C7iYIKesH3V1QHgyBu5YYJwHjrB9NQCuByIthHbAga6TZxeBgHMJKISZ+SDIb1oQgRtoVgtjGyD8PmSGQMIpfJmCLk4f+q6o+daq6+965P1VfM3Pv7VN16ud8Vd1dp6o6IUSEjBPTzkDEdBEJEDgiAXT0QOhNOxPHiUgAFT3sA9gPiQLjJsD0208Pbe9rM/OvwkaBQvP0yzhG6ASQO0AqDwmu9mOPT3nqPWsYV9qFEduVIDP/QU4BSfMC9REqAcbRAa520FDELdphc3SJCyRIcADgAAkSQXOXMs4ckrIxFEUs2oENBNSqR0WmJ2kVv2hltvRdaVPHvPtqdpVxjlD1AHIH6AupDbovH1nqkgllLd3apnQJUjV362dmDEnjOya5FUltsEqqbdtxa5Dbppx3uQ+sNLv6mblCcwLIoKlXTQ/7rQkmX4IKzdMv4xgxbgLMO3rYXyTzuhEJEDjiSGDgiAQIHJEAgSMSIHBEAgSOSIDAEQkQOOJ8ADPutPN/zGgyH8BvRoDLGdMT5wPIKbjN02U+gNsdnuV9oUjSbD6AnwdMrkK7gVYt3311u8zv0r5vfNq1L8xsgPp8gAz20fAilORvs8tdsX3mA0i5k1N3x5dBue7icyGgzwfgvus48OoF+DDu9ukzH0Bqf355s9OHnLMNmqQ0F2jjDJIcrrM+H0Ail6v/KUoe3cECpl85XecDTDv/x4zoDg4ccSAocEQCBI5IgMARCRA4IgECRyRA4IgECBwnp52BmQNNcZS/+1hp4/yf7BZ9IpUwzRyQMwftXUHumFMouX4JIED09fvsD0AtJE3RNg1X/jPTJ6IWNznaxvYrgU+oBnFPaAFcxU88CmCPn3hUkE8RSHD2+OQvEWT6Z7M0Com7BuQSygQiR2zA1Yi1/KuXAN/i22bruCspGUMHT6In0nUV7ZIDKmMnrFRNnUulaF72PJAgl3VXpZObgZrLBGh6E0gerccVyoed7dq4n3ETD+2SgXz0tq0BqQn66HbXQU3e5DGw6uJ8QvEyuQt0M1jW4epi/bpoVwtype5zE9kWboq75VoOTHdw6E8B851+i8fIOB8gcMSRwMARCRA4IgECRyRA4IgECByRAIEjEiBw6ItDi81Spwf3fuCThE8N+HhE28VzrY32TaURKgIUC6N8tntvVwHjQztdrpz71YC01Wzljes1jp35KYvDXoZe6xogI5cA+MWh8hJOH492jzk3PgrYdPltDWHPv18N2NLoGctre41iVyVw9UDdlqbXFujqQ8E+26m7lmDbFoj6zaRx58Cmx72FuzvnfhvS8z63umkTQ+5aWF4Zh1ufSJpm2WFsc1gn9TBNCeBfAUmDuH45kKvQJ3332n57+q7YLgK460A2oJsAMoEsBGj2FFBVQBuPVaLo4LWT9iml3wZVvtveQ0ipr+bS4grO7yAgpV/E5O8BXJqrvRuk9c1mLhvOB5AqQL+BkYovZ04qoqRDLZp72hdnAjcBpRIcGBtIHDTW4AfJvAfla2/8commlwA/XzU5t4iQr4JdYvtVL18Ov2tw9yltkp72L7Vx3wOwiPMBVPScb0xaOEQCBI44FBw4IgECRyRA4IgECByRAIEjEmDcmLPHKnM+gAuSv8qn6L2O/u5Jo3vuEsdg94yVvT4fQILkMfcZJSw8dqseC0zt6Lq4Sl4enjiXv7oNbIsvaZ8SqoEgNVvu3X7rg43q0sh2b//2HWgGJI+dK3ZiDaeetXk7pcWj5CX1L+mxgL8HsE06kP1V1aWhzaSFrOW4p03Z9zAg+Pr6kgZnuXS59N0rm2cS5vsCqips+gZu8xKSNIhbSP2WQLsXb7ffQkIyo6uH8Ncs7RFwzKh6ANVR2CZrrjcJuJ2tXa+OidKD8D2E/smFGE8r5lLQe48ZMb9+CTgoM8V14FkHn0334nEgzgfw8fa7t4eQUc0F4KdUyFVfXYTsu4sUIZOGUjVE2wk1EwHvDSRrB+7jLLXdBI7D2eo3a7HtjabPTSQAB0Fnxrg+iO5gHTPTNR8XIgECRxwKDhyRAIEjEiBwRAIEjkiAwDF7BEhny1u26DAJ4OfLllw25CW1hUhxeCxP4tPeB2Fm0Gy7eJ/tpBOsdMjPIQqSpGK4tlvWV1igN4B3gU4AeZRaHu0uWnWKQ5YCVA6U8mv3sq5/pQxxaIlffGu3qbra+/i9an7BURFA3+69jsofbtsyPUGSm/8DNi25a8+6/g+wIqydLVLn09dnFJha/LaPCA7FULDf6nYJxVwbm/nNuThmL+L6LZ2tS8xw5vYR0lvOg4I6JSxB3Uwm7FMZ/CZE2CeVmQSyTcngc+jaPkEn+IK9Ar4LqhdGqFVm32DE/dYL39dK2OQZBah2H1E4gvld+fX8+Lw2IgIAtz+A38r1ul/evUONJM1uHuUQurbE61wB9w5CgcL/hRH6rNjq+7hhv4voBv/tI4LCrM0HmJT5IyyYNQJEHDNmzxcQcayIBAgckQCBIxIgcCwSAfqlJ6A/Ef0nsZQfzd63OtPICDDMK24Xw9aaXnZ4+l0g3NBmCzQ1Yh975fc9Nna/Ez1O4ld4FEc4wqP4FUuBvjP3a7l0zZKGXe6KCTxnHHIKxtwOoqs0oAENSUUVtjo/JFgOKj+3tbhqCF57doyor8lHmrRPJvqN5HoOudytGfHXDPkSrRPREi0R0TotCTXAp1GHVEP+EjXEtncZyxAFk+8BAO5YJnPcxpdxD0CK2+W5O7hgZeMXLCOKy+W3o5rsJr4htL89ZBtLZNgHYU9LYQ9bSg8AbBlyN95Xcpfl0Ix/H8t4EEAf942wej6BLUbim5suL5+XsYb3y++lpoIA9/NPdRqGmuV7AH6EI3G2z1L+ecMa4qNC7Ct4D9uC/JLmSr6kUDHD2woFtvC2ISWoizP5FYYfxS/K759g8/AgPoEEp4RcXhRkpkeSl/MvoE4YLc0IXpj/D/DP6unqWnboUPAjHNXC6FnICLAiaLO1G8DVAwBvlRQgXMJbTIiCAnXzZ0iNz3rufl3M6Qb+G38I4B+xwcZ/GygpxOdgK++p9N7qOFCY/4+wrFPA936WM3+9AgG5o8razk9ZmasHKCgAi/mRpw7rTd5549PEEn6efzvLSB/Eu9jAfQAbeBcP4f8MuTkLqe0yU3dH7wrxOfxN7Vxm/i/gQQD/AADFBdz/MbBufrOAp3AKp7CMU9ZO8gE8gAcAcC3spsP8QA9v4RIu4S3LdM4+DjDEEAct7/OX8Vv5sVzLXw9nQPgFNrCBEyCcEaeUblmMf075s2EJLrhCfIs5l5H+Bj6G7wAALuBOJmj/RFsv4rIzzg+FkK4eoIcDIG/7B0z19zU5R4HfMD7NKspayQayOyK9n3gY9wH8pPx9HxvCjKIuHfxRxxD8hNmf5OXL7s9K86N8DEwdj1HuR5iXNfnL1scV+2PMjQk+BhYPSdWnLRd95hGQe4hzPeg1fQwGjayl9wmhlpDXXzwEDtSzs+MO7gP4HeX3e5YbqcmCAJxXWvr4tWeYztSUNbyvtX7E+QDBY5F8AREtEAkQOCIBAkckQOCIBFgsvIJXmkXQCZCC4FqYbQeVjoyujxZ9cB71LeXxte5vGxqPvUNDvm3IuUEn1Vu+NgE5APylo34GGLSut9P4Cr6C045QI4wwKn8pdZISUZ/6RJTWBhF2aSkfRrhG6zRkh0Fu5AMR23TDkMuebPPos+G3FE82EdEWOxBSHPX47oGcLMw6rdP6hORFmGxQx5QMqBiQS83hmtw6RNuEvHQpo/suERHdFWu3GEwa0TkCQU+gn4+h1dUT9RqNg3FyENGf5X9XrRXUp2wCSt+iH5YUXAYmAv07ge4R6N+InzJBtJ5L1gU5RPlpWqLTFnlR/SMaNa7BAtusfLsWe5tNf0hEI0qrkUTVHVw4Kfew1WqjFnWuAO85fAL7+DF+gJ/jPYtPsI89XMIbVpduF/wTfhffwwa+hyfwL9ZQ2Vj6hijXxyx1/LLmJ6wwwk0AyP/X6+9Q+8WDn21x1uMMAHwJwEp+eUzxAcoe4IYxmt6nG417ALWDs/UAV4noL4joFbaF9InY1j+uHuBvCfRdAn2Llpj0H3X0AIUcotzeA4y03JmXgIGS6wyDRuX7qib7KlOD5+hcPXUziX5OhHr1j4MAn6HfpM/R+fyvifn1WXE2AqRElFKaXy9N+XeI6Nv539/V5EX5bNfwSv64Q87Hr6692XG+IQFMd10q1JDsatLOmwrUT122RENCyaEBE0ImQN1f18T8ZvFkAvDys/Rdeph26WH6e/q0IV+t5W5trPLK/LAeuolTUW6T3s1vBE35iIpr/25bAsBxUJ6N1DM8b+C+Vb5lVDD3FJCWRecJYidghsccuesih8P8Pi73ggIpI3uKPsxv/LbpQ3qKIcBVGtXj+ibvNqh+H8rfg0qTlmXzmxTYqkld07plORFRz2GcLvKR0/yux8CKAqkl9nPl9+dqsa09kK87eB3v+gWM6IgBoHvsx4QRAOCWeTrOBwgc0RcQOCIBAkckQOCIBAgc4REgcxsPGMmgfDZ61EOPbTfFOburVgmwXlbAemt9NLUqSEHYyb/vwDar4Vq+qHS3RoHfxy4u4zI+hU/hh/h0LWZWO1fzX9mepeq+55v4LAhP4AkQPovNWnx5+4ph7cF+6JC7QgxraRgjQObZdSLapSEN6ZAqpwc34CENZpAzRPtjlOdrnR1UybBDoB1rLorhkHPsUNep8vgYOxa6Q8M8B5meAZO+fRyv8FKklmEw+UwVO7XoycYa+7k3B0z51BjrxXc1QDZKvENEh1YjTpMAxVgWn0Zh9uqzruGaONZ5gj5CCSX0ETrBGmRIIKJB6dPncicTQPWHmCuXMm9Iv6zjOgGgzaKoEyDTul2OyXIEOEOr+cEQYJhX4w4748dFAHJWgdu4cvx1Rcb1UDuKnDN/KuonSspjjUn9eh5rlx9SpWz3kOLgCWBPn8oZV7wGKn2cQwKdYwkAhQB8n7JOm7RZ+isZAuzkVcdP+XIxXA7RTMoTyOVTk1p/NeMpw8CQf5uI1vKD6DqjYVC6bLn0iU53IsBD+dmHyv9m7KL/GhLROUsPYK+/PhGdoTO0Smdok4iuZefV9wV8gBQ38fn8FknecR9OubSbuFvKpbBe7mOSrdE38U38cfn9+/g9TZYqM56AK/UxcazjS8qvl/EzIfWslszyrwD4EADwS2aDGcKKNs/KfMHFI9p5ws8MuT5f6Ca+bMzayrbwzybL7jHb+RMeB/BfAID/VGpX62APaUhD2qXZvAksWh+fxjfL1p/hrhG3n7f71Kp/s2w759jUd+gqUd4Odxh59vmQ5UbPnGhjtt/H6DHjv9x/NL8HGFKfNmmTNolos34JUK+xNvPP/lPAXSrmxnLVM3CksEPbtM1Op0IeO6MQRwESfpln12ohhrUOfGjEPFc7mt0DEA3Lw0IA31Y4LQLIR6q0+rtkes2z1uFTOlv+s57lkFIqbieTWtzP02eoJ9QSEZT7DF22lD8FZP/NbejqBDEpMhSlaum0MkZ3sIqH8BKAF/E/rHSEFdzM32aQ4n/xa9qbDVz3SIC+meUk5j23QCRA4AjPFxChIRIgcEQCBA6TAEPrfuEXcau8obwlbokaMU/QHhRuExHRbeYB5ou1h5AvTuVhLx5jPtQfz5TGfcYIdlF7eixwkVG4R0R71uR+6jkgA48Qx3/sKfTfm3puJkCA21T4nMw+4DWWAK8xCuWBoNowhNX8HEncy6tcIVxyor1yuGiPlfvlf46O6uszmoH1PsCGpgQAgV24WTd/vZ9Q19byBnSFGBHR07RET1s1+JVuQQmQXf8Lr7PeB+gFl6phm2zLwlTz7zKSQfnJXyZcxkFu+DQnAid/Ov/2tKBhT0hjgQkwIBOqAfwJwHfeuqZ7jEeuiGczvy8BUrL3MVSOsNf99RXsBOgT0R7t0R75+BXm5DArwPzelACuozBS3fyZ2W3mn4UeYIFvAqv2nyp+58oMX2cJ8HVGoasHsB1qD8THn/49gJuCc3hwRasX8ilW+hSj0FU5dqnU+nUDj1qH6PoUkIWZutHGT4A91sBqFTxfkz5vNeNASFCiR9ve43iPBSOAvzv4SQzx5/n3r+EN/Ou0xzCnhLbvAppRxPkAgSN6AwNHJEDgiAQIHJEAgSMSIHBEApgYgFpL5xAqAYjZNkEHYVyvhJgWbgjvNgeAAXZbS+cTxigd0a4wGqd6A0xJES+1ahjQbu4IGtCuoAGEfHmTLt/WNLVx1w4cg80Dj9hFDdi1zNXBV5/NhBIB1Hj1ah6UcQb5CntZg50Atvg+BJCksqOnLl2QIWFbIflpHS4CZCasfutSEErjuTTYCGCP7yZAUxPbpfwGDHN58DeBd3AB32hxPbmDC7iAbJ3cBWXMPFHOXhB3wi002OCKfzxYJG9AjeWLfA/gOgK8B1CdQYQ7eElsX5Szv/icL6hPLrbcZ/f57aRziegNNDHArmBiWTqHiAQIHHEkMHBEAgSOSIDAEQkQOCIBAodJAFJeLB4RACoCpPlWqWdx1rLXfjZ0dM0ijZhLFARIcVhuDvMIDlkjb+ACvoYXcejxQglzeGHbGIHcPmZ5hA15je0Q0V8RiOhFyvbFtY0ep+JewtWovOt3/1jl8bAchVGJ7hEI9CINCHSPbG+n3qFzlDllU6tSfqfapXw79dP5n7nT7WmSNlwv5CTKl8q/pdYOocCOkwCA8wDeBAC8BAB4Exs4X9vKdAObuIkreASXcIgruN6oq/mk0ukkqI9Afzz/S8Avvzqd/30S/ObyHwewkstXFmu8fpLIfAEpDnFfedHRPWxgRdsJt0CKQ9zBBezgClvJlO9UX9+t/re13/9h7JU7aXmEDXlXsEvVoukR8Zu4ZL7w7H0VtpfK2ObL6O8Wr883mrQ8Hpaj8AZm78O4jzfxLDbAv5Gjmg1wAWDcomrrX7A1tIuLyh28jmv5g+AbuBZfFh8K4nyAwBF9AYEjEiBwRAIEjkiAwFERwPU+gK7yJ3G9lF/Hk8cun3T5pi1vi1yn630AXeWubeYmLZ90+aYtb31kHxeJQ/U+gK5y10aTk5ZPunzTlnc4skvA5bJDSJQRvMvMNxWm/IU8boIXDPmzin4wZ5/l1FvkSYv4l9n4XPlc5Vfz3zz+20iUELb4klzNBW+VhsgGgqrRoKT2S5dzGSnkCYDnAbyunRmffp/4bv1qiKbxE/ALzKjBb1K01OV/AgD4a2v9FWc38Q7GskhNJYD+Lup6Blxy4AW8DuB5vCZWsK2C3PoTVpuvAdz6ZQJ0r5+kPN9O/jjeUcw/FgKc7K5CwYfK/+YgZ48gQ12O3kZDony2iU8ecV1usj8VZI/jnmb+sWDcl4ARgFtofwno3sXb81fX0K4Ll/T79SCuHsqW/uO4p5l/DD1AdhP4Kit7lfkmyZ8HcBM382+q/HUlFjFnX1ekLjlEOVi5nn+qnX1Vk7jkbeunKB+1lr+jmZ9PtSmCeAyb9mPopOWdxwEWfyBm2gNRk5Z3JgDoSbpeKr9OT9aCdpVfpFul/BYziDFp+aTLN215yyNOCAkc0RsYOCIBAkckQOCIBAgckQCBIxIgcKjOoLrTUcesyyNaQPcGLpffjtjQXeURM4f6JaCb6Y6cGrq13KSzhggNJgFcBjzCkShfxpHSD9ThMqA6JYoDtfT1R1hgEmAZEA24jGVRfoRlkSAEecJE7qGwIq47HjPql4DlFlr02LKGbu3XRaCIhtDfF6BJamFnXR7RAtEbGDjiQFDgiAQIHJEAgSMSIHBEAgSOSIDAMb8E6MUBoXFAJ0D3cTZCH4T+xPPdwz5WJ55KANAJsJr/TRuu1p2Z/2Da2VwE6ATYz/+mC1frjuYfI3x7AEKv9tcMzKokFpl57TQszB/vAcYCfUbQPhLss26WhPlrhi2vUIX5V0X5QbwHGBd0Akg9wGppmuKvWSe8VztTJ1FP0c9RTDd/vAiMAbPUA0TzTwG+PUB3uN/f0cz8PUu4iEbw7QGOA1Lvwpk/3gOMAfqEkB4O0JvJzpXyTt/8jOiIOCMocMyvLyBiLPh/gj9Qphd3t8gAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTMtMDItMDFUMDU6MzM6MTAtMDg6MDApYMCSAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEzLTAyLTAxVDA1OjMzOjEwLTA4OjAwWD14LgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=);
background-position: -32px 0;
margin-top: -3px;
top: 0;
font-weight: normal;
}
.ui-datepicker .ui-datepicker-prev span {
background-position: -96px 0;
}
.ui-datepicker th {
padding: 0.75em 0;
color: #fff;
font-weight: normal;
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.ui-datepicker td {
background: #f9f9f9;
border: none;
padding: 0;
}
.ui-datepicker td .ui-state-default {
background: transparent;
border: none;
text-align: center;
padding: .5em;
margin: 0;
font-weight: normal;
color: #4b4b4b;
}
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
background: #479ce5;
color: #fff;
}
.ui-datepicker td.ui-state-disabled,
.ui-datepicker td.ui-state-disabled .ui-state-default {
opacity: 1;
color: #999;
} .footer {
text-align: center;
margin: 0 0 30px;
position: relative;
padding-top: 90px;
}
.footer .widget {
margin: 0 0 30px;
}
.footer .widget:last-of-type {
margin-bottom: 0;
}
.footer:before {
width: 240px;
position: absolute;
top: 0;
left: 50%;
margin-left: -120px;
content: "";
display: block;
height: 15px;
background: linear-gradient(-45deg, transparent 50%, #00AEEF 53%, transparent 56%), linear-gradient(45deg, transparent 50%, #00AEEF 53%, transparent 56%);
background-size: 30px 15px, 30px 15px;
background-position: -6px 0, 36px 0;
}
.footer-text {
text-transform: uppercase;
font-size: 12px;
line-height: normal;
font-weight: 400;
letter-spacing: 0.1em;
letter-spacing: 0;
color: #a5a5a5;
} #comments {
margin: 40px 0 0;
}
#comment-list {
margin: 0;
list-style: none;
padding: 0;
}
#comment-list ol {
list-style: none;
}
@media (max-width: 767px) {
#comment-list ol {
margin: 0;
padding: 0;
}
}
#comment-list .comment-body {
margin-bottom: 20px;
padding-top: 20px;
}
#comment-list > .comment:first-child > .comment-body {
border-top: none;
padding-top: 0;
}
.post-comments {
margin: 0 0 45px;
}
.comment-author .avatar {
width: 64px;
height: 64px;
float: left;
margin: 0 15px 15px 0;
overflow: visible;
}
@media (max-width: 767px) {
.comment-author .avatar {
display: none;
}
}
.comment-content {
overflow: hidden;
zoom: 1;
font-size: 13px;
}
.comment-metadata {
font-size: 12px;
margin: 0 0 5px;
}
.comment-reply-link {
font-size: 10px;
text-transform: uppercase;
padding: 4px 10px;
margin-left: 80px;
height: auto;
width: auto;
}
@media (max-width: 767px) {
.comment-reply-link {
margin: 0;
}
}
.bypostauthor > article .fn:before {
font-family: FontAwesome;
content: "\f005";
margin: 0 2px 0 -2px;
position: relative;
top: -1px;
font-size: 11px;
}
#cancel-comment-reply-link {
font-size: 13px;
font-weight: normal;
margin-left: 5px;
}
.form-allowed-tags,
.comment-notes {
font-size: 12px;
line-height: 1.5;
color: rgba(75, 75, 75, 0.8);
} .widget {
margin: 0 0 50px;
}
.sidebar .widget {
font-size: 14px;
line-height: 1.714285714;
}
.sidebar .widget:last-child,
.widget p:last-child { margin-bottom: 0;
}
.widget-title {
font-size: 20px;
line-height: normal;
border-bottom: 1px solid #00AEEF;
padding: 0 0 8px;
}
.widget-title label {
text-transform: none;
display: block;
font-size: inherit;
margin: 0;
line-height: inherit;
font-weight: inherit;
} .home-sections {
padding-top: 0;
}
.home-sections .widget:first-child:not(.widget-padded) {
margin-top: 90px;
}
.bottom-sections {
position: relative;
padding: 90px 0 80px;
margin-top: 20px;
}
.bottom-sections:before {
width: 240px;
position: absolute;
top: 0;
left: 50%;
margin-left: -120px;
content: "";
display: block;
height: 15px;
background: linear-gradient(-45deg, transparent 50%, #00AEEF 53%, transparent 56%), linear-gradient(45deg, transparent 50%, #00AEEF 53%, transparent 56%);
background-size: 30px 15px, 30px 15px;
background-position: -6px 0, 36px 0;
}
.bottom-sections .widget-padded:first-child {
margin-top: -90px;
}
.widget:not(.widget-padded) + section.widget-padded {
margin-top: -100px;
}
.widget-padded + .widget-padded {
margin-top: -85px;
}
section.widget {
margin: 0 0 85px;
}
section.widget:last-child {
margin-bottom: 0;
}
section.widget:last-child:not(.widget-padded) .widget-wrap {
padding-bottom: 0;
}
section.widget:last-child:not(.widget-padded) .widget-wrap:after {
display: none;
}
.section-title {
line-height: 0.8;
text-align: center;
font-size: 60px;
font-weight: 100;
color: #00AEEF;
}
.section-subtitle {
text-transform: uppercase;
font-size: 16px;
line-height: normal;
font-weight: 400;
letter-spacing: 0.1em;
text-align: center;
color: #a5a5a5;
letter-spacing: 0;
margin: -15px 0 0;
padding-bottom: 60px;
}
.widget-wrap {
background-repeat: no-repeat;
background-position: top center;
padding-bottom: 105px;
position: relative;
}
.widget-padded .widget-wrap:after {
display: none;
}
.widget-wrap:after {
width: 240px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -120px;
content: "";
display: block;
height: 15px;
background: linear-gradient(-45deg, transparent 50%, #00AEEF 53%, transparent 56%), linear-gradient(45deg, transparent 50%, #00AEEF 53%, transparent 56%);
background-size: 30px 15px, 30px 15px;
background-position: -6px 0, 36px 0;
} .widget_ci-hero.widget-padded .widget-wrap {
padding: 160px 0;
}
.widget_ci-items.widget-padded .widget-wrap {
padding: 110px 0 130px;
}
.widget_ci-booking-form.widget-padded .widget-wrap,
.widget_ci-testimonials.widget-padded .widget-wrap {
padding: 110px 0 120px;
} .sidebar .widget-wrap,
.footer .widget-wrap {
padding: 0;
}
.sidebar .widget-wrap:after,
.footer .widget-wrap:after {
display: none;
}
.sidebar .widget_ci-items div[class^="col"],
.footer .widget_ci-items div[class^="col"] {
float: none;
width: 100%;
}
.sidebar .widget-padded .widget-wrap,
.footer .widget-padded .widget-wrap {
padding: 15px;
}
.sidebar .widget-padded.widget_ci-hero .widget-wrap,
.footer .widget-padded.widget_ci-hero .widget-wrap {
padding: 25px 15px 30px;
}
.sidebar .widget-padded .widget-title,
.footer .widget-padded .widget-title {
border: 0;
padding-bottom: 0;
text-align: center;
} .widget_ci-hero {
text-align: center;
}
.widget_ci-hero .btn, .widget_ci-hero .comment-reply-link {
color: inherit;
border-color: inherit;
}
.widget_ci-hero .btn:hover, .widget_ci-hero .comment-reply-link:hover {
color: #FFF;
border-color: #479ce5;
}
.widget-hero-subtitle {
font-size: 18px;
text-transform: uppercase;
margin: 0 0 5px;
}
.sidebar .widget-hero-subtitle, .footer .widget-hero-subtitle {
font-size: 14px;
}
.widget-hero-title {
font-size: 60px;
line-height: 0.8;
margin: 0 0 40px;
}
.sidebar .widget-hero-title, .footer .widget-hero-title {
font-size: 32px;
} .slider-testimonials .ci-control-nav {
line-height: normal;
position: static;
margin-top: -20px;
}
.slider-testimonials .ci-control-nav li {
margin-top: 50px;
}
.hero-testimonial {
text-align: center;
margin: 0;
padding: 0;
border: 0;
position: relative;
}
.hero-testimonial:before {
content: "“";
font-family: Georgia, sans-serif;
font-size: 260px;
opacity: 0.1;
position: absolute;
height: 110px;
line-height: 1;
overflow: hidden;
left: 50%;
margin-left: -53px;
top: -60px;
z-index: -1;
}
.hero-testimonial cite {
text-transform: uppercase;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
.sidebar .hero-testimonial, .footer .hero-testimonial {
font-size: 14px;
line-height: 1.714285714;
}
.sidebar .hero-testimonial cite, .footer .hero-testimonial cite {
font-size: 14px;
}
.sidebar .hero-testimonial:before, .footer .hero-testimonial:before {
font-size: 180px;
margin-left: -37px;
top: -30px;
} .widget select {
width: 100%;
padding: 5px 10px;
border-radius: 0;
border: 1px solid #B7B7B7;
}
.widget_meta ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_nav_menu ul,
.widget_recent_entries ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_meta ul ul,
.widget_pages ul ul,
.widget_categories ul ul,
.widget_archive ul ul,
.widget_nav_menu ul ul,
.widget_recent_entries ul ul {
margin-left: 15px;
}
.widget_meta ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_nav_menu ul li,
.widget_recent_entries ul li {
line-height: normal;
display: block;
position: relative;
}
.widget_meta ul li a,
.widget_pages ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_nav_menu ul li a,
.widget_recent_entries ul li a {
display: block;
padding: 11px 0;
border-bottom: 1px solid #B7B7B7;
}
.widget_meta ul li .count,
.widget_pages ul li .count,
.widget_categories ul li .count,
.widget_archive ul li .count,
.widget_nav_menu ul li .count,
.widget_recent_entries ul li .count {
position: absolute;
right: 0;
top: 8px;
font-size: 12px;
font-weight: bold;
font-style: italic;
transition: all 0.18s ease;
padding: 4px 3px;
}
.widget_recent_comments ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget_recent_comments ul li {
display: block;
padding: 11px 0;
border-bottom: 1px solid #B7B7B7;
}
.widget_pages select,
.widget_categories select,
.widget_archive select {
display: block;
width: 100%;
padding: 6px 15px;
border-radius: 0;
font-size: 14px;
height: 40px;
font-weight: normal;
border: 1px solid #B7B7B7;
background: #FFF;
} .footer .widget_nav_menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer .widget_nav_menu ul li {
display: inline-block;
text-transform: uppercase;
font-size: 12px;
line-height: normal;
font-weight: 400;
letter-spacing: 0.1em;
margin: 0 5px;
letter-spacing: 0;
}
.footer .widget_nav_menu ul li a {
padding: 0;
border: 0;
color: #a5a5a5;
}
.footer .widget_nav_menu ul li a:hover {
color: #479ce5;
} .ci-newsletter input[type="email"] {
margin-bottom: 15px;
} .head-right #lang_sel,
.head-right #lang_sel_list,
.head-right #lang_sel_click {
z-index: 25;
height: auto;
width: auto;
font-family: inherit;
text-align: left;
}
.head-right #lang_sel ul,
.head-right #lang_sel_list ul,
.head-right #lang_sel_click ul {
display: block;
}
.head-right #lang_sel li,
.head-right #lang_sel_list li,
.head-right #lang_sel_click li {
border: none;
width: auto;
float: none;
display: block;
}
.head-right #lang_sel a.lang_sel_sel,
.head-right #lang_sel_list a.lang_sel_sel,
.head-right #lang_sel_click a.lang_sel_sel {
background: transparent;
position: relative;
border: none;
display: block;
width: auto;
padding-right: 15px;
font-size: 12px;
}
.head-right #lang_sel a.lang_sel_sel:after,
.head-right #lang_sel_list a.lang_sel_sel:after,
.head-right #lang_sel_click a.lang_sel_sel:after {
font-family: FontAwesome;
content: '\f107';
position: absolute;
right: 0;
top: -2px;
font-size: 14px;
white-space: nowrap;
opacity: 0.7;
color: #00AEEF;
}
.head-right #lang_sel a,
.head-right #lang_sel_list a,
.head-right #lang_sel_click a {
margin: 0;
padding: 0;
}
.head-right #lang_sel ul ul,
.head-right #lang_sel_list ul ul,
.head-right #lang_sel_click ul ul {
width: auto;
background: transparent;
min-width: 180px;
right: 0;
top: auto;
left: auto;
height: auto;
padding: 0;
border: 1px solid #C2C2C2;
}
.head-right #lang_sel ul ul li,
.head-right #lang_sel_list ul ul li,
.head-right #lang_sel_click ul ul li {
border: 1px solid transparent;
border-bottom: none;
}
.head-right #lang_sel ul ul li:last-child,
.head-right #lang_sel_list ul ul li:last-child,
.head-right #lang_sel_click ul ul li:last-child {
margin-bottom: 1px !important;
}
.head-right #lang_sel ul ul a,
.head-right #lang_sel_list ul ul a,
.head-right #lang_sel_click ul ul a {
color: #4b4b4b;
background: rgba(250, 250, 250, 0.9);
padding: 8px 12px;
font-size: 11px;
}
.head-right #lang_sel ul ul a:hover,
.head-right #lang_sel_list ul ul a:hover,
.head-right #lang_sel_click ul ul a:hover {
background: #FFF;
color: #6C6C6C;
}
.head-right #lang_sel img.iclflag,
.head-right #lang_sel_list img.iclflag,
.head-right #lang_sel_click img.iclflag {
width: 14px;
height: auto;
top: -1px;
} .widget_ci_book_room_widget,
.widget_ci-book-room {
border: 1px solid #B7B7B7;
}
.book-widget-inner {
padding: 20px;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
}
.book-widget-inner .btn, .book-widget-inner .comment-reply-link {
width: 100%;
}
.book-now-price {
font-weight: 600;
font-size: 24px;
margin-bottom: 15px;
}
.book-now-price b {
text-transform: uppercase;
font-size: 12px;
line-height: normal;
font-weight: 400;
letter-spacing: 0.1em;
display: block;
color: #a5a5a5;
font-size: 14px;
line-height: normal;
margin: 0 0 -5px;
}
.book-now-price span {
font-size: 14px;
text-transform: uppercase;
} #ads125,
.ads125 {
margin: 0;
padding: 0;
list-style: none;
}
#ads125 li,
.ads125 li {
background: none;
border: none;
float: left;
margin: 0 15px 10px 0;
padding: 0;
max-width: 125px;
height: auto;
} .searchform > div {
position: relative;
}
.searchform .searchsubmit {
position: absolute;
top: 0;
right: 0;
height: 100%;
} .flickr_badge_image {
float: left;
margin: 0 15px 15px 0;
}
.flickr_badge_image a {
display: block;
line-height: 0;
} .widget_about {
margin-top: -5px;
}
.widget_about img {
max-width: 100px;
height: auto;
}
.widget_about .alignleft {
float: left;
margin: 5px 15px 6px 0;
}
.widget_about .alignright {
float: right;
margin: 5px 0 6px 15px;
} .widget_text p:last-child {
margin-bottom: 0;
} .widget_ci_twitter_widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget_ci_twitter_widget ul li {
margin-bottom: 12px;
}
.widget_ci_twitter_widget ul li:first-child {
padding-top: 0;
}
.widget_ci_twitter_widget .twitter-time {
display: block;
font-size: 0.85em;
} #wp-calendar {
width: 100%;
}
#wp-calendar a {
font-weight: bold;
font-style: italic;
}
#wp-calendar caption {
text-align: left;
margin-top: 10px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
padding: 9px;
}
#wp-calendar thead {
font-size: 10px;
}
#wp-calendar thead th {
background: rgba(0, 0, 0, 0.1);
font-weight: bold;
padding: 8px;
}
#wp-calendar tbody td {
background: none;
border: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
padding: 3px;
}
#wp-calendar tbody td:hover {
background: rgba(0, 0, 0, 0.1);
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: uppercase;
padding-top: 10px;
} .social-icon i {
width: 44px;
height: 44px;
line-height: 43px;
background-color: transparent;
color: #00AEEF;
border: 1px solid rgba(183, 183, 183, 0.6);
font-size: 24px;
border-radius: 36px;
text-align: center;
display: inline-block;
transition: all 0.18s ease;
}
.social-icon i:hover {
border-color: #479ce5;
}  .gallery {
margin-left: -5px;
margin-right: -5px;
margin-bottom: 15px;
}
.gallery:before, .gallery:after {
content: " "; display: table; }
.gallery:after {
clear: both;
}
.gallery-item {
margin-bottom: 10px;
}
.gallery-item img {
width: 100%;
}
.gallery-columns-1 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
@media (min-width: 768px) {
.gallery-columns-1 .gallery-item {
float: left;
width: 100%;
}
}
.gallery-columns-2 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
@media (min-width: 768px) {
.gallery-columns-2 .gallery-item {
float: left;
width: 50%;
}
}
.gallery-columns-3 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
@media (min-width: 768px) {
.gallery-columns-3 .gallery-item {
float: left;
width: 33.33333%;
}
}
.gallery-columns-4 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
@media (min-width: 768px) {
.gallery-columns-4 .gallery-item {
float: left;
width: 25%;
}
}
.gallery-columns-5 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
@media (min-width: 768px) {
.gallery-columns-5 .gallery-item {
float: left;
width: 20%;
}
}
.gallery-columns-6 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
@media (min-width: 768px) {
.gallery-columns-6 .gallery-item {
float: left;
width: 16.66667%;
}
}
.gallery-columns-7 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
@media (min-width: 768px) {
.gallery-columns-7 .gallery-item {
float: left;
width: 14.28571%;
}
}
.gallery-columns-8 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
@media (min-width: 768px) {
.gallery-columns-8 .gallery-item {
float: left;
width: 12.5%;
}
}
.gallery-columns-9 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
@media (min-width: 768px) {
.gallery-columns-9 .gallery-item {
float: left;
width: 11.11111%;
}
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0 0 0 5px;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: calc(100% - 10px);
transition: opacity 0.18s ease;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}  .alignnone {
margin: 5px 0 20px 0;
}
p .alignnone {
margin-bottom: 0;
}
.aligncenter {
display: block;
margin: 7px auto 7px auto;
}
.alignright {
float: right;
margin: 7px 0 7px 24px;
}
.alignleft {
float: left;
margin: 7px 24px 7px 0;
} .wp-caption {
max-width: 100%;
margin-bottom: 15px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
font-size: 12px;
line-height: 17px;
margin: 3px 0 5px;
padding: 5px 0 0 0;
text-align: left;
font-style: italic;
}
.sticky { } #mobilemenu {
display: none;
}
@media (max-width: 991px) {
#mobilemenu {
display: block;
}
}
#mobile-bar {
display: none;
text-align: center;
position: fixed;
top: 0;
z-index: 1000;
width: 100%;
background: #FFF;
padding: 15px 10px 0 10px;
height: 48px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
#mobile-bar {
display: block;
}
}
.menu-trigger,
.menu-trigger:focus {
width: 24px;
height: 21px;
background: none;
cursor: pointer;
opacity: 0.85;
margin: 0;
outline: none;
position: absolute;
left: 10px;
top: 9px;
color: #4b4b4b;
font-size: 30px;
line-height: 1;
}
.menu-trigger:hover {
opacity: 0.95;
color: #4b4b4b;
}
.menu-trigger:active {
opacity: 1;
}
.mob-title {
color: #4b4b4b;
font-family: sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1;
margin: 0;
padding: 0;
}  .sharedaddy {
margin-top: 30px;
} .null-instagram-feed p {
padding-top: 10px;
}
.widget .instagram-pics:before, .widget .instagram-pics:after {
content: " "; display: table; }
.widget .instagram-pics:after {
clear: both;
}
.widget .instagram-pics {
margin: 0;
padding: 0;
}
.widget .instagram-pics li {
border-bottom: 0;
padding: 0;
float: left;
width: 33.33333333333%;
list-style: none;
}
.widget .instagram-pics li a {
display: block;
color: #4b4b4b;
}  #lang_sel {
height: 32px;
position: relative;
font-family: verdana, arial, sans-serif;
display: inline-block;
} * html #lang_sel {
width: 12em;
w\idth: 12em;
} #lang_sel ul, #lang_sel li {
padding: 0 !important;
margin: 0 !important;
list-style-type: none !important;
}
#lang_sel li:before {
content: '' !important;
}
#lang_sel ul ul {
width: 149px;
} #lang_sel li {
float: left;
width: 149px;
position: relative;
} #lang_sel a, #lang_sel a:visited {
display: block;
font-size: 11px;
text-decoration: none !important;
color: #444444;
border: 1px solid #cdcdcd;
background: #fff;
padding-left: 10px;
line-height: 24px;
} * html #lang_sel a, * html #lang_sel a:visited {
width: 149px;
w\idth: 138px;
} #lang_sel ul ul {
visibility: hidden;
position: absolute;
height: 0;
top: 25px;
left: 0;
width: 149px;
border-top: 1px solid #cdcdcd;
} * html #lang_sel ul ul {
top: 18px;
t\op: 19px;
} #lang_sel table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
} #lang_sel ul ul a, #lang_sel ul ul a:visited {
background: #ffffff;
color: #444444;
height: auto;
line-height: 1em;
padding: 5px 10px;
border-width: 0 1px 1px 1px;
} * html #lang_sel ul ul a, * html #lang_sel ul ul a:visited {
width: 150px;
w\idth: 128px;
} #lang_sel a:hover, #lang_sel ul ul a:hover {
color: #000;
background: #eee;
}
#lang_sel :hover > a, #lang_sel ul ul :hover > a {
color: #000;
background: #eee;
}
#lang_sel a.lang_sel_sel {
color: #444;
}
#lang_sel a.lang_sel_sel:hover {
text-decoration: none;
color: #000;
} #lang_sel ul li:hover ul,
#lang_sel ul a:hover ul {
visibility: visible;
}
#lang_sel img.iclflag {
width: 18px;
height: 12px;
position: relative;
top: 1px;
}
#lang_sel_footer {
margin: 0;
padding: 7px;
text-align: center;
font: 11px Verdana, sans-serif;
min-height: 15px;
clear: both;
background-color: #fff;
border: 1px solid #cdcdcd;
}
#lang_sel_footer ul {
list-style: none;
margin: 0;
padding: 0;
}
#lang_sel_footer ul li img {
position: relative;
top: 1px;
width: 18px;
height: 12px;
}
#lang_sel_footer ul li {
display: inline;
margin: 0 1px 0 0;
padding: 0;
white-space: nowrap;
line-height: 25px;
}
#lang_sel_footer ul li a, #lang_sel_footer ul li a:visited {
text-decoration: none;
padding: 5px 10px;
}
#wpml_credit_footer {
width: 100%;
margin: 10px 0;
padding: 0;
text-align: center;
font-size: 11px;
}
#lang_sel_list {
height: 32px;
position: relative;
z-index: 99;
font-family: verdana, arial, sans-serif;
}
#lang_sel_list.lang_sel_list_vertical {
width: 149px;
} * html #lang_sel_list {
width: 12em;
w\idth: 12em;
} #lang_sel_list ul, #lang_sel_list li {
padding: 0 !important;
margin: 0 !important;
list-style-type: none !important;
}
#lang_sel_list li:before {
content: '' !important;
}
#lang_sel_list ul.lang_sel_list_vertical {
width: 149px;
} #lang_sel_list li {
float: left;
position: relative;
}
#lang_sel_list.lang_sel_list_vertical li {
width: 149px;
} #lang_sel_list a, #lang_sel_list a:visited {
display: block;
font-size: 11px;
text-decoration: none !important;
color: #444444;
background: #fff;
line-height: 18px;
padding-left: 5px;
}
#lang_sel_list.lang_sel_list_vertical a, #lang_sel_list.lang_sel_list_vertical a:visited {
border: 1px solid #cdcdcd;
border-top-width: 0;
padding-left: 10px;
} * html #lang_sel_list a, * html #lang_sel_list a:visited {
width: 149px;
w\idth: 138px;
} #lang_sel_list.lang_sel_list_vertical ul { height: 0;
top: 19px;
left: 0;
border-top: 1px solid #cdcdcd;
} * html #lang_sel_list ul {
top: 18px;
t\op: 19px;
} #lang_sel_list table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
} #lang_sel_list ul a, #lang_sel_list_list ul a:visited {
background: #ffffff;
color: #444444;
height: auto;
line-height: 1em;
}
#lang_sel_list.lang_sel_list_vertical ul a, #lang_sel_list_list ul a:visited {
padding: 3px 10px;
} * html #lang_sel_list ul a, * html #lang_sel_list ul a:visited {
width: 150px;
w\idth: 128px;
}
#lang_sel_list a.lang_sel_sel {
background-image: none;
color: #444;
}
#lang_sel_list a.lang_sel_sel:hover {
text-decoration: none;
color: #000;
} #lang_sel_list ul li:hover ul,
#lang_sel_list ul a:hover ul {
visibility: visible;
}
#lang_sel_list img.iclflag {
width: 18px;
height: 12px;
position: relative;
top: 1px;
}
#lang_sel.icl_rtl {
text-align: right;
direction: rtl;
}
#lang_sel.icl_rtl .lang_sel_sel {
padding-right: 14px;
} .menu-item-language img.iclflag {
height: 12px !important;
width: 18px !important;
margin-bottom: 0 !important;
margin-right: 4px;
} @media (max-width: 1199px) {
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 10px;
padding-right: 10px;
}
.row {
margin-left: -10px;
margin-right: -10px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.header-alt .resort-weather {
float: left;
}
.logo-wrap {
left: 50%;
margin-left: -95px;
}
}
@media (max-width: 991px) {
#page {
padding-top: 48px; }
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 15px;
}
.nav {
background: none;
}
.navigation {
display: none;
}
.home-slider .slides li {
padding-bottom: 55.6%;
}
.slide-content {
top: 60%;
padding: 0 6%;
}
.slide-title {
font-size: 50px;
}
.section-title {
font-size: 46px;
}
.page-hero {
height: 260px;
padding-top: 145px;
}
.hero-title {
font-size: 42px;
}
.widget {
margin: 0 0 40px;
}
.home-sections {
padding-top: 0;
}
.home-sections .widget:first-child:not(.widget-padded) {
margin-top: 90px;
}
.bottom-sections {
padding: 90px 0 80px;
}
.bottom-sections .widget-padded:first-child {
margin-top: -90px;
}
.widget:not(.widget-padded) + section.widget-padded {
margin-top: -100px;
}
.widget-padded + .widget-padded {
margin-top: -45px;
}
section.widget {
margin: 0 0 45px;
}
.widget-wrap {
padding-bottom: 75px;
}
.widget_ci-hero.widget-padded .widget-wrap {
padding: 85px 0;
}
.widget_ci-items.widget-padded .widget-wrap {
padding: 70px 0 100px;
}
.widget_ci-booking-form.widget-padded .widget-wrap,
.widget_ci-testimonials.widget-padded .widget-wrap {
padding: 65px 0 75px;
}
.sidebar .widget-padded .widget-wrap,
.footer .widget-padded .widget-wrap {
padding: 15px;
}
.entry-title {
font-size: 30px;
}
.booking-form .row {
margin-bottom: 0;
}
.booking-form input,
.booking-form textarea,
.booking-form select,
.booking-form .dk-select {
margin-bottom: 15px;
}
.item-media .item-thumb {
float: none;
margin: 0 0 20px;
max-width: 100%;
}
.single.single-cpt_room .entry-content {
margin-top: 30px;
}
}
@media (max-width: 767px) {
h1 {
font-size: 30px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
select {
width: 100%;
}
.resort-weather {
display: none;
}
.head-right {
text-align: center;
}
.head-right .widget {
position: relative;
top: auto;
right: auto;
text-align: center;
}
.logo-wrap {
position: relative;
top: auto;
margin: 0 0 15px;
}
.header-alt .logo-wrap {
width: auto;
}
.nav {
height: auto;
}
.main {
padding: 50px 0;
}
.home-slider .slides li {
padding-bottom: 71.6%;
}
.home-slider .ci-direction-nav,
.home-slider .ci-control-nav {
display: none;
}
.slide-content {
top: 55%;
padding: 0 3%;
}
.slide-content .btn, .slide-content .comment-reply-link {
padding: 10px 27px 9px;
font-size: 12px;
}
.slide-title {
font-size: 29px;
margin-bottom: 15px;
line-height: 1;
}
.slide-subtitle {
font-size: 11px;
}
.section-title {
font-size: 32px;
}
.section-subtitle {
font-size: 14px;
padding-bottom: 30px;
}
.page-hero {
height: auto;
padding: 50px 0 40px;
}
.hero-title {
font-size: 32px;
line-height: 1;
}
.item-title {
margin-bottom: 3px;
font-size: 18px;
}
.filters-nav {
margin-bottom: 30px;
}
.sidebar {
margin-top: 40px;
}
.widget {
margin: 0 0 40px;
}
.widget-hero-title {
font-size: 32px;
}
.widget-hero-subtitle {
font-size: 14px;
}
.home-sections {
padding-top: 0;
}
.home-sections .widget:first-child:not(.widget-padded) {
margin-top: 90px;
}
.bottom-sections {
padding: 70px 0 60px;
}
.bottom-sections .widget-padded:first-child {
margin-top: -70px;
}
.widget:not(.widget-padded) + section.widget-padded {
margin-top: -55px;
}
.widget-padded + .widget-padded {
margin-top: -45px;
}
section.widget {
margin: 0 0 40px;
}
.widget-wrap {
padding-bottom: 65px;
}
.widget_ci-hero.widget-padded .widget-wrap {
padding: 55px 0;
}
.widget_ci-items.widget-padded .widget-wrap {
padding: 50px 0 75px;
}
.widget_ci-booking-form.widget-padded .widget-wrap,
.widget_ci-testimonials.widget-padded .widget-wrap {
padding: 45px 0 50px;
}
.sidebar .widget-padded .widget-wrap,
.footer .widget-padded .widget-wrap {
padding: 15px;
}
.booking-wrap {
margin-bottom: 12px;
}
.booking-wrap > div {
float: none;
width: 100%;
margin: 0;
}
#paging.centered {
text-align: left;
}
#paging a, #paging > span, #paging li span {
padding: 10px 15px;
margin-bottom: 8px;
}
.room-slider {
margin: 0;
}
.room-slider-controls {
position: static;
}
.room-slider-controls a {
width: 37px;
height: 37px;
margin: 0;
font-size: 30px;
line-height: 38px;
}
.image-caption span {
height: 37px;
font-size: 14px;
padding: 13px 6px 0;
margin: 0;
}
}
div.a2a_full_footer{
display:none;
}
.a2a_floating_style {
background-color: rgba(255,255,255,0.5) !important;
border-radius: 6px;
padding: 4px;
position: fixed;
z-index: 9999995;
animation: a2aFadeIn .2s ease-in;
}
.footer-text{
text-transform: none;
}
@media only screen and (max-width: 769px){
.a2a_vertical_style{
display:none !important;
}
.a2a_default_style{
display:block;
}
}
@media only screen and (min-width:769px){
.a2a_default_style{
display:none;
}
}
h1, h2, h3, h4, h5, h6 {
font-family: "Amiko",serif ;
line-height:1.1;
}
.slide-title{
font-family: "Amiko",serif;
line-height: 1.1;
}
#polylang-2 ul{
list-style-type: none !important;
padding: 8px 0px 6px 8px;
background: #4C721D;
border-radius: 6px;
}
#polylang-2 li a{
color:white;
margin-right:10px;
} .room-slider1 {
margin: 0 0 50px;
}
.room-slider-controls {
position: absolute;
right: 15px;
bottom: 15px;
left: 15px;
z-index: 100;
line-height: normal;
text-align: right;
}
.room-slider-controls a {
display: inline-block;
width: 67px;
height: 67px;
color: #FFF;
background-color: #479ce5;
font-size: 50px;
line-height: 64px;
text-align: center;
vertical-align: middle;
margin-left: -2px;
}
.room-slider-controls a:hover {
background-color: #00AEEF;
}
.row-joined .item {
margin-bottom: 0;
margin: 1px;
}
.contact-list{
list-style-type: none;
}
#ci-hero-2 .widget-wrap{
background-size:cover;
}
.page-hero{
margin-top:0px;
height:420px;
}
.padding-item{
padding-top:50px;
padding-right:50px;
} .item-details {
background-color: rgba(255,255,255,0) !important;
text-align: center;
color:white;
}
.details-gallery{
opacity:0;
transition:opacity 0.5s;
}
.cpt_gallery:hover .details-gallery{
opacity:1;
}
.home-slider {
position: relative;
margin: 0px 0 -88px;
}
.header{
position:absolute;
width:100%;
z-index:1000;
}
.nav {
position: relative;
background-color: rgba(0, 0, 0, 0.0);
padding: 0 10px;
z-index: 10;
height: 40px;
}
.navigation.center-nav {
text-align:center;
}
.navigation.center-nav ul {
text-align:center;
}
.logo-container{
padding-top:30px;
}
.logo-container img {
width:190px;
}
.navigation li {
background: url(//summerwinecorfu.gr/wp-content/themes/summerwine-child/assets/summer-wine-logo-menu.png) no-repeat;
background-size: 32px;
position: relative;
z-index: 2;
display: inline-block;
line-height: 96px;
margin-right: 1.42857%;
white-space: nowrap;
background-position: 50%;
}
.navigation a{
font-family: "source-serif-pro½";
font-size: 15px;
letter-spacing: 0.1em;
padding: 7px 7px 9px;
}
.page-hero{
padding-top: 340px;
height: 500px;
}
.top-head {
color: #fff !important;
z-index:900000;
}
.entry-thumb {
margin-bottom: 30px;
display: none;
} .mt50{
margin-top:50px;
}
.mb25{
margin-bottom:25px;
}
.pt25{
padding-top:25px;
}
.pt50{
padding-top: 50px;
}
.item-details-featured {
bottom: 25%;
position: absolute;
right: 10%;
background: white;
opacity:0;
transition:opacity 0.4s;
}
.related-content{
padding:20px !important;
}
.related-content:hover .item-details-featured{
opacity:1;
}
.item-title-featured{
font-size: 24px;
text-align: center;
padding: 5px 20px 5px 20px;
}
.circular{
border-radius:50%;
}   .home-sections{
}
.home-sections .widget:first-child:not(.widget-padded) {
margin-top: 90px;
}
.widget-wrap{
padding-bottom:75px;
}
.widget_text p:last-child {
margin-bottom: 50px;
}  @media only screen and (max-width: 1100px){
.navigation a {
font-family: "source-serif-pro½";
font-size: 13px;
letter-spacing: 0.1em;
padding: 7px 2px 9px;
}
}
@media only screen and (max-width: 767px){
#polylang-2 ul{
margin-right:25px;
}
.page-hero{
padding-top: 240px;
height: 500px;
}
.logo-container{
padding-top:60px;
}
.logo-container img {
width:110px;
}
.head-right .widget {
display: inline-block;
margin: 0 0 0 -15px;
}
.item-details-featured {
opacity:1;
}
} .tmhma-1::after {
content: "\0040";
}
.tmhma-2::after {
content: "\002E";
}
.hotel-link {
position: fixed;
left: -55px;
top: 50%;
transform: rotate(-90deg);
z-index: 999999;
background: #4c721d;
padding: 10px 10px;
}
.hotel-link a {
transform: rotate(90deg) !important;
color: white;
font-size: 0.95rem;
}
.hotel-link a:hover {
color: white;
}body {
color: #4b4b4b;
}
a {
color: #4c721d ;
}
a:hover, a:focus {
color: #4c721d;
}
blockquote cite {
color: rgba(75, 75, 75, 0.8);
}
label {
color: #7e7e7e;
}
input,
textarea {
border: 1px solid #B7B7B7;
}
input:hover, input:focus,
textarea:hover,
textarea:focus {
border-color: #4c721d ;
}
input.field-error,
textarea.field-error {
border-color: #b35146;
}
select {
background-color: #FFF;
border-color: #B7B7B7;
}
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.comment-reply-link {
color: #4c721d ;
border: 2px solid #4c721d ;
}
.btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.comment-reply-link:hover {
background-color: #4c721d ;
color: #FFF;
}
.btn.btn-white,
input[type="button"].btn-white,
input[type="submit"].btn-white,
input[type="reset"].btn-white,
button.btn-white,
.comment-reply-link.btn-white {
border-color: #FFF;
color: #FFF;
}
.btn.btn-white:hover,
input[type="button"].btn-white:hover,
input[type="submit"].btn-white:hover,
input[type="reset"].btn-white:hover,
button.btn-white:hover,
.comment-reply-link.btn-white:hover {
border-color: #4c721d ;
}
.ci-control-paging li a {
background-color: #E1E1E1;
}
.ci-control-paging li a.ci-active, .ci-control-paging li a:hover {
background-color: #4c721d;
}
.mfp-preloader {
background-color: #4c721d;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #4c721d;
}
.mfp-arrow:after {
color: #4c721d;
}
.navigation a {
color: #FFF;
}
.navigation a:hover,
.navigation .sfHover > a,
.navigation > li > a:hover,
.navigation > li.sfHover > a,
.navigation > li.sfHover > a:active,
.navigation > li.current_page_item > a,
.navigation > li.current-menu-item > a,
.navigation > li.current-menu-ancestor > a,
.navigation > li.current-menu-parent > a,
.navigation > li.current > a {
color: #EEE82C ;
}
.nav-inline li a,
.footer .widget_nav_menu ul li a {
color: #a5a5a5;
}
.nav-inline li a:hover,
.footer .widget_nav_menu ul li a:hover {
color: #4c721d ;
}
.top-head {
color: #6e6e6e;
}
.logo-wrap {
background-color: transparent;
}
.logo-wrap:before {
border: 0px solid #4c721d ;
}
.hero-title {
color: #FFF;
}
.home-slider .ci-direction-nav a:before {
color: #FFF;
}
.home-slider .ci-control-nav a {
background-color: #FFF;
}
.home-slider .ci-control-nav a.ci-active, .home-slider .ci-control-nav a:hover {
background-color: #FFF;
}
.slide-content {
padding: 0 20%;
color: #FFF;
}
.entry-content a {
color: #4b4b4b;
font-weight: 500;
border-bottom: 1px solid #afbd20;
box-shadow: inset 0 -2px 0 #afbd20;
}
.entry-content a:hover {
box-shadow: inset 0 -2px 0 #4b4b4b;
border-color: #4b4b4b;
}
.text-primary {
color: #4c721d ;
}
.item-details {
background-color: #FFF;
}
.item-subtitle {
color: #a5a5a5;
}
.filters-nav li a {
color: #a5a5a5;
}
.filters-nav li a.selected, .filters-nav li a:hover {
color: #4b4b4b;
border-bottom: 1px solid #afbd20;
box-shadow: inset 0 -2px 0 #afbd20;
}
#paging a,
#paging > span,
#paging li span {
border: 1px solid #B7B7B7;
color: #B7B7B7;
}
#paging a:hover {
border-color: #4c721d ;
}
#paging .current {
color: #FFF;
border-color: #4c721d;
background-color: #4c721d;
}
.room-slider-controls a {
color: #FFF;
background-color: #4c721d ;
}
.room-slider-controls a:hover {
background-color: #4c721d;
}
.image-caption span {
background-color: #FFF;
color: #a5a5a5;
}
.list-amenities li:before {
color: #4c721d;
}
.dk-selected {
border: 1px solid #B7B7B7;
color: rgba(75, 75, 75, 0.5);
}
.dk-selected:hover {
border-color: #4c721d ;
}
.dk-selected:before {
color: #4c721d;
}
.field-error .dk-selected {
border-color: #b35146;
}
.dk-select-options .dk-option-highlight,
.dk-select-options .dk-option-selected {
background-color: #4c721d ;
color: #FFF;
}
.dk-select-open-down .dk-selected,
.dk-select-open-up .dk-selected {
border-color: #4c721d ;
}
.dk-select-open-down.field-error .dk-selected,
.dk-select-open-up.field-error .dk-selected {
border-color: #b35146;
}
.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
border-color: #4c721d ;
}
.ui-datepicker-trigger:hover {
background-color: transparent;
color: inherit;
}
.booking-form .ui-datepicker-trigger {
color: #4c721d;
}
.form-success {
background-color: #2fb390;
color: #FFF;
}
.form-error {
background-color: #b35146;
color: #FFF;
}
.ui-datepicker .ui-datepicker-header {
background: #4c721d ;
color: #fff;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
background: #4c721d ;
border-color: transparent;
}
.ui-datepicker thead {
background: #4c721d ;
color: #fff;
}
.ui-datepicker td {
background: #f9f9f9;
}
.ui-datepicker td .ui-state-default {
background: transparent;
color: #4b4b4b;
}
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
background: #4c721d ;
color: #fff;
}
.footer:before {
background-image:none;
}
.footer-text {
color: #a5a5a5;
}
.form-allowed-tags,
.comment-notes {
color: rgba(75, 75, 75, 0.8);
}
.widget-title {
border-bottom: 1px solid #4c721d;
}
.bottom-sections:before {
background-image: linear-gradient(-45deg, transparent 50%, #4c721d 53%, transparent 56%), linear-gradient(45deg, transparent 50%, #4c721d 53%, transparent 56%);
}
.section-title {
color: #4c721d;
}
.section-subtitle {
color: inherit;
}
.widget-wrap:after {
background-image: none;
}
.sidebar .widget-padded .widget-title,
.footer .widget-padded .widget-title {
border: 0;
}
.widget_ci-hero .btn {
color: inherit;
border-color: inherit;
}
.widget_ci-hero .btn:hover {
color: #FFF;
border-color: #4c721d ;
}
.widget select {
border: 1px solid #B7B7B7;
}
.widget_meta ul li a,
.widget_pages ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_nav_menu ul li a,
.widget_recent_entries ul li a {
border-bottom: 1px solid #B7B7B7;
}
.widget_recent_comments ul li {
border-bottom: 1px solid #B7B7B7;
}
.head-right #lang_sel a.lang_sel_sel:after,
.head-right #lang_sel_list a.lang_sel_sel:after,
.head-right #lang_sel_click a.lang_sel_sel:after {
color: #4c721d;
}
.widget_ci_book_room_widget {
border: 1px solid #B7B7B7;
}
.book-now-price b {
color: #a5a5a5;
}
.social-icon i {
background-color: transparent;
color: #4c721d;
border: 1px solid rgba(183, 183, 183, 0.6);
}
.social-icon i:hover {
border-color: #4c721d ;
}
.footer .widget_nav_menu ul li a {
border: 0;
color: #a5a5a5;
}
.footer .widget_nav_menu ul li a:hover {
color: #4c721d ;
}.availability-calendar {width: 100%;font-family: Arial, sans-serif;display: flex;flex-wrap: wrap;gap: 2rem;justify-content: space-between;}@media (max-width: 768px) {.availability-calendar .calendar-wrapper:nth-child(2) {display: none;}}.availability-calendar .calendar-wrapper {width: calc(50% - 1rem);opacity: 1;transition: opacity 0.3s ease-in-out;}@media (max-width: 768px) {.availability-calendar .calendar-wrapper {width: 100%;}}.availability-calendar .calendar-wrapper.fade-out {opacity: 0;}.availability-calendar .calendar-wrapper.fade-in {opacity: 1;}.availability-calendar .calendar-header {display: flex;justify-content: space-between;align-items: center;padding: 0.75rem 1rem;background: #222222;color: white;border-radius: 10px 10px 0 0;}.availability-calendar .calendar-header button.prev-month, .availability-calendar .calendar-header button.next-month {padding: 0.5rem 0.75rem;border: none;background: white;cursor: pointer;opacity: 1;visibility: visible;color: #222222;border-radius: 10px;}.availability-calendar .calendar-header button.prev-month:hover:not([disabled]), .availability-calendar .calendar-header button.next-month:hover:not([disabled]) {background: #bdbdbd;}.availability-calendar .calendar-header button.prev-month[disabled], .availability-calendar .calendar-header button.next-month[disabled] {background: #cccccc;cursor: not-allowed;opacity: 0.5;}.availability-calendar .calendar-grid {display: grid;grid-template-columns: repeat(7, 1fr);border-left: 1px solid #ececec;}.availability-calendar .calendar-day, .availability-calendar .calendar-day-header {border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;}.availability-calendar .calendar-day-header {padding: 0.55rem 0.3rem;text-align: center;font-size: 0.95rem;background: #f5f5f5;}.availability-calendar .calendar-day {aspect-ratio: 1;display: flex;align-items: center;justify-content: center;text-align: center;background: white;cursor: pointer;padding: 0.25rem;}.availability-calendar .calendar-day.empty {background: #f5f5f5;cursor: default;}.availability-calendar .calendar-day.blocked {background: #ffebee;color: #d32f2f;cursor: not-allowed;opacity: 0.7;}.availability-calendar .calendar-day.available:hover {background: #e8f5e9;}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}
.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}
.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}
.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}
.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}