.owl-carousel .owl-wrapper:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel
{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper
{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer
{
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight
{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item
{
	float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div
{
	cursor: pointer;
}

.owl-controls
{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.grabbing
{
	cursor: url(../../../all/themes/custom/villas/js-contrib/owl-carousel/grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item
{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.owl-theme .owl-controls
{
	margin-top: 10px;
	text-align: center;
}

.owl-theme .owl-controls .owl-buttons div
{
	color: #FFF;
	display: inline-block;
	zoom: 1;
*display:inline;
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover
{
	filter: Alpha(Opacity=100);
	opacity: 1;
	text-decoration: none;
}

.owl-theme .owl-controls .owl-page
{
	display: inline-block;
	zoom: 1;
*display:inline;
}

.owl-theme .owl-controls .owl-page span
{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span
{
	filter: Alpha(Opacity=100);
	opacity: 1;
}

.owl-theme .owl-controls .owl-page span.owl-numbers
{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.owl-item.loading
{
	min-height: 150px;
	background: url(../../../all/themes/custom/villas/js-contrib/owl-carousel/AjaxLoader.gif) no-repeat center center
}

.owl-origin
{
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}

.owl-fade-out
{
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease;
}

.owl-fade-in
{
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease;
}

.owl-backSlide-out
{
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}

.owl-backSlide-in
{
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}

.owl-goDown-out
{
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both;
}

.owl-goDown-in
{
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	animation: goDown .6s ease both;
}

.owl-fadeUp-in
{
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out
{
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both;
}
@-webkit-keyframes empty {
0% {
opacity:1
}
}
@-moz-keyframes empty {
0% {
opacity:1
}
}
@keyframes empty {
0% {
opacity:1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity:.5;
-webkit-transform:translateZ(-500px);
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%);
}
100% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
25% {
opacity:.5;
-moz-transform:translateZ(-500px);
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%);
}
100% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
25% {
opacity:.5;
transform:translateZ(-500px);
}
75% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%);
}
100% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(200%);
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px);
}
100% {
opacity:1;
-webkit-transform:translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
0%, 25% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(200%);
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px);
}
100% {
opacity:1;
-moz-transform:translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
0%, 25% {
opacity:.5;
transform:translateZ(-500px) translateX(200%);
}
75% {
opacity:.5;
transform:translateZ(-500px);
}
100% {
opacity:1;
transform:translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
to {
opacity:0;
-webkit-transform:scale(.8);
}
}
@-moz-keyframes scaleToFade {
to {
opacity:0;
-moz-transform:scale(.8);
}
}
@keyframes scaleToFade {
to {
opacity:0;
transform:scale(.8);
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform:translateY(-100%);
}
}
@-moz-keyframes goDown {
from {
-moz-transform:translateY(-100%);
}
}
@keyframes goDown {
from {
transform:translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity:0;
-webkit-transform:scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
from {
opacity:0;
-moz-transform:scale(1.5);
}
}
@keyframes scaleUpFrom {
from {
opacity:0;
transform:scale(1.5);
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity:0;
-webkit-transform:scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
to {
opacity:0;
-moz-transform:scale(1.5);
}
}
@keyframes scaleUpTo {
to {
opacity:0;
transform:scale(1.5);
}
}

.hamburger
{
	padding: 15px 15px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}

.hamburger:hover
{
	opacity: 0.7;
}

.hamburger-box
{
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative;
}

.hamburger-inner
{
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after
{
	width: 40px;
	height: 4px;
	background-color: #000;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after
{
	content: "";
	display: block;
}

.hamburger-inner::before
{
	top: -10px;
}

.hamburger-inner::after
{
	bottom: -10px;
}

.hamburger--squeeze .hamburger-inner
{
	transition-duration: 0.1s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before
{
	transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}

.hamburger--squeeze .hamburger-inner::after
{
	transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner
{
	transform: rotate(45deg);
	transition-delay: 0.14s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before
{
	top: 0;
	opacity: 0;
	transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after
{
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.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.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY
{
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
40%, 43%, 70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06)
}
70% {
-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 {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
40%, 43%, 70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06)
}
70% {
-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 {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}

.flash
{
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}

.pulse
{
	-webkit-animation-name: pulse;
	animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .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:scaleX(1);
transform:scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .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:scaleX(1);
transform:scaleX(1)
}
}

.rubberBand
{
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}
@-webkit-keyframes shake {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(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 {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(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:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}

.swing
{
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}

.tada
{
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform:none;
transform:none
}
}
@keyframes wobble {
0% {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform:none;
transform:none
}
}

.wobble
{
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes jello {
0%, 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(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
0%, 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(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}

.jello
{
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
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:scaleX(1);
transform:scaleX(1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
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:scaleX(1);
transform:scaleX(1)
}
}

.bounceIn
{
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
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 {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
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 {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
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 {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
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 {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
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 bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
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
}
}

.bounceInRight
{
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
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:translateZ(0);
transform:translateZ(0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
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:translateZ(0);
transform:translateZ(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 {
0% {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}

.fadeIn
{
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
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 {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownBig {
0% {
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 {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
0% {
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 {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeftBig {
0% {
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 {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
0% {
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 {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRightBig {
0% {
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 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
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 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUpBig {
0% {
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 {
0% {
opacity:1
}
to {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
to {
opacity:0
}
}

.fadeOut
{
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
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 {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
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 {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
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 {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
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 {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
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 {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
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 {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
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 {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
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 {
0% {
-webkit-transform:perspective(400px) rotateY(-1turn);
transform:perspective(400px) rotateY(-1turn)
}
0%, 40% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%, 80% {
-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)
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(-1turn);
transform:perspective(400px) rotateY(-1turn)
}
0%, 40% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%, 80% {
-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)
}
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 {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-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 {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-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 {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}

.flipOutX
{
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}

.flipOutY
{
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-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)
}
60%, 80% {
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to {
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-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)
}
60%, 80% {
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
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 {
0% {
opacity:1
}
to {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
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 {
0% {
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to {
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateIn {
0% {
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to {
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}

.rotateIn
{
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}

.rotateInDownLeft
{
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}

.rotateInDownRight
{
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}

.rotateInUpLeft
{
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}

.rotateInUpRight
{
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
transform-origin:center;
opacity:1
}
0%, to {
-webkit-transform-origin:center
}
to {
transform-origin:center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
transform-origin:center;
opacity:1
}
0%, to {
-webkit-transform-origin:center
}
to {
transform-origin:center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}

.rotateOut
{
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
}

.rotateOutDownLeft
{
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
transform-origin:right bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
transform-origin:right bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
}

.rotateOutDownRight
{
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
}

.rotateOutUpLeft
{
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}

.rotateOutUpRight
{
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
transform-origin:top left
}
0%, 20%, 60% {
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
transform-origin:top left
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
@keyframes hinge {
0% {
transform-origin:top left
}
0%, 20%, 60% {
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
transform-origin:top left
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
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 {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}

.rollIn
{
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate(120deg);
transform:translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate(120deg);
transform:translate3d(100%, 0, 0) rotate(120deg)
}
}

.rollOut
{
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
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 {
0% {
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(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
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(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}

.zoomInDown
{
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
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(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
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(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}

.zoomInLeft
{
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
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(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
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(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}

.zoomInRight
{
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
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(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
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(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}

.zoomInUp
{
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity:1
}
50% {
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50%, to {
opacity:0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50%, 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(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}

.zoomOutUp
{
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}

.slideInDown
{
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}

.slideInLeft
{
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}

.slideInRight
{
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}

.slideInUp
{
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(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 {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(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 {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(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 {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}

.slideOutUp
{
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

*
{
	box-sizing: border-box;
}

html
{
	font-size: 100%;
	line-height: 1.625em;
	font-family: "Averta-Regular";
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	min-height: 100%;
}

@media print {

html
{
	font-size: 12pt;
}
}

body
{
	margin: 0;
	padding: 0;
	color: #4a4a4a;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary
{
	display: block;
}

audio,
canvas,
progress,
video
{
	display: inline-block;
}

audio:not([controls])
{
	display: none;
	height: 0;
}

progress
{
	vertical-align: baseline;
}

template,
[hidden]
{
	display: none;
}

a
{
	color: #0072b9;
	-webkit-text-decoration-skip: objects;
	text-decoration: none;
	color: inherit;
}

:visited
{
	color: inherit;
}

a:active
{
	color: inherit;
}

a:active:not(.button)
{
	background-color: transparent;
}

a:active,
a:hover
{
	outline-width: 0;
}

@media print {

:link,
:visited
{
	text-decoration: underline;
}

a[href]:after
{
	content: " (" attr(href) ")";
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
}

a[href^='javascript:']:after,
a[href^='#']:after
{
	content: '';
}
}

h1,
h2,
h3,
h4,
h5,
h6
{
	font-size: 1rem;
	line-height: 1.625rem;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
}

abbr[title]
{
	border-bottom: 0;
	text-decoration: underline;
	text-decoration: underline dotted;
}

@media print {

abbr[title]:after
{
	content: " (" attr(title) ")";
}
}

b,
strong
{
	font-weight: inherit;
}

strong,
b
{
	font-weight: bolder;
}

pre,
code,
kbd,
samp,
var
{
	font-family: Menlo, "DejaVu Sans Mono", "Ubuntu Mono", Courier, "Courier New", monospace, sans-serif;
	font-size: 1em;
}

dfn
{
	font-style: italic;
}

mark
{
	background-color: #fd0;
	color: #4a4a4a;
}

small
{
	font-size: 0.9375rem;
}

sub,
sup
{
	font-size: 0.8125rem;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub
{
	bottom: -.25em;
}

sup
{
	top: -.5em;
}

.divider,
hr
{
	margin: 1.625rem 0;
	border: 0;
	border-top: 1px solid #ccc;
}

.divider > :first-child,
hr > :first-child
{
	margin-top: 1.625rem;
}

blockquote
{
	margin: 1.625rem 2rem;
}

dl,
menu,
ol,
ul
{
	margin: 1.625rem 0;
}

ol ol,
ol ul,
ul ol,
ul ul
{
	margin: 0;
}

dd
{
	margin: 0 0 0 32px;
}

[dir="rtl"] dd
{
	margin: 0 32px 0 0;
}

menu,
ol,
ul
{
	padding: 0 0 0 32px;
}

[dir="rtl"] menu,
[dir="rtl"] ol,
[dir="rtl"] ul
{
	padding: 0 32px 0 0;
}

figure
{
	margin: 1.625rem 0;
}

hr
{
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

.paragraph,
p,
pre
{
	margin: 1.625rem 0;
}

img
{
	border-style: none;
}

img,
svg
{
	max-width: 100%;
	height: auto;
}

svg:not(:root)
{
	overflow: hidden;
}

.clearfix:before,
.header:before,
.tabs:before
{
	content: '';
	display: table;
}

.clearfix:after,
.header:after,
.tabs:after
{
	content: '';
	display: table;
	clear: both;
}

button,
input,
optgroup,
select,
textarea
{
	box-sizing: border-box;
	max-width: 100%;
	font: inherit;
	margin: 0;
}

button
{
	overflow: visible;
}

button,
select
{
	text-transform: none;
}

input
{
	overflow: visible;
}
[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
height:auto;
}

[type='search']
{
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
-webkit-appearance:none;
}
::-webkit-input-placeholder {
color:inherit;
opacity:.54;
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit;
}

.button,
.form-submit,
.book-online__content a,
button,
html [type='button'],
[type='reset'],
[type='submit']
{
	-moz-appearance: button;
	-webkit-appearance: button;
}

.button,
.form-submit,
.book-online__content a,
button,
[type='button'],
[type='reset'],
[type='submit']
{
	display: inline-block;
	padding: 2px 6px;
	line-height: inherit;
	text-decoration: none;
	cursor: pointer;
	color: #4a4a4a;
}
.button::-moz-focus-inner, .form-submit::-moz-focus-inner, .book-online__content a::-moz-focus-inner, button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
border-style:none;
padding:0;
}
.button:-moz-focusring, .form-submit:-moz-focusring, .book-online__content a:-moz-focusring, button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring {
outline:1px dotted ButtonText;
}

.button:hover,
.button:focus,
.button:active,
.form-submit:hover,
.book-online__content a:hover,
.form-submit:focus,
.book-online__content a:focus,
.form-submit:active,
.book-online__content a:active,
button:hover,
button:focus,
button:active,
[type='button']:hover,
[type='button']:focus,
[type='button']:active,
[type='reset']:hover,
[type='reset']:focus,
[type='reset']:active,
[type='submit']:hover,
[type='submit']:focus,
[type='submit']:active
{
	text-decoration: none;
	color: #4a4a4a;
}

[disabled].button,
[disabled].form-submit,
.book-online__content a[disabled],
button[disabled],
[disabled][type='button'],
[disabled][type='reset'],
[disabled][type='submit']
{
	cursor: default;
	color: #7d7d7d;
}

[disabled].button:hover,
[disabled].form-submit:hover,
.book-online__content a[disabled]:hover,
button[disabled]:hover,
[disabled][type='button']:hover,
[disabled][type='reset']:hover,
[disabled][type='submit']:hover,
[disabled].button:focus,
[disabled].form-submit:focus,
.book-online__content a[disabled]:focus,
button[disabled]:focus,
[disabled][type='button']:focus,
[disabled][type='reset']:focus,
[disabled][type='submit']:focus,
[disabled].button:active,
[disabled].form-submit:active,
.book-online__content a[disabled]:active,
button[disabled]:active,
[disabled][type='button']:active,
[disabled][type='reset']:active,
[disabled][type='submit']:active
{
	color: #7d7d7d;
}

[type='checkbox'],
[type='radio']
{
	box-sizing: border-box;
	padding: 0;
}

fieldset
{
	padding: 0.56875rem 1.01562rem 1.05625rem;
	border: 1px solid #ccc;
	margin: 0 2px;
}

legend
{
	box-sizing: border-box;
	display: table;
	max-width: 100%;
	white-space: normal;
	color: inherit;
	margin-left: -5px;
	padding: 0 5px;
}

label
{
	display: block;
	font-weight: bold;
}

optgroup
{
	font-weight: bold;
}

textarea
{
	overflow: auto;
}

table
{
	margin: 1.625rem 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

td,
th
{
	padding: 0;
}

.layout-3col
{
	margin-left: -20px;
	margin-right: -20px;
}

.layout-3col:before
{
	content: '';
	display: table;
}

.layout-3col:after
{
	content: '';
	display: table;
	clear: both;
}

.layout-3col--item,
.layout-3col__item
{
	width: 33.3%;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}

@media (min-width:0) and (max-width:767px) {

.layout-3col--break-tablet
{
	margin-left: 0;
	margin-right: 0;
}

.layout-3col--break-tablet .layout-3col--item,
.layout-3col--break-tablet .layout-3col__item
{
	width: 100%;
	font: none;
}
}

.layout-center,
form
{
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.layout-center--small
{
	max-width: 760px;
}

.layout-swap
{
	position: relative;
}

@media (min-width:555px) {

.layout-swap
{
	padding-top: 52px;
}
}

@media (min-width:555px) {

.layout-swap__top
{
	position: absolute;
	top: 0;
	height: 52px;
	width: 100%;
}
}

.layout-2col:before
{
	content: '';
	display: table;
}

.layout-2col:after
{
	content: '';
	display: table;
	clear: both;
}

.layout-2col--item,
.layout-2col__item
{
	width: 50%;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}

.layout-2col--no-outer-gutter
{
	margin-left: 0;
	margin-right: 0;
}

@media (min-width:0) and (max-width:767px) {

.layout-2col--break-tablet
{
	margin-left: 0;
	margin-right: 0;
}

.layout-2col--break-tablet .layout-2col--item,
.layout-2col--break-tablet .layout-2col__item
{
	width: 100%;
	font: none;
}
}

.layout-simple2col:before
{
	content: '';
	display: table;
}

.layout-simple2col:after
{
	content: '';
	display: table;
	clear: both;
}

.layout-simple2col--item,
.layout-simple2col__item,
.layout-simple2col__col-2,
.layout-simple2col__col-1
{
	float: left;
	width: 50%;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
}

@media (min-width:0) and (max-width:767px) {

.layout-simple2col--item,
.layout-simple2col__item,
.layout-simple2col__col-2,
.layout-simple2col__col-1
{
	float: none;
	width: 100%;
}
}

.layout-simple2col--no-border .layout-simple2col--item,
.layout-simple2col--no-border .layout-simple2col__item,
.layout-simple2col--no-border .layout-simple2col__col-2,
.layout-simple2col--no-border .layout-simple2col__col-1
{
	border: 0;
}

.layout-simple2col__layout-inverse .layout-simple2col--item,
.layout-simple2col__layout-inverse .layout-simple2col__item,
.layout-simple2col__layout-inverse .layout-simple2col__col-2,
.layout-simple2col__layout-inverse .layout-simple2col__col-1
{
	float: right;
	width: 50%;
}

@media (min-width:0) and (max-width:767px) {

.layout-simple2col__layout-inverse .layout-simple2col--item,
.layout-simple2col__layout-inverse .layout-simple2col__item,
.layout-simple2col__layout-inverse .layout-simple2col__col-2,
.layout-simple2col__layout-inverse .layout-simple2col__col-1
{
	margin-bottom: 0.875rem;
	float: none;
	width: 100%;
}
.paragraph, p, pre {
    margin: 1.625rem 12px;
}
}

.layout-simple2col__hide-one-early__col-1
{
	float: left;
	width: 50%;
}

@media (min-width:0) and (max-width:767px) {

.layout-simple2col__hide-one-early__col-1
{
	display: none;
}
}

.layout-simple2col__hide-one-early__col-2
{
	float: left;
	width: 50%;
}

@media (min-width:0) and (max-width:767px) {

.layout-simple2col__hide-one-early__col-2
{
	float: none;
	width: 100%;
}
}

.layout-4col:before
{
	content: '';
	display: table;
}

.layout-4col:after
{
	content: '';
	display: table;
	clear: both;
}

.layout-4col__item
{
	width: 25%;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}

@media (min-width:0) and (max-width:1089px) {

.layout-4col__item
{
	width: 33.33%;
}
}

@media (min-width:0) and (max-width:767px) {

.layout-4col__item
{
	width: 50%;
}
}

@media (min-width:0) and (max-width:543px) {

.layout-4col__item
{
	width: 100%;
	float: none;
}
}

.layout-6col
{
	margin-left: -20px;
	margin-right: -20px;
}

.layout-6col:before
{
	content: '';
	display: table;
}

.layout-6col:after
{
	content: '';
	display: table;
	clear: both;
}

@media (min-width:0) and (max-width:543px) {

.layout-6col
{
	margin-left: -10px;
	margin-right: -10px;
}
}

.layout-6col__item
{
	width: 16.66%;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}

@media (min-width:0) and (max-width:767px) {

.layout-6col__item
{
	width: 25%;
}
}

@media (min-width:0) and (max-width:543px) {

.layout-6col__item
{
	width: 50%;
}
}

.layout-contained
{
	max-width: 410px;
	margin-left: auto;
	margin-right: auto;
}

.layout-contained--large
{
	max-width: 580px;
}

.layout-centered
{
	text-align: center;
}

.layout-centered--vertical
{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (min-width:0) and (max-width:767px) {

.layout-centered--vertical-break-tablet
{
	position: static;
	top: auto;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
}

#block-webform-client-block-17,
.layout-section
{
	padding-bottom: 1.125rem;
}

@media (min-width:0) and (max-width:767px) {

#block-webform-client-block-17,
.layout-section
{
	padding-bottom: 2.875rem;
}
}

@media (min-width:0) and (max-width:543px) {

#block-webform-client-block-17,
.layout-section
{
	padding-bottom: 3.25rem;
}
}

.layout-section--medium
{
	padding-bottom: 4.875rem;
}

.layout-section--tablet-padding
{
	padding-bottom: 0;
}

@media (min-width:0) and (max-width:767px) {

.layout-section--tablet-padding
{
	padding-bottom: 0rem;
}
}

@media (min-width:0) and (max-width:543px) {

.layout-section--tablet-padding
{
	padding-bottom:0rem;
}
}

.layout-content-overlay
{
	padding-top: 1.625rem;
	padding-bottom: 1.625rem;
	position: relative;
	margin-top: -180px;
	background-color: #fff;
}

.layout-double-gutter
{
	margin-left: 2.5rem;
	margin-right: 2.5rem;
}

@media (min-width:0) and (max-width:459px) {

.layout-double-gutter
{
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}
}

.layout-2col-overlapped
{
	margin-top: 3.6875rem;
	padding-left: 80px;
	padding-right: 80px;
	position: relative;
}

.layout-2col-overlapped:before
{
	content: '';
	display: table;
}

.layout-2col-overlapped:after
{
	content: '';
	display: table;
	clear: both;
}

@media (min-width:0) and (max-width:1089px) {

.layout-2col-overlapped
{
	margin-bottom: 100px;
	padding-left: 40px;
	padding-right: 40px;
}
}

@media (min-width:0) and (max-width:767px) {

.layout-2col-overlapped
{
	margin-bottom: 40px;
}
}

.layout-2col-overlapped__col-1
{
	padding-left: 347px;
	width: 100%;
}

@media (min-width:0) and (max-width:1089px) {

.layout-2col-overlapped__col-1
{
	padding-left: 0;
}
}

.layout-2col-overlapped__col-2
{
	position: absolute;
	top: 0;
	left: 130px;
	width: 427px;
	padding-top: 45px;
	padding-bottom: 45px;

}

@media (min-width:0) and (max-width:1089px) {

.layout-2col-overlapped__col-2
{
	position: static;
	width: auto;
}
}

@media (min-width:0) and (max-width:543px) {

.layout-2col-overlapped__col-2
{
	padding-top: 0;
}
}

.box
{
	margin-bottom: 1.625rem;
	border: 5px solid #ccc;
	padding: 1em;
}

.box__title
{
	margin: 0;
}

.box:focus,
.box:hover,
.box.is-focus,
.box--is-focus
{
	border-color: #4a4a4a;
}

.box--highlight
{
	border-color: #0072b9;
}

.comment__section,
.comments
{
	margin: 1.625rem 0;
}

.comment__title
{
	margin: 0;
}

.comment__permalink
{
	text-transform: uppercase;
	font-size: 75%;
}

.comment--preview,
.comment-preview
{
	background-color: #fffadb;
}

.comment--nested,
.indented
{
	margin-left: 32px;
}

[dir="rtl"] .comment--nested,
[dir="rtl"] .indented
{
	margin-left: 0;
	margin-right: 32px;
}

.header__logo-image
{
	vertical-align: bottom;
}

.header__name-and-slogan
{
	float: left;
}

.header__site-name
{
	margin: 0;
}

.header__site-link:link,
.header__site-link:visited
{
	color: #4a4a4a;
	text-decoration: none;
}

.header__site-link:hover,
.header__site-link:focus
{
	text-decoration: underline;
}

.header__site-slogan
{
	margin: 0;
}

.header__secondary-menu
{
	float: right;
}

[dir="rtl"] .header__secondary-menu
{
	float: left;
}

.header__region
{
	clear: both;
}

.hidden,
html.js .js-hidden,
html.js .element-hidden,
html.js .js-hide
{
	display: none;
}

.highlight-mark,
.new,
.update
{
	color: #c00;
	background-color: transparent;
}

.inline-sibling,
.field-label-inline .field-label,
span.field-label
{
	display: inline;
	margin-right: 10px;
}

[dir="rtl"] .inline-sibling,
[dir="rtl"] .field-label-inline .field-label,
.field-label-inline [dir="rtl"] .field-label,
[dir="rtl"] span.field-label
{
	margin-right: 0;
	margin-left: 10px;
}

.inline-sibling__child,
.inline-sibling *,
.field-label-inline .field-label *,
span.field-label *
{
	display: inline;
}

.inline-sibling__adjacent,
.inline-sibling + *,
.inline-sibling + * > :first-child,
.inline-sibling + * > :first-child > :first-child,
.field-label-inline .field-label + *,
span.field-label + *,
.field-label-inline .field-label + * > :first-child,
span.field-label + * > :first-child,
.field-label-inline .field-label + * > :first-child > :first-child,
span.field-label + * > :first-child > :first-child
{
	display: inline;
}

.field-label-inline .field-label,
.field-label-inline .field-items
{
	float: none;
}

.messages,
.messages--status
{
	margin: 1.625rem 0;
	position: relative;
	padding: 10px 10px 10px 44px;
	border: 1px solid #0072b9;
}

[dir="rtl"] .messages,
[dir="rtl"] .messages--status
{
	padding: 10px 44px 10px 10px;
	background-position: 99% 8px;
}

.messages__icon
{
	position: absolute;
	top: 50%;
	left: 10px;
	height: 24px;
	width: 24px;
	margin-top: -12px;
	line-height: 1;
}

[dir="rtl"] .messages__icon
{
	left: auto;
	right: 0;
}

.messages__icon path
{
	fill: #0072b9;
}

.messages__highlight,
.messages--error .error,
.messages.error .error
{
	color: #4a4a4a;
}

.messages__list
{
	margin: 0;
}

.messages__item
{
	list-style-image: none;
}

.messages--ok-color,
.messages,
.messages--status,
.ok,
.revision-current
{
	background-color: #f6fcff;
	color: #0072b9;
}

.messages--warning-color,
.messages--warning,
.messages.warning,
.warning
{
	background-color: #fffce6;
	color: #4a4a4a;
}

.messages--error-color,
.messages--error,
.messages.error,
.error
{
	background-color: #fff0f0;
	color: #c00;
}

.messages--warning,
.messages.warning
{
	border-color: #fd0;
}

.messages--warning path,
.messages.warning path
{
	fill: #fd0;
}

.messages--error,
.messages.error
{
	border-color: #c00;
}

.messages--error path,
.messages.error path
{
	fill: #c00;
}

@media print {

.print-none,
.toolbar,
.action-links,
.links,
.book-navigation,
.forum-topic-navigation,
.feed-icons
{
	display: none;
}
}

.responsive-video,
.media-youtube-video,
.media-vimeo-preview-wrapper
{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.responsive-video__embed,
.responsive-video iframe,
.media-youtube-video iframe,
.media-vimeo-preview-wrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.responsive-video--4-3
{
	padding-bottom: 75%;
}

.visually-hidden,
.element-invisible,
.element-focusable,
.breadcrumb__title,
.main-navigation .block-menu .block__title,
.main-navigation .block-menu-block .block__title
{
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
	word-wrap: normal;
}

.visually-hidden--off,
.visually-hidden--focusable:active,
.visually-hidden--focusable:focus,
.element-focusable:active,
.element-focusable:focus
{
	position: static !important;
	clip: auto;
	height: auto;
	width: auto;
	overflow: visible;
}

.watermark
{
	font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	height: 0;
	overflow: visible;
	background-color: transparent;
	color: #e5e9ec;
	font-size: 75px;
	line-height: 1;
	text-align: center;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	word-wrap: break-word;
}

.hero-banner
{
	position: relative;
}

.hero-banner:after
{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: black;
	opacity: .2;
	z-index: 0;
	display: block;
}

.hero-banner.viewport-height
{
	min-height: 700px;
}

.hero-banner__logo
{
	position: absolute;
	width: 100%;
	top: 50px;
	text-align: center;
	z-index: 2;
}

@media (min-width:0) and (max-width:543px) {

.hero-banner__logo
{
	top: 55px;
}
}

@media (min-width:544px) and (max-width:767px) {

.hero-banner__logo img
{
	width: 113px;
}
}

@media (min-width:0) and (max-width:543px) {

.hero-banner__logo img
{
	width: 80px;
}
}

.slideshow__slide-count,
.hero-banner__title
{
	font-size: 4.5rem;
	line-height: 4.875rem;
	letter-spacing: 1px;
	color: #fff;
	font-family: "PFDINTextCompPro-Light";
	position: absolute;
	width: 100%;
	bottom: 200px;
	text-align: center;
	z-index: 2;
}


@media (min-width:544px) and (max-width:767px) {

.slideshow__slide-count,
.hero-banner__title
{
	font-size: 4rem;
}
}

@media (min-width:0) and (max-width:543px) {

.slideshow__slide-count,
.hero-banner__title
{
	font-size: 2.25rem;
	line-height: 2.25rem;
	color: #000;
	bottom: -89px;
	width: 300px;
}

}

.hero-banner__subtitle
{
	font-size: 0.8125rem;
	line-height: 1.625rem;
	font-weight: bold;
	letter-spacing: 2px;
	position: absolute;
	width: 100%;
	bottom: 160px;
	color: #fff;
	text-align: center;
	z-index: 2;
}

@media (min-width:0) and (max-width:543px) {

.hero-banner__subtitle
{
	font-size: 0.6875rem;
	line-height: 0.6875rem;
	font-weight: normal;
	color: #dd8d69;
	bottom: -38px;
}
}

.hero-banner__video-container
{
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

.hero-banner__video-container.viewport-height
{
	min-height: 768px;
}

@media (min-width:0) and (max-width:543px) {

.hero-banner__video-container.viewport-height
{
	min-height: 300px;
}
}

.hero-banner__video
{
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
}

.hero-banner__text-container
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

@media (min-width:0) and (max-width:767px) {

.hero-banner__text-container
{
	top: 300px;
}
}

.hero-banner__below
{
	height: 104px;
	position: relative;
}

@media (min-width:544px) and (max-width:767px) {

.hero-banner__below
{
	height: 52px;
}
}

@media (min-width:0) and (max-width:543px) {

.hero-banner__below
{
	margin-bottom: 1.625rem;
	height: 80px;
}
}

.hero-banner--front .hero-banner__title
{
	position: static;
	max-width: 490px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #fff;
}

.hero-banner--front .hero-banner__video-container
{
	min-height: 420px;
}

@media (min-width:544px) and (max-width:767px) {

.hero-banner.viewport-height
{
	min-height: 768px;
}
}

@media (min-width:0) and (max-width:543px) {

.hero-banner.viewport-height
{
	min-height: 300px;
}
}

.text-block-with-side-image__col
{
	min-height: 300px;
	overflow: hidden;
}

@media (min-width:0) and (max-width:543px) {

.text-block-with-side-image__col
{
	min-height: 200px;
}
}

.text-block-with-side-image__content
{
	text-align: center;
	max-width: 340px;
	margin: 0 auto;
}

@media (min-width:768px) {

.text-block-with-side-image__content
{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
}

@media (min-width:0) and (max-width:543px) {

.text-block-with-side-image__text
{
	margin: 0 20px;
}
}

.text-block-with-side-image__illustration
{
	margin: 1.625rem 0;
}

.text-block-with-side-image__graph
{
	max-width: 100%;
}

.text-block-with-side-image__circle-image .text-block-with-side-image__image-wrapper
{
	height: 356px;
	min-height: 0;
}

@media (min-width:0) and (max-width:543px) {

.text-block-with-side-image__circle-image .text-block-with-side-image__image-wrapper
{
	height: 176px;
}
}

.text-block-with-side-image__circle-image .text-block-with-side-image__col
{
	min-height: 356px;
}

@media (min-width:0) and (max-width:543px) {

.text-block-with-side-image__circle-image .text-block-with-side-image__col
{
	height: 176px;
	min-height: 0;
}
}

.text-block-with-side-image__circle-image .text-block-with-side-image__image
{
	width: 425px;
	height: 425px !important;
	min-height: 0;
	border-radius: 100%;
	margin: 0 auto;
}

@media (min-width:544px) {

.text-block-with-side-image__circle-image .text-block-with-side-image__image
{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
}

@media (min-width:544px) and (max-width:1089px) {

.text-block-with-side-image__circle-image .text-block-with-side-image__image
{
	width: 300px;
	height: 300px !important;
	min-height: 0;
}
}

@media (min-width:0) and (max-width:543px) {

.text-block-with-side-image__circle-image .text-block-with-side-image__image
{
	width: 150px;
	height: 150px !important;
	min-height: 0;
}
}

.text-block-with-side-image__text-left .text-block-with-side-image__content
{
	text-align: left;
	margin: 0;
}

@media (min-width:0) and (max-width:1089px) {

.text-block-with-side-image__text-left .text-block-with-side-image__content
{
	text-align: center;
	margin: 0 auto;
}
}

.js .is-going-to-be-animated
{
	visibility: hidden;
}

.about-slice
{
	margin-bottom: 1.625rem;
	border: 5px solid #ccc;
	padding: 1em;
}

.about-slice__title
{
	margin: 0;
}

.about-slice__image
{
	width: 100;
	min-height: 200px;
}

.about-slice__col
{
	overflow: hidden;
}

.about-slice:focus,
.about-slice:hover,
.about-slice.is-focus,
.about-slice--is-focus
{
	border-color: #4a4a4a;
}

.about-slice--highlight
{
	border-color: #0072b9;
}

.fixed__enabled
{
	padding: 20px;
}

@media (min-width:0) and (max-width:543px) {

.fixed__enabled
{
	padding: 10px;
}
}

.fixed__color
{
	background-color: #fff;
	-webkit-transition: .75s;
	transition: .75s;
}

.fixed__slice
{
	position: fixed;
	z-index: 10;
}

.fixed__slice--bottom,
.fixed__slice--top
{
	height: 20px;
	width: 100%;
}

@media (min-width:0) and (max-width:543px) {

.fixed__slice--bottom,
.fixed__slice--top
{
	height: 10px;
}
}

.fixed__slice--left,
.fixed__slice--right
{
	top: 0;
	width: 20px;
	height: 100%;
}

@media (min-width:0) and (max-width:543px) {

.fixed__slice--left,
.fixed__slice--right
{
	width: 10px;
}
}

.fixed__slice--bottom
{
	bottom: 0;
}

.fixed__slice--top
{
	top: 0;
}

.fixed__slice--left
{
	left: 0;
}

.fixed__slice--right
{
	right: 0;
}

.fixed__corner
{
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 10;
	min-width: 130px;
	min-height: 45px;
	text-align: center;
}

@media (min-width:0) and (max-width:459px) {

.fixed__corner
{
	min-width: 50%;
}
}

.fixed__corner .title
{
	-webkit-transition: .75s;
	transition: .75s;
}

.fixed__corner:hover .title
{
	color: #333333;
}

@media (min-width:0) and (max-width:543px) {

.fixed__corner
{
	top: 10px;
	left: 10px;
}
}

@media (min-width:0) and (max-width:459px) {

.fixed__corner--left
{
	padding-right: 1.625rem;
}
}

.fixed__corner--left.is-active
{
	background-color: #fff !important;
}

.fixed__corner--left.is-active:before,
.fixed__corner--left.is-active:after
{
	content: '';
	background-color: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	z-index: -2;
	-webkit-transition: .75s;
	transition: .75s;
}

.fixed__corner--left.is-active:hover .title
{
	color: #fff;
}

.fixed__corner--left.is-active:hover:after
{
	width: 100%;
}

.fixed__corner--right
{
	left: auto;
	right: 20px;
	cursor: pointer;
}

@media (min-width:0) and (max-width:543px) {

.fixed__corner--right
{
	right: 10px;
}
}

@media (min-width:0) and (max-width:459px) {

.fixed__corner--right
{
	text-align: right;
}
}

.fixed .hamburger
{
	padding: 10px;
	line-height: 0;
}

.fixed .hamburger-inner,
.fixed .hamburger-inner::before,
.fixed .hamburger-inner::after
{
	height: 2px;
}

.fixed .hamburger-inner::before
{
	top: -9px;
}

.fixed .hamburger-inner::after
{
	bottom: -9px;
}

.title--scroll-down-message
{
	font-size: 0.8125rem;
	line-height: 1.625rem;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
}

.title--scroll-down-message-bg
{
	font-size: 0.8125rem;
	line-height: 0.975rem;
	background-color: #000;
	padding: 9px 17px 10px;
	display: inline-block;
	text-align: center;
}

.pane-views-reccomended-destinations-block .pane__title,
.slideshow__header-title,
.villa-teaser__surtitle,
.menu__slice__social-links,
.title--surtitle
{
	margin-top: 1.625rem;
	margin-bottom: 0.8125rem;
	font-size: 0.9375rem;
	line-height: 1.625rem;
	letter-spacing: 2px;
	color: #000;
}

.villa-teaser__title,
.block-webform .block__title,
.book-online__title,
.menu__slice .menu__item,
.title--section
{
	margin-top: 0.8125rem;
	margin-bottom: 1.625rem;
	font-size: 3.25rem;
	line-height: 3.25rem;
	font-family: "PFDINTextCompPro-Light";
	letter-spacing: 1px;
	color: #000;
}

.title--medium
{
	margin-top: 1.625rem;
	margin-bottom: 0.8125rem;
	font-size: 2.5rem;
	line-height: 3.25rem;
	font-family: "PFDINTextCompPro-Light";
	letter-spacing: .75px;
	color: #000;
}

.text-with-icon__title,
.title--small
{
	font-size: 1.6875rem;
	font-family: "PFDINTextCompPro-Light";
	color: #000;
}

.title--text-button
{
	font-size: 1.1875rem;
	line-height: 45px;
	vertical-align: top;
	font-family: "PFDINTextCompPro-Light";
	color: #000;
	letter-spacing: 1px;
	display: inline-block;
}

.title--small-caps
{
	font-weight: bold;
	letter-spacing: 1.5px;
	color: #869086;
}

.title--inverse
{
	color: #fff;
}

.wysiwyg-text h2,
label,
.title--pager-dark
{
	padding-bottom: 1.625rem;
	font-size: 1rem;
	line-height: 1.625rem;
	letter-spacing: 1.5px;
	font-weight: bold;
	color: #000;
	position: relative;
	display: inline-block;
}

.wysiwyg-text h2:after,
label:after,
.title--pager-dark:after
{
	position: absolute;
	width: 100%;
	content: '';
	border-top: 3px solid #000;
	top: 30px;
	left: 0;
}

.wysiwyg-text h2:before,
label:before,
.title--pager-dark:before
{
	position: absolute;
	content: '';
	border-top: 3px solid #000;
	z-index: 1;
	width: 0;
	top: 30px;
	left: 0;
	-webkit-transition: .75s;
	transition: .75s;
}

.title--pager-dark--white:after
{
	border-color: #fff;
	width: 100%;
	-webkit-transition: .75s;
	transition: .75s;
	top: 28px;
}

.title--pager-dark--white:before
{
	top: 28px;
}

.wysiwyg-text h2:hover:before,
label:hover:before,
.title--pager-dark:hover:before
{
	width: 100%;
}

.wysiwyg-text h2:after,
label:after,
.title--pager-dark-no-line:after
{
	display: none;
}

.wysiwyg-text h2:before,
label:before,
.title--pager-dark-no-line:before
{
	display: none;
}

.wysiwyg-text h3,
.title--large
{
	margin-bottom: 1.625rem;
	font-size: 2.25rem;
	font-family: "Averta-Light";
	color: #000;
}

.wysiwyg-text p,
.menu__slice__language-select,
.menu__slice .menu__item-subtitle,
.title--smaller
{
	font-size: 0.8125rem;
	line-height: 1.375rem;
	letter-spacing: 1.5px;
	color: #000;
}

.title--color-destination
{
	color: #8cc393;
}

.title--color-destination.title--pager-dark
{
	color: #000;
}

.title--color-destination:after
{
	border-color: #cfe6d2;
}

.title--color-contact
{
	color: #929b92;
}

.title--color-contact.title--pager-dark
{
	color: #000;
}

.title--color-contact:after
{
	border-color: #c7ccc7;
}

.title--color-villas
{
	color: #dd8d69;
}

.title--color-villas.title--pager-dark
{
	color: #000;
}

.title--color-villas:after
{
	border-color: #f0ccbc;
}

.title--color-services
{
	color: #6d8798;
}

.title--color-services.title--pager-dark
{
	color: #000;
}

.title--color-services:after
{
	border-color: #a9b8c2;
}

.title--color-recommendation
{
	color: #8cc393;
}

.title--color-recommendation.title--pager-dark
{
	color: #000;
}

.title--color-recommendation:after
{
	border-color: #cfe6d2;
}

.title--color-about
{
	color: #6cc1d7;
}

.title--color-about.title--pager-dark
{
	color: #000;
}

.title--color-about:after
{
	border-color: #ffe399;
}

.pane-views-reccomended-destinations-block .pane__title
{
	text-align: center;
}

.slideshow
{
	min-height: 600px;
}

.slideshow__header
{
	position: absolute;
	top: 65px;
	left: 120px;
	z-index: 1;
}

@media (min-width:0) and (max-width:543px) {

.slideshow__header
{
	top: 20px;
	left: 20px;
}
}

.slideshow__header-title
{
	margin-top: 0;
	margin-bottom: 0.325rem;
	color: #fff;
}

.slideshow__slide-count
{
	font-size: 52px;
	line-height: 52px;
	position: static;
}

@media (min-width:0) and (max-width:543px) {

.slideshow__slide-count
{
	font-size: 30px;
	line-height: 30px;
	text-align: left;
	color: #fff;
}
}

.slideshow__image
{
	position: relative;
	min-height: 600px;
	overflow: hidden;
}

.slideshow--center-header .slideshow__header
{
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
}

.slideshow--center-header .slideshow__header-title
{
	color: #f0ccbc;
}

.slideshow--center-header .slideshow__slide-count
{
	color: #000;
}

.slideshow--center-header.owl-theme .owl-controls .owl-page.active span:after,
.slideshow--center-header.owl-theme .owl-controls.clickable .owl-page:hover span:after
{
	background: #f0ccbc;
}

.slideshow--small
{
	min-height: 385px;
}

.slideshow--small .slideshow__image
{
	min-height: 385px;
}

.slideshow--small .slideshow__header
{
	display: none;
}

.slideshow--small.owl-theme .owl-controls .owl-page.active span:after,
.slideshow--small.owl-theme .owl-controls.clickable .owl-page:hover span:after
{
	background: #f0ccbc;
}

.slideshow--villa .owl-pagination
{
	display: none;
}

.owl-pagination
{
	position: absolute;
	bottom: 50px;
	width: 100%;
}

.owl-theme .owl-controls
{
	margin-top: 0;
}

.villa-teaser__owl-button,
.villa-teaser__owl-button-desktop,
.owl-theme .owl-controls .owl-buttons div
{
	width: 44px;
	height: 44px;
	background: #fff;
	position: absolute;
	top: 50%;
	opacity: 1;
	border-radius: 0;
}

.villa-teaser__owl-button:after,
.villa-teaser__owl-button-desktop:after,
.owl-theme .owl-controls .owl-buttons div:after
{
	content: '';
	position: absolute;
	border-top: 2px solid #5a5858;
	border-left: 2px solid #5a5858;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 17px;
	left: 19px;
}

.villa-teaser__owl-button:before,
.villa-teaser__owl-button-desktop:before,
.owl-theme .owl-controls .owl-buttons div:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	background-color: #f0ccbc;
	z-index: 0;
	-webkit-transition: .75s;
	transition: .75s;
}

.villa-teaser__owl-button:hover:before,
.villa-teaser__owl-button-desktop:hover:before,
.owl-theme .owl-controls .owl-buttons div:hover:before
{
	width: 100%;
}

.owl-theme .owl-controls .owl-buttons .owl-prev
{
	left: 120px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev:before
{
	left: auto;
	right: 0;
}

.villa-teaser__owl-button--next,
.owl-theme .owl-controls .owl-buttons .owl-next
{
	right: 120px;
}

.villa-teaser__owl-button--next:after,
.owl-theme .owl-controls .owl-buttons .owl-next:after
{
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	left: 14px;
}

.owl-theme .owl-controls .owl-page span
{
	display: block;
	width: 16px;
	height: 16px;
	margin: 5px 7px;
	filter: alpha(Opacity=100);
	opacity: 1;
	border-radius: 100%;
	border: 1px solid #d1d1d1;
	background: transparent;
	position: relative;
}

.owl-theme .owl-controls .owl-page span:after
{
	content: '';
	background: transparent;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	position: absolute;
	top: 2px;
	left: 2px;
	-webkit-transition: .75s;
	transition: .75s;
}

.owl-theme .owl-controls .owl-page.active span:after,
.owl-theme .owl-controls.clickable .owl-page:hover span:after
{
	background: #fff;
}

.owl-carousel--small .owl-buttons,
.owl-carousel--small .owl-pagination
{
	opacity: 0;
	-webkit-transition: .75s;
	transition: .75s;
}

.owl-carousel--small:hover .owl-buttons,
.owl-carousel--small:hover .owl-pagination
{
	opacity: 1;
}

.owl-carousel--small .owl-pagination
{
	bottom: 20px;
}

.owl-carousel--small .owl-controls .owl-buttons .owl-prev
{
	left: 10px;
}

.owl-carousel--small .owl-controls .owl-buttons .owl-next
{
	right: 10px;
}

.service-info
{
	margin-bottom: 4.0625rem;
	text-align: center;
}

@media (min-width:0) and (max-width:543px) {

.service-info__prologue
{
	padding: 0 20px;
}
}

.service-info__title-large
{
	margin-bottom: 6.5rem;
}

@media (min-width:0) and (max-width:543px) {

.service-info__title-large
{
	margin-bottom: 4.875rem;
}
}

.service-info__image
{
	line-height: 0;
}

.service-info__name
{
	margin-top: 0.8125rem;
	margin-bottom: -0.8125rem;
	font-weight: bold;
	color: #778894;
}

.service-info--thinner-title .service-info__name
{
	padding-bottom: 0;
	color: #000;
	font-size: 16px;
	font-weight: normal;
}

.service-info--alter-discription .service-info__description
{
	margin-top: -0.8125rem;
	font-size: 1.75rem;
	line-height: 1.625rem;
	font-family: "PFDINTextCompPro-Light";
	font-weight: normal;
	color: #000;
}

.tile
{
	padding-bottom: 4.875rem;
}

@media (min-width:0) and (max-width:543px) {

.tile
{
	padding-bottom: 3.25rem;
}
}

.gm-style-iw,
.map-popup
{
	text-align: center;
}

.map-popup__image
{
	margin-top: 1.625rem;
	padding-bottom: 0.8125rem;
	min-width: 200px;
	min-height: 120px;
}

@media (min-width:0) and (max-width:459px) {

.map-popup__image
{
	display: none;
}
}

.map-popup__image a
{
	display: block;
	line-height: 0;
}

.map-popup__title
{
	min-width: 200px;
	max-width: 200px;
	text-transform: uppercase;
}

@media (min-width:0) and (max-width:459px) {

.map-popup__title
{
	margin-top: 1.625rem;
	min-width: 150px;
}
}

.map-popup__title a
{
	padding-bottom: 0.8125rem;
	display: block;
}

.map-popup__link
{
	margin-bottom: 0.8125rem;
}

.footer__wrapper
{
	/*padding-top: 14.625rem;*/
	padding-top: 4.625rem;
	position: relative;
}

@media (min-width:0) and (max-width:543px) {

.footer__wrapper
{
	padding-top: 3.25rem;
}
}

.footer__wrapper.is-contact
{
	background-color: #c7ccc7;
}

.footer__wrapper.is-destination
{
	background-color: #cfe6d2;
}

.footer__wrapper.is-recommendation
{
	background-color: #cfe6d2;
}

.footer__wrapper.is-services
{
	/*background-color: #a9b8c2;*/
	background-color: #ffe399;
}

.footer__wrapper.is-villas
{
	/*background-color: #f0ccbc;*/
	background-color: #ffe399;
}

.footer__wrapper.is-home
{
	/*background-color: #c7ccc7;*/
	background-color: #fff;
	
}

.footer__logo
{
	margin-bottom: 1.625rem;
}

.footer h2
{
	padding-bottom: 0;
	font-size: 0.8125rem;
	font-weight: normal;
}

.footer h3
{
	font-size: 1.5rem;
}

.footer p:last-child
{
	margin-bottom: 0.8125rem;
}

.footer__map-link
{
	font-size: 0.8125rem;
	padding-bottom: 0;
	margin-bottom: 1.625rem;
	line-height: 0.8125rem;
	padding-top: 2px;
	font-weight: normal;
	width: 185px;
	background-image: url(../../../all/themes/custom/villas/images/pin-footer.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}

.footer__links
{
	font-size: 0.8125rem;
	padding-bottom: 3.25rem;
	padding-top: 14px;
}

.footer__contact-us
{
	padding-bottom: 0;
}

.footer__signature
{
	font-size: 0.8125rem;
	text-align: center;
	position: absolute;
	bottom: 60px;
	width: 100%;
	left: 0;
	color: #000;
	opacity: .5;
	-webkit-transition: .75s;
	transition: .75s;
}

.footer__signature:hover
{
	opacity: .9;
}

.inline-links,
.inline.links
{
	padding: 0;
}

.inline-links__item,
.inline.links li
{
	font-size: 0.8125rem;
	display: inline;
	list-style-type: none;
	padding: 0 1em 0 0;
	font-weight: bold;
}

[dir="rtl"] .inline-links__item,
[dir="rtl"] .inline.links li,
.inline.links [dir="rtl"] li
{
	display: inline-block;
	padding: 0 0 0 1em;
}

.inline-links__item:last-child,
.inline.links li:last-child
{
	padding: 0;
}

.inline-links__item a,
.inline.links li a
{
	color: #000;
	-webkit-transition: .75s;
	transition: .75s;
	letter-spacing: 2px;
	position: relative;
}

.inline-links__item a:after,
.inline.links li a:after
{
	position: absolute;
	width: 0;
	content: '';
	border-bottom: 3px solid white;
	bottom: -11px;
	left: 0;
	opacity: 0;
	-webkit-transition: .75s;
	transition: .75s;
}

.inline-links__item a:hover,
.inline.links li a:hover
{
	color: #000;
}

.inline-links__item a:hover:after,
.inline.links li a:hover:after
{
	opacity: 1;
	width: 100%;
}

.inline-links--extra-padding
{
	padding-top: 0.8125rem;
}

.villa__text-with-icon
{
	max-width: 425px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width:0) and (max-width:459px) {

.villa__text-with-icon
{
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}
}

@media (min-width:0) and (max-width:767px) {

.villa__text-with-icon .layout-3col__item
{
	padding-right: 10px;
	padding-left: 10px;
}
}

@media (min-width:0) and (max-width:459px) {

.villa__text-with-icon .layout-3col__item
{
	padding-right: 5px;
	padding-left: 5px;
}
}

.villa__text-with-icon--narrow
{
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
}

.villa__small-title
{
	margin-top: -0.8125rem;
	font-size: 21px;
}

.villa__surtitle
{
	letter-spacing: 1.9px;
}

.villa__info-title
{
	font-size: 15px;
	color: #000;
}

.villa__info-text
{
	padding-left: 40px;
	padding-right: 40px;
	text-align: left;
	max-width: 460px;
}

@media (min-width:0) and (max-width:1089px) {

.villa__info-text
{
	padding-left: 20px;
	padding-right: 20px;
}
}

.villa__info-text--first
{
	float: right;
}

@media (min-width:0) and (max-width:767px) {

.villa__info-text--first
{
	float: none;
}
}

.villa .text-with-icon__image
{
	min-height: 90px;
}

@media (min-width:0) and (max-width:459px) {

.villa .text-with-icon__image
{
	padding-right: 5px;
	padding-left: 5px;
}
}

.villa .text-with-icon__image:first-child img
{
	margin-top: 10px;
}

@media (min-width:0) and (max-width:459px) {

.villa .text-with-icon__title
{
	font-size: 0.9375rem;
	margin-top: -0.625rem;
}
}

.villa__text
{
	margin-right: 20px;
	margin-left: 20px;
}

@media (min-width:0) and (max-width:543px) {

.villa .owl-controls .owl-buttons .owl-prev
{
	left: 20px;
}

.villa .owl-controls .owl-buttons .owl-next
{
	right: 20px;
}

.villa .owl-pagination
{
	bottom: 20px;
}
}

@media (min-width:0) and (max-width:543px) {

.villa .layout-double-gutter
{
	margin: 0;
}
}

.text-with-icon__title
{
	font-size: 1.3125rem;
	letter-spacing: 1px;
}

@media (min-width:0) and (max-width:459px) {

.text-with-icon__title
{
	font-size: 1.125rem;
}
}

.text-with-icon__teaser-title
{
	font-size: 1.75rem;
}

.text-with-icon__wrapper
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.form-submit,
.book-online__content a,
.button
{
	margin: 1.625rem;
	padding-top: 0.975rem;
	padding-bottom: 0.975rem;
	padding-left: 5.0375rem;
	padding-right: 5.0375rem;
	letter-spacing: 1.8px;
	font-weight: bold;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 0;
	position: relative;
	-webkit-transition: .75s;
	transition: .75s;
	z-index: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.form-submit:before,
.book-online__content a:before,
.form-submit:after,
.book-online__content a:after,
.button:before,
.button:after
{
	content: '';
	background-color: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: -2;
	-webkit-transition: .75s;
	transition: .75s;
}

.form-submit:before,
.book-online__content a:before,
.button:before
{
	background: #3e3e3e;
	z-index: -1;
	width: 0;
}

.form-submit:hover,
.book-online__content a:hover,
.button:hover
{
	color: #fff;
}

.form-submit:hover:before,
.book-online__content a:hover:before,
.button:hover:before
{
	width: 100%;
}

@media (min-width:0) and (max-width:543px) {

.form-submit,
.book-online__content a,
.button
{
	padding-left: 3.25rem;
	padding-right: 3.25rem;
}
}

.button__svg-play
{
	/*width: 23px;*/
	width: 0px;
	vertical-align: middle;
	margin-right: 6px;
}

@media (min-width:0) and (max-width:459px) {

.button__svg-play
{
	display: none;
}
}

.button--inverse
{
	color: #000;
}

.button--inverse:after
{
	background-color: #fff;
}

.button--inverse:before
{
	background-color: #000;
}

.button--inverse:hover
{
	color: #fff;
}

.button--home
{
	padding-left: 25px;
	padding-right: 25px;
	min-width: 205px;
	margin-left: 9px;
	margin-right: 9px;
}



@media (min-width:0) and (max-width:543px) {

.button--home
{
	padding-left: 9px;
	padding-right: 9px;
	min-width: 0;
	max-width: 45%;
	font-size: 13px;
}

}

.button--border
{
	border: 1px solid #fff;
}

.button--border:after
{
	background-color: transparent;
}

.button--border:before
{
	background-color: #fff;
}

.button--border circle
{
	-webkit-transition: .75s;
	transition: .75s;
}

.button--border polygon
{
	-webkit-transition: .75s;
	transition: .75s;
}

.button--border:hover
{
	color: #000;
}

.button--border:hover circle
{
	stroke: #000;
}

.button--border:hover polygon
{
	fill: #000;
}

.form-submit,
.button--small
{
	font-size: 0.8125rem;
	line-height: 1rem;
	margin: 0 0.625rem 0 0;
	padding: 12px 24px;
	min-width: 125px;
	background-color: #000;
}
.button::-moz-focus-inner {
border:0;
padding:0;
}

.button:focus
{
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}

.button:hover,
.button:focus,
.button:active
{
	text-decoration: none;
}

.button:disabled,
.button.is-disabled
{
	cursor: default;
}

.villa-thumb
{
	-webkit-transition: .5s;
	transition: .5s;
}

.villa-thumb__links
{
	margin-top: 1.625rem;
	margin-left: 20px;
	margin-right: 20px;
}

@media (min-width:0) and (max-width:543px) {

.villa-thumb__links
{
	margin-left: 10px;
	margin-right: 10px;
}
}

.villa-thumb__price
{
	margin-top: 0;
	font-size: 2.8125rem;
}

.villa-thumb:hover
{
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

.villa-thumb:hover .title--section
{
	color: #dd8d69;
	-webkit-transition: .75s;
	transition: .75s;
}

.villa-thumb:hover .villa-thumb__price
{
	color: #000;
}

.villa-thumb .title--section
{
	margin-bottom: 0.8125rem;
	font-size: 42px;
}

.villa-thumb .owl-prev,
.villa-thumb .owl-next
{
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.villa-teaser__hero
{
	position: relative;
}

@media (min-width:0) and (max-width:767px) {

.villa-teaser__hero
{
	max-height: 385px;
	min-height: 385px;
}
.footer h3 {
    font-size: 24px !important;
}
}

.villa-teaser__title
{
	margin-bottom: 0.8125rem;
}

.villa-teaser__info-block
{
	padding-top: 4.0625rem;
	padding-bottom: 4.875rem;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #fff;
	z-index: 1;
}

@media (min-width:0) and (max-width:1089px) {

.villa-teaser__info-block
{
	padding-top: 1.625rem;
	padding-bottom: 1.625rem;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	margin-right: 40px;
	margin-left: 40px;
	margin-top: -100px;
}
}

@media (min-width:0) and (max-width:543px) {

.villa-teaser__info-block
{
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	margin-left: 0;
	margin-top: 0;
}
}

.villa-teaser__text
{
	margin-bottom: 1.625rem;
}

@media (min-width:0) and (max-width:767px) {

.villa-teaser__text
{
	display: none;
}
}

@media (min-width:0) and (max-width:459px) {

.villa-teaser .villa__text-with-icon
{
	margin-left: -20px;
	margin-right: -20px;
}
}

.villa-teaser__price
{
	margin-top: 0;
	font-size: 2.8125rem;
	margin-bottom: 0.8125rem;
}

@media (min-width:0) and (max-width:767px) {

.villa-teaser__price
{
	font-size: 40px;
}
}

.villa-teaser__surtitle
{
	font-size: 0.9375rem;
	color: #000;
	line-height: 1.9;
}

.villa-teaser__owl-button
{
	display: none;
	cursor: pointer;
}

@media (min-width:0) and (max-width:1089px) {

.villa-teaser__owl-button
{
	display: block;
	top: 45%;
	left: -22px;
	background-color: #ffe399;
}
}

.villa-teaser__owl-button-desktop
{
	cursor: pointer;
	z-index: 2;
	top: 54px;
	right: -52px;
}

@media (min-width:0) and (max-width:1089px) {

.villa-teaser__owl-button-desktop
{
	display: none;
}
}

.villa-teaser__owl-button--next
{
	top: 0;
}

@media (min-width:0) and (max-width:1089px) {

.villa-teaser__owl-button--next
{
	top: 45%;
	right: -22px;
	left: auto;
}
}

.view-villas-homepage .owl-theme .owl-controls .owl-buttons .owl-prev,
.view-villas-homepage .owl-theme .owl-controls .owl-buttons .owl-next
{
	display: none;
}

@media (min-width:0) and (max-width:1089px) {

.view-villas-homepage .owl-theme .owl-controls .owl-buttons .owl-prev,
.view-villas-homepage .owl-theme .owl-controls .owl-buttons .owl-next
{
	top: 312px;
	background-color: #f0ccbc;
	color: #f0ccbc;
}
}

@media (min-width:0) and (max-width:1089px) and (min-width:0) and (max-width:767px) {

.view-villas-homepage .owl-theme .owl-controls .owl-buttons .owl-prev,
.view-villas-homepage .owl-theme .owl-controls .owl-buttons .owl-next
{
	top: 252px;
}
}

@media (min-width:0) and (max-width:1089px) {

.view-villas-homepage .owl-theme .owl-controls .owl-buttons .owl-prev
{
	left: 18px;
}

.view-villas-homepage .owl-theme .owl-controls .owl-buttons .owl-next
{
	right: 18px;
}
}

.line-below
{
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 100px;
	border-left: 1px solid #fff;
	z-index: 2;
}

@media (min-width:544px) and (max-width:767px) {

.line-below
{
	height: 52px;
}
}

@media (min-width:0) and (max-width:543px) {

.line-below
{
	display: none;
}
}

.line-below--color
{
	border-color: #ddd;
}

.view-padding-top
{
	padding-top: 3.25rem;
}

@media (min-width:0) and (max-width:1199px) {

.view-padding-top
{
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}
}

.geolocation-map
{
	margin: 0;
	width: 100%;
	min-height: 300px;
	position: relative;
	overflow: hidden;
}

.viewport-height
{
	min-height: 480px;
}

@media (min-width:0) and (max-width:543px) {

.viewport-height
{
	min-height: 300px;
}
}

.viewport-height-thumb
{
	min-height: 300px;
}

canvas
{
	max-width: 100%;
}

.panel-pane:before
{
	content: '';
	display: table;
}

.panel-pane:after
{
	content: '';
	display: table;
	clear: both;
}

.node-info-slice--about .title
{
	margin-bottom: 1.625rem;
	margin-top: 1.625rem;
	font-size: 1.75rem;
	color: #000;
	font-family: "PFDINTextCompPro-Light";
}

@media (min-width:0) and (max-width:543px) {

.pane-views-about-us-slices-block
{
	margin-top: 120px;
}
}

.block-webform .block__title
{
	padding-top: 13rem;
	text-align: center;
}

@media (min-width:0) and (max-width:767px) {

.block-webform .block__title
{
	padding-top: 4.875rem;
}
}

@media (min-width:0) and (max-width:543px) {

.block-webform .block__title
{
	padding-top: 3.25rem;
}
}

#block-webform-client-block-17
{
	background-color: #c7ccc7;
	min-height: 300px;
	position: relative;
	top: 1px;
}

.contextual-links-region .contextual-links-region .contextual-links-wrapper
{
	margin-right: 40px;
}

.contextual-links-region .contextual-links-region .contextual-links-region .contextual-links-wrapper
{
	margin-right: 70px;
}

.contextual-links-wrapper:first-child
{
	top: 50px;
}

#admin-toolbar a
{
	box-sizing: initial;
}

@media (min-width:0) and (max-width:543px) {

.hide-titles-mobile .title--section,
.hide-titles-mobile .title--surtitle
{
	display: none;
}
}

@media (min-width:0) and (max-width:459px) {

.wysiwyg-text h3,
.title--large
{
	font-size: 24px;
}
}
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100px, 0);
transform:translate3d(0, 100px, 0);
}
to {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100px, 0);
transform:translate3d(0, 100px, 0);
}
to {
opacity:1;
-webkit-transform:none;
transform:none;
}
}

.admin-toolbar *,
.admin-toolbar
{
	box-sizing: content-box;
}

@media (min-width:0) and (max-width:1199px) {

.view-reccomended-destinations
{
	margin-right: 1.25rem;
	margin-left: 1.25rem;
}
}

.recommendation__text
{
	max-width: 560px;
	padding-right: 20px;
}

@media (min-width:0) and (max-width:767px) {

.recommendation__text
{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}
}

.recommendation__text-inner
{
	text-align: left;
}

.recommendation--teaser
{
	-webkit-transition: .75s;
	transition: .75s;
}

.recommendation--teaser:hover
{
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: .75s;
	transition: .75s;
}

.recommendation--teaser:hover .title--medium
{
	color: #8cc393;
	-webkit-transition: .75s;
	transition: .75s;
}

.recommendation .owl-theme .owl-controls .owl-buttons div:before
{
	background-color: #cfe6d2;
}

@media (min-width:0) and (max-width:543px) {

.recommendation .owl-controls .owl-buttons .owl-prev
{
	left: 20px;
}

.recommendation .owl-controls .owl-buttons .owl-next
{
	right: 20px;
}

.recommendation .owl-pagination
{
	bottom: 20px;
}
}

.destination .pane-title
{
	margin-top: 6.5rem;
	margin-bottom: 4.0625rem;
}

@media (min-width:0) and (max-width:543px) {

.destination .pane-title
{
	margin-top: 3.25rem;
}
}

.destination .view-reccomended-destinations
{
	margin-bottom: 2.4375rem;
}

@media (min-width:0) and (max-width:543px) {

.destination .view-reccomended-destinations
{
	margin-bottom: 0;
}
}

.destination .view-reccomended-destinations .title--medium
{
	margin-top: 0.8125rem;
}

.destination .view-reccomended-destinations .paragraph,
.destination .view-reccomended-destinations p,
.destination .view-reccomended-destinations pre
{
	margin-top: 0.8125rem;
	margin-bottom: 1.625rem;
}

@media (min-width:0) and (max-width:543px) {

.destination .paragraph,
.destination p,
.destination pre
{
	margin-left: 20px;
	margin-right: 20px;
}
}

textarea,
input,
button
{
	outline: none;
}

form:before
{
	content: '';
	display: table;
}

form:after
{
	content: '';
	display: table;
	clear: both;
}

.form-item
{
	margin: 3.25rem 0;
	padding: 0 0.625rem;
	width: 50%;
	float: left;
}

@media (min-width:0) and (max-width:767px) {

.form-item
{
	width: 100%;
	float: none;
}
}

.form-item.webform-component-textarea
{
	width: 100%;
}

.form-item input
{
	width: 100%;
}

.form-item textarea
{
	resize: none;
	border: 0;
	width: 100%;
}

.form-item input,
.form-item textarea
{
	background: transparent;
}

label
{
	padding-bottom: 0.8125rem;
}

.form-text
{
	padding-bottom: 1.21875rem;
	color: #000;
	border: 0;
}

.form-actions
{
	text-align: right;
}

.form-actions:before
{
	content: '';
	display: table;
}

.form-actions:after
{
	content: '';
	display: table;
	clear: both;
}

.form-submit__wrapper
{
	margin: 0 0.625rem 0 0;
	padding: 0;
}

.form-submit
{
	/*background-color: transparent;*/
	margin: 0;
}

.form-submit::before
{
	background-color: #4a4a4a;
}

.is-floating-label
{
	position: relative;
}

.is-floating-label label
{
	position: relative;
	top: 40px;
	-webkit-transition: .75s;
	transition: .75s;
}

.is-floating-label textarea
{
	padding-top: 1.625rem;
	padding-left: 0;
}

.is-floating-label.webform-component-textarea
{
	margin-top: 0;
}

.is-floating-label:after
{
	content: '';
	left: 10px;
	right: 10px;
	position: absolute;
	bottom: 1px;
	height: 1px;
	background: #3e3e3e;
	-webkit-transition: .2s;
	transition: .2s;
}

.is-floating-label.is-floated label
{
	top: 0;
}

.is-floating-label.is-floated:after
{
	height: 3px;
}

.is-floating-label.is-floated.webform-component-textarea label
{
	top: 26px;
}

.people__image-container
{
	position: relative;
}

.people__line
{
	position: absolute;
	width: 100%;
	height: 100px;
	top: 0;
	overflow: hidden;
}

@media (min-width:0) and (max-width:767px) {

.people__line
{
	display: none;
}
}

.people__title-container
{
	position: absolute;
	width: 100%;
	top: 110px;
	text-align: center;
}

@media (min-width:0) and (max-width:767px) {

.people__title-container
{
	position: static;
}

.people__title
{
	color: #6cc1d7;
}

.people__subtitle
{
	color: #000;
}
}

.people__image
{
	width: 100%;
}

.people__person
{
	text-align: center;
}

.book-online
{
	padding-top: 4.875rem;
	padding-bottom: 1.625rem;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fff;
}

@media (min-width:0) and (max-width:459px) {

.book-online__content a
{
	margin-left: 0;
	margin-right: 0;
}
}

.menu__slice
{
	background-color: #fff;
}

@media (min-width:0) and (max-width:767px) {

.menu__slice
{
	text-align: center;
}
}

.menu__slice__links
{
	margin-left: 120px;
}

@media (min-width:0) and (max-width:767px) {

.menu__slice__links
{
	margin-left: auto;
	margin-right: auto;
}
}

.menu__slice__language-select
{
	margin-left: 4px;
	margin-right: 4px;
	position: relative;
	font-family: "Averta-Regular";
}

.menu__slice__language-select:after
{
	position: absolute;
	width: 100%;
	content: '';
	border-bottom: 2px solid transparent;
	top: 18px;
	left: 0;
}

.menu__slice__language-select.active:after
{
	border-bottom: 2px solid #fff;
}

.menu__slice__language-select--no-line
{
	margin-right: 20px;
	margin-left: 0;
}

.menu__slice__language-select--no-line.active:after
{
	border: 0;
}

.menu__slice__graph
{
	float: right;
	margin-top: -50px;
}

.menu__slice .menu
{
	margin-top: 4.0625rem;
	padding-bottom: 0.8125rem;
	padding-left: 0;
}

@media screen and (max-height:660px) {

.menu__slice .menu
{
	margin-top: 1.625rem;
	padding-bottom: 0;
}
}

.menu__slice .menu__item
{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 45px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	list-style: none !important;
	-webkit-transition: .75s;
	transition: .75s;
}

@media screen and (max-height:660px) {

.menu__slice .menu__item
{
	font-size: 30px;
	line-height: 30px;
}
}

.menu__slice .menu__link
{
	padding-bottom: 1.625rem;
	display: inline-block;
}

@media screen and (max-height:660px) {

.menu__slice .menu__link
{
	padding-bottom: 0.8125rem;
}
}

.menu__slice .menu__link:hover
{
	/*color: #fff;*/
	color: #000;
	-webkit-transition: .25s;
	transition: .25s;
}

.menu__slice .menu__item-subtitle
{
	line-height: 0.975rem;
	font-family: "Averta-Regular";
	letter-spacing: 1.6px;
	-webkit-transition: 1s ease .25s;
	transition: 1s ease .25s;
}

@media screen and (max-height:660px) {

.menu__slice .menu__item-subtitle
{
	display: none;
}
}

.menu__slice__social-links
{
	font-size: 0.8125rem;
	line-height: 0.975rem;
	font-family: "Averta-Regular";
	letter-spacing: 1.6px;
	font-weight: bold;
}

.menu__slice__social-links a
{
	position: relative;
	-webkit-transition: .75s;
	transition: .75s;
}

.menu__slice__social-links a:after
{
	position: absolute;
	width: 0;
	content: '';
	border-bottom: 3px solid white;
	left: 0;
	opacity: 0;
	-webkit-transition: .75s;
	transition: .75s;
}

.menu__slice__social-links a:hover
{
	color: #000;
}

.menu__slice__social-links a:hover:after
{
	opacity: 1;
	width: 100%;
	-webkit-transition: .75s;
	transition: .75s;
}

.is-home
{
	background-color: #fff;
}

.is-home .fixed__color,
.is-home .menu__slice
{
	background-color: #fff;
}

.is-villas
{
	background-color: #f0ccbc;
}

.is-villas .fixed__color,
.is-villas .menu__slice
{
	background-color: #f0ccbc;
}

.is-services
{
	/*background-color: #a9b8c2;*/
	background-color: #ffe399 !important;
}

.is-services .fixed__color,
.is-services .menu__slice
{
	/*background-color: #a9b8c2;*/
	background-color: #fff !important;
}

.is-destination
{
	background-color: #cfe6d2;
}

.is-destination .fixed__color,
.is-destination .menu__slice
{
	background-color: #cfe6d2;
}

.is-recommendation
{
	background-color: #cfe6d2;
}

.is-recommendation .fixed__color,
.is-recommendation .menu__slice
{
	background-color: #cfe6d2;
}

.is-about
{
	/*background-color: #bce3ed;*/
	background-color: #ffe399 !important;
}

.is-about .fixed__color,
.is-about .menu__slice
{
	background-color: #fff;
}

.is-contact
{
	/*background-color: #c7ccc7;*/
	background-color: #ffe399 !important;
}

.is-contact .fixed__color,
.is-contact .menu__slice
{
	/*background-color: #c7ccc7;*/
	background-color: #fff !important;
}

.is-js-home
{
	background-color: #fff !important;
}

.is-js-villas
{
	/*background-color: #f0ccbc !important;*/
	
	background-color: #ffe399 !important;
}

.is-js-services
{
	background-color: #ffe399 !important;
}

.is-js-destination
{
	background-color: #ffe399 !important;
}

.is-js-about
{
	background-color: #ffe399 !important;
}

.is-js-contact
{
	/*background-color: #c7ccc7 !important;*/
	background-color: #fff !important;
}

.scroll-down-container
{
	position: absolute;
	bottom: 100px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
}

@media (min-width:0) and (max-width:767px) {

.scroll-down-container
{
	bottom: 52px;
}
}

@media (min-width:0) and (max-width:543px) {

.scroll-down-container
{
	display: none;
}
}

.scroll-down
{
	text-align: center;
	width: 50px;
	height: 50px;
	border: 1px solid white;
	border-radius: 50%;
	position: relative;
}

.bouncing
{
	-webkit-animation: bouncing 2s infinite;
	animation: bouncing 2s infinite;
}

.the-arrow
{
	position: absolute;
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border: 1px solid white;
	border-top: 0;
	border-left: 0;
	top: 20px;
	left: 21px;
}
@-webkit-keyframes bouncing {
0%, 20%, 80%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
40% {
-webkit-transform:translateY(-7px);
transform:translateY(-7px);
}
50% {
-webkit-transform:translateY(5px);
transform:translateY(5px);
}
60% {
-webkit-transform:translateY(-5px);
transform:translateY(-5px);
}
}
@keyframes bouncing {
0%, 20%, 80%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
40% {
-webkit-transform:translateY(-7px);
transform:translateY(-7px);
}
50% {
-webkit-transform:translateY(5px);
transform:translateY(5px);
}
60% {
-webkit-transform:translateY(-5px);
transform:translateY(-5px);
}
}

.to-top
{
	background: transparent;
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 20px;
	bottom: 52px;
	cursor: pointer;
	z-index: 1;
	text-align: center;
	display: inline-block;
	border: 1px solid #fff;
	-webkit-transition: .4s ease-out;
	transition: .4s ease-out;
}

.to-top:hover,
.to-top:focus
{
	opacity: 1;
	background-color: #fff;
}

.to-top__inner
{
	border-left: 2px solid #5a5858;
	border-top: 2px solid #5a5858;
	border-bottom: 2px solid transparent;
	border-right: 2px solid transparent;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: inline-block;
	vertical-align: middle;
	margin-top: 0px;
}

.to-top--hidden
{
	opacity: 0;
}

.to-top--visible
{
	opacity: .9;
}

@media print {

.breadcrumb
{
	display: none;
}
}

.breadcrumb__list
{
	margin: 0;
	padding: 0;
}

.breadcrumb__item
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.more-link,
.more-help-link
{
	text-align: right;
}

[dir="rtl"] .more-link,
[dir="rtl"] .more-help-link
{
	text-align: left;
}

.more-link__help-icon,
.more-help-link a
{
	padding: 1px 0 1px 20px;
	background-image: url(../../../all/themes/custom/villas/sass/navigation/more-link/more-link__help-icon.svg);
	background-position: 0 50%;
	background-repeat: no-repeat;
}

[dir="rtl"] .more-link__help-icon,
[dir="rtl"] .more-help-link a,
.more-help-link [dir="rtl"] a
{
	padding: 1px 20px 1px 0;
	background-position: 100% 50%;
}

.nav-menu__item,
.menu__item
{
	list-style-image: url(../../../all/themes/custom/villas/sass/navigation/nav-menu/leaf.svg);
	list-style-type: square;
}

.nav-menu__item.is-expanded,
.nav-menu__item--is-expanded,
.is-expanded.menu__item,
.menu__item.is-expanded
{
	list-style-image: url(../../../all/themes/custom/villas/sass/navigation/nav-menu/expanded.svg);
	list-style-type: circle;
}

.nav-menu__item.is-collapsed,
.nav-menu__item--is-collapsed,
.is-collapsed.menu__item,
.menu__item.is-collapsed
{
	list-style-image: url(../../../all/themes/custom/villas/sass/navigation/nav-menu/collapsed.svg);
	list-style-type: disc;
}

[dir="rtl"] .nav-menu__item.is-collapsed,
[dir="rtl"] .nav-menu__item--is-collapsed,
[dir="rtl"] .is-collapsed.menu__item,
[dir="rtl"] .menu__item.is-collapsed
{
	list-style-image: url(../../../all/themes/custom/villas/sass/navigation/nav-menu/collapsed-rtl.svg);
}

.nav-menu__link.is-active,
.nav-menu__link--is-active
{
	color: #4a4a4a;
}

.menu__slice
{
	position: fixed;
	width: 100%;
	height: 0;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 4;
	opacity: 0;
	-webkit-transition: opacity .75s, background-color .75s;
	transition: opacity .75s, background-color .75s;
}

.menu__link
{
	display: block;
}

.menu__item-subtitle
{
	opacity: 0;
}

.menu__item:hover .menu__item-subtitle
{
	opacity: 1;
	display:none;
}

.navbar,
.main-navigation .links,
.main-navigation .menu
{
	margin: 0;
	padding: 0;
	text-align: left;
}

[dir="rtl"] .navbar,
[dir="rtl"] .main-navigation .links,
.main-navigation [dir="rtl"] .links,
[dir="rtl"] .main-navigation .menu,
.main-navigation [dir="rtl"] .menu
{
	text-align: right;
}

.navbar__item,
.navbar li,
.main-navigation .links li,
.main-navigation .menu li
{
	float: left;
	padding: 0 10px 0 0;
	list-style-type: none;
	list-style-image: none;
}

[dir="rtl"] .navbar__item,
[dir="rtl"] .navbar li,
[dir="rtl"] .main-navigation .links li,
.main-navigation [dir="rtl"] .links li,
[dir="rtl"] .main-navigation .menu li,
.main-navigation [dir="rtl"] .menu li
{
	float: right;
	padding: 0 0 0 10px;
}

.pager
{
	clear: both;
	padding: 0;
	text-align: center;
}

@media print {

.pager
{
	display: none;
}
}

.pager__item,
.pager__current-item,
.pager-current,
.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis
{
	display: inline;
	padding: 0 .5em;
	list-style-type: none;
	background-image: none;
}

.pager__current-item,
.pager-current
{
	font-weight: bold;
}

.skip-link
{
	display: block;
	padding: 2px 0 3px;
	text-align: center;
}

.skip-link:link,
.skip-link:visited
{
	background-color: #828282;
	color: #fff;
}

.skip-link__wrapper
{
	margin: 0;
}

@media print {

.skip-link__wrapper
{
	display: none;
}
}

.tabs
{
	margin: 1.21875rem 0 0;
	line-height: 2.03125rem;
	border-bottom: 1px solid #ccc \0/ie;
	background-image: -webkit-linear-gradient(bottom, #ccc 1px, transparent 1px);
	background-image: linear-gradient(to top, #ccc 1px, transparent 1px);
	padding: 0 2px;
	list-style: none;
	white-space: nowrap;
}

@media print {

.tabs
{
	display: none;
}
}

.tabs__tab
{
	float: left;
	margin: 0 3px;
	border: 1px solid #ccc;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-color: transparent;
	border-bottom: 0 \0/ie;
	overflow: hidden;
	background: #6b6969;
}

[dir="rtl"] .tabs__tab
{
	float: right;
}

.tabs__tab.is-active
{
	border-bottom-color: #fff;
}

.tabs__tab-link
{
	padding: 0 1.625rem;
	display: block;
	text-decoration: none;
	-webkit-transition: color .3s, background .3s, border .3s;
	transition: color .3s, background .3s, border .3s;
	text-shadow: #fff 0 1px 0;
	color: #4a4a4a;
	background: #6b6969;
	letter-spacing: 1px;
}

.tabs__tab-link:focus,
.tabs__tab-link:hover
{
	background: #787575;
}

.tabs__tab-link:active,
.tabs__tab-link.is-active,
.tabs__tab-link--is-active
{
	background: #fff;
	text-shadow: none;
}

.tabs--off,
.views-displays .secondary
{
	margin: 0;
	border-bottom: 0;
	padding: 0;
	background-image: none;
}

.tabs--secondary
{
	margin-top: 1.625rem;
	font-size: 0.9375rem;
	background-image: none;
}

.tabs + .tabs--secondary
{
	margin-top: 0;
	background-image: -webkit-linear-gradient(bottom, #ccc 1px, transparent 1px);
	background-image: linear-gradient(to top, #ccc 1px, transparent 1px);
}

.tabs--secondary .tabs__tab
{
	margin: 0.60938rem 0.1875rem;
	border: 0;
	background: transparent;
}

[dir="rtl"] .tabs--secondary .tabs__tab
{
	float: right;
}

.tabs--secondary .tabs__tab.is-active
{
	border-bottom-color: transparent;
}

.tabs--secondary .tabs__tab-link
{
	border: 1px solid #ccc;
	border-radius: 26px;
	color: #828282;
	background: #807d7d;
	letter-spacing: normal;
}

.tabs--secondary .tabs__tab-link:focus,
.tabs--secondary .tabs__tab-link:hover
{
	color: #4f4f4f;
	background: #6b6969;
	border-color: #272626;
}

.tabs--secondary .tabs__tab-link:active,
.tabs--secondary .tabs__tab-link.is-active,
.tabs--secondary .tabs__tab-link--is-active
{
	color: #918f8f;
	text-shadow: #4f4f4f 0 1px 0;
	background: #828282;
	border-color: #1c1c1c;
}

.autocomplete,
.form-autocomplete
{
	background-image: url(../../../all/themes/custom/villas/sass/forms/autocomplete/throbber-inactive.png);
	background-position: 100% center;
	background-repeat: no-repeat;
}

[dir="rtl"] .autocomplete,
[dir="rtl"] .form-autocomplete
{
	background-position: 0% center;
}

.autocomplete__list-wrapper,
#autocomplete
{
	border: 1px solid;
	overflow: hidden;
	position: absolute;
	z-index: 100;
}

.autocomplete__list,
#autocomplete ul
{
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

.autocomplete__list-item,
#autocomplete li
{
	background: #fff;
	color: #4a4a4a;
	cursor: default;
	white-space: pre;
}

.autocomplete__list-item.is-selected,
.autocomplete__list-item--is-selected,
#autocomplete li.is-selected,
#autocomplete .selected
{
	background: #0072b9;
	color: #fff;
}

.autocomplete.is-throbbing,
.autocomplete--is-throbbing,
.is-throbbing.form-autocomplete,
.form-autocomplete.throbbing
{
	background-image: url(../../../all/themes/custom/villas/sass/forms/autocomplete/throbber-active.gif);
}

.collapsible-fieldset,
.collapsible
{
	position: relative;
}

.collapsible-fieldset__legend,
.collapsible .fieldset-legend
{
	display: block;
	padding-left: 15px;
	background-image: url(../../../all/themes/custom/villas/sass/forms/collapsible-fieldset/expanded.svg);
	background-position: 4px 50%;
	background-repeat: no-repeat;
}

[dir="rtl"] .collapsible-fieldset__legend,
[dir="rtl"] .collapsible .fieldset-legend,
.collapsible [dir="rtl"] .fieldset-legend
{
	padding-left: 0;
	padding-right: 15px;
	background-position: right 4px top 50%;
}

.collapsible-fieldset__summary,
.collapsible .fieldset-legend .summary
{
	color: #7d7d7d;
	font-size: .9em;
	margin-left: .5em;
}

.collapsible-fieldset.is-collapsed,
.collapsible-fieldset--is-collapsed,
.is-collapsed.collapsible,
.collapsible.collapsed
{
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	height: 1em;
}

.collapsible-fieldset.is-collapsed .collapsible-fieldset__wrapper,
.collapsible-fieldset--is-collapsed__wrapper,
.is-collapsed.collapsible .collapsible-fieldset__wrapper,
.collapsible.collapsed .fieldset-wrapper
{
	display: none;
}

.collapsible-fieldset.is-collapsed .collapsible-fieldset__legend,
.collapsible-fieldset--is-collapsed__legend,
.is-collapsed.collapsible .collapsible-fieldset__legend,
.collapsible.collapsed .fieldset-legend,
.collapsible-fieldset.is-collapsed .collapsible .fieldset-legend,
.collapsible .collapsible-fieldset.is-collapsed .fieldset-legend,
.is-collapsed.collapsible .fieldset-legend
{
	background-image: url(../../../all/themes/custom/villas/sass/forms/collapsible-fieldset/collapsed.svg);
	background-position: 4px 50%;
}

[dir="rtl"] .collapsible-fieldset.is-collapsed .collapsible-fieldset__legend,
[dir="rtl"] .collapsible-fieldset--is-collapsed__legend,
[dir="rtl"] .is-collapsed.collapsible .collapsible-fieldset__legend,
[dir="rtl"] .collapsible.collapsed .fieldset-legend,
.collapsible.collapsed [dir="rtl"] .fieldset-legend,
[dir="rtl"] .collapsible-fieldset.is-collapsed .collapsible .fieldset-legend,
.collapsible [dir="rtl"] .collapsible-fieldset.is-collapsed .fieldset-legend,
[dir="rtl"] .is-collapsed.collapsible .fieldset-legend
{
	background-image: url(../../../all/themes/custom/villas/sass/forms/collapsible-fieldset/collapsed-rtl.svg);
	background-position: right 4px top 50%;
}

.form-item
{
	margin: 1.625rem 0;
}

.form-item__required,
.form-required
{
	color: #c00;
}

.form-item__description,
.form-item .description
{
	font-size: 0.9375rem;
}

.form-item--inline div,
.form-item--inline label,
.container-inline .form-item div,
.container-inline .form-item label
{
	display: inline;
}

.form-item--inline__exception,
.container-inline .fieldset-wrapper
{
	display: block;
}

.form-item--tight,
.form-item--radio,
.form-type-radio,
.form-type-checkbox,
.password-parent,
.confirm-parent,
table .form-item
{
	margin: 0;
}

.form-item--radio .form-item__label,
.form-item--radio__label,
.form-type-radio .form-item__label,
.form-type-checkbox .form-item__label,
label.option
{
	display: inline;
	font-weight: normal;
}

.form-item--radio .form-item__description,
.form-item--radio__description,
.form-type-radio .form-item__description,
.form-type-checkbox .form-item__description,
.form-type-radio .description,
.form-type-checkbox .description,
.form-item--radio .form-item .description,
.form-item .form-item--radio .description,
.form-type-radio .form-item .description,
.form-item .form-type-radio .description,
.form-type-checkbox .form-item .description,
.form-item .form-type-checkbox .description
{
	margin-left: 1.4em;
}

.form-item.is-error .form-item__widget,
.form-item--is-error__widget,
.form-item.is-error input,
.form-item.is-error textarea,
.form-item.is-error select,
.form-item--is-error input,
.form-item--is-error textarea,
.form-item--is-error select,
.form-item input.error,
.form-item textarea.error,
.form-item select.error
{
	border: 1px solid #c00;
}

.form-table__sticky-header,
.sticky-header
{
	position: fixed;
	visibility: hidden;
	margin-top: 0;
	background-color: #fff;
}

.form-table__sticky-header.is-sticky,
.form-table__sticky-header--is-sticky,
.is-sticky.sticky-header
{
	visibility: visible;
}

.form-table__header,
.form-table th,
form table th
{
	border-bottom: 3px solid #ccc;
	padding-right: 1em;
	text-align: left;
}

[dir="rtl"] .form-table__header,
[dir="rtl"] .form-table th,
.form-table [dir="rtl"] th,
[dir="rtl"] form table th,
form table [dir="rtl"] th
{
	text-align: right;
	padding-left: 1em;
	padding-right: 0;
}

.form-table__body,
.form-table tbody,
form table tbody
{
	border-top: 1px solid #ccc;
}

.form-table__row,
.form-table tbody tr,
form table tbody tr
{
	padding: .1em .6em;
	border-bottom: 1px solid #ccc;
	background-color: #e5e9ec;
}

.form-table__row:nth-child(even),
.form-table tbody tr:nth-child(even),
form table tbody tr:nth-child(even)
{
	background-color: #fff;
}

.form-table__row.is-active,
.form-table__row--is-active,
.form-table tbody tr.is-active,
form table tbody tr.is-active,
td.active
{
	background-color: #d1d8dd;
}

.form-table__row.is-disabled,
.form-table__row--is-disabled,
.form-table tbody tr.is-disabled,
form table tbody tr.is-disabled,
td.menu-disabled
{
	background: #5a5858;
}

.form-table__row.is-selected,
.form-table__row--is-selected,
.form-table tbody tr.is-selected,
form table tbody tr.is-selected,
tr.selected td
{
	background: #fffdf0;
}

.form-table__list,
.form-table ul,
form table ul
{
	margin: 0;
}

.form-table__narrow-column,
.form-table th.form-table__narrow-column,
form table th.form-table__narrow-column,
td .checkbox,
th .checkbox
{
	width: -moz-min-content;
	width: -webkit-min-content;
	text-align: center;
}

.progress-bar,
.progress
{
	font-weight: bold;
}

.progress-bar__bar,
.progress .bar
{
	border-radius: 3px;
	margin: 0 .2em;
	border: 1px solid #828282;
	background-color: #5a5858;
}

.progress-bar__fill,
.progress .filled
{
	height: 1.5em;
	width: 5px;
	background: #0072b9 url(../../../all/themes/custom/villas/sass/forms/progress-bar/progress-bar.gif) repeat 0 0;
}

.progress-bar__percentage,
.progress .percentage
{
	float: right;
}

[dir="rtl"] .progress-bar__percentage,
[dir="rtl"] .progress .percentage,
.progress [dir="rtl"] .percentage
{
	float: left;
}

.progress-bar--inline,
.ajax-progress-bar
{
	width: 16em;
	display: inline-block;
}

[dir="rtl"] .progress-bar--inline,
[dir="rtl"] .ajax-progress-bar
{
	float: right;
}

.progress-throbber,
.ajax-progress
{
	display: inline-block;
}

[dir="rtl"] .progress-throbber,
[dir="rtl"] .ajax-progress
{
	float: right;
}

.progress-throbber__widget,
.ajax-progress .throbber
{
	background: url(../../../all/themes/custom/villas/sass/forms/progress-throbber/progress-throbber.gif) no-repeat 0 -18px transparent;
	float: left;
	height: 15px;
	margin: 2px;
	width: 15px;
}

[dir="rtl"] .progress-throbber__widget,
[dir="rtl"] .ajax-progress .throbber,
.ajax-progress [dir="rtl"] .throbber
{
	float: right;
}

.progress-throbber__widget-in-tr,
tr .ajax-progress .throbber
{
	margin: 0 2px;
}

.progress-throbber__message,
.ajax-progress .message
{
	padding-left: 20px;
}

.resizable-textarea,
.resizable-textarea textarea
{
	width: 100%;
	vertical-align: bottom;
}

.resizable-textarea__grippie,
.resizable-textarea .grippie
{
	background: url(../../../all/themes/custom/villas/sass/forms/resizable-textarea/grippie.png) no-repeat center 2px #e5e9ec;
	border: 1px solid #ccc;
	border-top-width: 0;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
}

.table-drag__wrapper,
body.drag
{
	cursor: move;
}

.table-drag__item,
tr.drag
{
	background-color: #fffadb;
}

.table-drag__item-previous,
tr.drag-previous
{
	background-color: #fff7c2;
}

.table-drag__handle,
.tabledrag-handle
{
	cursor: move;
	float: left;
	height: 1.7em;
	margin-left: -1em;
	overflow: hidden;
	text-decoration: none;
	font-size: 12px;
}

[dir="rtl"] .table-drag__handle,
[dir="rtl"] .tabledrag-handle
{
	float: right;
	margin-right: -1em;
	margin-left: 0;
}

.table-drag__handle:focus,
.table-drag__handle:hover,
.tabledrag-handle:focus,
.tabledrag-handle:hover
{
	text-decoration: none;
}

.table-drag__handle-icon,
.tabledrag-handle .handle
{
	box-sizing: content-box;
	background: url(../../../all/themes/custom/villas/sass/forms/table-drag/handle-icon.png) no-repeat 6px 9px;
	height: 13px;
	margin: -.4em .5em;
	padding: .42em .5em;
	width: 13px;
}

.table-drag__handle.is-hover .table-drag__handle-icon,
.table-drag__handle-icon--is-hover,
.is-hover.tabledrag-handle .table-drag__handle-icon,
.tabledrag-handle-hover .handle,
.table-drag__handle.is-hover .tabledrag-handle .handle,
.tabledrag-handle .table-drag__handle.is-hover .handle,
.is-hover.tabledrag-handle .handle
{
	background-position: 6px -11px;
}

.table-drag__toggle-weight-wrapper,
.tabledrag-toggle-weight-wrapper
{
	text-align: right;
}

[dir="rtl"] .table-drag__toggle-weight-wrapper,
[dir="rtl"] .tabledrag-toggle-weight-wrapper
{
	text-align: left;
}

.table-drag__toggle-weight,
.tabledrag-toggle-weight
{
	font-size: .9em;
}

.table-drag__indentation,
.indentation
{
	float: left;
	height: 1.7em;
	margin: -.4em .2em -.4em -.4em;
	padding: .42em 0 .42em .6em;
	width: 20px;
}

[dir="rtl"] .table-drag__indentation,
[dir="rtl"] .indentation
{
	float: right;
	margin: -.4em -.4em -.4em .2em;
	padding: .42em .6em .42em 0;
}

.table-drag__tree-child,
.table-drag__tree-child-last,
.tree-child-last,
.table-drag__tree-child-horizontal,
.tree-child-horizontal,
.tree-child
{
	background: url(../../../all/themes/custom/villas/sass/forms/table-drag/tree-child.png) no-repeat 11px center;
}

[dir="rtl"] .table-drag__tree-child,
[dir="rtl"] .table-drag__tree-child-last,
[dir="rtl"] .tree-child-last,
[dir="rtl"] .table-drag__tree-child-horizontal,
[dir="rtl"] .tree-child-horizontal,
[dir="rtl"] .tree-child
{
	background-position: -65px center;
}

.table-drag__tree-child-last,
.tree-child-last
{
	background-image: url(../../../all/themes/custom/villas/sass/forms/table-drag/tree-child-last.png);
}

.table-drag__tree-child-horizontal,
.tree-child-horizontal
{
	background-position: -11px center;
}