/*
Theme Name: Sushi Ran
Author: Skillz
Author URI: http://skillz.nl/
Description: Het WordPress-thema voor Sushi Ran.
Version: 2.0
*/

/* ------------------ Reset ---------------------- */

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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* ------------------ Elements ------------------- */

html, body {
	width: 100%;
	height: 100%;
}

body {
	background-color: #111;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: always;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: 100;
}

.wrapper {
	position: relative;
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.wrapper.padding { padding: 0 30px; }

section .wrapper:after,
section.contact form:after,
.form-footer:after {
    content: "";
    display: block;
    clear: both;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.notification {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100px;
	line-height: 150%;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	padding-top: 40px;
	background-color: #6BA32D;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-animation: slide-down 1s linear both;
	animation: slide-down 1s linear both;
	z-index: 25;
}

.notification i { 
	margin-right: 10px;
}

.notification.error {
	background-color: #E82725;
}

.notification.error .description {
	font-weight: 400;
	color: rgba(255,255,255,0.7);
}

.btn {
	display: inline-block;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	color: #FFFFFF;
	padding: 11px 15px 12px 13px;
	text-decoration: none;
	line-height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
}

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

.btn i {
	position: relative;
	top: 1px;
}

.btn.icon-left i {
	margin-right: 10px;
}

.btn.icon-right i {
	margin-left: 10px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
button {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 13px;
	border: 1px solid #EEEEEE;
	outline: none;
	padding: 10px 13px;
	background-color: #FAFAFA;
	color: #333;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-appearance: none;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: always;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: 100;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
	border: 1px solid #DDD;
	background-color: #FFFFFF;
}

button {
	background-color: #E72725;
	cursor: pointer;
	color: #FFFFFF;
	transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
}

button:hover {
	background-color: #D71715;
}

button i {
	margin-left: 10px;
	position: relative;
	top: 1px;
}

.read-more {
	cursor: pointer;
	display: block;
	margin-top: 15px;
	color: #E72725;
	font-size: 14px;
	font-weight: 600;
	transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
}

.read-more:hover {
	color: #D71715;
}

.read-more i {
	font-size: 10px;
	margin-left: 8px;
	position: relative;
	bottom: 1px;
}

section.red .read-more { color: rgba(255,255,255,0.9); }
section.red .read-more:hover { color: #FFFFFF; }

/* ------------------ Typography ----------------- */

h1 {
	font-size: 50px;
	line-height: 58px;
	font-weight: 300;
	text-shadow: 0 1px 10px #000;
}

h2 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 300;
}

h2 span {
	color: #E72725;
}

h3 {
	font-size: 18px;
	font-weight: 300;
	text-shadow: 0 1px 10px #000;
}

h4 {
	font-size: 12px;
	font-weight: 600;
	color: #E72725;
}

h4 i {
	margin-right: 8px;
}

p {
	font-size: 14px;
	font-weight: 400;
	line-height: 180%;
	color: #666666;
}

/* ------------------ Header --------------------- */

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100px;
	background-image: url(img/header.jpg);
	background-repeat: repeat-x;
	background-size: 1px 100px;
	background-color: #FFFFFF;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	z-index: 20;
}

header .logo {
	position: absolute;
	cursor: pointer;
	width: 137px;
	height: 70px;
	background-image: url(img/logo.png);
	background-size: 137px 70px;
	top: 11px;
	left: 20px;
	z-index: 20;
}

header .payoff {
	position: absolute;
	width: 184px;
	height: 22px;
	background-image: url(img/payoff.png);
	background-size: 184px 22px;
	top: 34px;
	left: 194px;
	z-index: 20;
}

header .orderbutton {
	float: right;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 600;
	margin-top: 40px;
	margin-right: 13px;
	text-decoration: none;
}

header .orderbutton i {
	margin-left: 11px;
	position: relative;
	top: 1px;
}

header ul.menu,
header .language-menu {
	position: absolute;
	top: 59px;
	left: 185px;
	z-index: 20;
}

header ul.menu li {
	float: left;
	padding: 15px 10px;
	color: #333333;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
}

header ul.menu li:last-of-type {
	margin-right: 0;
}

header ul.menu li.active {
	color: #E72725;
}

header ul.menu li a {
	text-decoration: none;
	font-weight: 400;
	color: #333333;
	transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
}

header ul.menu li a span {
	font-weight: 600;
}

header ul.menu li:hover > a {
	color: #E72725;
}

header ul.menu li i {
	margin-right: 8px;
}

header .language {
	float: left;
	cursor: pointer;
	padding: 15px 15px 15px 35px;
	font-weight: 500;
	font-size: 11px;
	background-size: 16px 16px;
	background-position: 15px center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #333333;
}

header .language.lang-nl { background-image: url(img/nl.png); }
header .language.lang-en { background-image: url(img/en.png); }
header .language.lang-de { background-image: url(img/de.png); }
header .language.lang-fr { background-image: url(img/fr.png); }
header .language.lang-da { background-image: url(img/da.png); }

header .language-menu {
	display: none;
}

header .language.active {
	display: block;
	right: 0;
	padding-right: 22px;
}

header .language-switcher {
	position: absolute;
	right: 10px;
	cursor: pointer;
	top: 59px;
}

header .language-switcher .language-icon {
	position: absolute;
	right: 0;
	top: 13px;
	height: 16px;
	width: 16px;
}

header .language-switcher .language-icon .bar {
	position: absolute;
	width: 6px;
	height: 2px;
	top: 8px;
	background-color: #333;
	transition:all 0.2s ease-in-out;
}

header .language-switcher.cross .bar {
	width: 8px;
}

header .language-switcher .bar:first-of-type {
	left: 4px;
	-webkit-transform: rotate(45deg);
}

header .language-switcher .bar:last-of-type {
	right: 3px;
	-webkit-transform: rotate(-45deg);
}

header .language-switcher.cross .bar:first-of-type {
	left: 5px;
}

header .language-switcher.cross .bar:first-of-type {
	right: 5px;
}

/* ------------------ Intro ---------------------- */

.intro {
	position: relative;
	width: 100%;
	height: 500px;
	background-position: center center;
	background-size: cover;
}

.intro .flower-1 {
	position: absolute;
	top: 100px;
	left: 0;
	width: 299px;
	height: 231px;
	background-size: 299px 231px;
	background-image: url(img/flower1.png);
	z-index: 10;
}

.intro .flower-2 {
	position: absolute;
	top: 160px;
	right: 0;
	width: 165px;
	height: 217px;
	background-size: 165px 217px;
	background-image: url(img/flower2.png);
	z-index: 10;
}

.intro .overlay {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.01) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.01) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.01) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#03000000',GradientType=1 );
}
	
.intro .wrapper { height: 500px; }

.intro h1 {
	position: absolute;
	left: 20px;
	bottom: 60px;
	color: #FFFFFF;
	padding-left: 40px;
	max-width: 260px;
}

.intro h1:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 7px;
	width: 30px;
	height: 44px;
	background-color: #E72725;
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}

/* ------------------ Section: default ----------- */

section {
	position: relative;
	background-color: #FFFFFF;
	background-size: cover;
	background-position: center center;
}

section .btn {
	padding-bottom: 11px;
	font-weight: 600;
	margin-top: 20px;
}

section .btn:hover {
	color: #E72725;
}

section .square {
	position: absolute;
	color: #111111;
	top: 40px;
	width: 100px;
	height: 100px;
	border: 3px solid #FFFFFF;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 14px;
	z-index: 5;
}

section .square .inner {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
}

section .square.left {
	left: 0;
}

section .square.right {
	right: 40px;
}

section .square span {
	color: #FFFFFF;
}

section .square.red {
	background-color: #E72725;
}

section .square.black {
	color: #E72725;
	background-color: #111;
}

section .square.opaque {
	color: #E72725;
	border-color: #E72725;
}

section .square.opaque span {
	color: #FFFFFF;
}

section.error-404 {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

section.error-404 h1 {
	position: fixed;
	height: 50px;
	top: 100px;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
	color: #FFF;
	z-index: 50;
}

section.error-404 h1 span {
	color: #FFF;
	font-weight: 800;
}

section.red {
	background-color: #E72725;
}

section.red h2,
section.red h2 span {
	color: #FFFFFF !important;
}

section.red h2:before {
	background-color: #FFFFFF !important;
}

section.red p {
	color: rgba(255,255,255,0.8) !important;
}

section .wrapper {
	position: relative;
	padding: 30px 20px;
}

section h2 {
	position: relative;
	margin-bottom: 20px;
}

section .text {
	width: 55%;
	padding: 30px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

section .text h2:before {
	content: "";
	display: block;
	position: absolute;
	left: -34px;
	top: 7px;
	width: 18px;
	height: 40px;
	background-color: #E72725;
}

section .text h2,
section .text p {
	max-width: 340px;
}

section .text p {
	margin-bottom: 15px;
}

section.text-partially-hidden .text p {
	display: none;
}

section .text p:first-of-type { display: block !important; }
section .text p:last-of-type { margin-bottom: 0; }

section.text-align-left .overlay {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.01) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.01) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.01) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#03000000',GradientType=1 );
}

section.text-align-right .overlay {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#a6000000',GradientType=1 );
}

section.text-align-left .text 	{
	float: left;
	padding-left: 34px;
}
section.text-align-left .images	{ right: 20px; }

section.text-align-right .text 	{
	float: right;
	padding-left: 86px;
}
section.text-align-right .images { left: 20px; }

section.bg-image h2,
section.bg-image p {
	color: #FFF;
	text-shadow: 1px 0 10px rgba(0,0,0,0.6);
}

section .images {
	width: 45%;
	position: absolute;
	top: 30px;
	bottom: 30px;
}

section .images .image {
	position: absolute;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

section.red.text-align-left .images.size-1 {
	top: 0;
	bottom: 0;
}

section.red.text-align-left .images.size-1 .img-1 {
	background-position: center top;
	
}

section .images.size-1 .img-1 {
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

section .images.size-2 .image {
	width: 48%;
	height: 100%;
	top: 0;
	bottom: 0;
}

section .images.size-2 .img-1 { left: 0; }
section .images.size-2 .img-2 { right: 0; }

section .images.size-3 .image {
	height: 48%;
}

section .images.size-3 .img-1 {
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
}

section .images.size-3 .img-2 {
	width: 48%;
	left: 0;
	bottom: 0;
}

section .images.size-3 .img-3 {
	width: 48%;
	right: 0;
	bottom: 0;
}

section .images.size-4 .image {
	width: 48%;
	height: 48%;
}

section .images.size-4 .img-1 {
	top: 0;
	left: 0;
}

section .images.size-4 .img-2 {
	top: 0;
	right: 0;
}

section .images.size-4 .img-3 {
	bottom: 0;
	left: 0;
}

section .images.size-4 .img-4 {
	bottom: 0;
	right: 0;
}

/* ------------------ Section: jobs -------------- */

section.jobs {
	background-color: #FFFFFF;
}

section.jobs .text {
	padding: 30px 0 30px 34px;
}

section.jobs .text h2 {
	color: #111;
}

section.jobs .text p {
	color: #666;
}

section.jobs .joblist {
	position: absolute;
	width: 45%;
	top: 30px;
	right: 20px;
	bottom: 30px;
	background-color: #FCFCFC;
	border: 1px solid #F5F5F5;
}

section.jobs .joblist-inner {
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

section.jobs .joblist a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	color: #333;
	font-weight: 500;
	border: 1px solid #FCFCFC;
	border-bottom: 1px solid #F5F5F5;
	padding: 20px;
	background-color: #FCFCFC;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
}

section.jobs .joblist a:hover {
	background-color: #FFFFFF;
}

section.jobs .joblist a:last-of-type {
	margin-bottom: 50px;
}

section.jobs .joblist a span {
	display: inline-block;
	color: #E72725;
	float: right;
}

section.jobs .joblist a span i {
	font-size: 11px;
	position: relative;
	top: 1px;
	margin-left: 15px;
}

section.jobs .joblist p.none {
	color: #AAA;
	margin: 50px 0;
	text-align: center;
}

/* ------------------ Contact & Return ----------- */

section.contact,
section.return {
	padding: 50px 0;
}

section.return .btn {
	display: table;
	margin: 0 auto 40px;
}

section.contact h2 {
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 10px;
}

section.contact p {
	font-size: 14px;
	text-align: center;
	color: rgba(255,255,255,0.8);
	max-width: 460px;
	margin: 0 auto;
}

section.contact form {
	margin: 30px 0;
	background-color: #FFFFFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

section.contact form .input-outer {
	float: left;
	width: 20%;
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

form input.invalid {
	color: rgb(227, 42, 45);
	border: 1px solid rgba(227, 42, 45, 0.3);
	background-color: rgba(227, 42, 45, 0.1);
}

#contactconfirm,
#contacterror,
#jobconfirm {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}

#contactconfirm,
#contacterror {
	bottom: 104px;
	color: #FFF;
}

#jobconfirm {
	bottom: 160px;
	color: #E42A2E;
}

#contactconfirm i,
#contacterror i,
#jobconfirm i {
	margin-right: 12px;
	position: relative;
	top: 2px;
	font-size: 20px;
}

ul.footer {
	display: table;
	margin: 0 auto;
}

ul.footer li {
	float: left;
	font-size: 13px;
	color: rgba(255,255,255,0.7);
	line-height: 19px;
	margin: 0 10px;
}

ul.footer li a {
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

ul.footer li a:hover {
	color: rgba(255,255,255,0.9);
}

/* ------------------ Job Single------------------ */

section.job-intro {
	padding-top: 195px;
	height: 165px;
	background-color: #333;
	background-size: cover;
	background-position: center center;
}

section.job-intro .overlay,
section.error-404 .overlay {
	background-color: rgba(0,0,0,0.3);
}

section.job-intro h1,
section.job-intro h3 {
	color: #FFFFFF;
}

section.job-intro h3 {
	padding-left: 4px;
}

section.job-content {
	padding: 30px 0;
}

section.job-content .wrapper * {
	max-width: 580px;
}

section.job-content h2 {
	padding: 40px 0 10px;
}

section.job-content p,
section.job-content li {
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	color: #333;
}

section.job-content ul,
section.job-content ol {
	margin: 10px 0;
}

section.job-content .wrapper p:first-of-type * {
	margin-top: 0;
}

section.job-content strong {
	display: block;
	font-weight: 500;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 2px;
}

section.job-content ul li {
	list-style-type: disc;
	margin-left: 20px;
}

section.job-content input[type="text"],
section.job-content input[type="email"],
section.job-content input[type="tel"] {
	width: 49.6%;
	margin-bottom: 5px;
}

section.job-content input:nth-of-type(even) {
	float: right;
}

section.job-content .form-footer {
	margin-top: 30px;
}

section.job-content .form-footer .file {
	float: left;
	margin-top: 4px;
	margin-right: 10px;
	width: 180px;
}

section.job-content .form-footer .file input {
	margin: 6px 0 0;
	padding: 0;
	width: 180px;
	color: #999;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

section.job-content .form-footer button {
	display: inline-block;
	width: auto;
	float: right;
}

/* ------------------ Video ---------------------- */

#video-banner {
	display: block;
	text-align: center;
	padding: 15px 0;
	background-color: #333;
	color: white;
	cursor: pointer;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#video-banner:hover {
	background-color: #444;
}

#video-banner span.icon {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-image: url(img/play.png);
	background-size: 26px 26px;
	background-position: center center;
	text-indent: -9999px;
}

#video-banner span.text {
	position: relative;
	top: 6px;
	margin-left: 10px;
}

/* ------------------ Flowers -------------------- */

.flowers-left {
	position: absolute;
	top: 1800px;
	left: 0;
	width: 330px;
	height: 900px;
	background-image: url(img/flowers-left.png);
	background-position: right center;
	background-size: 330px 900px;
	pointer-events: none;
	z-index: 10;
}

.flowers-right {
	position: absolute;
	top: 600px;
	right: 0;
	width: 330px;
	height: 900px;
	background-image: url(img/flowers-right.png);
	background-position: left center;
	background-size: 330px 900px;
	pointer-events: none;
	z-index: 10;
}

.flowers-right.top {
	top: 100px;
}

.flowers-right.middle {
	top: 1840px;
}

.flowers-right.bottom {
	top: 2840px;
}

/* ------------------ Animations ----------------- */

.slide-in-from-right {
	-webkit-animation: slide-in-from-right 1s linear both;
	animation: slide-in-from-right 1s linear both;
}

@-webkit-keyframes slide-in-from-right { 
  0% { opacity: 0; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 0, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 9.715, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 9.715, 0, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.428, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.428, 0, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.046, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.046, 0, 0, 1); }
  17.22% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.867, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.867, 0, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.413, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.413, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.125, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.125, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.008, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.008, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); }
  100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes slide-in-from-right { 
  0% { opacity: 0; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 0, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 9.715, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 9.715, 0, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.428, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.428, 0, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.046, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.046, 0, 0, 1); }
  17.22% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.867, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.867, 0, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.413, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.413, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.125, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.125, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.008, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.008, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); }
  100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

.slide-out-from-right {
  -webkit-animation: slide-out-from-right 1s linear both;
  animation: slide-out-from-right 1s linear both;
}

@-webkit-keyframes slide-out-from-right { 
  0% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -10.285, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -10.285, 0, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -17.572, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -17.572, 0, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.046, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.046, 0, 0, 1); }
  17.22% { opacity: 0; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.867, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.867, 0, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20.413, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20.413, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.875, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.875, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20.008, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20.008, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.999, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.999, 0, 0, 1); }
  100% { opacity: 0; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 0, 0, 1); } 
}

@keyframes slide-out-from-right { 
  0% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -10.285, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -10.285, 0, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -17.572, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -17.572, 0, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.046, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.046, 0, 0, 1); }
  17.22% { opacity: 0; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.867, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.867, 0, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20.413, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20.413, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.875, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.875, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20.008, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20.008, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.999, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.999, 0, 0, 1); }
  100% { opacity: 0; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 0, 0, 1); } 
}

.slide-in-from-left {
  -webkit-animation: slide-in-from-left 1000ms linear both;
  animation: slide-in-from-left 1000ms linear both;
}

@-webkit-keyframes slide-in-from-left { 
  0% { opacity: 0; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 0, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.715, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.715, 0, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.428, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.428, 0, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.046, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.046, 0, 0, 1); }
  17.22% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.867, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.867, 0, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.413, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.413, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.125, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.125, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.008, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.008, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); }
  100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes slide-in-from-left { 
  0% { opacity: 0; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 0, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.715, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.715, 0, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.428, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.428, 0, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.046, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.046, 0, 0, 1); }
  17.22% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.867, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.867, 0, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.413, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.413, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.125, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.125, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.008, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.008, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); }
  100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}



.slide-out-from-left {
  -webkit-animation: slide-out-from-left 1000ms linear both;
  animation: slide-out-from-left 1000ms linear both;
}

@-webkit-keyframes slide-out-from-left { 
  0% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10.285, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10.285, 0, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 17.572, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 17.572, 0, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.046, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.046, 0, 0, 1); }
  17.22% { opacity: 0; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.867, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.867, 0, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.413, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.413, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.875, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.875, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.008, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.008, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.999, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.999, 0, 0, 1); }
  100% { opacity: 0; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 0, 0, 1); } 
}

@keyframes slide-out-from-left { 
  0% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10.285, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10.285, 0, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 17.572, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 17.572, 0, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.046, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.046, 0, 0, 1); }
  17.22% { opacity: 0; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.867, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.867, 0, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.413, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.413, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.875, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.875, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.008, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.008, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.999, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.999, 0, 0, 1); }
  100% { opacity: 0; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 0, 0, 1); } 
}

.shake {
	animation: shake 1s both;
	-webkit-animation: shake 1s both;
}

@-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);
  }
}

.slide-down {
	-webkit-animation: slide-down 1000ms linear both;
	animation: slide-down 1000ms linear both;
}

@-webkit-keyframes slide-down { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1); }
  3.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -67.61, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -67.61, 0, 1); }
  6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -46.162, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -46.162, 0, 1); }
  12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -21.364, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -21.364, 0, 1); }
  18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.667, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.667, 0, 1); }
  25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.383, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.383, 0, 1); }
  37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.859, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.859, 0, 1); }
  50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.159, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.159, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes slide-down { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1); }
  3.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -67.61, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -67.61, 0, 1); }
  6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -46.162, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -46.162, 0, 1); }
  12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -21.364, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -21.364, 0, 1); }
  18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.667, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.667, 0, 1); }
  25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.383, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.383, 0, 1); }
  37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.859, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.859, 0, 1); }
  50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.159, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.159, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

.slide-up {
  -webkit-animation: slide-up 1000ms linear both;
  animation: slide-up 1000ms linear both;
}

@-webkit-keyframes slide-up { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -32.39, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -32.39, 0, 1); }
  6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -53.838, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -53.838, 0, 1); }
  12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -78.636, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -78.636, 0, 1); }
  18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -90.333, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -90.333, 0, 1); }
  25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -95.617, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -95.617, 0, 1); }
  37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -99.141, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -99.141, 0, 1); }
  50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -99.841, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -99.841, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1); } 
}

@keyframes slide-up { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -32.39, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -32.39, 0, 1); }
  6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -53.838, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -53.838, 0, 1); }
  12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -78.636, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -78.636, 0, 1); }
  18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -90.333, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -90.333, 0, 1); }
  25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -95.617, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -95.617, 0, 1); }
  37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -99.141, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -99.141, 0, 1); }
  50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -99.841, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -99.841, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1); } 
}

@media (max-width: 1400px) { .flowers-left { width: 260px; } .flowers-right { width: 260px; } }
@media (max-width: 1300px) { .flowers-left { width: 230px; } .flowers-right { width: 230px; } }
@media (max-width: 1200px) { .flowers-left { width: 180px; } .flowers-right { width: 180px; } }
@media (max-width: 1100px) { .flowers-left { width: 130px; } .flowers-right { width: 130px; } }
@media (max-width: 1000px) { .flowers-left, .flowers-right, .flower-1, .flower-2 { display: none; } }