html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	font-family: 'UTM-Avo', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}

html {
	line-height: 1
}

ol,
ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}

q,
blockquote {
	quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
	content: "";
	content: none
}

a img {
	border: none
}

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

[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	cursor: pointer
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	background: none;
	border: 0;
	color: inherit;
	font: inherit;
	line-height: normal;
	overflow: visible;
	padding: 0;
	-webkit-appearance: button;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

input::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
	padding: 0
}

[role="button"] {
	color: inherit;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	white-space: pre;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

b,
strong {
	font-weight: bolder
}

i,
cite,
var,
address {
	font-style: italic
}

pre,
tt,
code,
kbd,
samp {
	font-family: monospace
}

pre {
	white-space: pre
}

big {
	font-size: 1.17em
}

small,
sub,
sup {
	font-size: 0.83em
}

sub {
	vertical-align: sub
}

sup {
	vertical-align: super
}

s,
strike,
del {
	text-decoration: line-through
}

hr {
	border: 1px inset
}

u,
ins {
	text-decoration: underline
}

center {
	text-align: center
}

table {
	max-width: 100%;
	width: 100%
}

table th,
table td {
	line-height: 1.42857;
	padding: 8px
}

a {
	outline: 0
}

img {
	max-width: 100%
}

:focus {
	outline: thin dotted invert
}

.bg-dark {
	background: #0f241f
}

.opacity_font {
	opacity: .5
}

.font_nunito {
	font-family: 'Nunito Sans', sans-serif
}

.font_white {
	color: #ffffff
}

.pull-left {
	float: left
}

.pull-right {
	float: right
}

.margin-center {
	margin: 0 auto
}

.no-margin {
	margin: 0
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

ul.has-bullet {
	margin-left: 20px;
	list-style: disc
}

ul.has-bullet li {
	list-style: disc
}

.ajax_loader {
	background: rgba(0, 0, 0, 0.5);
	z-index: 100;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.ajax_loader:after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	left: calc(50% - (30px / 2));
	top: calc(50% - (30px / 2));
	border: 8px solid #fff;
	border-right-color: transparent;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0 0 25px 2px #eee;
	-webkit-box-shadow: 0 0 25px 2px #eee;
	box-shadow: 0 0 25px 2px #eee;
	-moz-animation: spin 1s linear infinite;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000
}

input::-moz-focus-inner {
	border: 0
}

textarea:focus,
input:focus {
	outline: none
}

.video-wrapper {
	position: relative;
	padding-bottom: 52.25%;
	padding-top: 25px;
	height: 0
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.video-wrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.iframe {
	position: relative;
	padding-bottom: 75% !important;
	height: 0;
	overflow: hidden
}

.iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important
}

.clearfix:after {
	content: "";
	clear: both;
	display: block
}

.relative {
	position: relative
}

.font_bold {
	font-weight: bold
}

@font-face {
	font-family: 'UTM-Avo';
	src: url('font/UTM-Avo.ttf') format('truetype');
}

@font-face {
	font-family: 'UTM-AvoBold';
	src: url('font/UTM-AvoBold.ttf') format('truetype');
}

@font-face {
	font-family: 'ANCUUB';
	src: url('font/ANCUUB.TTF') format('truetype');
}

/*!

 * animate.css -http://daneden.me/animate

 * Version - 3.7.0

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2018 Daniel Eden

 */
@-webkit-keyframes bounce {
	from,

	20%,

	53%,

	80%,

	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,

	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {
	from,

	20%,

	53%,

	80%,

	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,

	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {
	from,

	50%,

	to {
		opacity: 1
	}

	25%,

	75% {
		opacity: 0
	}
}

@keyframes flash {
	from,

	50%,

	to {
		opacity: 1
	}

	25%,

	75% {
		opacity: 0
	}
}

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

@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

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

@-webkit-keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

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

@-webkit-keyframes shake {
	from,

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,

	30%,

	50%,

	70%,

	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,

	40%,

	60%,

	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {
	from,

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,

	30%,

	50%,

	70%,

	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,

	40%,

	60%,

	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

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

@-webkit-keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,

	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
	}

	30%,

	50%,

	70%,

	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,

	60%,

	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,

	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
	}

	30%,

	50%,

	70%,

	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,

	60%,

	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

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

@-webkit-keyframes wobble {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes wobble {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes jello {
	from,

	11.1%,

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
		transform: skewX(0.39063deg) skewY(0.39063deg)
	}

	88.8% {
		-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
		transform: skewX(-0.19531deg) skewY(-0.19531deg)
	}
}

@keyframes jello {
	from,

	11.1%,

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
		transform: skewX(0.39063deg) skewY(0.39063deg)
	}

	88.8% {
		-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
		transform: skewX(-0.19531deg) skewY(-0.19531deg)
	}
}

.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.heartBeat {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
	from,

	20%,

	40%,

	60%,

	80%,

	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {
	from,

	20%,

	40%,

	60%,

	80%,

	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bounceIn {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
	from,

	60%,

	75%,

	90%,

	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInDown {
	from,

	60%,

	75%,

	90%,

	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes bounceInLeft {
	from,

	60%,

	75%,

	90%,

	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInLeft {
	from,

	60%,

	75%,

	90%,

	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes bounceInRight {
	from,

	60%,

	75%,

	90%,

	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInRight {
	from,

	60%,

	75%,

	90%,

	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes bounceInUp {
	from,

	60%,

	75%,

	90%,

	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInUp {
	from,

	60%,

	75%,

	90%,

	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
}

.bounceOut {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,

	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,

	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

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

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

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

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

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

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,

	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,

	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

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

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

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

@-webkit-keyframes fadeOutDown {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fadeOutDown {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

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

@-webkit-keyframes fadeOutDownBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fadeOutDownBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

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

@-webkit-keyframes fadeOutLeft {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fadeOutLeft {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

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

@-webkit-keyframes fadeOutLeftBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes fadeOutLeftBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

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

@-webkit-keyframes fadeOutRight {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

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

@-webkit-keyframes fadeOutRightBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes fadeOutRightBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

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

@-webkit-keyframes fadeOutUp {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

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

@-webkit-keyframes fadeOutUpBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fadeOutUpBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

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

@-webkit-keyframes flip {
	from {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	from {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

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

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,

	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,

	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(0.1) rotate(30deg);
		transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(0.1) rotate(30deg);
		transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

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

@-webkit-keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes rollOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

@keyframes rollOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

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

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}
}

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

@-webkit-keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

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

@-webkit-keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

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

@-webkit-keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

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

@-webkit-keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

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

@-webkit-keyframes zoomOut {
	from {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	to {
		opacity: 0
	}
}

@keyframes zoomOut {
	from {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	to {
		opacity: 0
	}
}

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

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

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

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform: scale(0.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		transform: scale(0.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

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

@-webkit-keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

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

@-webkit-keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

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

@-webkit-keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

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

@-webkit-keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

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

.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.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

.animated.fast {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms
}

.animated.faster {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}

@media (prefers-reduced-motion) {
	.animated {
		-webkit-animation: unset !important;
		animation: unset !important;
		-webkit-transition: none !important;
		transition: none !important
	}
}

.btn {
	color: #fff;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	-moz-user-select: none;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 15px 48px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	outline: 0 none;
	background: transparent
}

.btn:hover {
	background-color: #FFFFFF;
	color: #000000
}

.btn.btn-transparent-black {
	background-color: rgba(0, 0, 0, 0.1);
	color: #f2f2f2
}

.btn.btn-transparent-black:hover {
	background-color: #FFFFFF;
	color: #000000
}

.btn:focus {
	outline: 0
}

.btn.active,
.btn:active {
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn.uppercase {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 900;
	padding: 3px 20px
}

.btn.disabled {
	display: none
}

.btn.btn-green,
.panel.btn-green {
	background-color: #a2d200;
	color: #f2f2f2
}

.btn.btn-green:hover,
.panel.btn-green:hover {
	background-color: #8eb900;
	color: white
}

.btn.btn-cyan,
.panel.btn-cyan {
	background-color: #52ccf2;
	color: #f2f2f2
}

.btn.btn-cyan:hover,
.panel.btn-cyan:hover {
	background-color: #0fa1cf;
	color: white
}

.btn.btn-red,
.panel.btn-red {
	background-color: #ff7b76;
	color: #f2f2f2
}

.btn.btn-red:hover,
.panel.btn-red:hover {
	background-color: #ff4f48;
	color: white
}

.btn.btn-orange,
.panel.btn-orange {
	background-color: #ffc100;
	color: #f2f2f2
}

.btn.btn-orange:hover,
.panel.btn-orange:hover {
	background-color: #f0b500;
	color: white
}

.btn.btn-amethyst,
.panel.btn-amethyst {
	background-color: #cd97eb;
	color: #f2f2f2
}

.btn.btn-amethyst:hover,
.panel.btn-amethyst:hover {
	background-color: #b86ce3;
	color: white
}

.btn.btn-greensea,
.panel.btn-greensea {
	background-color: #1ccdaa;
	color: #f2f2f2
}

.btn.btn-greensea:hover,
.panel.btn-greensea:hover {
	background-color: #14937a;
	color: white
}

.btn.btn-hotpink,
.panel.btn-hotpink {
	background-color: #ff3385;
	color: #f2f2f2
}

.btn.btn-hotpink:hover,
.panel.btn-hotpink:hover {
	background-color: #e6005c;
	color: white
}

.btn.btn-drank,
.panel.btn-drank {
	background-color: #d5099c;
	color: #f2f2f2
}

.btn.btn-drank:hover,
.panel.btn-drank:hover {
	background-color: #95066d;
	color: white
}

.btn.btn-dutch,
.panel.btn-dutch {
	background-color: #1cbbd2;
	color: #f2f2f2
}

.btn.btn-dutch:hover,
.panel.btn-dutch:hover {
	background-color: #148798;
	color: white
}

.btn.btn-blue,
.panel.btn-blue {
	background-color: #69a3d5;
	color: #f2f2f2
}

.btn.btn-blue:hover,
.panel.btn-blue:hover {
	background-color: #3784c5;
	color: white
}

.btn.btn-redbrown,
.panel.btn-redbrown {
	background-color: #e27d79;
	color: #f2f2f2
}

.btn.btn-redbrown:hover,
.panel.btn-redbrown:hover {
	background-color: #d64842;
	color: white
}

.btn.btn-slategray,
.panel.btn-slategray {
	background-color: #536781;
	color: #f2f2f2
}

.btn.btn-slategray:hover,
.panel.btn-slategray:hover {
	background-color: #394759;
	color: white
}

.btn.btn-primary,
.panel.btn-primary {
	color: #f2f2f2;
	background-color: #428bca
}

.btn.btn-primary:hover,
.panel.btn-primary:hover {
	background-color: #3071a9;
	color: white
}

.btn.btn-danger,
.panel.btn-danger {
	color: #f2f2f2;
	background-color: #d9534f
}

.btn.btn-danger:hover,
.panel.btn-danger:hover {
	background-color: #c9302c;
	color: white
}

.btn.btn-warning,
.panel.btn-warning {
	color: #f2f2f2;
	background-color: #f0ad4e
}

.btn.btn-warning:hover,
.panel.btn-warning:hover {
	background-color: #ec971f;
	color: white
}

.btn.btn-success,
.panel.btn-success {
	color: #f2f2f2;
	background-color: #5cb85c
}

.btn.btn-success:hover,
.panel.btn-success:hover {
	background-color: #449d44;
	color: white
}

.btn.btn-info,
.panel.btn-info {
	color: #f2f2f2;
	background-color: #5bc0de
}

.btn.btn-info:hover,
.panel.btn-info:hover {
	background-color: #31b0d5;
	color: white
}

.btn.btn-alert,
.panel.btn-alert {
	color: #f2f2f2;
	background-color: #8800de
}

.btn.btn-alert:hover,
.panel.btn-alert:hover {
	background-color: #a135de;
	color: white
}

.btn.btn-transparent-white,
.panel.btn-transparent-white {
	background-color: rgba(255, 255, 255, 0.15);
	-moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.7)
}

.btn.btn-transparent-white:hover,
.btn.btn-transparent-white:focus,
.panel.btn-transparent-white:hover,
.panel.btn-transparent-white:focus {
	background-color: rgba(255, 255, 255, 0.3);
	color: white
}

.text-green {
	color: #a2d200
}

.text-cyan {
	color: #52ccf2
}

.text-red {
	color: #ff7b76
}

.text-orange {
	color: #ffc100
}

.text-amethyst {
	color: #cd97eb
}

.text-greensea {
	color: #1ccdaa
}

.text-hotpink {
	color: #ff3385
}

.text-drank {
	color: #d5099c
}

.text-dutch {
	color: #1cbbd2
}

.text-blue {
	color: #69a3d5
}

.text-redbrown {
	color: #e27d79
}

.text-slategray {
	color: #536781
}

.text-primary {
	color: #428bca
}

.text-danger {
	color: #d9534f
}

.text-warning {
	color: #f0ad4e
}

.text-success {
	color: #5cb85c
}

.text-info {
	color: #5bc0de
}

.text-transparent-white {
	color: rgba(255, 255, 255, 0.15)
}

.text-transparent-black {
	color: rgba(0, 0, 0, 0.1)
}

.btn-group {
	display: inline-block;
	font-size: 0
}

.btn-group .btn {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

.btn-group .btn:first-child {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.btn-group .btn:last-child {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.btn-block {
	width: 100%;
	margin: 5px 0
}

.btn-border {
	border: 2px solid #000000
}

.font_en .popup .list-year .item h2 {
	font-family: 'Gotham Medium'
}

#btn-close-modal,
.btn-close-modal {
	float: right
}

.sort {
	float: left;
	margin-right: 10px;
	display: block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	border: 2px solid #ffffff;
	background: #000
}

.sort.click {
	background: transparent
}

.popup .popup-header {
	padding: 44px 0 36px 0
}

.popup .box_left_bottom {
	margin-left: 228px;
	width: 20%;
	position: relative;
	top: 5px
}

.popup .box_left_bottom ul {
	display: inline-block;
	max-width: 210px
}

.popup .box_left_bottom ul li {
	display: inline-block;
	padding: 4px
}

.popup .box_left_bottom ul li a {
	font-size: 0.875rem;
	-moz-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	-webkit-transition: all .9s ease;
	-webkit-transition-delay: 0s;
	transition: all .9s ease 0s
}

.popup .box_left_bottom ul li a.active {
	/*font-family:'Gotham BookItalic'*/
	font-family: 'UTM-AvoBold'
}

.popup .detail {
	display: flex;
	justify-content: space-around
}

@media screen and (max-width: 788px) {
	.popup .detail {
		display: block;
		justify-content: initial
	}
}

.popup .detail .detail-row p {
	font-size: 1.125rem
}

@media screen and (max-width: 1024px) {
	.popup .detail .detail-row p {
		font-size: .8rem
	}
}

.popup .detail .detail-row:first-child {
	width: 44%
}

@media screen and (max-width: 788px) {
	.popup .detail .detail-row:first-child {
		width: 100%
	}
}

.popup .detail .detail-row:first-child p:first-child {
	font-size: 1.5625rem;
	padding-bottom: 30px;
	line-height: 1.5rem;
}

@media screen and (max-width: 1024px) {
	.popup .detail .detail-row:first-child p:first-child {
		font-size: 1.25rem
	}
}

.popup .detail .detail-row:last-child {
	margin-left: 5%;
	width: 50%;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1
}

@media screen and (max-width: 788px) {
	.popup .detail .detail-row:last-child {
		margin: 50px auto;
		margin-left: 0;
		width: 100%
	}
}

@media screen and (max-width: 480px) {
	.popup .detail .detail-row:last-child {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1
	}
}

.popup .detail-popup {
	margin-top: 34px
}

.popup .detail-popup .aside .row {
	width: 100%;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #7C7C7C
}

.popup .detail-popup .aside .row .logo {
	margin-bottom: 25px
}

.popup .detail-popup .aside .row .name_company {
	margin-left: 36px;
	width: 125px
}

.popup .detail-popup .aside .row .name_company h1 {
	line-height: 1.2em
}

.popup .detail-popup .aside .row h1 {
	font-size: 1.1em;
	line-height: 1.1em;
	margin-bottom: 10px
}

.popup .detail-popup .aside .row span {
	display: block;
	font-size: .8em;
	margin-bottom: 10px
}

.popup .detail-popup .aside .row.no-line {
	border-bottom: none
}

.popup .detail-popup .aside ul {
	font-size: 1.1em
}

.popup .detail-popup .aside ul li {
	padding: 10px 0
}

.popup .detail-popup .aside ul li .active {
	position: relative;
	display: block;
	font-weight: bold
}

.popup .detail-popup .aside ul.list_site {
	display: none;
	padding-left: 12px
}

.popup .detail-popup .aside ul.list_site li {
	font-size: .8em
}

.popup .detail-popup .aside ul.list_site li .active:after {
	left: 110px
}

.popup .detail-popup .menu-filter {
	border-bottom: 1px solid #7C7C7C
}

.popup .detail-popup .menu-filter li {
	display: inline-block;
	width: 7%;
	margin-right: 46px
}

@media screen and (max-width: 480px) {
	.popup .detail-popup .menu-filter li.menu-filter-sub {
		width: 100%
	}
}

@media screen and (max-width: 1024px) {
	.popup .detail-popup .menu-filter li {
		width: 12%;
		margin-right: 20px
	}
}

@media screen and (max-width: 480px) {
	.popup .detail-popup .menu-filter li {
		width: 25%;
		margin-right: 10px
	}
}

.popup .footer {
	border-top: 1px solid #8A8A8A
}

@media screen and (max-width: 480px) {
	.popup .footer {
		margin-top: 20px
	}
}

.popup-global {
	position: relative
}

.popup-global .box_left_bottom {
	position: absolute;
    left: 50px;
    top: auto;
    text-align: left;
    bottom: 90px;
}

.popup-global .box_left_bottom ul {
	display: block;
	width: 270px;
	float: left;
}

.popup-global .box_left_bottom ul li {
	display: block;
	padding: 13px 0;
}

.popup-global .box_left_bottom ul li a {
	font-size: 41px
}

.popup-global .box_left_bottom ul li a.active {
	font-weight: bold
}

.popup-global .box_left_bottom ul li a.active:after {
	content: "";
	background: #FFFFFF;
	width: 75px;
	height: 3px;
	float: right;
	position: relative;
	top: 25px;
	right: 10%
}

.popup-global .box-center {
	position: absolute;
	left: 50%;
	top: 28%
}

@media screen and (max-width: 480px) {
	.popup-global .box-center {
		left: 0
	}
}

.popup-global .box-center .box-center-inner {
	position: relative;
	left: -50%;
	top: -50%;
	text-align: center;
	max-width: 570px
}

@media screen and (max-width: 480px) {
	.popup-global .box-center .box-center-inner {
		max-width: 300px;
		left: 35px;
		right: 35px
	}
}

.popup-global .box-center .box-center-inner input {
	width: 570px;
	font-size: 1.3em;
	margin-top: 20px;
	line-height: 1.4;
}

@media screen and (max-width: 480px) {
	.popup-global .box-center .box-center-inner input {
		font-size: 1em;
		max-width: 300px
	}
}

.popup-global .box-center .box-center-inner input[type="checkbox"] {
	width: 19px;
	height: 19px;
	display: block
}

.popup-global .box-center .box-center-inner ::placeholder {
	font-size: 1.3em
}

@media screen and (max-width: 480px) {
	.popup-global .box-center .box-center-inner ::placeholder {
		font-size: 1em
	}
}

.popup-global .box-center .box-center-inner .remember {
	margin-top: 35px
}

.popup-global .box-center .box-center-inner .remember label {
	position: relative;
	top: 21px;
	left: 10px
}

.popup-global .box-center .box-center-inner div:last-child {
	margin-top: 70px
}

.popup-global .box-center .box-center-inner div:last-child #submit_login {
	font-weight: bold
}

@media screen and (max-width: 480px) {
	.popup-global .box-center .box-center-inner div:last-child #submit_login {
		width: 100px;
		position: fixed;
		bottom: 25px;
		left: 37%;
		right: 50%
	}
}

.popup-global .box-center .box-center-inner div:last-child #submit_login #submit_login_line {
	display: none;
	content: "";
	width: 28px;
	background: #FFFFFF;
	height: 1px;
	margin-right: 10px
}

.popup-global .social_share {
	position: absolute;
	right: 0;
	top: 78vh;
	font-size: 16px;
	text-align: right;
	font-family: 'UTM-Avo';
}

@media screen and (max-width: 1600px) {
	.popup-global .social_share {
		top: 72vh
	}
}

.popup-global .social_share li {
	padding: 4px 0
}

.popup-global #btn-close-modal,
.popup-global .btn-close-modal {
	/*float:none;margin:15px 0 0 10px;*/
	margin: 15px 10px 0 0px;
	position: relative;
	bottom: 5px
}

@media screen and (max-width: 480px) {

	.popup-global #btn-close-modal,
	.popup-global .btn-close-modal {
		float: right;
		top: 14px
	}
}

.popup-global #btn-close-modal.left,
.popup-global .btn-close-modal.left {
	float: left;
	margin: 0
}

.popup-global .footer {
	border-top: 1px solid #fff;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%
}

@media screen and (max-width: 788px) {
	.popup-global .footer {
		width: 80%
	}
}

@media screen and (max-width: 480px) {
	.popup-global .footer {
		width: 100%
	}
}

.popup-global .header-global {
	padding: 15px 0 0 0;
	position: fixed;
	right: 0;
	left: 0;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	z-index: 99
}

.popup-global .header-global .header-group-left {
	display: flex;
	align-items: baseline
}

.popup-global .header-global .header-group-left #logo-site {
	margin-left: 60px
}

.popup-global .header-global .header-group-right {
	display: flex;
	align-items: baseline
}

.popup-global .header-global .header-group-right div:first-child {
	position: absolute;
	top: 30px;
	right: 100px
}

.popup-global .header-global .header-group-right .lang {
	flex: none
}

.popup-global .header-global .header-group-right a {
	margin: 0 10px;
	display: inline-block
}

.popup-global .header-global .header-group-right .logo-49group {
	margin-top: 10px
}

#box-search {
	/*position:fixed;left:36%;top:22%*/
}

@media screen and (max-width: 1024px) {
	#box-search {
		/*left:22%*/
	}
}

@media screen and (max-width: 480px) {
	#box-search {
		left: 12%
	}
}

#box-search input {
	width: 100%;
	font-size: 45px;
	line-height: 1.8em;
	height: auto;
	color: #fff;
	border-bottom: 1px #fff solid;
	font-family: 'UTM-AvoBold';
	padding: 0 0 12px 0;
	/*padding: .6em .4em;*/
}

#box-search input::placeholder {
	color: #fff;
}

@media screen and (max-width: 480px) {
	#box-search input {
		width: 300px
	}
}

#box-search #btn-close-modal {
	margin: 25px 0 0 -30px
}

#box-search .search-recom {
	max-width: 570px;
	margin-top: 30px;
	font-size: 23px;
}

#box-search .search-recom span {
	display: block;
	padding-bottom: 10px
}

#box-search .search-recom a {
	display: inline-block;
	padding: 10px 25px;
	border: 1px solid #8A8A8A;
	margin-bottom: 10px
}

@media screen and (max-width: 480px) {
	#box-search .search-recom a {
		padding: 10px 6px
	}
}

#box-search .search-recom a:hover {
	background-color: #FFFFFF;
	color: #000000
}

#modelMenu,
#modelMenuGroup {
	position: absolute;
	margin-top: 24px;
}

@media screen and (max-width: 1024px) {

	#modelMenu,
	#modelMenuGroup {
		left: 0
	}
}

.ui-autocomplete {
	z-index: 9999;
	background: transparent
}

.ui-widget.ui-widget-content {
	border: none
}

.ui-menu .ui-menu-item {
	padding: 5px 0
}

.ui-menu .ui-menu-item:first-child {
	padding-top: 45px
}

.ui-widget-content {
	color: #717171
}

#resultChangePage {
	position: relative
}

.owl-carousel-news {
	position: relative
}

#animatedNewsDetail #detailNews {
	margin-top: 25px
}

@media screen and (max-width: 480px) {
	#animatedNewsDetail #detailNews {
		margin-top: 0
	}
}

#animatedNewsDetail #detailNews .title-news-detail {
	padding: 0 0 16px 0
}

#animatedNewsDetail #detailNews .title-news-detail h2 {
	font-size: 1.5625rem;
	padding-bottom: 18px
}

#animatedNewsDetail #detailNews .title-news-detail time {
	font-size: 0.875rem
}

#animatedNewsDetail #detailNews .owl-carousel-news {
	margin-bottom: 15px
}

#animatedNewsDetail #detailNews .owl-carousel-news .item {
	max-height: 480px
}

#animatedNewsDetail #detailNews .owl-carousel-news .item img {
	max-height: 480px;
	height: 480px;
	max-width: none;
	opacity: 1
}

@media screen and (max-width: 1460px) {

	#animatedNewsDetail #detailNews .owl-prev,
	.container-related button.owl-prev {
		left: -2%
	}
}

@media screen and (max-width: 1460px) {

	#detailNews .owl-next,
	.container-related button.owl-next {
		right: -2%
	}
}

#detailNews .owl-dots {
	/*position:absolute;left:48%;*/
	text-align: center;
	margin-top: 7px;
	bottom: -20px;
	opacity: 555 !important;
	/*width:20%*/
	;
	z-index: 9999;
}

#detailNews button.owl-dot {
	border: 1px solid #000;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	margin: 0 5px
}

#detailNews button.owl-dot.active {
	background: #000
}

#detailNews .tag li {
	display: inline-block;
	padding: 0 2px 5px;
}

#detailNews .tag li a {
	font-size: 0.875rem;
	line-height: .8rem;
	padding: 8px 15px
}

#detailNews .social_share {
	margin-top: 30px;
	font-size: 0.875rem;
	font-weight: 500
}

#detailNews .social_share li {
	padding: 4px 0;
	font-size: 17px;
}

#detailNews .social_share li a {
	color: #000;
	font-size: 17px;
}

@media screen and (max-width: 1024px) {
	#animatedNewsDetail #detailNews .social_share li {
		font-size: 1.125rem;
		font-weight: 700;
		display: inline-block;
		padding-right: 60px
	}

	#animatedNewsDetail #detailNews .social_share li:first-child {
		display: block;
		font-weight: 100
	}
}

#animatedNewsDetail #detailNews #news-detail {
	padding: 44px 0;
	font-size: 0.875rem;
	line-height: 1.5rem
}

@media screen and (max-width: 1024px) {
	#animatedNewsDetail #detailNews .container-related p {
		padding: 0 0 25px 0
	}
}

.animated-model-mon {
	position: fixed;
	width: 350px;
    height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(101,200,208, 0.95);
	overflow: scroll;
	z-index: 999999
}
#animatedSearch {
	width: 100%;
	overflow: hidden;
}
.animated-model-mon.bg_op {
	background-color: rgba(101,200,208, 0.95)
}

@media screen and (max-width: 480px) {
	.animated-model-mon.bg_op {
		background: rgba(101,200,208, 0.95)
	}
}

.animated-model-mon.bg_gray {
	background: #000
}

.animated-model-mon.animated-fade-mon {
	opacity: 0
}

.animated-model-mon .footer {
	position: static
}

#animatedMenu #btn-close-modal,
#animatedMenu #btn-close-modal-menu,
#animatedMenuGroup #btn-close-modal,
#animatedMenuGroup #btn-close-modal-menu {
	position: absolute;
	top: 28px;
	left: 50px;
	margin: 0
}

#animatedMenu .box_left_bottom,
#animatedMenuGroup .box_left_bottom {
	margin-left: 0;
	border-bottom: none;
	max-width: none
}

#animatedMenu .box_left_bottom ul,
#animatedMenuGroup .box_left_bottom ul {
	max-width: none
}

#animatedMenu .box_left_bottom a,
#animatedMenuGroup .box_left_bottom a {
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease;
	-webkit-transition-delay: 0s;
	transition: all .5s ease 0s;
	font-size: 16px;
	font-family: 'UTM-AvoBold';
    text-transform: uppercase;
}

@media screen and (max-width: 480px) {

	#animatedMenu .box_left_bottom a,
	#animatedMenuGroup .box_left_bottom a {
		font-size: 20px
	}
}

#animatedMenu .box_left_bottom a:hover,
#animatedMenuGroup .box_left_bottom a:hover {
	font-family: 'UTM-AvoBold'
}

#animatedMenu .icon_social,
#animatedMenuGroup .icon_social {
	position: absolute;
    bottom: 30px;
    left: 50px;
    right: auto;
    display: block;
    top: auto;
    margin: 0;
}

#animatedMenu .icon_social li,
#animatedMenuGroup .icon_social li {
	display: inline-block;
	padding: 0 15px 0 0;
}

#animatedMenu .icon_social li.logo,
#animatedMenuGroup .icon_social li.logo {
	position: absolute;
	right: 0;
	text-align: right;
	bottom: -3px;
	padding: 0
}

@media screen and (max-width: 1024px) {

	#animatedMenu .icon_social,
	#animatedMenuGroup .icon_social {
		display: block
	}
}

#animatedMenu .footer,
#animatedMenuGroup .footer {
	position: absolute
}

#animatedMenuGroup #btn-close-modal {
	left: auto;
	right: 0
}

#animatedItem #btn-close-modal {
	position: absolute;
	top: 44px;
	right: 44px
}

#animatedItem .box-center-new {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10%
}

@media screen and (max-width: 480px) {
	#animatedItem .box-center-new {
		margin-top: 16%
	}
}

#animatedItem .box-center-new .box-center-inner {
	display: flex
}

@media screen and (max-width: 788px) {
	#animatedItem .box-center-new .box-center-inner {
		/*align-items:flex-end*/
	}
}

#animatedItem .box-center-new .box-center-inner img {
	max-width: 439px;
	max-height: 610px
}

@media screen and (max-width: 788px) {
	#animatedItem .box-center-new .box-center-inner img {
		max-width: 335px;
		max-height: 465px
	}
}

@media screen and (max-width: 480px) {
	#animatedItem .box-center-new .box-center-inner img {
		max-width: 146px;
		height: 218px
	}
}

#animatedItem .box-center-new .box-center-inner div:last-child {
	margin: 0 0 0 130px;
	text-align: left
}

@media screen and (max-width: 1024px) {
	#animatedItem .box-center-new .box-center-inner div:last-child {
		margin: 0 0 0 17px
	}
}

#animatedItem .box-center-new .box-center-inner div:last-child h2 {
	padding: 75px 0 25px 0;
	font-size: 1.3em;
	font-weight: bold
}

@media screen and (max-width: 1024px) {
	#animatedItem .box-center-new .box-center-inner div:last-child h2 {
		padding: 0 0 25px 0
	}
}

@media screen and (max-width: 480px) {
	#animatedItem .box-center-new .box-center-inner div:last-child h2 {
		font-size: 1.1em;
		margin-bottom: 10px
	}
}

#animatedItem .box-center-new .box-center-inner div:last-child span {
	display: block;
	margin-bottom: 30px;
	font-size: 1.125rem
}

@media screen and (max-width: 480px) {
	#animatedItem .box-center-new .box-center-inner div:last-child span {
		font-size: .8em;
		margin-bottom: 0
	}
}

#animatedItem .box-center-new .box-center-inner div:last-child p {
	font-size: .875rem
}

#animatedItem .detail-mobile-mini {
	margin-top: 20px;
	font-size: 1em
}

@media screen and (max-width: 480px) {
	#animatedExpertise .bg {
		background-image: url("img/popup/bg_ex_mobile.jpg");
		background-size: cover;
		height: 204px
	}
}

#animatedExpertise h1 {
	text-align: center;
	font-weight: bold;
	font-family: 'Gotham Medium';
	font-size: 2.5rem;
	margin: 66px auto 14px auto
}

@media screen and (max-width: 480px) {
	#animatedExpertise h1 {
		margin: 38px auto 14px auto;
		font-size: 1.5rem
	}
}

#animatedExpertise p {
	display: block;
	text-align: center;
	max-width: 650px;
	margin: 0 auto 55px auto;
	font-size: 1.125rem
}

#animatedExpertise .grid li img {
	max-width: none
}

#animatedNewsDetail {
	z-index: 9998;
	padding-bottom: 40px
}

#animatedNewsDetail .img-slide {
	height: 425px
}

#animatedMenuNews .grid_type_menu_top ul li {
	display: block
}

.about_49group #animatedMain .box_list {
	padding: 52px 0;
}

#animatedMain .box_pin .grid {
	margin: 0 auto 15px auto
}

#animatedMain .box_list {
	width: 100%;
	overflow: hidden
}

#animatedMain .box_list .item {
	margin-bottom: 40px
}

@media screen and (max-width: 480px) {
	#animatedMain .box_list .item {
		margin-bottom: 50px
	}
}

#animatedMain .box_list .item a {
	display: block;
	height: 66px
}

#animatedMain .box_list .item h5 {
	font-size: 0.875rem;
	line-height: 1.2rem
}

#animatedMain .box_list .item span {
	display: block;
	font-size: 0.875rem
}

#animatedMain .footer {
	border-top: 1px solid #8A8A8A
}

#animatedGallery,
.home_page {
	overflow: hidden
}

#animatedGallery .close-animatedGallery,
.home_page .close-animatedGallery {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 5
}

#animatedGallery .owl-carousel,
.home_page .owl-carousel {
	position: relative;
	height: calc(100% - 110px);
}

#animatedGallery .owl-carousel div:not(.owl-controls),
.home_page .owl-carousel div:not(.owl-controls) {
	height: 100%
}

#animatedGallery .owl-carousel .owl-slide,
.home_page .owl-carousel .owl-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

#animatedGallery .owl-carousel div.owl--text,
.home_page .owl-carousel div.owl--text {
	position: absolute;
	bottom: 4em;
	left: 2em;
	width: 20em;
	height: 8em;
	padding: 1em;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 4px
}

#animatedGallery .owl-carousel .owl-controls,
.home_page .owl-carousel .owl-controls {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0
}

#animatedGallery .owl-carousel .owl-controls .owl-buttons div,
.home_page .owl-carousel .owl-controls .owl-buttons div {
	position: absolute;
	top: 0;
	bottom: 0;
	display: inline-block;
	zoom: 1;
	margin: 0;
	width: 50px;
	height: 30px;
	line-height: 25px;
	text-align: center;
	font-size: .9em;
	border-radius: 3px;
	color: #FFF;
	background: #000;
	opacity: .6;
	text-transform: capitalize
}

#animatedGallery .owl-carousel .owl-controls .owl-buttons .owl-prev,
.home_page .owl-carousel .owl-controls .owl-buttons .owl-prev {
	left: 5px
}

#animatedGallery .owl-carousel .owl-controls .owl-buttons .owl-next,
.home_page .owl-carousel .owl-controls .owl-buttons .owl-next {
	right: 5px
}

#animatedGallery .owl-dots,
.home_page .owl-dots {
	position: absolute;
	bottom: 50px;
	left: 50%;
	/*right:50%;width:50%;*/
	height: 20px !important;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 480px) {
	#animatedGallery .owl-dots {
		bottom: 14px;
		margin-left: -24%
	}
}

#animatedGallery .owl-dots button,
.home_page .owl-dots button {
	background: none;
	color: inherit;
	border: 1px solid #fff !important;
	padding: 0 !important;
	font: inherit;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 5px
}

#animatedGallery .owl-dots button.active,
.home_page .owl-dots button.active {
	background: #FFFFFF
}

.list-year .row {
	padding: 30px 0;
	border-bottom: 1px solid #8A8A8A
}

.list-year .row:last-child {
	border-bottom: none
}

.list-year .row .year {
	font-family: 'Gotham Medium';
	font-size: 1.1em;
	display: block;
	margin-bottom: 22px;
	padding-left: 0px
}

.list-year .row .container-item {
	display: flex;
	flex-flow: row wrap
}

.list-year .row .container-item .item {
	width: 180px;
	height: 240px;
	margin: 0 13px 30px 0px
}

@media screen and (max-width: 1024px) {
	.list-year .row .container-item .item {
		width: 223px;
		height: 333px
	}

	.list-year .row .container-item .item img {
		max-width: none;
		width: 223px;
		height: 223px
	}
}

@media screen and (max-width: 480px) {
	.list-year .row .container-item .item {
		/*width:162px;*/
		width: 47%;
		height: 300px;
		margin: 0 10px 30px 0px !important
	}

	.list-year .row .container-item .item img {
		width: 162px;
		height: 162px
	}
}

.list-year .row .container-item .item:nth-child(4) {
	/*margin:0 0 30px 8px*/
}

.list-year .row .container-item .item h2 {
	font-size: .8rem;
	padding: 10px 0 5px 0
}

@media screen and (max-width: 1024px) {
	.list-year .row .container-item .item h2 {
		padding: 14px 0
	}
}

.list-year .row .container-item .item p {
	font-size: .75rem
}

#counter {
	position: absolute;
	bottom: 50px;
	left: 50%;
	right: 50%;
	width: 8%;
	z-index: 9;
	text-align: center
}

@media screen and (max-width: 1024px) {
	#menu-group li {
		padding: 22px 0
	}
}

@media screen and (max-width: 480px) {
	#menu-group li {
		padding: 11px 0
	}
}

#animatedMenuAll .box_left_bottom {
	margin-left: 0;
	width: 100%
}

#animatedMenuAll .box_left_bottom ul li {
	padding: 5px 0
}

#animatedMenuAll .box_left_bottom ul li a {
	font-size: 1.875rem
}

#animatedMenuAll .box_left_bottom ul li a.active_menu {
	font-weight: bold
}

.animatedFilter .filter-mobile {
	width: 100%;
	position: relative;
	top: 13vh;
	left: 0;
	right: 0;
	float: left
}

.animatedFilter .filter-mobile ul li {
	font-size: 1.125rem;
	padding-bottom: 5px;
	margin-bottom: 30px
}

.animatedFilter .filter-mobile ul li:first-child,
.animatedFilter .filter-mobile ul li:last-child {
	border-bottom: 1px solid #fff
}

.animatedFilter .filter-mobile ul li input {
	width: 100%
}

.animatedFilter .filter-mobile ul li div span {
	font-size: .8rem
}

.animatedFilter .filter-mobile ::placeholder {
	font-size: 1rem
}

.animatedFilter .footer {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: none
}

.animatedFilter .footer a {
	font-size: 1.25rem
}

.animatedFilter .footer a.pull-right {
	font-weight: bold
}

.animatedFilter .footer.footer-slide {
	position: relative;
	margin: 50px auto 0 auto
}

#animatedFilterType ul li {
	border-bottom: none;
	margin-bottom: 5px
}

#animatedFilterType ul li a .sort {
	float: left;
	margin-right: 10px
}

#animatedFilterLocation ul li {
	border-bottom: 1px solid #fff
}

#animatedFilterLocation ul li .sort-sub-sub li {
	padding: 0 0 10px 24px !important;
	font-size: .8rem;
	margin-bottom: 0
}

#animatedFilterLocation ul li .sort-sub-sub li .sort {
	display: none
}

input,
select,
textarea {
	border: none;
	border-bottom: 1px solid #8A8A8A;
	height: 40px;
	background: transparent;
	color: #fff;
	font-size: 1.5rem
}

@media screen and (max-width: 480px) {

	input,
	select,
	textarea {
		font-size: 1rem
	}
}

::placeholder {
	color: #717171;
	font-size: 1.5em
}

input[type=file] {
	opacity: 0
}

.table .t {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	align-items: center;
	justify-content: center
}

.table .table-header {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 10px 0 8.5px 0;
}

.table .tr {
	border-bottom: 1px solid #000;
	padding: 30px 0
}

.container-slide .img-slide {
	width: 40%
}

.container-slide .detail-news {
	width: 50%;
	margin-left: 28px
}

.container-slide .detail-news .detail-news-logo {
	padding-bottom: 80px
}

.container-slide .detail-news .detail-news-logo .social_share {
	text-align: right
}

.container-slide .detail-news .detail-news-logo .social_share li {
	padding: 2px 0
}

.container-slide .detail-news .detail-news-info h2 {
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 8px
}

.container-slide .detail-news .detail-news-info span {
	display: block;
	font-size: .8em;
	padding: 0 0 5px
}

.container-slide .detail-news .detail-news-info p {
	font-size: .8em
}

.container-slide .detail-news .detail-news-info .tag {
	margin: 40px 0;
	width: 27%;
	border: 1px solid #FFFFFF;
	text-align: center;
	padding: 10px 30px
}

.container-related {
	margin-top: 60px
}

.container-related strong {
	display: block;
	padding-bottom: 7px
}

.container-related .container-related-item .related-item {
	position: relative;
	margin: 0 0 0 0;
	height: 200px;
}

.container-related .container-related-item .related-item img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* .container-related .container-related-item .related-item:last-child {
	margin: 0 0 0 8px
} */

@media screen and (max-width: 480px) {
	.container-related .container-related-item .related-item:last-child {
		margin: 0
	}
}

.container-related .container-related-item .related-item h5 {
	display: block;
	position: absolute;
	bottom: 16px;
	left: 16px;
	width: 180px;
	font-size: 18px;
	color: #fff;
	font-family: 'UTM-AvoBold';
}

.container-related .container-related-item .relateds_news_item>a {
	position: relative;
}

.container-related .container-related-item .relateds_news_item .detail-aside {
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 99;
}

.container-related .container-related-item .relateds_news_item>a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 90;
	opacity: 0;
	background: rgba(0, 0, 0);
	transition: all 0.5s ease-in-out;
}

.container-related .container-related-item .relateds_news_item>a:hover::before {
	opacity: 0.4;
}

.container-related .container-related-item .relateds_life_item .detail-aside h5,
.container-related .container-related-item .relateds_news_item .detail-aside h5 {
	display: block;
	font-size: 18px;
	color: #000;
	font-family: 'UTM-Avo';
	line-height: 27px;
}

.container-related .container-related-item .relateds_news_item .detail-aside h5 {
	font-family: 'UTM-AvoBold';
	opacity: 0;
}

.container-related .container-related-item .relateds_news_item:hover .detail-aside h5 {
	opacity: 1;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px
}

.slider {
	width: 100%;
	height: 100vh;
	position: relative
}

.slItems {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

.slItem {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slText {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	width: 100%;
	padding: 0 170px;
	text-align: center;
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	color: #fff;
	font-size: 30px
}

.slider [class*="ctrl"] {
	position: absolute;
	top: 50%;
	color: #fff;
	font-size: 65px;
	margin-top: -42.5px;
	cursor: pointer
}

.ctrlNext {
	right: 50px
}

.ctrlPrev {
	left: 50px
}

.slItem.active {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.next,
.prev {
	transition: transform 0.7s ease-in-out;
	-webkit-transition: -webkit-transform 0.7s ease-in-out;
	-moz-transition: -moz-transform 0.7s ease-in-out;
	-o-transition: -o-transform 0.7s ease-in-out;
	-ms-transition: -ms-transform 0.7s ease-in-out
}

.slItem.nextItem {
	opacity: 1;
	visibility: visible;
	transform: translate3d(100%, 0, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0)
}

.slItem.nextItem.next,
.slItem.prevItem.prev {
	transform: translate3d(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.slItem.active.next {
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0)
}

.slItem.prevItem {
	opacity: 1;
	visibility: visible;
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0)
}

.slItem.active.prev {
	transform: translate3d(100%, 0, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0)
}

.slDots {
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0)
}

.slDotsSingle {
	width: 13px;
	height: 13px;
	float: left;
	border: 2px solid #FFFFFF;
	border-radius: 50%;
	margin-left: 5px;
	cursor: pointer;
	transition: background 0.3s ease
}

.slDotsSingle.active {
	background: #FFFFFF
}

.slDotsSingle:hover {
	background: #D0D0D0;
	border-color: #D0D0D0
}

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden
}

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

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px)
}

.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-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
	background: none;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit
}

.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.no-js .owl-carousel {
	display: block
}

.owl-carousel .animated {
	animation-duration: 1000ms;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	animation-name: fadeOut
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.owl-height {
	transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
	max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("owl.video.play.html") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}

.owl-carousel .owl-item img {
	width: auto
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
	font-size: 40px;
	z-index: 3;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

.owl-next {
	text-align: left;
	right: -30px
}

.owl-prev {
	text-align: right;
	left: -30px
}

body.compensate-for-scrollbar {
	overflow: hidden
}

.fancybox-active {
	height: auto
}

.fancybox-is-hidden {
	left: -9999px;
	margin: 0;
	position: absolute !important;
	top: -9999px;
	visibility: hidden
}

.fancybox-container {
	-webkit-backface-visibility: hidden;
	height: 100%;
	left: 0;
	outline: none;
	position: fixed;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	width: 100%;
	z-index: 99992
}

.fancybox-container * {
	box-sizing: border-box
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.fancybox-outer {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto
}

.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	transition-duration: inherit;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
	opacity: .9;
	transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
	direction: ltr;
	opacity: 0;
	position: absolute;
	transition: opacity .25s ease, visibility 0s ease .25s;
	visibility: hidden;
	z-index: 99997
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
	opacity: 1;
	transition: opacity .25s ease 0s, visibility 0s ease 0s;
	visibility: visible
}

.fancybox-infobar {
	color: #ccc;
	font-size: 13px;
	-webkit-font-smoothing: subpixel-antialiased;
	height: 44px;
	left: 0;
	line-height: 44px;
	min-width: 44px;
	mix-blend-mode: difference;
	padding: 0 10px;
	pointer-events: none;
	top: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.fancybox-toolbar {
	right: 0;
	top: 0
}

.fancybox-stage {
	direction: ltr;
	overflow: visible;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 99994
}

.fancybox-is-open .fancybox-stage {
	overflow: hidden
}

.fancybox-slide {
	-webkit-backface-visibility: hidden;
	display: none;
	height: 100%;
	left: 0;
	outline: none;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 44px;
	position: absolute;
	text-align: center;
	top: 0;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	white-space: normal;
	width: 100%;
	z-index: 99994
}

.fancybox-slide::before {
	content: '';
	display: inline-block;
	font-size: 0;
	height: 100%;
	vertical-align: middle;
	width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
	display: block
}

.fancybox-slide--image {
	overflow: hidden;
	padding: 44px 0
}

.fancybox-slide--image::before {
	display: none
}

.fancybox-slide--html {
	padding: 6px
}

.fancybox-content {
	background: #fff;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 44px;
	position: relative;
	text-align: left;
	vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
	-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
	animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
	-webkit-backface-visibility: hidden;
	background: transparent;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 0;
	max-width: none;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 0;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
	cursor: -webkit-zoom-in;
	cursor: zoom-in
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
	cursor: -webkit-grab;
	cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.fancybox-container [data-selectable='true'] {
	cursor: text
}

.fancybox-image,
.fancybox-spaceball {
	background: transparent;
	border: 0;
	height: 100%;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none;
	padding: 0;
	position: absolute;
	top: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%
}

.fancybox-spaceball {
	z-index: 1
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
	height: 100%;
	overflow: visible;
	padding: 0;
	width: 100%
}

.fancybox-slide--video .fancybox-content {
	background: #000
}

.fancybox-slide--map .fancybox-content {
	background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
	background: #fff
}

.fancybox-video,
.fancybox-iframe {
	background: transparent;
	border: 0;
	display: block;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%
}

.fancybox-iframe {
	left: 0;
	position: absolute;
	top: 0
}

.fancybox-error {
	background: #fff;
	cursor: default;
	max-width: 400px;
	padding: 40px;
	width: 100%
}

.fancybox-error p {
	color: #444;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0
}

.fancybox-button {
	background: rgba(30, 30, 30, 0.6);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	margin: 0;
	padding: 10px;
	position: relative;
	transition: color .2s;
	vertical-align: top;
	visibility: inherit;
	width: 44px
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
	color: #ccc
}

.fancybox-button:hover {
	color: #fff
}

.fancybox-button:focus {
	outline: none
}

.fancybox-button.fancybox-focus {
	outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
	color: #888;
	cursor: default;
	outline: none
}

.fancybox-button div {
	height: 100%
}

.fancybox-button svg {
	display: block;
	height: 100%;
	overflow: visible;
	position: relative;
	width: 100%
}

.fancybox-button svg path {
	fill: currentColor;
	stroke-width: 0
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
	display: none
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
	display: none
}

.fancybox-progress {
	background: #ff5268;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0;
	-ms-transform-origin: 0;
	transform-origin: 0;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-timing-function: linear;
	z-index: 99998
}

.fancybox-close-small {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #ccc;
	cursor: pointer;
	opacity: .8;
	padding: 8px;
	position: absolute;
	right: -12px;
	top: -44px;
	z-index: 401
}

.fancybox-close-small:hover {
	color: #fff;
	opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
	color: currentColor;
	padding: 10px;
	right: 0;
	top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
	overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
	display: none
}

.fancybox-navigation .fancybox-button {
	background-clip: content-box;
	height: 100px;
	opacity: 0;
	position: absolute;
	top: calc(50% - 50px);
	width: 70px
}

.fancybox-navigation .fancybox-button div {
	padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
	left: 0;
	padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
	padding: 31px 6px 31px 26px;
	right: 0
}

.fancybox-caption {
	bottom: 0;
	color: #eee;
	font-size: 14px;
	font-weight: 400;
	left: 0;
	line-height: 1.5;
	padding: 25px 44px 25px 44px;
	right: 0;
	text-align: center;
	z-index: 99996
}

.fancybox-caption::before {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
	background-repeat: repeat-x;
	background-size: contain;
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: -44px;
	z-index: -1
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
	color: #ccc;
	text-decoration: none
}

.fancybox-caption a:hover {
	color: #fff;
	text-decoration: underline
}

.fancybox-loading {
	-webkit-animation: fancybox-rotate 1s linear infinite;
	animation: fancybox-rotate 1s linear infinite;
	background: transparent;
	border: 4px solid #888;
	border-bottom-color: #fff;
	border-radius: 50%;
	height: 50px;
	left: 50%;
	margin: -25px 0 0 -25px;
	opacity: .7;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 50px;
	z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes fancybox-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.fancybox-animated {
	transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
	opacity: 0;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
	opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: scale3d(1.5, 1.5, 1.5);
	transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: scale3d(0.5, 0.5, 0.5);
	transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
	transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
	-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
	transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-height: 576px) {
	.fancybox-caption {
		padding: 12px
	}

	.fancybox-slide {
		padding-left: 6px;
		padding-right: 6px
	}

	.fancybox-slide--image {
		padding: 6px 0
	}

	.fancybox-close-small {
		right: -6px
	}

	.fancybox-slide--image .fancybox-close-small {
		background: #4e4e4e;
		color: #f2f4f6;
		height: 36px;
		opacity: 1;
		padding: 6px;
		right: 0;
		top: 0;
		width: 36px
	}
}

.fancybox-share {
	background: #f4f4f4;
	border-radius: 3px;
	max-width: 90%;
	padding: 30px;
	text-align: center
}

.fancybox-share h1 {
	color: #222;
	font-size: 35px;
	font-weight: 700;
	margin: 0 0 20px 0
}

.fancybox-share p {
	margin: 0;
	padding: 0
}

.fancybox-share__button {
	border: 0;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	margin: 0 5px 10px 5px;
	min-width: 130px;
	padding: 0 15px;
	text-decoration: none;
	transition: all .2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
	color: #fff
}

.fancybox-share__button:hover {
	text-decoration: none
}

.fancybox-share__button--fb {
	background: #3b5998
}

.fancybox-share__button--fb:hover {
	background: #344e86
}

.fancybox-share__button--pt {
	background: #bd081d
}

.fancybox-share__button--pt:hover {
	background: #aa0719
}

.fancybox-share__button--tw {
	background: #1da1f2
}

.fancybox-share__button--tw:hover {
	background: #0d95e8
}

.fancybox-share__button svg {
	height: 25px;
	margin-right: 7px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	width: 25px
}

.fancybox-share__button svg path {
	fill: #fff
}

.fancybox-share__input {
	background: transparent;
	border: 0;
	border-bottom: 1px solid #d7d7d7;
	border-radius: 0;
	color: #5d5b5b;
	font-size: 14px;
	margin: 10px 0 0 0;
	outline: none;
	padding: 10px 15px;
	width: 100%
}

.fancybox-thumbs {
	background: #ddd;
	bottom: 0;
	display: none;
	margin: 0;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	padding: 2px 2px 4px 2px;
	position: absolute;
	right: 0;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	width: 212px;
	z-index: 99995
}

.fancybox-thumbs {
	background: none;
	bottom: 0;
	top: auto;
	display: none;
	margin: 0 auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	padding: 2px 2px 4px 2px;
	position: absolute;
	/*left:50%*/
	;
	z-index: 99995;
	width: 100%;
	/*margin-left:-19%*/
}

@media screen and (max-width: 1024px) {
	.fancybox-thumbs {
		margin-left: -30%
	}
}

@media screen and (max-width: 480px) {
	.fancybox-thumbs {
		left: 0;
		margin-left: 0
	}
}

.fancybox-thumbs-x {
	overflow-x: auto;
	overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
	display: block
}

.fancybox-show-thumbs .fancybox-inner {
	right: 0
}

.fancybox-thumbs__list {
	font-size: 0;
	height: 100%;
	list-style: none;
	margin: 0 auto;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	position: relative;
	white-space: nowrap;
	width: max-content;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
	overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
	width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
	background: #2a2a2a;
	border-radius: 10px
}

.fancybox-thumbs__list a {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgba(0, 0, 0, 0.1);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	float: left;
	height: 75px;
	margin: 2px;
	max-height: calc(100% - 8px);
	max-width: calc(50% - 4px);
	outline: none;
	overflow: hidden;
	padding: 0;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	width: 100px
}

@media screen and (max-width: 1024px) {
	.fancybox-thumbs__list a {
		width: 75px
	}
}

@media screen and (max-width: 480px) {
	.fancybox-thumbs__list a {
		width: 50px;
		height: 50px
	}
}

.fancybox-thumbs__list a::before {
	border: 6px solid #fff;
	bottom: 0;
	content: '';
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
	opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
	opacity: 1
}

/*!

AniCollection - http://anicollection.github.io/

Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Dariel Noel



Animate.css - http://daneden.me/animate

Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden

*/
.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
}

.duration-xs {
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s
}

.duration-sm {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

.duration-md {
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.duration-lg {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.duration-xl {
	-webkit-animation-duration: 4s;
	animation-duration: 4s
}

.timing-linear {
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

.timing-ease-in {
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

.timing-ease-out {
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

.timing-ease-in-out {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

.timing-cubic-bezier {
	-webkit-animation-timing-function: cubic-bezier;
	animation-timing-function: cubic-bezier
}

.delay-xs {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s
}

.delay-sm {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s
}

.delay-md {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.delay-lg {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.delay-xl {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.iteration-infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.iteration-1 {
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.iteration-2 {
	-webkit-animation-iteration-count: 2;
	animation-iteration-count: 2
}

.iteration-3 {
	-webkit-animation-iteration-count: 3;
	animation-iteration-count: 3
}

.iteration-4 {
	-webkit-animation-iteration-count: 2;
	animation-iteration-count: 2
}

.iteration-5 {
	-webkit-animation-iteration-count: 4;
	animation-iteration-count: 4
}

.direction-normal {
	-webkit-animation-direction: normal;
	animation-direction: normal
}

.direction-reverse {
	-webkit-animation-direction: reverse;
	animation-direction: reverse
}

.direction-alternate {
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}

.direction-alternate-reverse {
	-webkit-animation-direction: alternate-reverse;
	animation-direction: alternate-reverse
}

.fill-mode-none {
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none
}

.fill-mode-forwards {
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.fill-mode-backwards {
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}

.fill-mode-both {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes bounce {

	0%,
	100%,
	20%,
	53%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-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%,
	100%,
	20%,
	53%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		-ms-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		-ms-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		-ms-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {

	0%,
	100%,
	50% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {

	0%,
	100%,
	50% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

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

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

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

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		-ms-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		-ms-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		-ms-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		-ms-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		-ms-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

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

@-webkit-keyframes shake {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

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

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		-ms-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		-ms-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		-ms-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		-ms-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		-ms-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 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) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes bounceIn {

	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {

	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		-ms-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		-ms-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

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

@-webkit-keyframes bounceInDown {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.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)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes bounceInLeft {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.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)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInLeft {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		-ms-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		-ms-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		-ms-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes bounceInRight {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.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)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInRight {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		-ms-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		-ms-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		-ms-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes bounceInUp {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.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)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInUp {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		-ms-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		-ms-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		-ms-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.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)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-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)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		-ms-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-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)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		-ms-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-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)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		-ms-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

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

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

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

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-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)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-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)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-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)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-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)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-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)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-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)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-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)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

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

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

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

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

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

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

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

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

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

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

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

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

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

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

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

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-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) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-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) rotate3d(0, 1, 0, -360deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		-ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		-ms-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		-ms-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	100% {
		-webkit-transform: none;
		-ms-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
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		-ms-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 rotate {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg)
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rotate {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		-ms-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg)
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes rotateDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg)
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rotateDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg)
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes rotateDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg)
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rotateDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg)
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes rotateUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg)
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rotateUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg)
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes rotateUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg)
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rotateUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		-ms-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg)
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		-ms-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		-ms-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

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

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		-ms-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		-ms-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

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

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		-ms-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		-ms-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		-ms-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) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

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

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}
}

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

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

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

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

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

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

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

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

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

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	100% {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	100% {
		opacity: 0
	}
}

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

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

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

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform: scale(0.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		-ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform: scale(0.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		-ms-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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		transform: scale(0.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		-ms-transform: scale(0.1) translate3d(2000px, 0, 0);
		transform: scale(0.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		-ms-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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.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
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 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
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 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
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 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
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

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

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

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

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

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

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

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

.grid {
	width: 100%;
	max-width: 100%;
	list-style: none;
	margin: 30px auto;
	padding: 0
}

.grid li {
	display: block;
	float: left;
	/* padding: 0;
	width: 33.333%; */
	opacity: 0;
	display: block;
    float: left;
    padding: 0.5px;
    width: calc(100% / 3 - 0.5px); 
}
.grid li.grid-item {
	transition: transform 1s ease-in-out, opacity 1s, -webkit-transform 1s ease-in-out;
}
.grid li.is-loaded {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

@media screen and (max-width: 1024px) {
	.grid li {
		width: 49.99%
	}
}

@media screen and (max-width: 480px) {
	.grid li {
		width: 100%
	}
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1
}

.grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	width: 100%;
}

.grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 1s ease-in-out forwards;
	animation: moveUp 1s ease-in-out forwards
}

@-webkit-keyframes moveUp {
	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@keyframes moveUp {
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

.grid-item {
	position: relative;
	text-align: center;
}

.grid-item figure {
	position: relative;
	overflow: hidden;
	margin: 0;
	background: #000;
	text-align: center;
	cursor: pointer;
}

.grid-item figure img {
	position: relative;
	display: block;
	opacity: 0.8
}

.grid-item figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.grid-item figure figcaption::before,
.grid-item figure figcaption::after {
	pointer-events: none
}

.grid-item figure figcaption,
.grid-item figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.grid-item figure figcaption>a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0
}

.grid-item figure span {
	display: block;
	/*word-spacing:-0.15em*/
	;
	font-size: 14px
}

.grid-item figure h2 {
	padding: 17px 0 8px 0;
	/*word-spacing:-0.15em*/
	;
	font-size: 1.25rem;
	font-weight: bold
}

.grid-item figure h2 span {
	font-weight: 800
}

.grid-item figure span,
.grid-item figure h2,
.grid-item figure p {
	margin: 0
}

.grid-item figure p {
	letter-spacing: 1px;
	font-size: 15px
}

figure.effect-lily img {
	max-width: 100%;
	/* width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px); */
	width: 100%;
	opacity: 0.7;
	-webkit-transition: opacity 0.65s, -webkit-transform 0.65s;
	transition: opacity 0.65s, transform 0.65s;
	/* -webkit-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0) */
}

figure.effect-lily figcaption {
	text-align: left
}

figure.effect-lily figcaption>div {
	position: absolute;
	bottom: 20px;
	left: 0;
	padding: 20px 20px;
	width: 100%;
	height: auto;
}

figure.effect-lily span,
figure.effect-lily h2,
figure.effect-lily p {
	/* -webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0) */
}

figure.effect-lily span,
figure.effect-lily h2,
figure.effect-lily figcaption > div {
	-webkit-transition: -webkit-transform 0.65s;
	transition: transform 0.65s
}

figure.effect-lily p {
	color: rgba(255, 255, 255, 1);
	opacity: 1;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.65s;
	transition: opacity 0.2s, transform 0.65s
}

figure.effect-lily:hover img {
	opacity: 0.7;
}

figure.effect-lily:hover p {
	opacity: 1;
}

/* figure.effect-lily:hover span,
figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0, -40px, 0);
	transform: translate3d(0, -40px, 0)
}*/
figure.effect-lily:hover > figcaption > div {
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0)
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir="rtl"] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-loading .slick-list {
	background: #fff url('../../images/ajax-loader.html') center center no-repeat
}

@font-face {
	font-family: "slick";
	src: url('../../fonts/slick.html');
	src: url('../../fonts/slickd41d.html?#iefix') format("embedded-opentype"), url('../../fonts/slick-2.html') format("woff"), url('../../fonts/slick-3.html') format("truetype"), url('../../fonts/slick-4.html#slick') format("svg");
	font-weight: normal;
	font-style: normal
}

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25
}

.slick-prev:before,
.slick-next:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: .75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

[dir="rtl"] .slick-prev {
	left: auto;
	right: -25px
}

.slick-prev:before {
	content: "←"
}

[dir="rtl"] .slick-prev:before {
	content: "→"
}

.slick-next {
	right: -25px
}

[dir="rtl"] .slick-next {
	left: -25px;
	right: auto
}

.slick-next:before {
	content: "→"
}

[dir="rtl"] .slick-next:before {
	content: "←"
}

.slick-dotted.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: 66px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 8px;
	height: 8px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: transparent;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 2px solid #fff;
	border-radius: 50%
}

.slick-dots li.slick-active button:before {
	color: #fff;
	opacity: .75;
	background: #FFFFFF
}

/*!

 * Hover.css (http://ianlunn.github.io/Hover/)

 * Version: 2.3.2

 * Author: Ian Lunn @IanLunn

 * Author URL: http://ianlunn.co.uk/

 * Github: https://github.com/IanLunn/Hover



 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.

 */
.hvr-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.hvr-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active {
	-webkit-transform: scale(0.9);
	transform: scale(0.9)
}

@-webkit-keyframes hvr-pulse {
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	75% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

@keyframes hvr-pulse {
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	75% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

.hvr-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-pulse:hover,
.hvr-pulse:focus,
.hvr-pulse:active {
	-webkit-animation-name: hvr-pulse;
	animation-name: hvr-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@-webkit-keyframes hvr-pulse-grow {
	to {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes hvr-pulse-grow {
	to {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

.hvr-pulse-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-pulse-grow:hover,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:active {
	-webkit-animation-name: hvr-pulse-grow;
	animation-name: hvr-pulse-grow;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}

@-webkit-keyframes hvr-pulse-shrink {
	to {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

@keyframes hvr-pulse-shrink {
	to {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

.hvr-pulse-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-pulse-shrink:hover,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:active {
	-webkit-animation-name: hvr-pulse-shrink;
	animation-name: hvr-pulse-shrink;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}

@-webkit-keyframes hvr-push {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes hvr-push {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.hvr-push {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-push:hover,
.hvr-push:focus,
.hvr-push:active {
	-webkit-animation-name: hvr-push;
	animation-name: hvr-push;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-pop {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
}

@keyframes hvr-pop {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
}

.hvr-pop {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-pop:hover,
.hvr-pop:focus,
.hvr-pop:active {
	-webkit-animation-name: hvr-pop;
	animation-name: hvr-pop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.hvr-bounce-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s
}

.hvr-bounce-in:hover,
.hvr-bounce-in:focus,
.hvr-bounce-in:active {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36)
}

.hvr-bounce-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s
}

.hvr-bounce-out:hover,
.hvr-bounce-out:focus,
.hvr-bounce-out:active {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36)
}

.hvr-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-rotate:hover,
.hvr-rotate:focus,
.hvr-rotate:active {
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg)
}

.hvr-grow-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-grow-rotate:hover,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:active {
	-webkit-transform: scale(1.1) rotate(4deg);
	transform: scale(1.1) rotate(4deg)
}

.hvr-float {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px)
}

.hvr-sink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-sink:hover,
.hvr-sink:focus,
.hvr-sink:active {
	-webkit-transform: translateY(8px);
	transform: translateY(8px)
}

@-webkit-keyframes hvr-bob {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}

	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}

	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

@keyframes hvr-bob {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}

	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}

	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

@-webkit-keyframes hvr-bob-float {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

@keyframes hvr-bob-float {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

.hvr-bob {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-bob:hover,
.hvr-bob:focus,
.hvr-bob:active {
	-webkit-animation-name: hvr-bob-float, hvr-bob;
	animation-name: hvr-bob-float, hvr-bob;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate
}

@-webkit-keyframes hvr-hang {
	0% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}

	50% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
}

@keyframes hvr-hang {
	0% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}

	50% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
}

@-webkit-keyframes hvr-hang-sink {
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
}

@keyframes hvr-hang-sink {
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
}

.hvr-hang {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-hang:hover,
.hvr-hang:focus,
.hvr-hang:active {
	-webkit-animation-name: hvr-hang-sink, hvr-hang;
	animation-name: hvr-hang-sink, hvr-hang;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate
}

.hvr-skew {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-skew:hover,
.hvr-skew:focus,
.hvr-skew:active {
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg)
}

.hvr-skew-forward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.hvr-skew-forward:hover,
.hvr-skew-forward:focus,
.hvr-skew-forward:active {
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg)
}

.hvr-skew-backward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.hvr-skew-backward:hover,
.hvr-skew-backward:focus,
.hvr-skew-backward:active {
	-webkit-transform: skew(10deg);
	transform: skew(10deg)
}

@-webkit-keyframes hvr-wobble-vertical {
	16.65% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}

	33.3% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}

	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}

	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes hvr-wobble-vertical {
	16.65% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}

	33.3% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}

	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}

	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.hvr-wobble-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-wobble-vertical:hover,
.hvr-wobble-vertical:focus,
.hvr-wobble-vertical:active {
	-webkit-animation-name: hvr-wobble-vertical;
	animation-name: hvr-wobble-vertical;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px)
	}

	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px)
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px)
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px)
	}

	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px)
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px)
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.hvr-wobble-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-wobble-horizontal:hover,
.hvr-wobble-horizontal:focus,
.hvr-wobble-horizontal:active {
	-webkit-animation-name: hvr-wobble-horizontal;
	animation-name: hvr-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-bottom-right {
	16.65% {
		-webkit-transform: translate(8px, 8px);
		transform: translate(8px, 8px)
	}

	33.3% {
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px)
	}

	49.95% {
		-webkit-transform: translate(4px, 4px);
		transform: translate(4px, 4px)
	}

	66.6% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px)
	}

	83.25% {
		-webkit-transform: translate(1px, 1px);
		transform: translate(1px, 1px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes hvr-wobble-to-bottom-right {
	16.65% {
		-webkit-transform: translate(8px, 8px);
		transform: translate(8px, 8px)
	}

	33.3% {
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px)
	}

	49.95% {
		-webkit-transform: translate(4px, 4px);
		transform: translate(4px, 4px)
	}

	66.6% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px)
	}

	83.25% {
		-webkit-transform: translate(1px, 1px);
		transform: translate(1px, 1px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

.hvr-wobble-to-bottom-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-wobble-to-bottom-right:hover,
.hvr-wobble-to-bottom-right:focus,
.hvr-wobble-to-bottom-right:active {
	-webkit-animation-name: hvr-wobble-to-bottom-right;
	animation-name: hvr-wobble-to-bottom-right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-top-right {
	16.65% {
		-webkit-transform: translate(8px, -8px);
		transform: translate(8px, -8px)
	}

	33.3% {
		-webkit-transform: translate(-6px, 6px);
		transform: translate(-6px, 6px)
	}

	49.95% {
		-webkit-transform: translate(4px, -4px);
		transform: translate(4px, -4px)
	}

	66.6% {
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px)
	}

	83.25% {
		-webkit-transform: translate(1px, -1px);
		transform: translate(1px, -1px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes hvr-wobble-to-top-right {
	16.65% {
		-webkit-transform: translate(8px, -8px);
		transform: translate(8px, -8px)
	}

	33.3% {
		-webkit-transform: translate(-6px, 6px);
		transform: translate(-6px, 6px)
	}

	49.95% {
		-webkit-transform: translate(4px, -4px);
		transform: translate(4px, -4px)
	}

	66.6% {
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px)
	}

	83.25% {
		-webkit-transform: translate(1px, -1px);
		transform: translate(1px, -1px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

.hvr-wobble-to-top-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-wobble-to-top-right:hover,
.hvr-wobble-to-top-right:focus,
.hvr-wobble-to-top-right:active {
	-webkit-animation-name: hvr-wobble-to-top-right;
	animation-name: hvr-wobble-to-top-right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-top {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg)
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg)
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg)
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg)
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg)
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0)
	}
}

@keyframes hvr-wobble-top {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg)
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg)
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg)
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg)
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg)
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0)
	}
}

.hvr-wobble-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.hvr-wobble-top:hover,
.hvr-wobble-top:focus,
.hvr-wobble-top:active {
	-webkit-animation-name: hvr-wobble-top;
	animation-name: hvr-wobble-top;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-bottom {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg)
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg)
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg)
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg)
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg)
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0)
	}
}

@keyframes hvr-wobble-bottom {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg)
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg)
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg)
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg)
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg)
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0)
	}
}

.hvr-wobble-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.hvr-wobble-bottom:hover,
.hvr-wobble-bottom:focus,
.hvr-wobble-bottom:active {
	-webkit-animation-name: hvr-wobble-bottom;
	animation-name: hvr-wobble-bottom;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-skew {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg)
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg)
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg)
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg)
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg)
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0)
	}
}

@keyframes hvr-wobble-skew {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg)
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg)
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg)
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg)
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg)
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0)
	}
}

.hvr-wobble-skew {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-wobble-skew:hover,
.hvr-wobble-skew:focus,
.hvr-wobble-skew:active {
	-webkit-animation-name: hvr-wobble-skew;
	animation-name: hvr-wobble-skew;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}
}

@keyframes hvr-buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}
}

.hvr-buzz {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-buzz:hover,
.hvr-buzz:focus,
.hvr-buzz:active {
	-webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@-webkit-keyframes hvr-buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0)
	}

	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0)
	}
}

@keyframes hvr-buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0)
	}

	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0)
	}
}

.hvr-buzz-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-buzz-out:hover,
.hvr-buzz-out:focus,
.hvr-buzz-out:active {
	-webkit-animation-name: hvr-buzz-out;
	animation-name: hvr-buzz-out;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.hvr-forward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-forward:hover,
.hvr-forward:focus,
.hvr-forward:active {
	-webkit-transform: translateX(8px);
	transform: translateX(8px)
}

.hvr-backward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-backward:hover,
.hvr-backward:focus,
.hvr-backward:active {
	-webkit-transform: translateX(-8px);
	transform: translateX(-8px)
}

.hvr-fade {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color
}

.hvr-fade:hover,
.hvr-fade:focus,
.hvr-fade:active {
	background-color: #2098D1;
	color: white
}

@-webkit-keyframes hvr-back-pulse {
	50% {
		background-color: rgba(32, 152, 209, 0.75)
	}
}

@keyframes hvr-back-pulse {
	50% {
		background-color: rgba(32, 152, 209, 0.75)
	}
}

.hvr-back-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	overflow: hidden;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color
}

.hvr-back-pulse:hover,
.hvr-back-pulse:focus,
.hvr-back-pulse:active {
	-webkit-animation-name: hvr-back-pulse;
	animation-name: hvr-back-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background-color: #2098D1;
	background-color: #2098d1;
	color: white
}

.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
	color: white
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.hvr-sweep-to-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-sweep-to-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-sweep-to-left:hover,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:active {
	color: white
}

.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.hvr-sweep-to-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-sweep-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
	color: white
}

.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.hvr-sweep-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-sweep-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-sweep-to-top:hover,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:active {
	color: white
}

.hvr-sweep-to-top:hover:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.hvr-bounce-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s
}

.hvr-bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
	color: white
}

.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-bounce-to-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s
}

.hvr-bounce-to-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-bounce-to-left:hover,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:active {
	color: white
}

.hvr-bounce-to-left:hover:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-bounce-to-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s
}

.hvr-bounce-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:active {
	color: white
}

.hvr-bounce-to-bottom:hover:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-bounce-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s
}

.hvr-bounce-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-bounce-to-top:hover,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:active {
	color: white
}

.hvr-bounce-to-top:hover:before,
.hvr-bounce-to-top:focus:before,
.hvr-bounce-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-radial-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-radial-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
	color: white
}

.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
	-webkit-transform: scale(2);
	transform: scale(2)
}

.hvr-radial-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
	background: #2098D1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-radial-in:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e1e1e1;
	border-radius: 100%;
	-webkit-transform: scale(2);
	transform: scale(2);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-radial-in:hover,
.hvr-radial-in:focus,
.hvr-radial-in:active {
	color: white
}

.hvr-radial-in:hover:before,
.hvr-radial-in:focus:before,
.hvr-radial-in:active:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

.hvr-rectangle-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #2098D1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-rectangle-in:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e1e1e1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-rectangle-in:hover,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:active {
	color: white
}

.hvr-rectangle-in:hover:before,
.hvr-rectangle-in:focus:before,
.hvr-rectangle-in:active:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

.hvr-rectangle-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-rectangle-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
	color: white
}

.hvr-rectangle-out:hover:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:active:before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.hvr-shutter-in-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #2098D1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-shutter-in-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #e1e1e1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:active {
	color: white
}

.hvr-shutter-in-horizontal:hover:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:active:before {
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #2098D1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:active {
	color: white
}

.hvr-shutter-out-horizontal:hover:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.hvr-shutter-in-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #2098D1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-shutter-in-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #e1e1e1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:hover,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:active {
	color: white
}

.hvr-shutter-in-vertical:hover:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:active:before {
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}

.hvr-shutter-out-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-shutter-out-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #2098D1;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-shutter-out-vertical:hover,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:active {
	color: white
}

.hvr-shutter-out-vertical:hover:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.hvr-border-fade {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
}

.hvr-border-fade:hover,
.hvr-border-fade:focus,
.hvr-border-fade:active {
	box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent
}

.hvr-hollow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: background;
	transition-property: background;
	box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
}

.hvr-hollow:hover,
.hvr-hollow:focus,
.hvr-hollow:active {
	background: none
}

.hvr-trim {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-trim:before {
	content: '';
	position: absolute;
	border: white solid 4px;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.hvr-trim:hover:before,
.hvr-trim:focus:before,
.hvr-trim:active:before {
	opacity: 1
}

@-webkit-keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

.hvr-ripple-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-ripple-out:before {
	content: '';
	position: absolute;
	border: #e1e1e1 solid 6px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}

@-webkit-keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1
	}
}

@keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1
	}
}

.hvr-ripple-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-ripple-in:before {
	content: '';
	position: absolute;
	border: #e1e1e1 solid 4px;
	top: -12px;
	right: -12px;
	bottom: -12px;
	left: -12px;
	opacity: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.hvr-ripple-in:hover:before,
.hvr-ripple-in:focus:before,
.hvr-ripple-in:active:before {
	-webkit-animation-name: hvr-ripple-in;
	animation-name: hvr-ripple-in
}

.hvr-outline-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-outline-out:before {
	content: '';
	position: absolute;
	border: #e1e1e1 solid 4px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left
}

.hvr-outline-out:hover:before,
.hvr-outline-out:focus:before,
.hvr-outline-out:active:before {
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px
}

.hvr-outline-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-outline-in:before {
	pointer-events: none;
	content: '';
	position: absolute;
	border: #e1e1e1 solid 4px;
	top: -16px;
	right: -16px;
	bottom: -16px;
	left: -16px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left
}

.hvr-outline-in:hover:before,
.hvr-outline-in:focus:before,
.hvr-outline-in:active:before {
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	opacity: 1
}

.hvr-round-corners {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: border-radius;
	transition-property: border-radius
}

.hvr-round-corners:hover,
.hvr-round-corners:focus,
.hvr-round-corners:active {
	border-radius: 1em
}

.hvr-underline-from-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden
}

.hvr-underline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
	right: 0
}

.hvr-underline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden
}

.hvr-underline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	bottom: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
	left: 0;
	right: 0
}

.hvr-underline-from-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden
}

.hvr-underline-from-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 100%;
	right: 0;
	bottom: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: left;
	transition-property: left;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-underline-from-right:hover:before,
.hvr-underline-from-right:focus:before,
.hvr-underline-from-right:active:before {
	left: 0
}

.hvr-overline-from-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden
}

.hvr-overline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	top: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-overline-from-left:hover:before,
.hvr-overline-from-left:focus:before,
.hvr-overline-from-left:active:before {
	right: 0
}

.hvr-overline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden
}

.hvr-overline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	top: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-overline-from-center:hover:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:active:before {
	left: 0;
	right: 0
}

.hvr-overline-from-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden
}

.hvr-overline-from-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 100%;
	right: 0;
	top: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: left;
	transition-property: left;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-overline-from-right:hover:before,
.hvr-overline-from-right:focus:before,
.hvr-overline-from-right:active:before {
	left: 0
}

.hvr-reveal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden
}

.hvr-reveal:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-color: #2098D1;
	border-style: solid;
	border-width: 0;
	-webkit-transition-property: border-width;
	transition-property: border-width;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-reveal:hover:before,
.hvr-reveal:focus:before,
.hvr-reveal:active:before {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	border-width: 4px
}

.hvr-underline-reveal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden
}

.hvr-underline-reveal:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-underline-reveal:hover:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:active:before {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.hvr-overline-reveal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden
}

.hvr-overline-reveal:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-overline-reveal:hover:before,
.hvr-overline-reveal:focus:before,
.hvr-overline-reveal:active:before {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.hvr-glow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow
}

.hvr-glow:hover,
.hvr-glow:focus,
.hvr-glow:active {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

.hvr-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow
}

.hvr-shadow:hover,
.hvr-shadow:focus,
.hvr-shadow:active {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5)
}

.hvr-grow-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow, transform;
	transition-property: box-shadow, transform
}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.hvr-box-shadow-outset {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow
}

.hvr-box-shadow-outset:hover,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:active {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6)
}

.hvr-box-shadow-inset {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent
}

.hvr-box-shadow-inset:hover,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:active {
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent
}

.hvr-float-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity
}

.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px)
}

.hvr-shadow-radial {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-shadow-radial:before,
.hvr-shadow-radial:after {
	pointer-events: none;
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 5px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.hvr-shadow-radial:before {
	bottom: 100%;
	background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
	background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%)
}

.hvr-shadow-radial:after {
	top: 100%;
	background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
	background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%)
}

.hvr-shadow-radial:hover:before,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:active:after {
	opacity: 1
}

.hvr-bubble-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-bubble-top:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	left: calc(50% - 10px);
	top: 0;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #e1e1e1 transparent
}

.hvr-bubble-top:hover:before,
.hvr-bubble-top:focus:before,
.hvr-bubble-top:active:before {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.hvr-bubble-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-bubble-right:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	top: calc(50% - 10px);
	right: 0;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #e1e1e1
}

.hvr-bubble-right:hover:before,
.hvr-bubble-right:focus:before,
.hvr-bubble-right:active:before {
	-webkit-transform: translateX(10px);
	transform: translateX(10px)
}

.hvr-bubble-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-bubble-bottom:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	left: calc(50% - 10px);
	bottom: 0;
	border-width: 10px 10px 0 10px;
	border-color: #e1e1e1 transparent transparent transparent
}

.hvr-bubble-bottom:hover:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:active:before {
	-webkit-transform: translateY(10px);
	transform: translateY(10px)
}

.hvr-bubble-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-bubble-left:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	top: calc(50% - 10px);
	left: 0;
	border-width: 10px 10px 10px 0;
	border-color: transparent #e1e1e1 transparent transparent
}

.hvr-bubble-left:hover:before,
.hvr-bubble-left:focus:before,
.hvr-bubble-left:active:before {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px)
}

.hvr-bubble-float-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-top:before {
	position: absolute;
	z-index: -1;
	content: '';
	left: calc(50% - 10px);
	top: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #e1e1e1 transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-top:hover,
.hvr-bubble-float-top:focus,
.hvr-bubble-float-top:active {
	-webkit-transform: translateY(10px);
	transform: translateY(10px)
}

.hvr-bubble-float-top:hover:before,
.hvr-bubble-float-top:focus:before,
.hvr-bubble-float-top:active:before {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.hvr-bubble-float-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-right:before {
	position: absolute;
	z-index: -1;
	top: calc(50% - 10px);
	right: 0;
	content: '';
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #e1e1e1;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-right:hover,
.hvr-bubble-float-right:focus,
.hvr-bubble-float-right:active {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px)
}

.hvr-bubble-float-right:hover:before,
.hvr-bubble-float-right:focus:before,
.hvr-bubble-float-right:active:before {
	-webkit-transform: translateX(10px);
	transform: translateX(10px)
}

.hvr-bubble-float-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-bottom:before {
	position: absolute;
	z-index: -1;
	content: '';
	left: calc(50% - 10px);
	bottom: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #e1e1e1 transparent transparent transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-bottom:hover,
.hvr-bubble-float-bottom:focus,
.hvr-bubble-float-bottom:active {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.hvr-bubble-float-bottom:hover:before,
.hvr-bubble-float-bottom:focus:before,
.hvr-bubble-float-bottom:active:before {
	-webkit-transform: translateY(10px);
	transform: translateY(10px)
}

.hvr-bubble-float-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-left:before {
	position: absolute;
	z-index: -1;
	content: '';
	top: calc(50% - 10px);
	left: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #e1e1e1 transparent transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-left:hover,
.hvr-bubble-float-left:focus,
.hvr-bubble-float-left:active {
	-webkit-transform: translateX(10px);
	transform: translateX(10px)
}

.hvr-bubble-float-left:hover:before,
.hvr-bubble-float-left:focus:before,
.hvr-bubble-float-left:active:before {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px)
}

.hvr-icon-back {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s
}

.hvr-icon-back .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-back:hover .hvr-icon,
.hvr-icon-back:focus .hvr-icon,
.hvr-icon-back:active .hvr-icon {
	-webkit-transform: translateX(-4px);
	transform: translateX(-4px)
}

.hvr-icon-forward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s
}

.hvr-icon-forward .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-forward:hover .hvr-icon,
.hvr-icon-forward:focus .hvr-icon,
.hvr-icon-forward:active .hvr-icon {
	-webkit-transform: translateX(4px);
	transform: translateX(4px)
}

@-webkit-keyframes hvr-icon-down {
	0%,

	50%,

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	25%,

	75% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
}

@keyframes hvr-icon-down {
	0%,

	50%,

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	25%,

	75% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
}

.hvr-icon-down {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-icon-down .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-down:hover .hvr-icon,
.hvr-icon-down:focus .hvr-icon,
.hvr-icon-down:active .hvr-icon {
	-webkit-animation-name: hvr-icon-down;
	animation-name: hvr-icon-down;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-up {
	0%,

	50%,

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	25%,

	75% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
}

@keyframes hvr-icon-up {
	0%,

	50%,

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	25%,

	75% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
}

.hvr-icon-up {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-icon-up .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-up:hover .hvr-icon,
.hvr-icon-up:focus .hvr-icon,
.hvr-icon-up:active .hvr-icon {
	-webkit-animation-name: hvr-icon-up;
	animation-name: hvr-icon-up;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

.hvr-icon-spin {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-icon-spin .hvr-icon {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out
}

.hvr-icon-spin:hover .hvr-icon,
.hvr-icon-spin:focus .hvr-icon,
.hvr-icon-spin:active .hvr-icon {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

@-webkit-keyframes hvr-icon-drop {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	51%,

	100% {
		opacity: 1
	}
}

@keyframes hvr-icon-drop {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	51%,

	100% {
		opacity: 1
	}
}

.hvr-icon-drop {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-icon-drop .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-drop:hover .hvr-icon,
.hvr-icon-drop:focus .hvr-icon,
.hvr-icon-drop:active .hvr-icon {
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-animation-name: hvr-icon-drop;
	animation-name: hvr-icon-drop;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-icon-fade {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-icon-fade .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color;
	transition-property: color
}

.hvr-icon-fade:hover .hvr-icon,
.hvr-icon-fade:focus .hvr-icon,
.hvr-icon-fade:active .hvr-icon {
	color: #0F9E5E
}

@-webkit-keyframes hvr-icon-float-away {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-1em);
		transform: translateY(-1em)
	}
}

@keyframes hvr-icon-float-away {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-1em);
		transform: translateY(-1em)
	}
}

.hvr-icon-float-away {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-icon-float-away .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.hvr-icon-float-away:hover .hvr-icon,
.hvr-icon-float-away:focus .hvr-icon,
.hvr-icon-float-away:active .hvr-icon {
	-webkit-animation-name: hvr-icon-float-away;
	animation-name: hvr-icon-float-away;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-sink-away {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(1em);
		transform: translateY(1em)
	}
}

@keyframes hvr-icon-sink-away {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(1em);
		transform: translateY(1em)
	}
}

.hvr-icon-sink-away {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-icon-sink-away .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.hvr-icon-sink-away:hover .hvr-icon,
.hvr-icon-sink-away:focus .hvr-icon,
.hvr-icon-sink-away:active .hvr-icon {
	-webkit-animation-name: hvr-icon-sink-away;
	animation-name: hvr-icon-sink-away;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

.hvr-icon-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-grow .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-grow:hover .hvr-icon,
.hvr-icon-grow:focus .hvr-icon,
.hvr-icon-grow:active .hvr-icon {
	-webkit-transform: scale(1.3) translateZ(0);
	transform: scale(1.3) translateZ(0)
}

.hvr-icon-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-shrink .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-shrink:hover .hvr-icon,
.hvr-icon-shrink:focus .hvr-icon,
.hvr-icon-shrink:active .hvr-icon {
	-webkit-transform: scale(0.8);
	transform: scale(0.8)
}

@-webkit-keyframes hvr-icon-pulse {
	25% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	75% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

@keyframes hvr-icon-pulse {
	25% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	75% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

.hvr-icon-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-icon-pulse .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-pulse:hover .hvr-icon,
.hvr-icon-pulse:focus .hvr-icon,
.hvr-icon-pulse:active .hvr-icon {
	-webkit-animation-name: hvr-icon-pulse;
	animation-name: hvr-icon-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-pulse-grow {
	to {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
}

@keyframes hvr-icon-pulse-grow {
	to {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
}

.hvr-icon-pulse-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-icon-pulse-grow .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-pulse-grow:hover .hvr-icon,
.hvr-icon-pulse-grow:focus .hvr-icon,
.hvr-icon-pulse-grow:active .hvr-icon {
	-webkit-animation-name: hvr-icon-pulse-grow;
	animation-name: hvr-icon-pulse-grow;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}

@-webkit-keyframes hvr-icon-pulse-shrink {
	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

@keyframes hvr-icon-pulse-shrink {
	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

.hvr-icon-pulse-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.hvr-icon-pulse-shrink .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-pulse-shrink:hover .hvr-icon,
.hvr-icon-pulse-shrink:focus .hvr-icon,
.hvr-icon-pulse-shrink:active .hvr-icon {
	-webkit-animation-name: hvr-icon-pulse-shrink;
	animation-name: hvr-icon-pulse-shrink;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}

@-webkit-keyframes hvr-icon-push {
	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5)
	}
}

@keyframes hvr-icon-push {
	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5)
	}
}

.hvr-icon-push {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-push .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-push:hover .hvr-icon,
.hvr-icon-push:focus .hvr-icon,
.hvr-icon-push:active .hvr-icon {
	-webkit-animation-name: hvr-icon-push;
	animation-name: hvr-icon-push;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-pop {
	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@keyframes hvr-icon-pop {
	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

.hvr-icon-pop {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-pop .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-pop:hover .hvr-icon,
.hvr-icon-pop:focus .hvr-icon,
.hvr-icon-pop:active .hvr-icon {
	-webkit-animation-name: hvr-icon-pop;
	animation-name: hvr-icon-pop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.hvr-icon-bounce {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-bounce .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-bounce:hover .hvr-icon,
.hvr-icon-bounce:focus .hvr-icon,
.hvr-icon-bounce:active .hvr-icon {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36)
}

.hvr-icon-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-rotate .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-rotate:hover .hvr-icon,
.hvr-icon-rotate:focus .hvr-icon,
.hvr-icon-rotate:active .hvr-icon {
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg)
}

.hvr-icon-grow-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-grow-rotate .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-grow-rotate:hover .hvr-icon,
.hvr-icon-grow-rotate:focus .hvr-icon,
.hvr-icon-grow-rotate:active .hvr-icon {
	-webkit-transform: scale(1.5) rotate(12deg);
	transform: scale(1.5) rotate(12deg)
}

.hvr-icon-float {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-float .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-float:hover .hvr-icon,
.hvr-icon-float:focus .hvr-icon,
.hvr-icon-float:active .hvr-icon {
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px)
}

.hvr-icon-sink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-sink .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-sink:hover .hvr-icon,
.hvr-icon-sink:focus .hvr-icon,
.hvr-icon-sink:active .hvr-icon {
	-webkit-transform: translateY(4px);
	transform: translateY(4px)
}

@-webkit-keyframes hvr-icon-bob {
	0% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}

	50% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}

	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
}

@keyframes hvr-icon-bob {
	0% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}

	50% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}

	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
}

@-webkit-keyframes hvr-icon-bob-float {
	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
}

@keyframes hvr-icon-bob-float {
	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
}

.hvr-icon-bob {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-bob .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-bob:hover .hvr-icon,
.hvr-icon-bob:focus .hvr-icon,
.hvr-icon-bob:active .hvr-icon {
	-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
	animation-name: hvr-icon-bob-float, hvr-icon-bob;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate
}

@-webkit-keyframes hvr-icon-hang {
	0% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}

	50% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px)
	}

	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
}

@keyframes hvr-icon-hang {
	0% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}

	50% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px)
	}

	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
}

@-webkit-keyframes hvr-icon-hang-sink {
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
}

@keyframes hvr-icon-hang-sink {
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
}

.hvr-icon-hang {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-hang .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-hang:hover .hvr-icon,
.hvr-icon-hang:focus .hvr-icon,
.hvr-icon-hang:active .hvr-icon {
	-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
	animation-name: hvr-icon-hang-sink, hvr-icon-hang;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px)
	}

	33.3% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px)
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes hvr-icon-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px)
	}

	33.3% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px)
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.hvr-icon-wobble-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-wobble-horizontal .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-wobble-horizontal:hover .hvr-icon,
.hvr-icon-wobble-horizontal:focus .hvr-icon,
.hvr-icon-wobble-horizontal:active .hvr-icon {
	-webkit-animation-name: hvr-icon-wobble-horizontal;
	animation-name: hvr-icon-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-wobble-vertical {
	16.65% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}

	33.3% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}

	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}

	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes hvr-icon-wobble-vertical {
	16.65% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}

	33.3% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}

	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}

	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.hvr-icon-wobble-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-wobble-vertical .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-wobble-vertical:hover .hvr-icon,
.hvr-icon-wobble-vertical:focus .hvr-icon,
.hvr-icon-wobble-vertical:active .hvr-icon {
	-webkit-animation-name: hvr-icon-wobble-vertical;
	animation-name: hvr-icon-wobble-vertical;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}
}

@keyframes hvr-icon-buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}
}

.hvr-icon-buzz {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-buzz .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-buzz:hover .hvr-icon,
.hvr-icon-buzz:focus .hvr-icon,
.hvr-icon-buzz:active .hvr-icon {
	-webkit-animation-name: hvr-icon-buzz;
	animation-name: hvr-icon-buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0)
	}

	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0)
	}
}

@keyframes hvr-icon-buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0)
	}

	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0)
	}
}

.hvr-icon-buzz-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hvr-icon-buzz-out .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-buzz-out:hover .hvr-icon,
.hvr-icon-buzz-out:focus .hvr-icon,
.hvr-icon-buzz-out:active .hvr-icon {
	-webkit-animation-name: hvr-icon-buzz-out;
	animation-name: hvr-icon-buzz-out;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.hvr-curl-top-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-curl-top-left:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	top: 0;
	left: 0;
	background: white;
	background: linear-gradient(135deg, #ffffff 45%, #aaaaaa 50%, #cccccc 56%, #ffffff 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
	z-index: 1000;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: width, height;
	transition-property: width, height
}

.hvr-curl-top-left:hover:before,
.hvr-curl-top-left:focus:before,
.hvr-curl-top-left:active:before {
	width: 25px;
	height: 25px
}

.hvr-curl-top-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-curl-top-right:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	top: 0;
	right: 0;
	background: white;
	background: linear-gradient(225deg, #ffffff 45%, #aaaaaa 50%, #cccccc 56%, #ffffff 80%);
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: width, height;
	transition-property: width, height
}

.hvr-curl-top-right:hover:before,
.hvr-curl-top-right:focus:before,
.hvr-curl-top-right:active:before {
	width: 25px;
	height: 25px
}

.hvr-curl-bottom-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-curl-bottom-right:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	bottom: 0;
	right: 0;
	background: white;
	background: linear-gradient(315deg, #ffffff 45%, #aaaaaa 50%, #cccccc 56%, #ffffff 80%);
	box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: width, height;
	transition-property: width, height
}

.hvr-curl-bottom-right:hover:before,
.hvr-curl-bottom-right:focus:before,
.hvr-curl-bottom-right:active:before {
	width: 25px;
	height: 25px
}

.hvr-curl-bottom-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative
}

.hvr-curl-bottom-left:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	bottom: 0;
	left: 0;
	background: white;
	background: linear-gradient(45deg, #ffffff 45%, #aaaaaa 50%, #cccccc 56%, #ffffff 80%);
	box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: width, height;
	transition-property: width, height
}

.hvr-curl-bottom-left:hover:before,
.hvr-curl-bottom-left:focus:before,
.hvr-curl-bottom-left:active:before {
	width: 25px;
	height: 25px
}

html {
	height: 100%
}

body {
	height: 100%;
	background: #fff;
	color: #000
}

body.font_en {
	font-family: 'UTM-Avo', sans-serif;
}

body.font_en h1,
body.font_en h2,
body.font_en h5 {
	font-family: 'UTM-AvoBold';
}

body.font_en h5 {
	font-size: 1.25rem
}

body.font_en strong {
	font-size: 1.25rem;
	font-family: 'UTM-AvoBold';
}

@media screen and (max-width: 788px) {
	body.font_en strong {
		font-size: 1.5rem
	}
}

body.font_th {
	font-family: 'Kanit', sans-serif
}

body .font-small {
	font-size: 0.875rem !important
}

body .font-medial {
	font-size: 1.125rem !important
}

body.bg {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto
}

.bg {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto
}

.mobile-show {
	display: none
}

.desktop-show {
	display: block;
}

.mobile-mini-show {
	display: none
}

p {
	line-height: 1.5rem;
	margin-bottom: 10px;
}

@media screen and (max-width: 480px) {
	p {
		line-height: 1.3rem
	}
}

a {
	color: #fff;
	text-decoration: none
}

a:hover {
	color: #eeeeee;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear
}

.wrapper {
	margin: 0 auto;
	max-width: 1352px
}

@media screen and (max-width: 1366px) {
	.wrapper {
		max-width: 1270px
	}
}

@media screen and (max-width: 1155px) {
	.wrapper {
		max-width: 1024px
	}
}

@media screen and (max-width: 1024px) {
	.wrapper {
		max-width: 944px
	}
}

@media screen and (max-width: 788px) {
	.wrapper {
		max-width: 688px
	}
}

@media screen and (max-width: 480px) {
	.wrapper {
		max-width: calc(100% - 30px)
	}

	.wrapper .mobile-mini-show {
		display: block
	}
}

.line {
	margin: 5px auto;
	width: 50px;
	height: 1px;
	background: #7C7C7C
}

.line-full {
	font-size: 1.125rem;
	width: 100%;
	padding-bottom: 8px;
	border-bottom: 2px solid #000;
}

#th_logo {
	position: absolute;
	left: 0;
	display: none;
	top: 17vh;
}

.header-mainpage {
	padding: 39px 0 75px 0;
	display: flex;
	flex-flow: row wrap
}

@media screen and (max-width: 1024px) {
	.header-mainpage {
		padding: 70px 0 75px 0
	}
}

@media screen and (max-width: 788px) {
	.header-mainpage {
		padding: 75px 0 75px 0
	}
}

@media screen and (max-width: 480px) {
	.header-mainpage {
		padding: 40px 0 75px 0
	}
}

.header-mainpage .box_left {
	position: relative;
	width: 49%;
	z-index: 5
}

@media screen and (max-width: 788px) {
	.header-mainpage .box_left {
		width: 40%
	}
}

@media screen and (max-width: 480px) {
	.header-mainpage .box_left {
		width: 0;
		float: inherit
	}
}

.header-mainpage .box_left .box_left_bottom {
	font-size: 0.875em;
	position: absolute;
	bottom: 0;
	left: 0
}

@media screen and (max-width: 788px) {
	.header-mainpage .box_left .box_left_bottom {
		bottom: 40px
	}
}

@media screen and (max-width: 480px) {
	.header-mainpage .box_left .box_left_bottom {
		display: none
	}
}

.header-mainpage .box_left .box_left_bottom #logo_site {
	margin-bottom: 20px;
	display: block
}

.header-mainpage .box_left .box_left_bottom p {
	display: inline-block;
	width: 169px;
	margin-right: 20px
}

.header-mainpage .box_left .box_left_bottom ul {
	display: inline-block;
	width: 260px
}

.header-mainpage .box_left .box_left_bottom ul li {
	display: inline-block;
	padding: 4px;
	width: 122px
}

.header-mainpage .box_left .box_left_bottom ul li span {
	display: inline-block;
	width: 30px
}

@media screen and (max-width: 788px) {
	.header-mainpage .menu {
		width: 60%
	}
}

@media screen and (max-width: 480px) {
	.header-mainpage .menu {
		width: 100%;
		float: left
	}
}

.header-mainpage .menu li {
	font-family: 'Anton', sans-serif;
	padding: 5px 0;
	position: relative
}

@media screen and (max-width: 480px) {
	.header-mainpage .menu li {
		padding: 5px 0
	}
}

.header-mainpage .menu li a {
	font-size: 7vh;
	position: relative
}

@media screen and (max-width: 1024px) {
	.header-mainpage .menu li a {
		font-size: 6.5vh
	}
}

@media screen and (max-width: 788px) {
	.header-mainpage .menu li a {
		font-size: 6vh
	}
}

@media screen and (max-width: 480px) {
	.header-mainpage .menu li a {
		font-size: 6vh
	}
}

.header-mainpage .menu li a svg {
	position: absolute;
	top: 0vh;
	left: -9vh;
	width: 8vh;
	height: 8vh;
	-moz-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	-webkit-transition: all .9s ease;
	-webkit-transition-delay: 0s;
	transition: all .9s ease 0s
}

.header-mainpage .menu li a.crazy_action {
	opacity: .7;
	-webkit-text-stroke: 2px #FFFFFF;
	-moz-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	-webkit-transition: all .9s ease;
	-webkit-transition-delay: 0s;
	transition: all .9s ease 0s;
	color: transparent
}

.header-mainpage .menu li a:hover {
	opacity: 1;
	color: #fff
}

.header-mainpage .menu li a:hover svg {
	top: 0vh;
	left: -13vh;
	width: 12vh;
	height: 12vh;
	-moz-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	-webkit-transition: all .9s ease;
	-webkit-transition-delay: 0s;
	transition: all .9s ease 0s
}

.text-title {
	margin-top: 2vh;
	text-align: right
}

@media screen and (max-width: 480px) {
	.text-title {
		font-size: .8rem
	}
}

.header-sub-page {
	padding: 39px 0 0 0;
	display: flex;
	flex-flow: row wrap
}

@media screen and (max-width: 788px) {
	.header-sub-page {
		display: block;
		margin-top: 17px
	}
}

.header-sub-page .box_left {
	position: relative;
	width: 50%
}

.header-sub-page .box_left .box_left_bottom {
	font-size: 0.875em;
	position: absolute;
	bottom: 24px;
	left: 0
}

.header-sub-page .box_left .box_left_bottom #logo_site {
	margin-bottom: 20px;
	display: block
}

.header-sub-page .box_left .box_left_bottom p {
	display: inline-block;
	width: 169px;
	margin-right: 20px
}

.header-sub-page .box_left .box_left_bottom ul {
	display: inline-block;
	width: 210px
}

.header-sub-page .box_left .box_left_bottom ul li {
	display: inline-block;
	padding: 4px
}

/* .container-header-global {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 70px;
	z-index: 2
} */
.container-header-global {
	background: #fff;
}

.container-header-global.haveOpacity:after {
	content: "";
	background: #000000;
	opacity: .7;
	z-index: 1;
	height: 0px;
	display: block
}

@media screen and (max-width: 1024px) {
	.container-header-global.haveOpacity:after {
		padding: 35px 0
	}
}

@media screen and (max-width: 480px) {
	.container-header-global.haveOpacity:after {
		padding: 0
	}
}

.container-header-global .header-global {
	position: relative;
	padding: 0 0;
}
.container-header-global.header-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background: transparent;
}

/* .container-header-global .header-global {
	padding: 15px 0 0 0;
	max-width: 1352px;
	position: fixed;
	right: 0;
	left: 0;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	z-index: 99
} */


.container-header-global .header-global .header-group-left {
	display: flex;
	align-items: baseline;
	padding: 20px 0;
}

.container-header-global .header-global .header-group-left #logo-site img {
	/* margin-left:92px */
	height: 69px;
}

.container-header-global .header-global .header-group-right {
	display: flex;
	align-items: baseline
}

@media screen and (max-width: 1024px) {
	.container-header-global .header-global .header-group-right {
		width: 15%
	}
	.container-header-global.header-fixed {
		background: #fff;
	}
}

/* .container-header-global .header-global .header-group-right div:first-child {
	position: absolute;
	top: 37px;
	right: 340px;
} */

.container-header-global .header-global .header-group-right .lang {
	flex: none
}

.container-header-global .header-global .header-group-right a {
	margin: 0 0 0 10px;
	display: inline-block;
	font-size: 18px;
}

.container-header-global .header-global .header-group-right a#m-modelSearch {
	margin-top: -5px;
}
.container-header-global .header-global .header-group-right a#m-modelSearch img {
	width: 40px;
}

.container-header-global .header-global .header-group-right .logo-49group {
	margin-top: 0;
	padding: 20px 0 37px 0;
}

@media screen and (max-width: 1024px) {
	.container-header-global .header-global .header-group-right .logo-49group {
		position: absolute;
		right: 0px;
		top: 0px;
		margin: 0
	}

	.container-header-global .header-global .header-group-right .logo-49group.mobile-show > a > img {
		width: auto;
		max-width: 100%;
		margin-top: 7px;
		height: 30px;
	}
	.container-header-global .header-global .header-group-right .logo-49group.mobile-show .show_list_site > img {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 480px) {
	.container-header-global .header-global .header-group-right .logo-49group {
		top: 0
	}
}

.container-header-global .header-global #modelSearch {
	margin: 8px 0 0 92px
}

@media screen and (max-width: 1024px) {
	.container-header-global .header-global #modelSearch {
		margin: 8px 0 0 70px
	}
}

@media screen and (max-width: 1024px) {
	.main .container-header-global.haveOpacity:after {
		background: transparent;
		padding: 0
	}
}

.container-page {
	margin-top: 80px !important;
}

@media screen and (max-width: 1024px) {
	.container-page .title-top {
		display: block;
		padding-top: 34px;
		text-align: right;
		line-height: 1.5rem
	}
}

@media screen and (max-width: 788px) {
	.container-page {
		margin-top: 140px
	}
}

@media screen and (max-width: 480px) {
	.container-page {
		margin-top: 85px
	}
}

.h1-global {
	display: block;
	padding: 20px;
	font-size: 1.5em
}

.h1-global.center {
	text-align: center
}

.menu {
	width: 50%
}

@media screen and (max-width: 480px) {
	.menu {
		width: 86%;
		float: left;
		margin-left: 13%
	}
}

.menu li {
	text-align: right;
	padding: 5px 0
}

.lang {
	flex: 1 auto;
	font-family: 'UTM-Avo';
	font-size: 0.875em
}

#bg_index_container {
	height: 100vh
}

#bg_index_container .mon {
	object-fit: cover;
	object-position: top;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	height: 100vh;
	width: 100vw;
	background-position: center center;
	background-repeat: no-repeat;
}

.bg_index {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	opacity: 0
}

.box_pin .grid {
	margin: 15px auto
}

.box_pin .grid .grid-item img {
	height: auto
}

@media screen and (max-width: 788px) {
	.box_pin {
		margin-top: 18px
	}
}

.box_pin .title {
	width: 70%;
	font-size: 1.5625em;
	font-weight: 300;
	padding-bottom: 80px
}

@media screen and (max-width: 788px) {
	.box_pin .title {
		width: 100%;
		font-size: 1.25em
	}
}

.footer {
	padding: 27px 0;
	position: relative
}

@media screen and (max-width: 1024px) {
	.footer {
		padding: 17px 0
	}
}

.footer.footer-line {
	border-top: 1px solid #4D4D4D
}

.footer span {
	display: inline-block;
	font-family: 'UTM-Avo';
	font-size: 16px;
}

.footer .logo_footer {
	position: relative;
	top: 5px
}

.footer .box-menu-member {
	position: absolute;
	top: 5px;
	right: 10px
}

.footer .box-menu-member a {
	font-size: 14px;
	text-align: center;
	line-height: .4em;
	padding: 8px 12px;
	margin-right: 10px
}

.owl-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%
}

.title-footer {
	max-width: 1352px;
	position: fixed;
	right: 0;
	left: 0;
	width: 100%;
	bottom: 140px;
	margin-right: auto;
	margin-left: auto;
	z-index: 99
}

@media screen and (max-width: 1024px) {
	.title-footer {
		max-width: 944px
	}
}

@media screen and (max-width: 480px) {
	.title-footer {
		/*right:15px;bottom:78px;text-align:right*/
	}
}

.title-footer h1 {
	font-family: 'UTM-AvoBold', sans-serif !important;
	font-size: 70px;
	padding-bottom: 10px
}

@media screen and (max-width: 480px) {
	.title-footer h1 {
		font-size: 2.75em;
		padding-bottom: 12px
	}
}

.title-footer h6 {
	font-size: 25px;
	font-weight: 100;
	line-height: 1.2em;
	text-align: right
}

.container-year-line .row {
	padding: 40px 0 5px 0;
	border-bottom: 1px solid #7C7C7C
}

.container-year-line .row:first-child {
	padding: 10px 0 5px 0
}

.container-year-line .row:last-child {
	border-bottom: none
}

.container-year-line .row .year {
	display: block;
	margin-bottom: 22px;
	padding-left: 5px
}

.container-year-line .row .container-item {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-end
}

.container-year-line .row .container-item .item {
	width: 324px;
	margin: 0 10px 30px 0px
}

@media screen and (max-width: 1024px) {
	.container-year-line .row .container-item .item {
		width: 220px
	}
}

@media screen and (max-width: 480px) {
	#animatedMain .box_list .item a {
		height: 120px;
	}

	.container-year-line .row .container-item .item {
		/*width:162px;*/
		width: 47%;
		margin: 0 8px 30px 0px
	}

	.container-year-line .row .container-item .item img {
		width: 162px
	}
}

.container-year-line .row .container-item .item:first-child {
	margin: 0 10px 30px 0px
}

.container-year-line .row .container-item .item:last-child {
	margin: 0 10px 30px 0px
}

.container-year-line .row .container-item .item h5 {
	padding-top: 14px
}

.bold {
	font-weight: bold
}

.show_list_site {
	z-index: 9999;
	display: none;
	position: absolute;
	top: 93px;
	right: 0;
	padding: 0;
}

.logo-49group:hover .show_list_site {
	display: block;
}

@media screen and (max-width: 480px) {
	.show_list_site {
		position: fixed
	}
}

.show_list_site ul {
	text-align: left
}

.show_list_site ul li {
	padding: 0 0;
	overflow: hidden;
}

.show_list_site ul li a {
	color: #000000;
	margin: auto !important;
	display: block !important;
}
.show_list_site ul li p.image {
	margin: 0;
}
.show_list_site ul li p.image img {
	height: 69px;
	width: auto;
}

.show_list_site ul li p.site-name {
	float: right;
	width: calc(100% - 118px);
	font-size: 15px;
}

.page-global .title {}

@media screen and (max-width: 1024px) {
	.page-global .title {
		font-size: 2.5rem
	}
}

@media screen and (max-width: 1024px) {
	.page-global .title {
		font-size: 2.1rem
	}
}

.page-global .title.right {
	text-align: right;
	font-family: 'UTM-AvoBold';
	color: #676768;
}

.box-title-bg {
	background-size: 100%;
	height: 520px
}

@media screen and (max-width: 1024px) {
	.box-title-bg {
		height: 350px
	}
}

@media screen and (max-width: 480px) {
	.box-title-bg {
		background-size: cover
	}
}

.box-title-bg .title-bg {
	height: 100%
}

.header_bg_all h1 {
	position: absolute;
	top: 38%;
	right: 0;
	text-align: right;
	font-family: 'Anton', sans-serif !important;
	font-size: 5em
}

@media screen and (max-width: 1024px) {
	.header_bg_all h1 {
		top: 47%;
		font-size: 2.1em
	}
}

.careers_page .box-title-bg {
	background-image: url("img/a49/Intersection208.jpg")
}

.careers_page .btn-careers {
	padding: 14px 92.5px
}

.careers_page .zone-table strong {
	display: block;
	font-size: 2.5rem;
	padding-bottom: 20px
}

@media screen and (max-width: 480px) {
	.careers_page .zone-table strong {
		font-size: 1.56rem;
		padding-bottom: 15px
	}
}

.careers_page .table .tr {
	padding: 14px 0
}

.careers_page .table .td {
	flex: 3;
	-webkit-flex: 3;
	-ms-flex: 3
}

.careers_page .table .td.bold {
	font-weight: bold
}

.careers_page .table .td:first-child {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1
}

.careers_page .table .td:nth-child(2) {
	flex: 4;
	-webkit-flex: 4;
	-ms-flex: 4
}

.careers_page .table .td:nth-child(6) {
	flex: 3;
	-webkit-flex: 3;
	-ms-flex: 3;
	text-align: right
}

.careers_page .table .td a.btn {
	padding: 13px 63px;
	border-color: #000;
	color: #000;
}

.careers_page .table .td a.btn:hover {
	background: #65C8D0;
	color: #fff;
	border-color: #65C8D0;
}

@media screen and (max-width: 480px) {
	.careers_page .table .td a.btn {
		padding: 6px 19px
	}
}

.life_page .box-title-bg {
	/*background-image:url("img/a49/Intersection209.jpg");height:600px*/
}

@media screen and (max-width: 1024px) {
	.life_page .box-title-bg {
		height: 350px
	}
}

@media screen and (max-width: 1024px) {
	.life_page .box-text {
		padding: 50px 0 20px 0
	}
}

.life_page .box-text strong {
	font-size: 50px
}

@media screen and (max-width: 1024px) {
	.life_page .box-text strong {
		font-size: 1.875rem
	}
}

.life_page .box-gall {
	padding-bottom: 48px
}

.life_page .box-gall .row .column {
	flex: 49.33%;
	max-width: 49.99%
}

@media screen and (max-width: 788px) {
	.life_page .box-gall .row .column {
		flex: 45%
	}
}

.life_page .box-gall .row .column img {
	width: 100%;
	margin-top: 2px;
	vertical-align: middle;
	height: 506px;
	object-fit: cover;
}

@media (max-width: 600px) {
	.life_page .box-gall .row .column .column {
		flex: 100%;
		max-width: 100%
	}
}

.container-related {
	margin: 40px auto
}

@media screen and (max-width: 1024px) {
	.container-related {
		margin: 25px auto;
		padding-top: 15px;
		border-top: 1px solid #4D4D4D
	}
}

.container-related strong {
	float: left;
	display: block;
	width: 22%;
	font-size: 42px !important;
	color: #676768;
}

.container-related strong span {
	color: #000;
	font-family: 'UTM-AvoBold';
}

.container-related strong span:last-child {
	color: rgba(101,200,208, 1);
}

@media screen and (max-width: 1024px) {
	.container-related strong {
		font-size: 1.25rem !important;
		padding: 15px 0 25px 5px
	}
}

@media screen and (max-width: 788px) {
	.container-related strong {
		float: none
	}
}

.container-related .container-related-item {
	float: right;
	width: 72%;
	/*overflow:hidden*/
}

@media screen and (max-width: 1024px) {
	.container-related .container-related-item {
		width: 76.5%;
		margin: 0 20px;
		padding: 0 10px;
	}
}

@media screen and (max-width: 788px) {
	.container-related .container-related-item {
		margin-top: 18px;
		float: none
	}
}

@media screen and (max-width: 1024px) {
	.container-related .container-related-item .related-item {
		width: 120px;
		height: 120px;
		float: left
	}
}

@media screen and (max-width: 788px) {
	.container-related .container-related-item .related-item {
		width: 85px;
		height: 85px
	}
}

@media screen and (max-width: 1024px) {
	.container-related .container-related-item .detail-aside {
		float: left;
		max-width: 220px;
		margin-left: 0;
		font-size: 0.875rem
	}
}

@media screen and (max-width: 1024px) and (max-width: 788px) {
	.container-related .container-related-item .detail-aside {
		max-width: 237px
	}
}

@media screen and (max-width: 1024px) {
	.container-related .container-related-item .detail-aside p {
		padding-bottom: 35px
	}

	.container-related .container-related-item .detail-aside span {
		font-weight: bold
	}
}

.zone-related .container-related-item .related-item {
	position: relative
}

@media screen and (max-width: 1024px) {
	.zone-related .container-related-item .related-item {
		width: 305px;
		height: 305px;
		background-size: 100%
	}
}

@media screen and (max-width: 480px) {
	.zone-related .container-related-item .related-item {
		/*width:162px;*/
		width: 100%;
		height: 162px
	}
}

.zone-related .container-related-item .related-item .inner-bg {
	display: none;
	position: absolute;
	bottom: 16px;
	left: 16px;
	z-index: 5
}

@media screen and (max-width: 1024px) {
	.zone-related .container-related-item .related-item .inner-bg {
		display: block
	}
}

.zone-related .container-related-item .related-item .inner-bg h5 {
	font-size: 1.25rem;
	position: initial;
	padding-bottom: 13px
}

.zone-related .container-related-item .related-item .inner-bg span {
	font-size: .875rem;
	line-height: 20px;
}

@media screen and (max-width: 1024px) {
	.zone-related .container-related-item .related-item .inner-bg span {
		display: none
	}
}

.zone-related .container-related-item .related-item:hover .inner-bg {
	display: block
}

.zone-related .container-related-item .related-item:hover:after {
	position: absolute;
	top: 0;
	left: 0;
	background: #000000;
	opacity: .5;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 1
}

@media screen and (max-width: 480px) {
	.zone-related .owl-dots {
		display: none
	}
}

.apply_page {
	background: #000;
	padding: 40px 0;
}

.apply_page .box-title {
	border-bottom: 1px solid #FFFFFF;
	margin-top: 20px;
	padding-bottom: 10px;
}

.apply_page .box-title strong {
	font-size: 40px;
	text-transform: uppercase;
}

.apply_page .zone-property {
	display: flex;
	flex-direction: row;
	padding: 22px 0 70px 0
}

@media screen and (max-width: 480px) {
	.apply_page .zone-property {
		flex-direction: column
	}

	.apply_page .zone-property .zone-property-title {
		font-weight: bold
	}
}

.apply_page .zone-property div:first-child {
	flex: 1
}

@media screen and (max-width: 788px) {
	.apply_page .zone-property div:first-child {
		flex: 2
	}
}

.apply_page .zone-property div:last-child {
	flex: 2;
	text-align: right
}

@media screen and (max-width: 480px) {
	.apply_page .zone-property div:last-child {
		margin-top: 35px;
		text-align: left
	}

	.apply_page .zone-property div:last-child .pdf {
		padding-bottom: 8px;
		border-bottom: 1px solid #4D4D4D;
		margin-bottom: 10px
	}

	.apply_page .zone-property div:last-child .pdf:before {
		display: none
	}
}

.apply_page .zone-property div:last-child span {
	display: block
}

.apply_page .zone-property div:last-child span:first-child {
	font-size: .8em;
	margin-bottom: 5px
}

.apply_page .zone-property div:last-child span:last-child {
	font-size: 1.1em
}

.apply_page .zone-property ul {
	flex: 7
}

.apply_page .zone-property ul li {
	font-size: 1.125rem;
	padding: 2px 0
}

.box-text {
	padding: 30px 0 20px 0;
	/*text-align:center;*/
	font-size: 1.125rem
}

@media screen and (max-width: 480px) {
	.box-text {
		padding: 40px 0 20px 0
	}
}

.box-text h5,
.box-text h6 {
	font-size: 1.25em;
	padding-bottom: 14px
}

.box-text .text {
	max-width: 650px;
	margin: 0 auto;
	padding-bottom: 78px;
	line-height: 1.3;
}

@media screen and (max-width: 480px) {
	.box-text .text {
		padding-bottom: 20px
	}
}

.box-text .text .btn {
	margin: 20px auto
}

@media screen and (max-width: 480px) {
	.box-text .text .btn {
		width: 100%
	}
}

.box-expertise strong {
	font-size: 2.5rem !important;
	padding-bottom: 5px;
	margin-bottom: 20px;
	display: block;
	border-bottom: 1px solid #7C7C7C
}

@media screen and (max-width: 480px) {
	.box-expertise strong {
		margin-bottom: 0;
	}
}

.box-expertise strong.not_line {
	border-bottom: none
}

.box-expertise .item-all {
	padding: 0 0 15px 0
}

.box-expertise .item-all .box_inner {
	overflow: hidden;
	height: 320px;
	margin-bottom: 2px;
	position: relative;
	width: 49.9%
}

@media screen and (max-width: 480px) {
	.box-expertise .item-all .box_inner {
		width: 100%
	}
}

.box-expertise .item-all .box_inner:nth-child(2n+0) {
	margin-left: 2px
}

@media screen and (max-width: 788px) {
	.box-expertise .item-all .box_inner:nth-child(2n+0) {
		margin-left: auto
	}
}

.box-expertise .item-all .item {
	background-size: cover;
	transition: all 1.9s ease 0s
}

@media screen and (max-width: 1024px) {
	.box-expertise .item-all .item {
		background-size: auto 100%
	}
}

@media screen and (max-width: 788px) {
	.box-expertise .item-all .item {
		background-size: auto 100%
	}
}

.box-expertise .item-all .item:hover {
	transform: scale(1.05)
}

.box-expertise .item-all .item h5 {
	position: absolute;
	left: 39px;
	bottom: 20px;
	font-size: 1.8rem;
	font-family: 'Gotham Medium'
}

@media screen and (max-width: 480px) {
	.box-expertise .item-all .item h5 {
		font-size: 1.25rem
	}
}

.box-expertise .item-all .item.item-expertise-a {
	width: 100%
}

@media screen and (max-width: 788px) {
	.box-expertise .item-all .item.item-expertise-a {
		max-width: 688px
	}
}

.box-expertise .item-all .item.item-expertise-b {
	width: 100%
}

@media screen and (max-width: 788px) {
	.box-expertise .item-all .item.item-expertise-b {
		max-width: 688px
	}
}

.box-expertise .item-all .item.item-expertise-c {
	width: 100%
}

@media screen and (max-width: 788px) {
	.box-expertise .item-all .item.item-expertise-c {
		max-width: 688px
	}
}

.item-expertise-d {
	/*width:440px*/
	margin-bottom: 40px;
}

@media screen and (max-width: 788px) {
	.item-expertise-d {
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-align-content: flex-start;
		align-content: flex-start;
		justify-content: flex-start;
		width: 100%;
		max-width: 688px
	}
}

.item-expertise-d li {
	display: inline-block;
	padding: 0 2px 5px
}

.item-expertise-d li a {
	border: 1px solid #7C7C7C;
	display: inline-block;
	text-align: center;
	font-size: .8em;
	padding: 8px 15px;
}

.item-expertise-d li a:hover {
	background: #fff;
	color: #000
}

.box-founder {
	padding: 40px 0 20px 0
}

.box-founder strong {
	font-size: 2.5em !important;
	padding-bottom: 12px;
	margin-bottom: 20px;
	display: block;
	border-bottom: 1px solid #7C7C7C
}

@media screen and (max-width: 1024px) {
	.box-founder .founder-left {
		display: flex;
		align-items: flex-end;
		margin-bottom: 20px
	}
}

@media screen and (max-width: 1024px) {
	.box-founder .img-founder {
		width: 275px !important
	}
}

.box-founder .full-name {
	margin-left: 16px;
	width: 180px
}

@media screen and (max-width: 1024px) {
	.box-founder .full-name {
		width: 37% !important;
		margin-left: 15px !important
	}
}

@media screen and (max-width: 480px) {
	.box-founder .full-name {
		width: 100% !important;
		margin-left: 0 !important;
		margin-bottom: 30px
	}
}

.box-founder .full-name h1 {
	font-size: 1.25em;
	padding-bottom: 20px
}

.box-founder .full-name span {
	display: block
}

.box-founder .detail {
	width: 58%;
	float: right
}

@media screen and (max-width: 1024px) {
	.box-founder .detail {
		width: 100%;
		float: left
	}
}

.box-founder .detail .text-top {
	font-size: 1.25em;
	line-height: 1.5rem;
	padding-bottom: 32px;
	border-bottom: 1px solid #7C7C7C
}

.box-founder .detail .column-2 {
	padding-top: 33px
}

.box-founder .detail .column-2 p {
	width: 385px;
	font-size: .875em;
	line-height: 1.5em
}

@media screen and (max-width: 1024px) {
	.box-founder .detail .column-2 p {
		width: 49%
	}
}

.box-founder .detail .column-2 p:last-child {
	width: 385px
}

@media screen and (max-width: 1024px) {
	.box-founder .detail .column-2 p:last-child {
		width: 49%
	}
}

@media screen and (max-width: 480px) {
	.box-founder .detail .column-2 p:last-child {
		width: 100%
	}
}

@media screen and (max-width: 480px) {
	.box-founder .detail .column-2 p {
		padding-bottom: 15px;
		width: 100%;
		float: left
	}
}

@media screen and (max-width: 1024px) {
	.box-founder .pull-left {
		width: 100%;
		text-align: left
	}
}

.box-team {
	padding-bottom: 80px
}

.box-team strong {
	font-size: 2.5em !important;
	padding-bottom: 5px;
	margin-bottom: 20px;
	display: block;
	border-bottom: 1px solid #7C7C7C
}

@media screen and (max-width: 1024px) {
	.box-team strong {
		font-size: 1.5625rem !important
	}

	.box-founder strong {
		font-size: 1.5625rem !important
	}

	.box-expertise strong {
		font-size: 1.5625rem !important
	}
}

.box-team h6 {
	font-size: 2.1875rem;
	font-weight: bold;
	padding-bottom: 12.5px;
	margin-bottom: 16.5px;
	display: block;
	border-bottom: 1px solid #7C7C7C
}

.box-team .row .item {
	float: left;
	margin: 8px
}

.box-team .row .item.no-margin-left {
	margin: 8px 8px 8px 0
}

@media screen and (max-width: 1024px) {
	.box-team .row .item.no-margin-left {
		margin: 8px 0
	}
}

.box-team .row .item.no-margin-right {
	margin: 8px 0 8px 8px
}

@media screen and (max-width: 1024px) {
	.box-team .row .item.no-margin-right {
		margin: 8px 15px 8px 0
	}
}

@media screen and (max-width: 1024px) {
	.box-team .row .item {
		margin: 8px 15px 8px 0
	}

	.box-team .row .item.mobile-no-margin-left {
		margin: 8px 0
	}

	.box-team .row .item.default-margin {
		margin: 8px 15px 8px 0
	}
}

@media screen and (max-width: 480px) {
	.box-team .row .item {
		margin: 8px 22px 8px 0
	}
}

.box-team .item-a {
	max-width: 674px;
	height: 390px
}

.box-team .item-b,
.box-team .item-c {
	width: 210px;
	height: 390px
}

@media screen and (max-width: 1024px) {

	.box-team .item-b,
	.box-team .item-c {
		width: 224px;
		height: 454px
	}
}

@media screen and (max-width: 788px) {

	.box-team .item-b,
	.box-team .item-c {
		width: 160px;
		height: 380px
	}
}

@media screen and (max-width: 480px) {

	.box-team .item-b,
	.box-team .item-c {
		width: 160px;
		height: 350px
	}
}

.box-team .item-b img,
.box-team .item-c img {
	/*width:100%;*/
	height: 275px;
	max-width: none
}

@media screen and (max-width: 1024px) {

	.box-team .item-b img,
	.box-team .item-c img {
		width: 224px;
		height: 340px
	}
}

@media screen and (max-width: 788px) {

	.box-team .item-b img,
	.box-team .item-c img {
		width: 160px;
		height: 244px
	}
}

@media screen and (max-width: 480px) {

	.box-team .item-b img,
	.box-team .item-c img {
		height: 220px
	}
}

.box-team .item-b h2 {
	padding: 15px 0;
}

.box-team .item-b h2 span {
	font-size: 1.12rem;
	line-height: 1.2em;
	font-weight: bold
}

.box-team .item-c h2 {
	font-size: 1.12rem;
	line-height: 1.2em;
	padding: 15px 0;
	font-weight: bold
}

.box-team .item-b span,
.box-team .item-c span {
	display: block;
	font-size: .875rem;
	line-height: 1.1em
}

.search-list .grid {
	grid-gap: 13px
}

.search-list .grid .grid-item {
	width: 376px
}

.search-list .grid .grid-item img {
	width: 376px
}

.checkbox {
	display: block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	border: 2px solid #ffffff;
	background: transparent
}

.checkbox.active {
	background: #fff
}

.grid_type_page {
	overflow-x: hidden
}

.grid_type_page #box_pin_main {
	padding-top: 0
}

.grid_type_page .grid_type_menu_top,
.preview_page .grid_type_menu_top {
	margin: 50px auto 0 auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #FFFFFF
}
.logo-49group img {
	height: 69px;
}

@media screen and (max-width: 480px) {

	.grid_type_page .grid_type_menu_top,
	.preview_page .grid_type_menu_top {
		margin: 30px auto 0 auto;
		padding-bottom: 10px;
	}
}

@media screen and (max-width: 480px) {

	.grid_type_page .grid_type_menu_top ul,
	.preview_page .grid_type_menu_top ul {
		/*width:100%*/
	}
}

.grid_type_page .grid_type_menu_top ul.left {
	width: 70%
}

@media screen and (max-width: 788px) {
	.grid_type_page .grid_type_menu_top ul.left {
		width: 70%
	}
}

.grid_type_page .grid_type_menu_top ul.left li,
.preview_page .grid_type_menu_top ul.left li {
	position: relative;
	text-align: left;
	float: left;
	padding-right: 10px;
}

.grid_type_page .grid_type_menu_top ul.left li .sort,
.preview_page .grid_type_menu_top ul.left li .sort {
	margin: 4px 0 0 12px
}

.grid_type_page .grid_type_menu_top ul.right li .sort,
.preview_page .grid_type_menu_top ul.right li .sort {
	margin: 4px 0 0 12px
}

/* .grid_type_page .grid_type_menu_top ul li,
.preview_page .grid_type_menu_top ul li {
	padding: 0 19px 0 0;
	display: inline-block;
	font-size: 18px;
	position: relative;
} */

/* .preview_page .grid_type_menu_top ul li {
	padding: 0 19px 0 20px !important;
} */

/* .preview_page .grid_type_menu_top ul.grid-menu-change-display li {
	padding: 0 3px 0 20px !important;
}

.preview_page .grid_type_menu_top ul.grid-menu-change-display li:not(:first-child) {
	padding: 0 4px 0 4px !important;
}

.preview_page .grid_type_menu_top ul li.n_val {
	padding: 14px 0 !important;
} */

.preview_page .grid_type_menu_top ul.grid-menu-filter li:not(:first-child) a::before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #fff;
	border: 2px #000 solid;
	border-radius: 50%;
	left: 0;
	top: 5px;
}

.preview_page .grid_type_menu_top ul.grid-menu-filter li.active a::before, .preview_page .grid_type_menu_top ul.grid-menu-filter li a:hover:before {
	border: 2px rgba(101,200,208, 1) solid;
	background: rgba(101,200,208, 1);
}

.grid_type_page .grid_type_menu_top ul li:last-child,
.preview_page .grid_type_menu_top ul li:last-child {
	padding: 0
}

.grid_type_page .grid_type_menu_top ul li img,
.preview_page .grid_type_menu_top ul li img {
	width: 20px;
	height: 20px
}

.grid_type_page .grid_type_menu_top ul.grid-menu-change-display li img {
	height: 20px;
	width: auto;
}

.grid_type_page .grid_type_menu_top ul li.active,
.preview_page .grid_type_menu_top ul li.active {
	font-family: 'UTM-AvoBold';
}

.grid_type_page .grid_type_menu_top ul li:first-child,
.preview_page .grid_type_menu_top ul li:first-child {
	color: #676768
}

.preview_page .grid_type_menu_top ul.left li a {
	color: #000;
	font-size: 18px;
	padding: 0 17px;
}
.preview_page .grid_type_menu_top ul.left li.active a, .preview_page .grid_type_menu_top ul.left li:hover a {
	color: rgba(101,200,208, 1);
	font-weight: bold;
}

@media screen and (max-width: 480px) {

	.grid_type_page .grid_type_menu_top ul li:first-child,
	.preview_page .grid_type_menu_top ul li:first-child {
		/*display:none*/
	}
}

.grid_type_page .grid_type_detail aside #type-a li,
.preview_page .grid_type_detail aside #type-a li {
	padding-bottom: 14px
}

.grid_type_page .grid_type_detail aside #type-a li span,
.grid_type_page .grid_type_detail aside #type-a li a,
.preview_page .grid_type_detail aside #type-a li span,
.preview_page .grid_type_detail aside #type-a li a {
	display: inline-block
}

.grid_type_page .grid_type_detail aside #type-a li span,
.preview_page .grid_type_detail aside #type-a li span {
	padding-left: 7px
}

.grid_type_page .grid_type_detail aside #type-b input,
.preview_page .grid_type_detail aside #type-b input {
	width: 136px;
	font-size: initial;
	border-bottom: 1px solid #FFF;
	margin-bottom: 7px
}

.grid_type_page .grid_type_detail aside #type-b #list-year,
.preview_page .grid_type_detail aside #type-b #list-year {
	color: #717171
}

.grid_type_page .grid_type_detail aside #type-c,
.preview_page .grid_type_detail aside #type-c {
	width: 148px
}

.grid_type_page .grid_type_detail aside #type-c li,
.preview_page .grid_type_detail aside #type-c li {
	padding-bottom: 6px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 12px
}

.grid_type_page .grid_type_detail aside #type-c li a,
.preview_page .grid_type_detail aside #type-c li a {
	float: right
}

.grid_type_page .grid_type_detail #list-grid .grid,
.preview_page .grid_type_detail #list-grid .grid {
	margin: 0 auto 15px auto
}

.grid_type_page .grid_type_detail #list-grid .grid li img,
.preview_page .grid_type_detail #list-grid .grid li img {
	height: auto
}

.grid_type_page .grid_type_detail #list-grid .grid li h2,
.preview_page .grid_type_detail #list-grid .grid li h2 {
	font-size: 26px;
	font-family: 'UTM-AvoBold';
	line-height: 32px;
}

.grid_type_page .grid_type_detail #list-grid .grid li h2:after,
.preview_page .grid_type_detail #list-grid .grid li h2:after {
	display: none
}

.grid_type_page .grid_type_detail #list-grid .grid li span,
.preview_page .grid_type_detail #list-grid .grid li span {
	position: absolute;
	left: 55px;
	bottom: -52px;
	z-index: 1;
	display: block;
	font-size: 1.1em;
	line-height: 1.2em
}

.grid_type_page .grid_type_detail #list-grid .grid li .grid-title,
.preview_page .grid_type_detail #list-grid .grid li .grid-title {
	position: relative;
	top: -115px;
	display: none
}

.grid_type_page .grid_type_detail #list-grid .grid li:hover .grid-title,
.preview_page .grid_type_detail #list-grid .grid li:hover .grid-title {
	display: block
}

.grid_type_page .grid_type_detail #list-grid .grid li:hover img,
.preview_page .grid_type_detail #list-grid .grid li:hover img {
	opacity: .5
}

@media screen and (max-width: 480px) {

	.grid_type_page .grid_type_detail #list-map,
	.preview_page .grid_type_detail #list-map {
		margin-top: 18px
	}
}

@media screen and (max-width: 480px) {

	.grid_type_page .grid_type_detail #list-table,
	.preview_page .grid_type_detail #list-table {
		margin-top: 18px
	}
}

.grid_type_page .grid_type_detail #list-table .row,
.preview_page .grid_type_detail #list-table .row {
	display: flex;
	flex-wrap: wrap;
	padding: 12px 0;
	border-bottom: 1px solid #717171
}

.grid_type_page .grid_type_detail #list-table .row:first-child,
.preview_page .grid_type_detail #list-table .row:first-child {
	padding: 0 0 12px 0
}

.grid_type_page .grid_type_detail #list-table .row div,
.preview_page .grid_type_detail #list-table .row div {
	width: 12%;
	font-size: 15px;
	line-height: 18px;
	padding-top: 14px
}

.grid_type_page .grid_type_detail #list-table .row div:first-child,
.preview_page .grid_type_detail #list-table .row div:first-child {
	width: 98px;
	padding-top: 0
}

.grid_type_page .grid_type_detail #list-table .row div:nth-child(2),
.preview_page .grid_type_detail #list-table .row div:nth-child(2) {
	margin-left: 12px;
	width: 14%
}

.grid_type_page .grid_type_detail #list-table .row div:nth-child(3),
.preview_page .grid_type_detail #list-table .row div:nth-child(3) {
	text-align: center
}

@media screen and (max-width: 480px) {

	.grid_type_page .grid_type_detail #list-table .row div:nth-child(3),
	.preview_page .grid_type_detail #list-table .row div:nth-child(3) {
		text-align: left
	}
}

.grid_type_page .grid_type_detail #list-table .row div.container-checkbox,
.preview_page .grid_type_detail #list-table .row div.container-checkbox {
	padding-top: 0;
	width: 5%
}

.grid_type_page .grid_type_detail #list-table .row div h2,
.preview_page .grid_type_detail #list-table .row div h2 {
	font-size: 1.1em
}

@media screen and (max-width: 480px) {

	.grid_type_page .grid_type_detail #list-table .row .container-row,
	.preview_page .grid_type_detail #list-table .row .container-row {
		display: flex;
		flex-direction: column;
		margin-left: 10px
	}

	.grid_type_page .grid_type_detail #list-table .row .container-row div,
	.preview_page .grid_type_detail #list-table .row .container-row div {
		width: 100%;
		padding-top: 5px
	}

	.grid_type_page .grid_type_detail #list-table .row .container-row div:nth-child(2),
	.preview_page .grid_type_detail #list-table .row .container-row div:nth-child(2) {
		margin-left: 0
	}
}

@media screen and (max-width: 480px) {

	.grid_type_page .grid_type_menu_top ul,
	.preview_page .grid_type_menu_top ul {
		/*margin:20px 0*/
	}
}

@media screen and (max-width: 480px) {

	.grid_type_page .grid_type_menu_top ul.left,
	.preview_page .grid_type_menu_top ul.left {
		width: 50%
	}

	.grid_type_page .grid_type_menu_top ul.left li.menu-filter-sub,
	.preview_page .grid_type_menu_top ul.left li.menu-filter-sub {
		display: block !important;
		padding-bottom: 4px;
		border-bottom: 1px solid #FFFFFF
	}

	.grid_type_page .grid_type_menu_top ul.left li.menu-filter-sub a,
	.preview_page .grid_type_menu_top ul.left li.menu-filter-sub a {
		width: 10px
	}
}

@media screen and (max-width: 480px) {

	.grid_type_page .grid_type_menu_top ul.right,
	.preview_page .grid_type_menu_top ul.right {
		width: 50%;
		text-align: right
	}

	.grid_type_page .grid_type_menu_top ul.right li,
	.preview_page .grid_type_menu_top ul.right li {
		display: inline-block;
		width: auto;
		padding: 0 0 0 16px
	}

	.grid_type_page .grid_type_menu_top ul.right li:first-child,
	.preview_page .grid_type_menu_top ul.right li:first-child {
		display: none
	}
}

.preview_page .grid {
	margin: 0 auto 30px auto
}

#type-d .container-item {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-end
}

#type-d .container-item .item {
	/*width:326px;margin:0 8px 30px 8px*/
}

#type-d .container-item .item:first-child {
	/*margin:0 8px 30px 0*/
}

#type-d .container-item .item:last-child {
	/*margin:0 0 30px 8px*/
}

#type-d .container-item .item h5 {
	padding-top: 14px;
	font-size: 0.875rem;
	line-height: 1.2rem
}

#type-d .container-item .item span {
	display: block;
	font-size: 0.875rem
}

.project_view .box-title-project {
	position: relative;
	background-size: 100%;
	background-position: top center;
}

@media screen and (max-width: 1024px) {
	.project_view .box-title-project {
		background-image: url("img/a49/Intersection_ipad.jpg");
		height: 768px
	}
}

@media screen and (max-width: 788px) {
	.project_view .box-title-project {
		background-image: url("img/a49/Intersection_ipad.jpg");
		height: 1024px
	}
}

@media screen and (max-width: 480px) {
	.project_view .box-title-project {
		height: 250px;
		background-size: cover;
	}
}

.project_view .box-title-project .wrapper {
	position: absolute;
	bottom: 30px;
	right: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 20px;
}

.project_view .box-title-project .wrapper .right {
	text-align: right
}

@media screen and (max-width: 480px) {
	.project_view .box-title-project .wrapper .right {
		width: 100%
	}
}

.project_view .box-title-project .wrapper .right h1 {
	font-size: 70px;
	margin-bottom: 12px
}

@media screen and (max-width: 480px) {
	.project_view .box-title-project .wrapper .right h1 {
		font-size: 21px
	}

	.project_view .box-title-project .wrapper {
		padding: 0;
	}
}

.project_view .box-title-project .wrapper .right h1 span {
	font-family: 'UTM-Avo';
}

@media screen and (max-width: 480px) {
	.project_view .box-title-project .wrapper .right span {
		font-size: .8em
	}
}

.project_view .box-text p {
	font-size: 16px;
	line-height: 1.4rem;
}

@media screen and (max-width: 480px) {
	.project_view .left {
		margin: 0px auto
	}
}

.project_view .left a {
	font-size: .8em;
	border: 1px solid #FFFFFF;
	padding: 8px 15px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px
}

.box-gall .row {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}

.box-gall .row .column {
	flex: 33%;
	max-width: 33.33%;
	margin: 0 1px
}

.box-gall .row .column:first-child {
	margin: 0 1px 0 0
}

.box-gall .row .column:last-child {
	margin: 0 0 0 1px
}

@media screen and (max-width: 788px) {
	.box-gall .row .column {
		padding: 0 4px
	}
}

@media screen and (max-width: 480px) {
	.box-gall .row .column {
		flex: 100%;
		max-width: 100%;
		padding: 0
	}
}

.box-gall .row .column a {
	display: block
}

.box-gall .row .column a img {
	width: 100%;
	vertical-align: middle
}

@media (max-width: 800px) {
	.box-gall .row .column .column {
		flex: 50%;
		max-width: 50%
	}
}

@media (max-width: 600px) {
	.box-gall .row .column .column {
		flex: 100%;
		max-width: 100%
	}
}

.zone-vr {
	margin: 50px auto 43px auto;
	height: 675px
}

@media screen and (max-width: 1024px) {
	.zone-vr {
		margin: 16px auto;
		height: 500px
	}
}

@media screen and (max-width: 1024px) {
	.zone-vr {
		height: 250px
	}
}

.zone-pdf_download {
	text-align: right;
	margin-bottom: 16px
}

.zone-pdf_download a {
	font-size: .875rem;
	line-height: 1;
	padding: 12px 40px
}

.zone-awards.fAwards {
	padding: 20px 0 0 0
}

.zone-awards span {
	width: 180px;
	display: block;
	float: left;
	font-size: .8em;
	font-weight: bold
}

@media screen and (max-width: 480px) {
	.zone-awards span {
		padding-bottom: 10px
	}
}

@media screen and (max-width: 1024px) {
	.zone-awards .zone-awards-left {
		width: 80%
	}
}

@media screen and (max-width: 788px) {
	.zone-awards .zone-awards-left {
		width: 72%
	}
}

.zone-awards .zone-awards-left figure {
	float: left;
	margin-right: 32px
}

@media screen and (max-width: 1024px) {
	.zone-awards .zone-awards-left figure {
		float: none;
		width: 100%;
		margin-right: 0;
		padding-bottom: 20px
	}

	.zone-awards .zone-awards-left figure div {
		width: 14%
	}
}

.zone-awards .zone-awards-left figure img {
	display: inline-block
}

.zone-awards .zone-awards-left figure figcaption {
	margin-left: 13px;
	font-size: .8rem;
	max-width: 246px;
	line-height: 1.2rem
}

@media screen and (max-width: 1024px) {
	.zone-awards .zone-awards-left figure figcaption {
		max-width: 80%;
		line-height: 1.5rem
	}
}

.zone-info ul {
	border-top: 1px solid #717171
}

.zone-info ul li {
	width: 49%;
	display: inline-block;
	padding: 20px 0;
	border-bottom: 1px solid #717171
}

@media screen and (max-width: 1024px) {
	.zone-info ul li {
		width: 48%
	}
}

@media screen and (max-width: 788px) {
	.zone-info ul li {
		width: 45%
	}
}

@media screen and (max-width: 480px) {
	.zone-info ul li {
		border-bottom: none;
		width: 50%;
		padding: 20px 0 0
	}
}

.zone-info ul li:nth-child(odd) {
	margin-right: 18px
}

.zone-info ul li span {
	display: block
}

.zone-info ul li span:first-child {
	float: left;
	font-size: .8rem;
	font-weight: bold;
	width: 180px
}

@media screen and (max-width: 480px) {
	.zone-info ul li span:first-child {
		padding-bottom: 5px
	}

	.zone-info ul li span:last-child {
		padding-bottom: 10px
	}
}

.zone-info ul li span:last-child {
	float: left;
	font-size: .8rem
}

.zone-location {
	margin: 42px auto 0 auto;
}

.zone-location iframe {
	width: 100%;
	height: 660px
}

@media screen and (max-width: 1024px) {
	.zone-location iframe {
		height: 400px
	}
}

.zone-related .title-name {
	font-size: 2.5em;
	font-weight: bold;
	width: 220px
}

@media screen and (max-width: 480px) {
	.zone-related .title-name {
		font-size: 1.5em
	}
}

.list-column {
	display: flex;
	justify-content: space-between;
	margin-top: 33px
}

@media screen and (max-width: 1024px) {
	.list-column {
		flex-direction: column
	}
}

.list-column .item {
	padding: 15px 0
}

@media screen and (max-width: 1024px) {
	.list-column .item {
		border-bottom: 1px solid #717171
	}

	.list-column .item:first-child {
		border-top: 1px solid #717171
	}
}

@media screen and (max-width: 1024px) {
	.list-column .item:after {
		content: "";
		clear: both;
		display: block
	}
}

.list-column .item .detail {
	width: 210px
}

@media screen and (max-width: 1024px) {
	.list-column .item .detail {
		float: left
	}
}

@media screen and (max-width: 480px) {
	.list-column .item .detail {
		width: 100%;
		margin-bottom: 20px
	}
}

@media screen and (max-width: 1024px) {
	.list-column .item .map {
		float: right;
		max-width: 584px;
		width: 100%
	}

	.list-column .item .map iframe {
		width: 100%
	}
}

@media screen and (max-width: 788px) {
	.list-column .item .map {
		max-width: 440px
	}
}

.list-column .item:last-child {
	text-align: right;
	width: 180px
}

.list-column .item .title-name:active {
	font-weight: bold
}

.list-column .item .text {
	width: 190px;
	margin-top: 25px
}

.list-column .item .text p {
	font-size: .8em;
	line-height: 1.5em
}

.list-column .item .text p:first-child {
	height: 100px;
	padding-bottom: 10px
}

@media screen and (max-width: 480px) {
	.list-column .item .text p:first-child {
		height: auto;
		padding-bottom: 0
	}
}

.list-column .item .text p:last-child {
	padding-bottom: 25px
}

.list-column .item .fb {
	font-size: .87em;
	padding: 10px 0
}

.list-column .item .fb::before {
	width: 40px;
	height: 1px;
	background: #717171;
	content: "";
	position: relative;
	top: -10px;
	left: 0;
	display: block
}

.list-column .item .action-click {
	display: block;
	padding: 0;
	line-height: 1.2rem;
	position: relative
}

@media screen and (max-width: 1024px) {
	.list-column .item .action-click {
		font-weight: bold
	}

	.list-column .item .action-click:after {
		position: absolute;
		left: 0;
		bottom: -10px;
		content: "";
		height: 2px;
		width: 40px;
		border-bottom: 1px solid #ffffff
	}
}

.list-column .item .action-click.active {
	font-weight: bold;
	font-family: 'Gotham Medium';
}

.list-column .item .action-click.active:after {
	position: absolute;
	left: 0;
	bottom: -10px;
	content: "";
	height: 2px;
	width: 40px;
	border-bottom: 1px solid #ffffff
}

.zone-table {
	padding-bottom: 120px
}

.zone-information ul li {
	font-size: .8em;
	padding: 2px 0
}

.zone-information ul li:first-child {
	font-size: 1.25em;
	padding: 22px 0
}

.zone-form {
	padding: 0px 0 25px 0;
}

.zone-form strong {
	display: block;
	font-size: 2.5em;
	padding-bottom: 12px
}

.pdf {
	font-size: 1.1em
}

.pdf:before {
	content: "";
	height: 2px;
	width: 28px;
	background: #FFFFFF;
	position: relative;
	left: -10px;
	top: -5px;
	display: inline-block
}

.apply_page .group-full.submit {
	margin-top: 55px
}

.apply_page .group-full.submit .cover input {
	color: #FFFFFF
}

.apply_page .group-full.submit .cover:hover input {
	background: #65C8D0;
	color: #fff;
	border-color: #65C8D0;
}

.apply_page .group-full.submit .cover:hover {
	border-color: #65C8D0;
}

.apply_page .group-full .form-group:last-child {
	margin-left: 14px
}

@media screen and (max-width: 480px) {
	.apply_page .group-full .form-group:last-child {
		margin-left: 0
	}
}

.apply_page .form-group {
	padding: 10px 0
}

@media screen and (max-width: 480px) {
	.apply_page .form-group {
		width: 100%
	}
}

.apply_page .form-group .cover {
	border: 1px solid #8A8A8A;
	width: 279px;
	position: relative;
	display: table-cell;
	vertical-align: middle
}

@media screen and (max-width: 480px) {
	.apply_page .form-group .cover {
		display: block;
		width: 100%
	}
}

.apply_page .form-group .cover.full {
	width: 572px
}

@media screen and (max-width: 480px) {
	.apply_page .form-group .cover.full {
		width: 100%
	}
}

.apply_page .form-group .cover .cover-dot {
	position: absolute;
	top: 10px;
	right: 5px;
	padding: 5px;
	border-radius: 50%;
	background: #FFFFFF;
	float: right;
	z-index: 1
}

.apply_page .form-group input,
.apply_page .form-group select,
.apply_page .form-group textarea {
	display: block;
	border: none;
	width: 100%;
	font-size: 1.1em;
	height: 42px;
	color: #fff;
	opacity: 1;
}

.apply_page .form-group .explain {
	margin-top: 8px;
	max-width: 279px;
	display: block;
	width: 100%;
	font-size: .8em;
	color: #717171;
	margin-bottom: 0;
}

.apply_page .form-group label {
	margin-bottom: 5px;
	display: block;
	font-size: 1.1em;
	color: #FFFFFF
}

.preview_page .box-gall {
	padding-bottom: 48px
}

@media screen and (max-width: 480px) {
	.preview_page .box-gall .grid {
		max-width: 100%
	}
}

.fade-mon {
	visibility: visible;
	opacity: 0;
	-moz-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	-webkit-transition: all .9s ease;
	-webkit-transition-delay: 0s;
	transition: all .9s ease 0s
}

.fade-mon.active {
	-webkit-animation-name: example;
	-webkit-animation-duration: 3s;
	animation-name: example;
	animation-duration: 3s;
	animation-fill-mode: forwards;
	-moz-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	-webkit-transition: all .9s ease;
	-webkit-transition-delay: 0s;
	transition: all .9s ease 0s
}

.about_view strong {
	padding-bottom: 12px
}

.about_view .full-name span {
	font-size: 1.125em
}

.about_view .detail .text-top {
	font-family: 'Gotham Medium'
}

.about_view .btn-abt {
	padding: 14px 92.5px
}

@-webkit-keyframes example {
	0% {
		opacity: 0
	}

	25% {
		opacity: 0.3
	}

	50% {
		opacity: 0.5
	}

	75% {
		opacity: 0.7
	}

	100% {
		opacity: 1
	}
}

@keyframes example {
	0% {
		opacity: 0
	}

	25% {
		opacity: 0.3
	}

	50% {
		opacity: 0.5
	}

	75% {
		opacity: 0.7
	}

	100% {
		opacity: 1
	}
}

#animatedMain .sort-sub {
	top: 57px;
	margin: 0 auto;
	padding: 40px 0
}

.type-f {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%
}

.type-f .sort-sub {
	right: 0
}

.type-f .sort-sub .inner-sort-sub {
	max-width: 1352px;
	margin: 0 auto
}

.type-f .sort-sub#type-f {
	margin: 0 auto
}

.type-f .sort-sub#type-f li {
	padding: 0 0 18px 0 !important;
	width: 250px;
	text-align: left;
	margin-right: 8px;
	display: inline-block
}

.type-f .sort-sub#type-f li .sort {
	margin: 2px 12px 0 0;
	float: left
}

.slDots {
	bottom: 25px
}

nav {
	width: 100%;
	padding: 0;
	position: relative
}

.sort-sub {
	position: absolute;
	top: 44px;
	left: 0;
	margin: 0 -9999rem;
	padding: 40px 9999rem;
	background: #000;
	z-index: 1;
	color: #fff;
}

.sort-sub li {
	font-size: .875rem !important
}

.sort-sub li:first-child {
	color: #FFFFFF !important
}

.sort-sub#type-a li {
	padding: 0 0 18px 0 !important;
	width: auto;
	text-align: left;
	margin-right: 30px;
	color: #fff;
}

.sort-sub#type-a li .sort {
	margin: 2px 8px 0 0;
	float: left
}

.sort-sub#type-d li {
	padding: 0 0 18px 0 !important;
	width: 212px;
	text-align: left;
	margin-right: 8px
}

.sort-sub#type-d li .sort {
	margin: 2px 12px 0 0;
	float: left
}

.sort-sub#type-g li {
	padding: 0 0 18px 0;
	width: 280px;
	max-width: 320px;
	text-align: left;
	margin-right: 8px
}

.sort-sub#type-g li .sort {
	margin: 4px 12px 0 0;
	float: left
}

.sort-sub#type-g .type-g-inner {
	padding: 12px 0;
	/*border-top:1px solid #717171;*/
	border-bottom: 1px solid #717171
}

.sort-sub#type-g .btn-pdf {
	width: 100%;
	margin-top: 16px
}

.sort-sub#type-g .btn-pdf a {
	display: inline-block;
	padding: 14px 48px;
	width: 250px;
}

.sort-sub#type-e li {
	padding: 0 0 18px 0 !important;
	width: 250px;
	text-align: left;
	margin-right: 8px
}

.sort-sub#type-e li .sort {
	margin: 2px 12px 0 0;
	float: left
}

.sort-sub#type-c {
	max-width: 1352px
}

.grid_type_page {
	overflow-x: hidden;
}

.sort-sub#type-c li {
	max-width: 1352px;
	width: 1352px;
	padding: 14px 0 !important;
	/*border-bottom:1px solid #7C7C7C*/
}

.sort-sub#type-c li span.sort {
	width: 10px;
}

.sort-sub#type-c li:first-child .sort {
	margin: 4px 12px 0 0;
	float: left
}

.sort-sub#type-c li span {
	display: inline-block;
	position: relative;
	width: auto
}

.sort-sub#type-c li span .sort {
	position: absolute;
	position: absolute;
	right: -20px;
	top: 4px
}

.sort-sub#type-b input {
	width: 100px
}

.sort-sub#type-b ::placeholder {
	font-size: 1.125rem
}

.sort-sub#type-b span {
	display: block;
	font-size: .875rem;
	padding-top: 10px;
	color: #fff;
}

.sort-sub-sub {
	padding: 18px 0 0 0
}

.sort-sub-sub li {
	padding: 0 0 18px 0 !important;
	width: 212px !important;
	text-align: left !important;
	margin-right: 8px !important;
	display: inline-block !important;
	border-bottom: none !important
}

.sort-sub-sub li .sort {
	margin: 4px 12px 0 0;
	float: left
}

.title-manu-group span {
	font-size: .875rem
}

.title-manu-group span:last-child {
	font-family: 'UTM-AvoBoldItalic'
}

@media screen and (max-width: 1024px) {
	.title-manu-group span:last-child {
		font-family: 'UTM-AvoBold'
	}
}

.about_49group .popup-header {
	border-bottom: 1px solid #4D4D4D
}

@media screen and (max-width: 1024px) {
	.about_49group .popup-header {
		border-bottom: none
	}
}

video {
	min-width: 100%;
	min-height: 100%
}

.none {
	display: none
}

@media screen and (max-width: 1024px) {
	.ipad_horizontal-show {
		display: block
	}

	.ipad_horizontal-hide {
		display: none !important
	}
}

@media screen and (max-width: 788px) {
	.ipad-hide {
		display: none !important
	}

	.ipad-show {
		display: block
	}
}

@media screen and (max-width: 480px) {
	.mobile-hide {
		display: none !important
	}

	.mobile-show {
		display: block
	}

	.owl-dots {
		position: absolute;
		bottom: 25px;
		left: 0;
		right: 0;
		width: 100%;
		text-align: center;
		margin: 0 auto
	}

	.owl-dots .owl-dot {
		width: 14px;
		height: 14px;
		border: 1px solid #FFFFFF !important;
		background: transparent;
		border-radius: 50%;
		margin: 0 10px
	}

	.owl-dots .owl-dot.active {
		background: #FFFFFF
	}
}


/* Custom CSS */

@font-face {

	font-family: 'SukhumvitSet-Bold';

	src: url('font/SukhumvitSet/SukhumvitSet-Bold.eot');

	src: url('font/SukhumvitSet/SukhumvitSet-Boldd41d.eot?#iefix') format('embedded-opentype'),

		url('font/SukhumvitSet/SukhumvitSet-Bold.svg#SukhumvitSet-Bold') format('svg'),

		url('font/SukhumvitSet/SukhumvitSet-Bold.ttf') format('truetype'),

		url('font/SukhumvitSet/SukhumvitSet-Bold.woff') format('woff'),

		url('font/SukhumvitSet/SukhumvitSet-Bold.woff2') format('woff2');

	font-weight: normal;

	font-style: normal;

}


@font-face {

	font-family: 'SukhumvitSet-Light';

	src: url('font/SukhumvitSet/SukhumvitSet-Light.eot');

	src: url('font/SukhumvitSet/SukhumvitSet-Lightd41d.eot?#iefix') format('embedded-opentype'),

		url('font/SukhumvitSet/SukhumvitSet-Light.svg#SukhumvitSet-Light') format('svg'),

		url('font/SukhumvitSet/SukhumvitSet-Light.ttf') format('truetype'),

		url('font/SukhumvitSet/SukhumvitSet-Light.woff') format('woff'),

		url('font/SukhumvitSet/SukhumvitSet-Light.woff2') format('woff2');

	font-weight: normal;

	font-style: normal;

}


@font-face {

	font-family: 'SukhumvitSet-Medium';

	src: url('font/SukhumvitSet/SukhumvitSet-Medium.eot');

	src: url('font/SukhumvitSet/SukhumvitSet-Mediumd41d.eot?#iefix') format('embedded-opentype'),

		url('font/SukhumvitSet/SukhumvitSet-Medium.svg#SukhumvitSet-Medium') format('svg'),

		url('font/SukhumvitSet/SukhumvitSet-Medium.ttf') format('truetype'),

		url('font/SukhumvitSet/SukhumvitSet-Medium.woff') format('woff'),

		url('font/SukhumvitSet/SukhumvitSet-Medium.woff2') format('woff2');

	font-weight: normal;

	font-style: normal;

}


@font-face {

	font-family: 'SukhumvitSet-SemiBold';

	src: url('font/SukhumvitSet/SukhumvitSet-SemiBold.eot');

	src: url('font/SukhumvitSet/SukhumvitSet-SemiBoldd41d.eot?#iefix') format('embedded-opentype'),

		url('font/SukhumvitSet/SukhumvitSet-SemiBold.svg#SukhumvitSet-SemiBold') format('svg'),

		url('font/SukhumvitSet/SukhumvitSet-SemiBold.ttf') format('truetype'),

		url('font/SukhumvitSet/SukhumvitSet-SemiBold.woff') format('woff'),

		url('font/SukhumvitSet/SukhumvitSet-SemiBold.woff2') format('woff2');

	font-weight: normal;

	font-style: normal;

}


@font-face {

	font-family: 'SukhumvitSet-Text';

	src: url('font/SukhumvitSet/SukhumvitSet-Text.eot');

	src: url('font/SukhumvitSet/SukhumvitSet-Textd41d.eot?#iefix') format('embedded-opentype'),

		url('font/SukhumvitSet/SukhumvitSet-Text.svg#SukhumvitSet-Text') format('svg'),

		url('font/SukhumvitSet/SukhumvitSet-Text.ttf') format('truetype'),

		url('font/SukhumvitSet/SukhumvitSet-Text.woff') format('woff'),

		url('font/SukhumvitSet/SukhumvitSet-Text.woff2') format('woff2');

	font-weight: normal;

	font-style: normal;

}


@font-face {

	font-family: 'SukhumvitSet-Thin';

	src: url('font/SukhumvitSet/SukhumvitSet-Thin.eot');

	src: url('font/SukhumvitSet/SukhumvitSet-Thind41d.eot?#iefix') format('embedded-opentype'),

		url('font/SukhumvitSet/SukhumvitSet-Thin.svg#SukhumvitSet-Thin') format('svg'),

		url('font/SukhumvitSet/SukhumvitSet-Thin.ttf') format('truetype'),

		url('font/SukhumvitSet/SukhumvitSet-Thin.woff') format('woff'),

		url('font/SukhumvitSet/SukhumvitSet-Thin.woff2') format('woff2');

	font-weight: normal;

	font-style: normal;

}

.font_SukhumvitSet {

	font-family: SukhumvitSet-Thin !important;

}

h1.font_SukhumvitSet {

	font-family: SukhumvitSet-Bold !important;

}

h2.font_SukhumvitSet {

	font-family: SukhumvitSet-Bold !important;

}

.font_SukhumvitSet h2 {

	font-family: SukhumvitSet-Bold !important;

}

.popup .detail.font_SukhumvitSet .detail-row:first-child p:first-child {

	line-height: 1.2 !important;

}

.popup .detail.font_SukhumvitSet .detail-row:last-child p {

	line-height: 1.2 !important;

}

.title-footer h1.font_SukhumvitSet {

	font-family: SukhumvitSet-Thin !important;
	font-weight: bold;

}

.title-font {
	font-family: 'UTM-Avo', sans-serif;
	font-size: 5rem;
}

.btn-close-modal {

	cursor: pointer;

}

#btn-close-modal {

	cursor: pointer;

}

.grid_type_page .grid_type_menu_top ul.left li .sort {

	margin: 4px 12px 0 0;

}

#detailNews .owl-item .item img {
	margin: 0 auto;
}

#detailNews .title h2 {
	font-size: 45px;
	padding-bottom: 18px;
}

#detailNews .title {
	margin: 0 0 25px 0;
}

#detailNews time {
	font-size: 21px;
}

.img-asc,
.img-desc {

	width: 12px;

	height: 12px;

	cursor: pointer;

}

.img-asc {

	background-image: url("../img/icon_sort_gray_02.png");

	background-repeat: no-repeat;

}

.img-desc {

	background-image: url("../img/icon_sort_gray_01.png");

	background-repeat: no-repeat;

}

.img-asc.active {

	background-image: url("../img/icon_sort_white_02.png");

	background-repeat: no-repeat;

}

.img-desc.active {

	background-image: url("../img/icon_sort_white_01.png");

	background-repeat: no-repeat;

}

#box-search {
	width: 1200px;
	margin: 0 auto;
}

.header_bg_all {

	background-position: top;
	background-size: 1920px 690px;
	max-width: 1920px;
	margin: 0 auto;
	/*height: 100%; max-height:690px;*/

}

.loadindImg_Div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.9;
	z-index: 999;
}

.loadindImg {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.title-footer {
	/*margin-right: 15px*/
	padding: 0px 15px;
}

.sort_active {
	background: #fff;
}

.splash_div {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: 0.7;

	z-index: 999998;

}

.splash_img {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	width: 80%;

	max-width: 1024px;

	z-index: 999999;

	/*height: 50%;*/

}

.teamBG {
	background-position: top center;
	background-size: 100%;
}

.sec_detail {
	width: 90%;
}

.p_detail_list {
	width: 14%;
	display: inline-flex;
	margin: 0 10px;
}

.p-type.head2 {
	/*height: 35px;*/
	padding: 0 !important;
}

.p-type.head2 .sec_detail {
	/*height: 35px;*/
}

.p-type.head2 .sec_detail div {
	padding-top: 10px !important;
}

.sec_detail div.l_year {
	width: 60px !important;
}

.grid_type_page .grid_type_detail #list-table .row div {
	padding: 7px;
}

#selectAll {
	padding-top: 12px !important;
}

.inp-year {
	font-size: 1rem;
}

.item-president {
	float: right !important;
}

.home_page .owl-dots {
	position: absolute;
	left: 0;
	width: 100%;
	height: 20px !important;
	text-align: center;
	bottom: 100px;
}

.related-item.pj {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#btn-close-modal-menu {
	z-index: 99999999999;
}

.prevNext {
	margin: 0 auto;
	padding: 30px 0;
	max-width: 1352px;
	/*border-bottom: 1px solid #4D4D4D;*/
}

.headBG {
	position: absolute;
	top: 40%;
	right: 35px;
}

.font_SukhumvitSet strong {
	font-family: SukhumvitSet-Medium !important;
}

.sort-sub#type-a li.ta {
	width: 212px !important;
}

.sort-sub#type-a li.ta:first-child {
	margin-right: 25px !important;
}

.n_val {
	max-width: 1352px;
	width: 1352px;
	padding: 14px 0 !important;
}

#animatedMenu {
	overflow: auto;
}

#animatedMenu > .wrapper {
	height: 100%;
}

.sec_detail div:first-child {
	width: 380px !important;
}

div.ui-helper-hidden-accessible {
	display: none;
}

.text-header {
	position: absolute;
	z-index: 1;
	right: 0;
	text-align: right;
	margin-top: 16%;
}

.header_bg_all.hdFixed {
	max-width: 1352px !important;
}

.p_award {
	display: inline-flex;
	width: 285px;
	margin: 0 4px 10px 0
}

.p_award img {
	margin-right: 7px;
}

.p_award div {
	display: inline-block;
	word-break: break-word;
	font-size: .8rem;
}

.col_award {
	display: inline-flex;
	align-items: flex-start;
}

.pPDF {
	margin: 3px 0;
}

body.project_view {
	overflow-x: hidden;
}

.detailSearch {
	margin-top: 10px
}

.ui-widget-content {
	color: #ccc;
}

.awards_page .wrapper.container-page,
.contact_page .wrapper.container-page {
	min-height: calc(100vh - 174px);
	margin-bottom: 73px;
}

.awards_page .wrapper.footer,
.contact_page .wrapper.footer {
	clear: both;
	position: relative;
	height: 73px;
	margin-top: -73px;
}

.footer_pad {
	padding: 0 0px;
}

.wrapper.icon_social {
	margin: 0 15px;
}

.box-team-detail {
	margin-bottom: 15px;
	word-break: break-word;
}

.box-team-detail h2 {
	padding: 15px 0;
}

.box-team-detail span {
	font-size: 0.875rem;
	line-height: 1.2em;
	display: block;
}

.box-team-detail h2 span {
	font-size: 1.2rem;
	font-weight: bold;
}

/*.box-team-div{height: 410px;}*/

.box-team-div.img img {
	object-fit: cover;
	object-position: top;
	height: 97%;
}

.container-year-line .div-publication {
	padding: 40px 0 5px 0;
	border-bottom: 1px solid #7C7C7C
}

.container-year-line .div-publication:first-child {
	padding: 10px 0 5px 0
}

.container-year-line .div-publication:last-child {
	border-bottom: none
}

.div-publication h5.publication-title {
	margin-top: 15px;
	font-size: 0.875rem;
	line-height: 1.2rem;
}

.div-publication span {
	font-size: 0.875rem;
	line-height: 1.2rem;
}

.div-publication-detail {
	margin-bottom: 15px;
}

.div-publication-detail img {
	width: 100%;
}

.list-year .div-awards {
	padding: 30px 0;
	border-bottom: 1px solid #8A8A8A;
}

.list-year .div-awards:last-child {
	border-bottom: none;
}

.div-awards-item {
	margin-bottom: 20px;
}

.div-awards-item img {
	margin-bottom: 10px;
	width: 100%;
}

.div-awards-item h2 {
	font-weight: bold !important;
	line-height: 1rem;
	font-size: 0.875rem;
	margin-bottom: 7px;
}

.div-awards-item p {
	word-break: break-word;
	line-height: 1rem;
	font-size: 0.875rem;
}

.popup .detail-popup .aside .row {
	margin: 0;
}

.list-year .div-awards .year {
	font-family: 'Gotham Medium';
	font-size: 1.1em;
	display: block;
	padding-left: 0px;
}

#animatedNewsDetail {
	padding: 0 20px 40px 20px;
}

.div-awards-item h2.font_SukhumvitSet {
	font-family: SukhumvitSet-Medium !important;
}

.div-publication h5.publication-title.font_SukhumvitSet {
	font-family: SukhumvitSet-Medium !important;
}

#conText {
	width: 100%;
	border-top: 1px solid #717171;
	padding: 20px 0;
}

#cookiePolicy.cookie49Group {
	opacity: 0.7;
	position: fixed;
	bottom: 10px;
	width: 320px;
	z-index: 9;
	background: #222222;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px;
	color: #a9a9a9;
	font-size: 13px;
}

#cookiePolicy.cookieSub49 {
	opacity: 0.7;
	position: fixed;
	bottom: 50px;
	width: 320px;
	z-index: 9;
	background: #222222;
	left: 50px;
	padding: 15px;
	color: #a9a9a9;
	font-size: 13px;
}

.btn-acceptCookies {
	border: #a9a9a9 1px solid;
	padding: 4px 10px;
	margin-top: 7px;
	width: max-content;
	cursor: pointer;
}

.btn-acceptCookies:hover {
	background: #797979;
}

#cookiePolicy a {
	color: #a9a9a9;
	border-bottom: #a9a9a9 1px solid;
	padding-bottom: 1px;
}

.detail-policy {
	max-width: 900px;
	margin: 0 auto 70px auto;
}

.detail-policy h1 {
	font-size: 2.5rem;
	text-align: center;
	margin-bottom: 50px;
}

.detail-policy div {
	margin-bottom: 20px;
}

.detail-policy span {
	display: block;
	font-weight: bold;
}

.detail-policy.font_SukhumvitSet h1 {
	font-family: SukhumvitSet-Medium !important;
	line-height: 2;
}

.detail-policy div {
	line-height: 1.2;
}

.detail-policy.font_SukhumvitSet div {
	line-height: 1.35;
}

.news-pdf_download a {
	font-size: .875rem;
	line-height: 1;
	padding: 12px 40px;
}

.btnCookieClose {
	float: right;
	cursor: pointer;
}

.zone-info ul li span:last-child {
	max-width: calc(100% - 180px);
	word-break: break-word;
	line-height: 1.1rem;
	width: 100%;
}


@media screen and (max-width: 1155px) {

	.zone-info ul li span:last-child {
		max-width: 200px;
	}

}

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

	.zone-info ul li span:last-child {
		max-width: 150px;
	}

}


/* award */

@media screen and (max-width: 1181px) {

	.zone-awards-left {
		width: 75%;
	}

}

@media screen and (max-width: 600px) {

	.col_award {
		display: block;
	}

}

/* About team */

.item.item-d {
	max-width: 1124;
	height: 390px;
}

.item.item-a img {
	object-fit: cover;
	object-position: top;
	height: 390px;
}

@media (min-width: 1254px) and (max-width: 1371px) {

	.item.item-d {
		max-width: 967px;
	}

	.item.item-a {
		max-width: 520px;
	}

}

@media (min-width: 1172px) and (max-width: 1253px) {

	.item.item-d {
		max-width: 924px;
	}

}

@media (min-width: 1025px) and (max-width: 1155px) {

	.item.item-d {
		max-height: 390px;
	}

}


@media screen and (max-width: 1171px) {

	.item.item-a {
		max-width: 454px;
	}

	.president {
		display: inline;
	}

}

@media screen and (max-width: 1111px) {

	.item.item-b.item-president {
		float: none !important;
	}

}

@media screen and (max-width: 1024px) {

	.box-team .row .item.item-a {
		display: none !important;
	}

	.item.item-a img {
		height: 454px;
	}

	.item.item-d {
		display: none !important;
	}

}


.main_desktop {
	display: block;
}

.main_ipad {
	display: none;
}

.main_mobile {
	display: none;
}

/*

#sub_main_desktop {display: block;}

#sub_main_ipad { display: none; }

#sub_main_mobile {display: none;}

*/

/* 

  ##Device = Tablets, Ipads (portrait)

  ##Screen = B/w 768px to 1024px

*/

@media (min-width: 768px) and (max-width: 1024px) {

	.main_desktop {
		display: none;
	}

	.main_ipad {
		display: block;
	}

	.main_mobile {
		display: none;
	}


	/* A49/main*/

	#sub_main_desktop {
		display: none;
	}

	#sub_main_ipad {
		display: block;
	}

	#sub_main_mobile {
		display: none;
	}


	.box-expertise .item-all .item {
		background-size: auto 100%;
	}

	.box-expertise .item-all .box_inner {
		width: 49.8%;
	}


}


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

	.main_desktop {
		display: none;
	}

	.main_ipad {
		display: none;
	}

	.main_mobile {
		display: block;
	}


	.ipad-hide {
		display: none;
	}


	.box-expertise .item-all .item {
		background-size: auto 100%;
	}

	.box-expertise .item-all .box_inner {
		width: 100%;
	}

	.box-expertise .item-all .item.item-expertise-a {
		max-width: none;
	}

}


/* 

  ##Device = Most of the Smartphones Mobiles (Portrait)

  ##Screen = B/w 320px to 479px

*/


@media (min-width: 320px) and (max-width: 480px) {

	.main_desktop {
		display: block;
	}

	.main_ipad {
		display: none;
	}

	.main_mobile {
		display: block;
	}


	/* A49/main*/

	#sub_main_desktop {
		display: block;
	}

	#sub_main_ipad {
		display: none;
	}

	#sub_main_mobile {
		display: block;
	}

	.title-footer h6 {
		font-size: 16px;
	}

	.title-footer h1 {
		font-size: 29px;
		line-height: 34px;
	}

	.show_list_site {
		top: 38px;
		width: auto;
		padding: 15px 10px 0px 10px;
	}

	.container-header-global .header-global .header-group-right .show_list_site img {
		width: auto;
	}

	.show_list_site ul li p.site-name {
		margin-top: 10px;
	}
}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */

/*@media only screen 

  and (min-device-width: 375px) 

  and (max-device-width: 667px) 

  and (-webkit-min-device-pixel-ratio: 2) {

    #main_desktop {display: none;}

    #main_ipad {display: none;}

    #main_mobile {display: block;}



}*/


/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */

/*@media only screen 

  and (min-device-width: 414px) 

  and (max-device-width: 736px) 

  and (-webkit-min-device-pixel-ratio: 3) { 

    #main_desktop {display: none;}

    #main_ipad {display: none;}

    #main_mobile {display: block;}

}*/


/* ----------- iPhone X ----------- */

/* Portrait and Landscape */

/*@media only screen 

  and (min-device-width: 375px) 

  and (max-device-width: 812px) 

  and (-webkit-min-device-pixel-ratio: 3) { 

    #main_desktop {display: none;}

    #main_ipad {display: none;}

    #main_mobile {display: block;}

}*/


/* ipad Landscape*/

@media (min-width: 1025px) and (max-width: 1112px) {

	.zone-related .container-related-item .related-item {
		width: 100% !important;
		height: auto !important;
		padding-top: 100%;
		background-size: cover;
	}

	.relateds_news_item .related-item {
		width: 100% !important;
		height: auto !important;
		padding-top: 100%;
		background-size: cover;
		margin: 0 !important;
	}

	.zone-related .container-related-item .related-item:hover:after {
		width: 100%;
		height: 100%;
	}

	.box-title-project.bg.main_desktop {
		display: none !important;
	}

	.box-title-project.bg.main_ipad {
		display: block !important;
	}

	.box-title-project.bg.main_mobile {
		display: none !important;
	}

	.container-year-line .row .container-item .item {
		width: 32.3%;
		margin: 0 5px 30px 5px;
	}

	.container-year-line .row .container-item .item:first-child {
		width: 32.3%;
		margin: 0 5px 30px 5px;
	}

	.list-year .row .container-item .item {
		width: 19%;
		margin: 0 5px 30px 5px;
	}

	.list-year .row .year {
		padding-left: 5px;
	}

}

@media (min-width: 769px) and (max-width: 1024px) {

	.container-header-global .header-global {
		top: 30px !important;
	}

	.container-header-global.haveOpacity:after {
		height: 30px
	}

	.container-header-global .header-global .header-group-right a {
		margin: 0;
	}

	.project_view .box-title-project .wrapper {
		bottom: 140px;
		padding: 0 20px;
	}

	.pj-title-name {
		float: none;
	}

	.zone-related .container-related-item {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.zone-related .container-related-item .related-item {
		width: 100% !important;
		height: auto !important;
		padding-top: 100%;
		background-size: cover;
	}

	.relateds_news_item .related-item {
		width: 100% !important;
		height: auto !important;
		padding-top: 100%;
		background-size: cover;
		margin: 0 !important;
	}

	.zone-related .container-related-item .related-item:hover:after {
		width: 100%;
		height: 100%;
	}

	.box-title-project.bg.main_desktop {
		display: none !important;
	}

	.box-title-project.bg.main_ipad {
		display: block !important;
	}

	.box-title-project.bg.main_mobile {
		display: none !important;
	}

	.prevNext {
		max-width: 944px;
		margin: 0 auto;
	}

	.container-related .container-related-item .related-item:last-child {
		margin: 0;
	}

}

/* ipad */

@media (min-width: 481px) and (max-width: 768px) {

	.container-header-global .header-global {
		top: 30px !important;
	}

	.container-header-global.haveOpacity:after {
		height: 30px
	}

	.container-header-global .header-global .header-group-right a {
		margin: 0;
	}

	.container-year-line .row .container-item .item {
		width: 219px;
	}

	.project_view .box-title-project .wrapper {
		bottom: 40px;
	}

	.list-year .row .container-item .item {
		width: 215px;
	}

	.show_list_site {
		position: fixed;
		right: 20px;
	}

	.container-header-global .header-global .header-group-right .logo-49group img {
		max-height: 30px;
	}

	.container-header-global .header-global .header-group-right .logo-49group {
		right: 0px;
		top: 7px;
	}

	.title-footer {
		padding: 0px 20px;
	}

	.box-expertise .item-all .box_inner {
		height: 200px;
	}

	.item-president {
		float: left !important;
	}

	.sec_detail {
		width: 80%;
	}

	.project_view .left a {
		display: inline;
	}

	.zone-related .container-related-item .related-item {
		width: 100% !important;
		height: auto !important;
		padding-top: 100%;
		background-size: cover;
	}

	.container-related .container-related-item .related-item {
		width: 248px;
		height: 248px;
		margin: 0;
	}

	.container-related .container-related-item {
		width: 94%;
	}

	.home_page .owl-dots {
		bottom: 14px;
	}

	#modelMenuGroup {
		margin-top: 0px;
	}

	.popup .popup-header {
		padding: 24px 0 24px 0;
	}

	.box-team .item-b img,
	.box-team .item-c img {
		width: 100%;
		height: auto;
	}

	.box-team .item-a {
		height: auto;
		margin-bottom: 20px !important;
		width: 675px !important;
		max-width: 100%;
	}

	.box-team .item-a img {
		width: 100% !important;
	}

	.box-team .row .item {
		align-items: flex-start;
	}

	.pj-title-name {
		float: none;
	}

	.zone-related .container-related-item {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.zone-related .container-related-item .related-item:hover:after {
		width: 100%;
		height: 100%;
	}

	.relateds_news_item .related-item {
		width: 100% !important;
		height: auto !important;
		padding-top: 100%;
		background-size: cover;
	}

	.prevNext {
		max-width: 688px;
	}

	.box-gall .row .column {
		padding: 0 !important;
	}

	.box-title-project.bg.main_desktop {
		display: none !important;
	}

	.box-title-project.bg.main_ipad {
		display: none !important;
	}

	.box-title-project.bg.main_mobile {
		display: block !important;
	}

	.box-team-detail h2 span {
		font-size: 1rem;
	}

	.box-team-div.img {
		display: none !important;
	}

}


/* Mobile */

@media screen and (max-width: 480px) {

	/* 49Group */

	.popup .popup-header {
		padding: 22px 0 36px 0;
	}

	a#modelMenuGroup {
		margin-top: 0px;
	}

	img.m-logo {
		height: 28px;
	}

	.popup .detail-popup .aside .row .name_company {
		text-align: right;
		float: right;
	}

	/* Sub 49 */

	.container-header-global .header-global .header-group-right .logo-49group {
		right: 0;
		padding-bottom: 15px;
		padding-top: 8px;
	}

	a#modelMenu {
		margin-top: 0px;
	}

	img.m-sub-logo {
		height: 28px;
		/*margin:15px 0;*/
	}

	.box-title-bg {
		background-size: auto !important;
		background-position: center center;
	}

	.container-header-global .header-global .header-group-right a {
		margin: 0
	}

	.container-header-global .header-global #modelSearch img {
		width: 30px;
		height: 30px
	}

	.container-header-global .header-global #modelSearch {
		margin: 0px 0 0 20px;
		display: none;
	}

	#box-search {
		width: 320px;
		margin: 0 auto;
	}

	#box-search input {
		width: 100%
	}

	#box-search #btn-close-modal {
		margin: 15px 0 0 -30px;
	}

	.box-text {
		text-align: left;
	}

	.box-team .item-a {
		display: none !important;
	}

	/*.project_view .box-title-project{background-size: auto !important; background-position: center center;}*/

	.grid_type_page .grid_type_menu_top ul li {
		display: block;
		padding: 5px 0px;
	}

	/*.grid_type_page .grid_type_detail #list-table .row div:nth-child(2), .preview_page .grid_type_detail #list-table .row div:nth-child(2){width: 40%;}*/

	.grid_type_page .grid_type_detail #list-table .row div {
		padding-top: 0;
	}

	.zone-info ul li,
	.zone-info ul li div,
	.zone-info ul li div span {
		width: 100% !important;
	}

	.zone-info ul li {
		padding: 0;
	}

	.zone-info ul li:first-child {
		padding: 20px 0 0 0;
	}

	.zone-related .title-name {
		width: 49%;
	}

	.container-related .container-related-item {
		width: 100%;
	}

	.life_page .box-gall .row .column {
		flex: 100%;
		max-width: 100%;
	}

	#box-search input {
		font-size: 16px;
	}

	.popup-global #btn-close-modal {
		position: absolute;
		top: 24px;
		right: 24px;
	}

	.box-expertise .item-all .box_inner {
		width: 100%;
	}

	.newsfilAll {
		display: block !important;
		margin: 5px 0;
	}

	.p_detail_list {
		width: 100% !important;
		margin: 0px 5px 0 12px;
		text-align: left !important;
	}

	.divDetail {
		width: 170px !important;
	}

	.sec_detail {
		width: 60%;
	}

	.preview_page .grid_type_menu_top ul li {
		padding: 0 15px 0 0;
		display: block;
		margin-bottom: 6px;
		float: none!important;
	}

	.preview_page .grid_type_menu_top ul.grid-menu-filter li:not(:first-child) a::before {
		top: 3px;
	}

	.preview_page .grid_type_menu_top ul.left li a {
		font-size: 16px;
	}

	.grid_type_page .grid_type_menu_top ul li:first-child,
	.preview_page .grid_type_menu_top ul li:first-child {
		padding-left: 0 !important;
	}

	.grid_type_page .grid_type_detail #list-grid .grid li h2,
	.preview_page .grid_type_detail #list-grid .grid li h2 {
		font-size: 20px;
	}

	.grid-item figure {
		margin: 0 4px 4px 4px;
	}

	.grid-item figure figcaption {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	figure.effect-lily figcaption>div {
		height: 130px;
	}

	.li_status {
		padding: 14px 0 !important;
		/*border-bottom: 1px solid #7C7C7C;*/
		width: 1352px;
	}

	.sort-sub#type-c li {
		border-bottom: 0px;
	}

	.home_page .owl-dots {
		bottom: 14px;
	}

	.zone-related .container-related-item .related-item {
		width: 162px;
		height: 162px;
		background-size: cover;
	}

	.container-related .container-related-item .related-item h5 {
		width: 100%;
	}

	.zone-related .container-related-item .related-item .inner-bg h5 {
		font-size: 16px;
	}

	.box-expertise .item-all .box_inner {
		height: 180px;
	}

	.m_newsImgAnimate {
		width: 100% !important;
		height: auto !important;
		padding-top: 100%;
		background-size: cover;
	}

	.sort-sub#type-a li {
		width: 100%;
	}

	.type-f .sort-sub {
		padding: 40px 20px !important;
	}

	.prevNext {
		max-width: 334px;
	}

	.n_val {
		padding: 14px 0 !important;
	}

	.close-animatedExpertise {
		top: 0px !important;
		right: 0px !important;
	}

	.box-expertise {
		max-width: 334px;
		margin: 0 auto;
	}

	.box-team-detail h2 span {
		font-size: 1rem;
	}

	.box-team-div.img {
		display: none !important;
	}

	.zone-info ul li span:last-child {
		max-width: 100%;
	}

}


@media screen and (max-width: 480px) {

	.box-team .row .item {
		margin: 8px 2px !important
	}

	.president {
		height: 370px;
	}

}


@media screen and (max-width: 1024px) {
	.ipad_horizontal-show {
		display: block
	}

	.ipad_horizontal-hide {
		display: none !important
	}
}


/* Ipad 10.5 */

/* Landscape */

@media (min-width: 1112px) and (max-width: 1112px) and (orientation: landscape) {

	.box-team .item-a {
		width: 400px;
	}

	.box-team .item-b {
		width: 192px;
	}

}


/*Portrait*/

@media (min-width: 834px) and (max-width: 834px) and (orientation: portrait) {

	.menu {
		width: 60%;
	}

	.header-mainpage .box_left {
		width: 40%;
	}

	.list-year .row .container-item .item {
		width: 23.7%;
		margin: 0 5px 30px 5px;
	}

	.list-year .row .container-item .item img {
		width: 100%;
		height: auto;
	}

	#box_pin_main {
		padding-left: 10px;
	}

	#animatedMenu .box_left_bottom {
		margin-left: 10px;
	}

	#animatedMenu #btn-close-modal-menu {
		right: 15px;
	}

}


/* menu */

@media screen and (max-width: 1352px) {

	.container-header-global .header-global {
		padding: 15px 20px;
	}

	.box-founder .detail .column-2 p {
		width: 49%;
	}

	.box-founder .detail .column-2 p:last-child {
		width: 49%;
	}

	.header_bg_all h1 {
		right: 20px;
	}

}

@media screen and (max-width: 1155px) {

	/*.container-header-global .header-global{max-width: 1024px;}*/

}

@media screen and (max-width: 1112px) {

	/*.container-header-global .header-global{max-width: 1024px;}*/

	.box-founder .detail {
		width: 100%;
	}

	.box-founder .detail .column-2 p {
		width: 49%;
	}

	.box-founder .founder-left {
		margin-bottom: 20px;
		display: flex;
		align-items: flex-end;
	}

}

@media screen and (max-width: 1024px) {

	/*.container-header-global .header-global{max-width: 944px;}*/

	.container-header-global .header-global .header-group-right .logo-49group {
		position: relative;
	}

	.container-header-global .header-global .header-group-right {
		width: max-content;
	}

	.container-header-global .header-global {
		top: 0 !important;
	}

	.container-header-global.haveOpacity:after {
		height: 0px;
	}

	.cont.zone-location {
		display: none;
	}

	#modelMenu,
	#modelMenuGroup {
		position: relative
	}

}

@media screen and (max-width: 788px) {

	.container-header-global .header-global {
		padding: 15px 20px;
	}

	.container-header-global .header-global {
		/*max-width: 688px;*/
	}

	.container-header-global .header-global .header-group-right .logo-49group {
		position: relative;
	}

	.container-header-global .header-global .header-group-right {
		width: max-content;
	}

	.container-header-global .header-global {
		top: 0 !important;
		max-width: 1352px;
	}

	.container-header-global.haveOpacity:after {
		height: 0px;
	}

}

@media screen and (max-width: 480px) {

	.container-header-global .header-global {
		/*max-width: 334px;*/
		padding-top: 5px;
		padding-bottom: 5px;
	}

}


@media screen and (max-width: 1460px) {

	.container-related .owl-carousel {
		margin: 0px 25px;
	}

}

/* About team New */

/*

@media screen and (max-width: 1155px) {

	.box-team-div{height: 350px;}

}

@media screen and (max-width: 991px) {

	.box-team-div.img{display: none;}

	.box-team-div{height: 430px;}

}

@media screen and (max-width: 600px) {

	.box-team-div{height: 380px;}

}

@media screen and (max-width: 480px) {

	.box-team-div{height: 320px;}

}

*/


.btn-backTo {

	display: inline-block;

	text-align: center;

	position: fixed;

	bottom: 30px;

	right: 0px;

	transition: background-color .3s,

		opacity .5s, visibility .5s;

	opacity: 0;

	visibility: hidden;

	z-index: 1000;

	font-size: .875rem;

	line-height: 1;

	padding: 12px 40px;

}

.btn-backTo:hover {

	cursor: pointer;

	background-color: #333;

}

.btn-backTo:active {

	background-color: #555;

}

.btn-backTo.show {

	opacity: 1;

	visibility: visible;

}


.btn-backToCareer {
	display: inline-block;
	margin: auto;
	text-align: center;
	position: relative;
	bottom: 80px;
	transition: background-color .3s,

		opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	line-height: 1;
	padding: 12px 40px 16px 40px;
	border: 1px #000 solid;
	color: #000;
	font-size: 25px;
}

.btn-backToCareer:hover {
	cursor: pointer;
	border: 1px rgba(101,200,208, 1) solid;
	background: rgba(101,200,208, 1);
	color: #fff;

}

.btn-backToCareer:active {

	background-color: #555;

}

.btn-backToCareer.show {

	opacity: 1;

	visibility: visible;

}

.sort-sub#type-n li span {

	display: inline-block;

	position: relative;

	width: auto;

}

.sort-sub#type-n li span.sort {

	width: 10px;

}


#ul_sort_type li {

	margin: 2px !important;

	border: 1px solid #717171;

	padding: 10px 0 10px 10px !important;

}

.fadeProjectSlide {

	position: absolute;

	bottom: 0;

	width: 100%;

	height: 50% !important;

	background: #000;

	z-index: 98;

	-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));

}

.wrapper.proj-slide {
	margin: 0 auto;
	max-width: 1482px;
}

.wrapper.proj-slide .title-footer {
	max-width: 1482px;
	padding: 0px 80px;
}

.proj-detail {
	max-width: 1000px;
	width: 100%;
	display: inline-table;
	float: left;
}

.proj-border-title {
	border-bottom: 1px solid #eee;
	margin-top: 15px;
}

@media screen and (max-width: 600px) {

	.divDetail_right {
		display: none !important;
	}

	.proj-detail {
		display: none !important;
	}

	.wrapper.proj-slide .title-footer {
		padding: 0px 40px;
		bottom: 40px;
	}

	.proj-border-title {
		border-bottom: none;
		margin-top: 0px
	}

	#counter {
		bottom: 20px;
	}

}

.zone-info {
	margin-bottom: 45px;
}

.lh1h {
	line-height: 1.5;
}

.headerTypeTxt {
	width: 100% !important;
}

.aboutCompanyProfile {
	text-align: right;
	margin-bottom: 20px;
}

.ratingStar {
	width: 72px;
}

.btn-companyProfile {
	border: 1px solid #FFF;
	text-align: center;
	margin: 7px 0;
	font-size: .875rem;
	line-height: 1;
	padding: 12px 40px;
}

#ui-id-1 {
	z-index: 9999999999;
}

.ui-menu-item-wrapper {
	cursor: pointer;
}

.text-uppercase {
	text-transform: uppercase;
}
.filter-item {
	position: relative;
	display: inline-block;
	margin: 0 0 15px 0;
}
.filter-item > a {
	color: #333;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    background: #ebebeb;
    padding: 10px 15px 12px 15px;
    width: 265px;
    min-width: auto;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
	display: flex;
    justify-content: space-between;
	align-items: center;
	pointer-events: none;
}
.filter-item-clients > a {
	width: 150px;
}
.filter-item .dropdown {
	display: none;
    width: 100%;
    min-width: auto;
	position: absolute;
    z-index: 1020;
    box-sizing: border-box;
	left: 0;
	top: 38px;
	padding-top: 12px;
}
.filter-item:hover .dropdown {
	display: block;
}
.filter-item .dropdown ul {
	padding: 10px 0;
	box-shadow: 0 5px 12px rgba(0,0,0,.15);
	background: rgba(0,0,0,.55);
	border-radius: 7px;
}
.filter-item .dropdown li {
	display: block;
	padding: 0;
	font-size: 16px;
}
.filter-item .dropdown a {
	display: block;
    transition: all .3s;
    padding: 5px 20px 7px 20px;
    text-decoration: none!important;
	color: #fff;
	line-height: 22px;
	
}
.filter-item .dropdown a:hover {
	background: rgba(101,200,208, 1);
}

@media screen and (max-width: 1024px) {
	.popup-global .social_share.mobile-hide {
		display: none !important;
	}
}