/*! Dianthus */
/* main.css 1.1.0 */
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
/* Font Support */
@font-face {
font-family: 'Euphoria Script';
src: url('./fonts/EuphoriaScript-Regular.woff2') format('woff2'), /* Super Modern Browsers */
url('./fonts/EuphoriaScript-Regular.woff') format('woff'); /* Pretty Modern Browsers */
}
html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* Vendor-prefixed and regular ::selection selectors cannot be combined:
* https://stackoverflow.com/a/16982510/7133471
*
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
a {
color: #9fb89a;
text-decoration: none;
}
a:hover {
color: #9fb89a;
text-decoration: underline;
}
.show { display: block !important; }
.hide { display: none !important; }
/* Cart */
.cd-img-replace {
display: inline-block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
#cd-cart {
width: 500px;
height: 100vh;
position: fixed;
margin-top: 0;
right: -100%;
background: #FFF;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
transition: all 350ms ease;
z-index: 999;
}
#cd-cart.speed-in {
right: 0;
}
#cd-cart > * {
padding: 0;
}
#cd-cart h2 {
font-size: 14px;
margin: 1em;
}
#cd-cart .cd-cart-items {
/*height: 81.5vh;*/
height: calc(100vh - 160px);
overflow-y: scroll;
padding: 0;
}
#cd-cart .cd-cart-items::-webkit-scrollbar {
display: none;
}
#cd-cart .cd-cart-items li {
display: inline-block;
position: relative;
cursor: pointer;
padding: 5px 5px 5px 35px;
width: 100%;
height: 100px;
border-top: 1px solid #e0e6ef;
}
#cd-cart .cd-cart-items li div.cart-remove {
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
}
#cd-cart .cd-cart-items li div.cart-remove a {
font-size: 20px;
color: #9b9b9b;
}
#cd-cart .cd-cart-items li:last-child {
border-bottom: 1px solid #e0e6ef;
}
#cd-cart .cd-cart-items li a { color: #000; text-decoration: none; }
#cd-cart .cart-quantity, #cd-cart .cart-name, #cd-cart .cart-price, #cd-cart .cart-image {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
padding-right: 5px;
padding-left: 4px;
}
#cd-cart .cart-price {
font-weight: 700;
text-align: right;
}
#cd-cart .cart-name { font-size: 0.9em; letter-spacing: 0.2px; ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; overflow: hidden; text-transform: uppercase;}
#cd-cart .cart-name h4 {
padding: 3px 0;
font-size: 16px;
font-weight: 700;
}
#cd-cart .cart-quantity { font-size: 0.7em; border: 1px solid #ebebeb; display: none; }
#cd-cart .cart-image {
height: 100%;
/*border-right: 1px solid #ebebeb;*/
text-align: center;
overflow: hidden;
}
#cd-cart .cart-image img {
max-width: 100%;
max-height: 100%;
width: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
#cd-cart .cd-qty, #cd-cart .cd-price {
color: #a5aebc;
}
#cd-cart .cd-price {
margin-top: .4em;
}
#cd-cart .cd-item-remove {
position: absolute;
right: 1em;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 32px;
height: 32px;
border-radius: 50%;
background: url(./images/cd-remove-item.png) no-repeat center center;
}
.no-touch #cd-cart .cd-item-remove:hover {
background-color: #e0e6ef;
}
#cd-cart .cd-cart-total {
padding: 10px 15px;
font-weight: bold;
}
#cd-cart .cd-cart-total span {
float: right;
font-weight: bold;
}
#cd-cart .cd-cart-total::after {
content: '';
display: table;
clear: both;
}
#cd-cart .viewcart-btn {
}
#cd-cart .checkout-btn, #cd-cart .viewcart-btn {
display: block;
float: left;
position: absolute;
left: 0;
bottom: 0;
width: 45%;
border-radius: 30px;
margin: 15px;
height: 45px;
font-size: 14px;
line-height: 45px;
color: #FFF;
cursor: pointer;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
}
#cd-cart .checkout-btn {
background: #333;
}
#cd-cart .viewcart-btn {
background: #333;
}
#cd-cart .checkout-btn:hover , #cd-cart .viewcart-btn:hover { opacity: 0.8; }
#cd-cart .checkout-btn { left: 50%; }
.no-touch #cd-cart .checkout-btn:hover {
background: #a2dda8;
}
#cd-cart .cd-go-to-cart {
}
#cd-cart .cd-go-to-cart a {
}
#cd-cart-trigger {
position: absolute;
/*top: 20px;*/
/*right: 20px;*/
margin-top: -7px;
cursor: pointer;
}
#cd-cart-trigger a {
}
#cd-cart .close-cart {
width: 30px;
height: 30px;
font-size: 12px;
color: #fff;
background: #909090;
text-align: center;
border-radius: 20px;
padding: 8px;
float: right;
margin-top: -38px;
margin-right: 5px;
cursor: pointer;
}
/* Shadow Layer */
#cd-shadow-layer {
position: fixed;
min-height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(67, 87, 121, 0.6);
cursor: pointer;
z-index: 17;
display: none;
}
#cd-shadow-layer.is-visible {
display: block;
-webkit-animation: cd-fade-in 0.3s;
-moz-animation: cd-fade-in 0.3s;
animation: cd-fade-in 0.3s;
}
/* End Cart */
#viewport {
overflow: hidden;
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/*.public-content-wrapper #viewport {
margin-top: 110px;
overflow-y: scroll;
}*/
.public-content-wrapper #entrySlide { display: none; }
.public-content-wrapper .menuBgCol, .public-content-wrapper .menuSide { display: none !important; }
.public-content-wrapper #viewport { position: relative !important; }
#viewport.force-yscroll { overflow-y: scroll !important; }
.public-content-wrapper .row-tool {
right: 40px!important;
z-index: 10;
}
#scroll-container {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
min-height: 100vh;
transform-style: preserve-3d;
}
.canvas {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
/*position: fixed;*/
/*height: 100%;*/
height: auto;
width: 100%;
}
.dianthusburger {
position: fixed;
top: 7.7vh;
left: calc(95vw - 30px);
display: flex;
flex-direction: column;
z-index: 2;
cursor: pointer;
}
.dianthusburger .burger-line {
display: block;
background: #ffffff;
width: 30px;
height: 2px;
margin-bottom: 6px;
/*transition: all 200ms ease-in-out;*/
}
.dark .dianthusburger .burger-line {
background: #000 !important;
}
.dianthusUser {
position: fixed;
top: 7.4vh;
left: calc(95vw - 100px);
display: flex;
flex-direction: column;
z-index: 1;
cursor: pointer;
}
.dianthusUser img {
max-width: 30px;
}
.dark .dianthusUser img {
filter: invert(0%) sepia(99%) saturate(4%) hue-rotate(109deg) brightness(0%) contrast(100%);
}
/* First Slide */
#entrySlide {
display: flex;
background: #F1F9EF;
/*position: relative;*/
position: fixed;
left: 0;
top: 0;
height:100vh;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 10;
}
/*.public-content-wrapper #entrySlide {*/
/*display: none;*/
/*}*/
.logoObject {
display: block;
position: relative;
text-transform: uppercase;
text-align: center;
}
.dianthuscontrols .dianthuslogo {
cursor: pointer;
}
.dianthuscontrols .dianthuslogo a {
color: #fff;
transition: all 250ms ease-in-out;
}
.dianthuscontrols .dianthuslogo a:hover, .dianthuscontrols .dianthuslogo a:focus {
text-decoration: none;
}
.dianthuscontrols.dark .dianthuslogo a {
color: #000000;
}
.logoObject h1, .dianthuscontrols .dianthuslogo h1 {
display: block;
color: #000;
font-size: 58px;
font-weight: 500;
letter-spacing: 10px;
}
.dianthuscontrols .dianthuslogo h1 {
font-size: 24px;
text-align: center;
will-change: transform;
}
.dark .dianthuscontrols .dianthuslogo a {
color: #000;
}
.logoObject .smallStraightLine, .slide-dianthus .smallStraightLine, .dianthuscontrols .dianthuslogo .smallStraightLine {
display: block;
background: #000000;
height: 2px;
width: 100%;
margin-bottom: 20px;
margin-top: 15px;
will-change: transform;
}
.logoObject p, .dianthuscontrols .dianthuslogo p {
display: block;
font-size: 24px;
letter-spacing: 4px;
will-change: transform;
}
.dianthuscontrols .dianthuslogo p {
font-size: 12px;
text-transform: uppercase;
will-change: transform;
}
.menuSide {
display: flex;
background: #ffffff;
width: 25vw;
height: 100%;
position: fixed;
right: 0;
/*right: -100vw;*/
top: 0;
z-index: 2;
will-change: transform;
}
/*.public-content-wrapper .menuSide {*/
/*right:-100%;*/
/*}*/
.menuSide .menuSideBody {
display: flex;
width: 100%;
padding: 12vh 40px;
flex-direction: column;
}
.menuSide .menuSideBody .close-bttn {
display: none;
position: absolute;
top: 30px;
right: 40px;
font-size: 28px;
cursor: pointer;
will-change: transform;
}
.close-bttn .burger-line {
background: #000000;
}
.menuSide .menuSideBody .menu-item {
display: flex;
flex-direction: column;
}
.menuSide .menuSideBody .menu-item a {
display: block;
text-align: right;
width: 100%;
padding: 30px 0;
font-size: 24px;
text-transform: uppercase;
color: #000;
will-change: transform;
}
.menuSide .menuSideBody .menu-item a:hover {
text-decoration: none;
font-style: italic;
}
.menuSide .menuSideBody .menu-item a.active {
font-weight: 600;
}
.menuBgCol {
background: rgba(0,0,0,0.4);
position: fixed;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
/*.public-content-wrapper .menuBgCol {*/
/*display: none;*/
/*}*/
/* First Slide End */
#mainSlide {
position: relative;
/*height:100vh;*/
width: 100%;
/*overflow-y: scroll;*/
/*opacity: 0;*/
will-change: transform;
}
.bottomClickBtn {
position: fixed;
font-size: 18px;
bottom: 20px;
left: 50%;
color: #ffffff;
transform: translateX(-50%);
display: flex;
flex-direction: column;
text-align: center;
will-change: transform;
}
.bottomClickBtn img {
max-width: 30px;
}
.bottomClickBtn i {
font-size: 28px;
}
.bottomClickBtn.dark {
color: #333;
}
.dianthuscontrols {
position: relative;
z-index: 3;
}
.dianthuscontrols .dianthuslogo {
position: fixed;
top: 3vh;
left: 5vw;
text-align: center;
z-index: 2;
color: #ffffff;
}
.dianthuscontrols.dark .dianthuslogo {
color: #000;
}
.dianthuscontrols .dianthuslogo .smallStraightLine {
margin-top: 5px;
margin-bottom: 10px;
background: #ffffff;
margin-left: -3px;
}
.dianthuscontrols.dark .dianthuslogo .smallStraightLine {
background: #000000;
}
.dianthuscontrols .dianthuslogo h1 {
color: #ffffff;
/*font-size: ;*/
}
.dianthuscontrols.dark .dianthuslogo h1 {
color: #000;
}
.dianthuscontrols .dianthusbottommenu {
position: fixed;
display: flex;
align-items: flex-start;
flex-direction: column;
left: 5vw;
bottom: 3vh;
z-index: 2;
}
.dianthuscontrols .dianthusbottommenu .Homelinks, .dianthuscontrols .dianthusbottommenu .bespokelinks {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.dianthuscontrols .dianthusbottommenu a {
position: relative;
opacity: 0.5;
font-size: 18px;
color: #fff;
transition: all 250ms ease-in-out;
}
.dianthuscontrols .dianthusbottommenu a.scrollToLnk.active {
opacity: 1 !important;
}
.dianthuscontrols .dianthusbottommenu a.scrollToLnk.active:before {
content: "";
position: absolute;
left: -14px;
top: 11px;
height: 5px;
width: 5px;
border-radius: 50%;
background: #fff;
}
.dark .dianthusbottommenu a {
color: #000;
}
.dark .dianthusbottommenu a.scrollToLnk.active:before {
background: #000;
}
.dianthuscontrols .dianthustagline {
position: fixed;
right: 5vw;
bottom: 3vh;
text-align: right;
color: #ffffff;
z-index: 2;
}
.dianthuscontrols .dianthustagline p {
color: #ffffff;
font-size: 12px;
margin-bottom: 0;
}
.dianthuscontrols .dianthustagline p a {
color: #ffffff;
}
.dianthuscontrols .dianthustagline p a:hover {
text-decoration: none;
}
.dianthuscontrols.dark .dianthustagline p {
color: #000000;
}
.dianthuscontrols .dianthustagline p:first-child {
font-size: 24px;
letter-spacing: 1px;
text-transform: uppercase;
}
/* Flowers + Leaf */
.bloomed-leaf {
/*position: absolute;*/
position: fixed;
top: 0;
margin-left: -150px;
opacity: 0;
width: 122px;
height: 100px;
z-index: 7;
will-change: transform;
}
.small-leaf {
/*position: absolute;*/
position: fixed;
top: 0;
margin-left: 350px;
opacity: 0;
width: 76px;
height: 83px;
z-index: 7;
will-change: transform;
}
.black-leaf {
-webkit-filter: opacity(.5) drop-shadow(0 0 0 black);
filter: opacity(.5) drop-shadow(0 0 0 black);
}
/* end Flowers + Leaf */
.section {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
}
/*.public-content-wrapper div[data-iessection="layoutfront"] .section {*/
/*min-height: 100vh !important;*/
/*}*/
.public-content-wrapper div[data-iessection="layoutfront"] .ui-draggable {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
position: initial;
}
.public-content-wrapper div[data-iessection="layoutfront"] .slide-contact .ui-draggable {
width: initial;
}
/*position: initial !important;*/
/*.public-content-wrapper .section {
position: relative !important;
}*/
/*.public-content-wrapper .section.hide {*/
/*display: block !important;*/
/*}*/
/*.public-content-wrapper .product-slide-hero {*/
/*max-height: 100vh;*/
/*}*/
/*.public-content-wrapper .product-slide-hero img {*/
/*max-height: 100%;*/
/*}*/
/* Second Slide */
.slide-dianthus, .slide-luxury-flowers {
display: flex;
/*display: none;*/
position: relative;
flex-direction: column;
align-items: center;
justify-content: center;
height:100%;
width: 100%;
/*background: url('./images/hero-slide.jpg') no-repeat;*/
/*background-size: cover;*/
/*background-position: center;*/
/*background-repeat: no-repeat;*/
color: #ffffff;
text-align: center;
/*overflow-y: scroll;*/
}
.slide-dianthus .slide-dianthus-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 0;
overflow: hidden;
}
.slide-dianthus .slide-dianthus-bg img, .slide-contact-bg img {
/*width: 100%;*/
min-width: 100%;
min-height: 100%;
max-width: none;
}
.slide-dianthus {
min-height: 100vh;
}
::-webkit-scrollbar, .slide-luxury-flowers::-webkit-scrollbar, .slide-luxury-flowers::-webkit-scrollbar, .slide-luxury-flowers .container::-webkit-scrollbar, .bespoke-arrangement::-webkit-scrollbar {
display: none;
}
.slide-dianthus .sectOva {
content:"";
background:rgba(0,0,0,0.4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.slide-dianthus .container, .slide-luxury-flowers .container {
z-index: 2;
}
.slide-dianthus .logo {
font-size: 52px;
letter-spacing: 10px;
text-align: center;
padding-left: 10px;
}
.slide-dianthus p, .slide-mandi-bunga p {
margin: 15px auto;
max-width: 600px;
font-size: 24px;
font-weight: 300;
}
.slide-dianthus .smallStraightLine {
margin: 5px auto;
max-width: 340px;
background: #ffffff;
}
.slide-luxury-flowers {
background: #A9B9A6;
/*min-height: 100vh;*/
min-height: 100% !important;
height: auto;
}
.slide-luxury-flowers .container {
display: flex;
width: 100%;
/*min-height: 100vh;*/
/*margin-top: 200vh;*/
/*overflow-y: scroll;*/
/*margin-top: 50vh;*/
flex-direction: row;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.slide-luxury-flowers .slidecnt {
display: flex;
position: relative;
width: 100%;
min-height: 100vh;
/*margin-bottom: 10vh;*/
flex-direction: row;
align-items: center;
justify-content: center;
}
.slide-luxury-flowers .slideluxflowimg {
width: calc(40% - 40px);
margin-right: 40px;
}
.slide-luxury-flowers .slideluxflowtxt {
/*width: 60%;*/
/*width: 450px;*/
width: 23.647vw;
text-align: left;
}
.slide-luxury-flowers .slideluxflowtxt h2 {
font-size: 48px;
font-weight: 300;
}
.slide-luxury-flowers .slideluxflowtxt p {
font-size: 24px;
font-weight: 300;
}
.slide-luxury-flowers.sr .slideluxflowimg {
margin-left: 40px;
margin-right: 0;
}
.slide-luxury-flowers.txt .slideluxflowtxt {
text-align: center;
}
.ordertdBtn, .exploreBtn {
display: inline-block;
font-size: 16px;
margin-top: 60px;
padding: 15px 60px;
background: #333333;
border: 2px solid #333333;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
}
.ordertdBtn:hover, .exploreBtn:hover {
color: #ffffff;
text-decoration: none;
background: rgba(51, 51, 51, 0.8);
border-color: rgba(51, 51, 51, 0.8);
}
.ordertdBtn.prvbtn {
background: transparent;
color: #333333;
margin-right: 50px;
}
.ordertdBtn.prvbtn:hover {
background: #333333;
color: #ffffff;
}
.mandibnglogo {
display: inline-block;
margin: 0 auto;
}
.mandibnglogo img {
text-align: center;
}
.mandibnglogo .graphic {
display: block;
margin: 0 auto;
max-width: 140px;
}
.mandibnglogo .wording {
max-width: 250px;
margin-top: 30px;
margin-bottom: 20px;
}
.slide-mandi-bunga {
position: relative;
background: #A9B9A6;
width: 100%;
/*height: 200vh;*/
}
.slide-mandi-bunga-gradient {
position: absolute;
top: 0;
left: 0;
height: 100vh;
width: 100%;
overflow: hidden;
}
.slide-mandi-bunga-gradient .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(169,185,166,1) 100%);
z-index: 1;
}
.slide-mandi-bunga-gradient .bgcover {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #ffffff;
z-index: 2;
}
.slide-mandi-bunga .container {
display: flex;
align-items: center;
justify-content: center;
/*height: 100vh;*/
}
.slide-mandi-bunga .container .slidecnt {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
min-height: 100vh;
}
.slide-contact {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
width: 100%;
/*overflow: hidden;*/
}
.slide-contact-bg {
display: flex;
position: absolute;
min-height: 100vh;
min-width: 100vw;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
div.slide-contact-bg:before {
content:"";
background: rgba(0,0,0,0.3);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.slide-contact .container {
position: relative;
z-index: 2;
color: #ffffff;
}
.slide-contact .container .slidecnt {
display: flex;
flex-direction: row;
}
.slide-contact .container .slidecnt .slidecntleft {
width:calc(50% - 20px);
margin-right: 20px;
}
.slide-contact .container .slidecnt .slidecntleft input[type="text"] {
height: 45px;
width: 60%;
padding-left: 10px;
}
.slide-contact .container .slidecnt .slidecntleft input[type="submit"] {
height: 44px;
background: #333333;
color: #fff;
font-size: 14px;
width: 30%;
border: 0;
margin-left: -4px;
}
.slide-contact .container .slidecnt .slidecntleft .bloomingNews {
margin-top: 40px;
}
.slide-contact .container .slidecnt .slidecntright {
width:calc(50% - 20px);
margin-left: 20px;
}
.slide-contact .container .slidecnt .slidecntleft h2 {
margin-top: 0;
font-size: 48px;
}
.slide-contact .container .slidecnt .slidecntleft p {
font-size: 24px;
margin-bottom: 20px;
}
.contactDetItem {
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-size: 18px;
margin-bottom: 20px;
}
.contactDetItem i {
width: 30px;
font-size: 28px;
margin-right: 20px;
}
.contactLogos {
display: flex;
/*flex-direction: row;*/
/*align-items: center;*/
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.contactLogos .clientLogos, .featureLogos { display: flex; flex-wrap: wrap; margin-top: 10px; }
.contactLogos .clientLogos .clogo, .featureLogos .flogo { width: 9em; height: 100px; display: block; background-size: calc(100% - 15px); background-repeat: no-repeat; background-position: 50%; filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(329deg) brightness(101%) contrast(101%); /* border: 1px solid #ffffff; */ background-color: rgba(255, 255, 0, 0.05); border-radius: 4px; margin: 2px 4px 2px 0px; }
.featureLogos .flogo:after, .clientLogos .clogo:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.025);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 10px;
filter: blur(8px);
box-shadow: inset 0 0 0 220px rgba(0, 0, 0, 0.025);
}
.contactLogos .clientLogos .clogo img , .featureLogos .flogo img { max-width: 100%; }
.contactLogos img {
margin: 0 !important;
}
.contactLogos span, .contactFeatures span {
font-size: 22px;
text-transform: uppercase;
margin-right: 50px;
margin-top: 12px;
letter-spacing: 1px;
}
.contactTerms {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 40px;
}
.contactTerms a {
position: relative;
padding-right: 15px;
margin-right: 15px;
font-size: 16px;
color: #ffffff;
}
.contactTerms a:after {
content: "";
height: 100%;
right: 0;
position: absolute;
border-right: 1.5px solid #ffffff;
}
.contactTerms div:last-child a:after {
display: none;
}
.mandi-bunga-parent {
/*display: block;*/
/*position: fixed;*/
/*top: 0;*/
/*left: 0;*/
/*padding: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*overflow-y: scroll;*/
padding-right: 0;
padding-left: 0;
}
.product-slide-hero, .product-slide-mandi-intro, .product-slide-mandi-more, .product-slide-mandi-subsc-intro, .product-slide-mandi-subscript-form {
/*position: absolute;*/
background: #ffffff;
position: relative;
/*top: 0;*/
/*left: 0;*/
width: 100%;
min-height: 100vh;
/*height: 100%;*/
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.product-slide-mandi-intro {
overflow-y: visible;
}
.product-slide-mandi-intro .manditxt p {
max-width: 800px;
text-align: center;
}
.product-slide-mandi-intro-flowers {
content: "";
height: 710px;
width: 540px;
background: url(../../misc_images/grey-flower-pattern.png) no-repeat;
position: absolute;
bottom: 0;
right: -10%;
}
.product-slide-hero:before {
content: "";
background: rgba(0,0,0,0.4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.product-slide-hero .container, .product-slide-mandi-intro .container, .product-slide-mandi-more .container, .product-slide-mandi-subsc-intro .container {
position: relative;
color: #fff;
font-size: 24px;
z-index: 3;
}
.product-slide-mandi-intro .container, .product-slide-mandi-more .container, .product-slide-mandi-subsc-intro .container {
color: initial;
}
.product-slide-mandi-subsc-intro .container {
font-size: 18px;
}
.product-slide-hero .container h2, .product-slide-mandi-subsc-intro .container h2 {
font-size: 42px;
}
.product-slide-mandi-subsc-intro .container h2 {
margin-bottom: 40px;
}
.product-slide-hero img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
z-index: 1;
}
.product-slide-hero .prodSlideTxt, .product-slide-mandi-intro .prodSlideTxt, .product-slide-mandi-more .container .prodSlideTxt, .product-slide-mandi-subsc-intro .container .prodSlideTxt {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.product-slide-mandi-more .container .prodSlideTxt .bigImage {
height: calc(60vh - 20px);
overflow: hidden;
margin-bottom:80px;
}
.product-slide-mandi-subsc-intro .container .prodSlideTxt {
flex-direction: row;
}
.product-slide-mandi-subsc-intro .container .prodSlideTxt .left {
margin-right: 40px;
}
.product-slide-mandi-subsc-intro .container .prodSlideTxt .right {
margin-left: 40px;
}
.product-slide-mandi-subscript-form {
align-items: flex-start;
padding: 150px 4vw 0;
}
.product-slide-mandi-subscript-form .form-group {
margin-left: 0;
margin-right: 0;
}
.product-slide-mandi-subscript-form .subscrip-left {
width: 50%;
padding: 0 20px;
}
.product-slide-mandi-subscript-form .subscrip-right {
width: 50%;
padding: 0 20px;
}
.product-slide-mandi-subscript-form .subscrip-left .main-subscrip-form {
width: 60%;
}
.product-slide-mandi-subscript-form .subscrip-left .main-subscrip-form h2 {
text-transform: uppercase;
font-size: 36px;
}
.product-slide-mandi-subscript-form .subscrip-left .main-subscrip-form #loginform {
margin-top: 40px;
}
.product-slide-mandi-subscript-form .subscrip-left .main-subscrip-form .input-group {
width: 100%;
}
.product-slide-mandi-subscript-form .subscrip-left .main-subscrip-form select {
margin-bottom: 20px;
}
.product-slide-mandi-subscript-form .subscrip-left .main-subscrip-form select, .product-slide-mandi-subscript-form .subscrip-left .main-subscrip-form input[type="text"] {
width: 100%;
padding: 8px 10px;
height: 50px;
font-size: 16px;
border-radius: 0;
}
.product-slide-mandi-subscript-form .subscrip-left .main-subscrip-form input[type="text"] {
background: #ebebeb;
}
.form-group.btm-grp {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.form-group.btm-grp h3 {
width: 40%;
text-transform: uppercase;
margin-right: 10px;
margin-right: 10px;
margin-top: 0;
margin-bottom: 0;
}
.infopagescontent .row {
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
}
.bespoke-parent {
padding-right: 0;
padding-left: 0;
}
.bespoke-parent .section {
background: #fff;
}
.bespoke-hero {
margin-bottom: 150px;
}
.bespoke-text-intro, .bespoke-arrangement, .colour-palette, .bespoke-pricing, .message-on-card, .order-summary {
/*margin: 150px 0;*/
/*padding: 150px 0;*/
overflow-y: scroll;
min-height: 80vh;
}
.bespoke-hero, .bespoke-text-intro, .bespoke-arrangement {
/*position: absolute;*/
position: relative;
top: 0;
left: 0;
height: 100vh;
width: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.bespoke-hero:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,0.4);
z-index: 2;
}
.bespoke-hero-over, .hero-over {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #A9B9A6;
/*background: rgba(169,185,166,0.95);*/
/*background: rgba(0,0,0,1);*/
z-index: 2;
}
/*.public-content-wrapper .hero-over, .public-content-wrapper .bespoke-hero:before {*/
/*display: none;*/
/*}*/
.bespoke-hero img {
position: absolute;
/*top: 50%;*/
/*left: 50%;*/
/*transform: translate(-50%, -50%);*/
z-index: 1;
}
.bespoke-hero .bespoke-hero-txt {
display: flex;
position: relative;
flex-direction: column;
justify-content: center;
align-items: center;
color: #ffffff;
z-index: 2;
}
.bespoke-hero .bespoke-hero-txt h2 {
font-size: 82px;
}
.bespoke-hero .bespoke-hero-txt p {
font-size: 16px;
max-width: 500px;
text-align: center;
}
.bespoke-text-intro-text p {
font-size: 24px;
font-weight: 300;
}
.bespoke-arrangement {
overflow-y: scroll;
height: auto;
min-height: 100vh;
margin-top: 50px;
/*margin-top: 20px;*/
}
.bespoke-arrangement .container {
padding: 40px 0;
}
.bespoke-arrangement h3 {
font-size: 28px;
text-transform: uppercase;
}
.bespoke-arrangement .arrangements {
display: flex;
position: relative;
margin: 15px -15px;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.bespoke-arrangement .arrangements .arrangement.openBouq {
position: absolute;
width: calc(40% - 20px);
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1.1) !important;
z-index: 5;
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
}
.bespoke-arrangement .arrangements .arrangement {
display: flex;
position: relative;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
width: calc(30.333% - 30px);
margin: 10px 30px;
padding: 0 10px 0 30px;
transition: all 500ms ease-in-out;
}
.bespoke-arrangement .arrangements .arrangement:hover {
/*transform: scale(1.1);*/
/*transform: translate(calc(-50% - 5px), -50%);*/
margin-top: -10px;
}
.bespoke-arrangement .arrangements .arrangement.openBouq:hover {
margin-top: 10px;
}
/*.bespoke-arrangement .arrangements .arrangement.openBouq:hover {
transform: scale(1);
}*/
/*.bespoke-arrangement .arrangements .arrangement:before,*/ .arrangement .arrangCircle {
content:"";
position: absolute;
top: 20px;
left: -15px;
height: 15px;
width: 15px;
background: #fff;
border: 1px solid #c3c3c3;
border-radius: 50%;
}
/*.bespoke-arrangement .arrangements .arrangement.arrSelected:before,*/ .arrangement.arrSelected .arrangCircle {
background: #c3c3c3;
border: 1px solid #c3c3c3;
}
.bespoke-arrangement .arrangements .arrangement input[type="Checkbox"] {
display: none;
}
.bespoke-arrangement .arrangements .arrangement input[type="radio"] {
position: absolute;
top: 10px;
left: 0px;
}
.bespoke-arrangement .arrangements .arrangement .arrangement-img {
/*height: 200px;*/
height: 155px;
cursor: pointer;
will-change: transform;
}
.bespoke-arrangement .arrangements .arrangement .arrangement-img img {
max-height: 100%;
opacity: 0.7;
transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.arrangement.arrSelected .arrangement-img img {
opacity: 1!important;
}
.bespoke-arrangement .arrangements .arrangement .arrangement-text {
display: flex;
flex-direction: column;
position: relative;
width:100%;
}
.bespoke-arrangement .arrangements .arrangement .arrangement-text h3:after {
/* position: absolute; */
/* top: -8px;
right: 0;
content:"-"; */
/* font-size: 28px; */
/* font-size: 20px; */
content:"-";
margin-left:10px;
}
.bespoke-arrangement .arrangements .arrangement.open .arrangement-text h3:after {
content:"+";
margin-left:10px;
}
.bespoke-arrangement .arrangements .arrangement .arrangement-text h3 {
position: relative;
font-size: 20px;
padding-right: 16px;
cursor: pointer;
}
.bespoke-arrangement .arrangements .arrangement .arrangement-text h3 {
}
.bespoke-arrangement .arrangements .arrangement .arrangement-text p {
padding-right: 20px;
overflow: hidden;
}
.bespoke-arrangement .ordertdBtn {
margin-top: 10px;
/*margin-top: 20px;*/
}
.colour-palette {
/*margin: 80px 0;*/
margin: 150px 0 80px;
}
.message-on-card {
margin: 50px 0 80px;
height: calc(100% - 50px);
}
.colour-palette .container, .bespoke-pricing .container, .message-on-card .container, .bespoke-arrangement .container, .order-summary .container {
display: flex;
/*width: 80%;*/
width: calc(90% + 30px);
/*margin-left: 10%;*/
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.order-summary .container {
padding: 120px 0;
}
.message-on-card .container {
padding: 80px 0;
}
.color-palette-chosen { display: flex; align-items: center; transition: all 400ms ease-in-out; height: 0; overflow: hidden; }
.color-palette-chosen .color-palette-chosen-pic img { max-width: 300px; }
.color-palette-chosen .color-palette-chosen-details { display: flex; flex-direction: column; padding-left: 20px; }
.color-palette-chosen .color-palette-chosen-pic img { opacity: 0; }
.colour-palette .color-palette-chosen .color-palette-chosen-details h3 { font-size: 20px; opacity: 0; }
.colour-palette .color-palette-chosen .color-palette-chosen-details img { opacity: 0; }
.color-palette-chosen .color-palette-chosen-details img { max-width: 250px; }
.close-colour-chosen { position: absolute; top: 0; right: 0; height: 20px; width: 20px; display: none; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #000; cursor: pointer; }
.colour-palette .container h3, .order-summary .container h3 {
font-size: 32px;
margin-bottom: 20px;
text-transform: uppercase;
}
.colour-palette .container p {
font-size: 18px;
}
.colour-palette .container .colour-palette-seasons {
display: flex;
position: relative;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
padding: 20px 0;
}
.colour-palette .container .colour-palette-seasons .colour-palette-season {
display: flex;
flex-direction: column;
width: 20%;
margin-right: 5%;
will-change: transform;
}
.colour-palette .container .colour-palette-seasons .colour-palette-season h3 {
text-transform: capitalize;
font-size: 24px;
margin-bottom: 20px;
}
.colour-palette .container .colour-palette-seasons .colour-palette-season span {
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 20px;
padding-left: 30px;
}
.colour-palette .container .colour-palette-seasons .colour-palette-season span img {
transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
}
.colour-palette .container .colour-palette-seasons .colour-palette-season span img:hover {
transform: scale(1.1);
}
.colour-palette .container .colour-palette-seasons .colour-palette-season span input[type="checkbox"] {
display: none;
}
.colour-palette .container .colour-palette-seasons .colour-palette-season span:before {
content:"";
position: absolute;
top: 20px;
left: 0;
height: 15px;
width: 15px;
background: #fff;
border: 1px solid #c3c3c3;
border-radius: 50%;
}
.colour-palette .container .colour-palette-seasons .colour-palette-season span.colSelected:before {
background: #c3c3c3;
border: 1px solid #c3c3c3;
}
.colour-palette .container .colour-palette-seasons .colour-palette-season span input[type="radio"] {
width: 20px;
}
.colour-palette .container .colour-palette-seasons .colour-palette-season span img {
/*width: calc(100% - 25px);*/
/*width: 100%;*/
max-width: 220px;
}
/* Order Summary Table */
.order-summary-table {
display: block;
width: 700px;
background: #efefef;
}
.order-summary-table-header, .order-summary-table-row {
display: flex;
flex-direction: row;
}
.order-summary-table-header .cell, .order-summary-table-row .cell {
width: 25%;
padding: 15px;
font-size: 16px;
}
.order-summary-table-header .cell img , .order-summary-table-row .cell img {
max-width: 80%;
opacity: 1 !important;
}
.order-summary-table-row .cell .orderered-item h3 {
font-size: 16px;
}
.order-summary-table-header .cell {
border-bottom: 1px solid #a3a3a3;
}
.order-summary-table-header .cell:nth-child(2), .order-summary-table-row .cell:nth-child(2) {
width: 50%;
}
/* Order Summary Table End */
.bespoke-pricing {
padding: 130px 0;
/*padding: 180px 0;*/
}
.bespoke-pricing .container { overflow-y: scroll; height: calc(100vh - 150px); }
.bespoke-pricing h3, .message-on-card h3 {
font-size: 28px;
margin-bottom: 40px;
text-transform: uppercase;
}
.message-on-card h3 {
margin-bottom: 20px;
}
.bespoke-pricing .prices {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}
.bespoke-pricing .prices .price {
/*position: relative;*/
/*width: 33.333%;*/
/*font-size: 18px;*/
/*margin-bottom: 30px;*/
/*padding-left: 25px;*/
/*padding-right: 25px;*/
/*will-change: transform;*/
position: relative;
width: calc(33.333% - 10px);
font-size: 18px;
margin-bottom: 30px;
padding-left: 30px;
padding-right: 25px;
will-change: transform;
margin-right: 10px;
padding-top: 10px;
border-radius: 12px;
border: 1px solid transparent;
cursor: pointer;
transition: all 0.25s ease-out;
}
.bespoke-pricing .prices .price.priSelected, .bespoke-pricing .prices .price:hover {
background: #f9f9f9;
border: 1px solid #c3c3c3;
}
.bespoke-pricing .prices .price input[type="radio"] {
margin-right: 10px;
}
.bespoke-pricing .prices .price input[type="checkbox"] {
display: none;
}
.bespoke-pricing .prices .price:before {
content:"";
position: absolute;
/*top: 3px;*/
/*left: 0;*/
top: 14px;
left: 7px;
height: 15px;
width: 15px;
background: #fff;
border: 1px solid #c3c3c3;
border-radius: 50%;
}
.bespoke-pricing .prices .price.priSelected:before {
background: #c3c3c3;
border: 1px solid #c3c3c3;
}
.bespoke-pricing .prices .price label {
font-weight: 500;
}
.bespoke-pricing .prices .price p { font-size: 14px; }
.bespoke-pricing .button-group {
margin-bottom: 40px;
}
.bespoke-pricing p {
font-size: 18px;
}
.message-on-card-form {
display: block;
width: 100%;
}
.message-on-card-form #message-on-card-form {
display: block;
width: 75%;
max-width: 800px;
}
.message-on-card-form h3 {
font-size: 20px;
text-transform: capitalize;
}
.message-on-card-form .form-group {
margin: 15px 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.message-on-card-form .form-group input, .message-on-card-form .form-group textarea {
font-size: 16px;
height: auto;
padding: 8px 6px;
border: 2px solid #D3D3D3;
border-radius: 0;
will-change: transform;
}
.message-on-card-form .form-group label {
padding-top: 2px;
min-width: 200px;
font-size: 16px;
font-weight: 500;
margin-bottom: initial;
}
.message-on-card-form input[type=checkbox] {
margin-top: initial;
height: 15px !important;
width: 15px;
margin-right: 10px;
}
.message-on-card-form .form-group textarea {
width: 100%;
min-height: 100px;
}
.message-on-card-form .form-group.msgcrd {
flex-wrap: wrap;
margin: 30px 0 20px;
}
.message-on-card-form .form-group.msgcrd label {
width: 100%;
margin-bottom: 5px;
font-size: 18px;
}
/*.mandi-bunga-parent .slide-contact-bg { display: none; }*/
/* Second Slide End */
/* show cart */
.cart-cnt {
margin-top: 150px;
max-height: calc(100vh - 150px);
overflow-y: scroll;
}
.shopping-cart-info { width: 100%; margin: 20px auto;}
.shopping-cart-title {
display: none;
width: 100%;
float: left;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
}
.header-name {
width: 55%;
display: inline-block;
padding-left: 17%;
}
.header-price-qty {
width: 12%;
display: inline-block;
}
.header-qty {
width: 10%;
display: inline-block;
}
.header-points {
display: none;
float: right;
font-size: 0.8em;
padding: 2px 10px;
margin-bottom: 5px;
background: #ddd;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
}
.header-price {
width: 10%;
display: inline-block;
padding-left: 3%;
}
.content-item { width: 100%; margin: 10px auto; border-bottom: 1px solid #7F7F7F; vertical-align: middle; padding: 10px 70px; /*max-height: 120px;*/ max-height: none; overflow: hidden; position:relative; }
/*.content-item:first-child { border-top: 1px solid #EBEBEB; }*/
.cart-content-item td {padding:5px 0;}
.content-item-img { width: auto; margin: 0; display: inline-block; vertical-align: top; max-height: 100px; overflow: hidden; }
.content-item-img a { display: inline-block; vertical-align: top; pointer-events: none; }
.content-item-img img { max-width: 100%; padding: 6px 12px; border: 1px solid #333333; }
.content-item-name { display: inline-block; vertical-align: middle; margin: 0 2%; width: 30%;}
.content-item-name h4 { padding: 0 0 5px; font-weight: 700; text-transform: uppercase; font-size: 16px; }
.content-item-name a { text-decoration: none; text-transform: uppercase; font-weight: 700; color: inherit; pointer-events: none; }
.content-item-name .personalization a { pointer-events: initial; }
.content-item-name span { font-size: 16px; }
.content-item-price-qty { /*display: inline-block;*/ display: none; width: 15%; text-align: center;}
.content-item-qty { /*display: none;*/ display: inline-block; vertical-align: middle; text-align: center; width: 10%;}
.content-item-qty input { text-align: center;}
.content-item-qty .cart_remove2 { font-size: 0; position: absolute; left: 0; top: 15px; color: inherit; text-decoration: none; }
.content-item-qty .cart_remove2:before {
content:"X";
font-size: 28px;
}
.content-item-qty br { display: none; }
.content-item-price { display: inline-block; width: 15%; text-align: right; float: right; font-size: 24px; font-weight: 700; }
.shopping-cart-summary { display: inline-block; width: 100%;}
.cart-remove-all { width: 79%; /*display: inline-block;*/ display: none; }
#cart_remove2 { font-size: 0.8em; color: #555; }
.shopping-cart-total-qty { /*display: inline-block;*/ display: none; width: 5%; text-align: center;}
.shopping-cart-total-price { display: inline-block; float: right; width: 15%; font-weight: bold; text-align: right; margin-right: 65px; }
.shopping-cart-total-price:before {
content: "TOTAL:";
float: left;
margin-left: -100px;
margin-top: 2px;
font-size: 23px;
font-weight: 500;
}
.shopping-cart-apply-discount { margin: 20px auto;}
.shopping-cart-apply-discount input[type="text"] {border: 1px solid #333; border-radius:24px; padding: 5px 100px 5px 20px;}
.shopping-cart-apply-discount td { padding-left: 0;}
.cart-description { margin-top: 50px; text-align: center; }
.cart-description h3 { font-size: 32px; font-weight: 700; margin-bottom: 80px; }
.cart-description p { display: none;}
.ShowCartCheckOutBtn { border: 0;}
.ShowCartChangeQtyBtn { display: none; background: #3f3f3f; color: #fff; border: 0;/* border-radius: 2px;*/}
.ShowCartContinueBtn { background: transparent; /*color: #ED76A0;*/ color: #000; border: 0; /* float: left; */ font-weight: 500; /* padding-left: 0 !important; padding-right: 0 !important;*/ /*border-radius: 2px;*/
width: 250px;
text-transform: uppercase;
border-radius: 24px;
background: #ccc;
}
.shopping-cart-buttons { margin: 20px auto; text-align: right;}
.ShowCartChangeQtyBtn, .ShowCartCheckOutBtn { font-weight: 700; padding: 1% 2%;}
.ShowCartCheckOutBtn { width: 250px; border-radius: 24px; text-transform: uppercase; }
.mobile-shopping-cart-buttons { display: none; text-align: right; margin-bottom: 20px; }
.mobile-shopping-cart-buttons .ShowCartChangeQtyBtn { display: none;}
.DiscountCouponButton{ background: #000; color: #fff; border: 0;}
.primary_button { border: 0;}
.paymentlist { display: inline; float: right; padding-left: 4px; }
.paymentlist #checkoutoptions { display: none!important; padding-top: 10px; position: absolute; margin-left: -55px; }
.content-item-qty input[type="text"] {
width: 50%;
text-align: center;
/*display: block;*/
display: none;
margin: 0 auto;
}
.cart_no_items {
margin: 10px 0;
display: block;
font-size: 1.2em;
}
.ShowCartContinueBtn, .ShowCartChangeQtyBtn, .ShowCartCheckOutBtn {
/*color: #fff;*/
border: none;
padding: 10px 20px;
}
.ShowCartCheckOutBtn, .checkout-form .primary_button {
font-family:'Montserrat' !important;
}
.cart-no-item { margin: 0 auto; display: block; }
.cart_total_value2,.cart_total_currency_type2 {
font-size: 24px;
}
#shipping_calculator table tr td table tr td .label { color: #000; }
#shipping_calculator table tr td table tr td {
color: #000;
display: block;
float: left;
width: 100%;
text-align: center;
padding: 3px 0;
}
#shipping_calculator table tr td table tr { padding: 5px 0; }
.ShippingCalculatorButton { background: #3f3f3f; color: #fff; font-weight: 700; border: none; padding: 10px 20px; }
.discount-item { display: inline-block; width: 100%; padding: 10px 0; border-bottom: 1px solid #ebebeb
; }
.discount-item div { width: 12%; display: inline; float: left; padding-right: 50px; border-right: 1px solid #ebebeb;padding-left: 35px;padding-right: 35px;}
.discount-item div:first-child { padding-left: 0; }
.discount-item div:last-child { text-align: right; border-right: 1px solid transparent; }
.discount-info {
width: 53% !important;
}
.discount-qty {
width: 11% !important;
}
.discount-remove {
width: 10% !important;
padding-right: 0px;
}
.discount-value {
width: 13% !important;
}
form[action="checkout3.cfm"] {
margin-top: 40px;
}
/* Checkout code */
/* checkout */
.checkout1-form{ display:none; }
#logincheckout1{ display:none; }
.checkout-form{ width: calc(50% - 50px);display:inline-block;vertical-align:top;margin-right:50px; margin-top: 50px; border-right: 0; }
.checkout-form *:focus { outline: none; }
.checkout-form input[type="text"], .checkout-form input[type="password"]{ border:0px;padding:5px;width:95%;margin:-4px 1px 0px 1px;background: transparent;}
.checkout-form form h4 { margin-left: 10px; margin-top: 40px; }
.checkout-form select{ border:0px;padding:5px;width:95%; margin-top: -4px; background: transparent; }
.checkout-form .formlabel{ display:block;text-align:left;font-size:14px;color:#999;padding-left:5px;white-space:nowrap; }
.checkout-form .formpair{border:1px solid #ccc;border-radius:5px;padding:0px;margin:5px;font-size:14px;width:47.3%;height:45px;vertical-align:top;/*overflow: hidden;*/}
.checkout-form .formrow:nth-child(4) .formpair, .checkout-form .formrow:nth-child(5) .formpair, .checkout-form .formrow:nth-child(6) .formpair, .checkout-form .formrow:nth-child(7) .formpair, .checkout-form .formrow:nth-child(9) .formpair { width:97.5% !important; }
.checkout-form .formrow:nth-child(7) .formpair { position: relative; }
.checkout-form .formrow:nth-child(7) .formpair .zipNot { background: #ff0033; color: #fff; position: absolute; top: -20px; right: 10px; padding: 4px 20px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.checkout-form .checkoutform{border:0px;padding:0px;}
.checkout-form .checkoutform div.formrow:nth-child(4), .checkout-form .checkoutform div.formrow:nth-child(8)/*, .checkout-form .checkoutform div.formrow:nth-child(9)*/ { display: none; }
.checkout-form .checkoutform .parsley-errors-list { margin: -6px 0 3px 0; }
.checkout-form .checkoutform h4 { padding-left: 5px; font-weight: 700; text-transform: uppercase; }
.checkout-form .checkoutform h4:first-child { margin-left: 0px; margin-top: 0; }
.checkout-form .input{width:100%;}
.border-blue{border:1px solid #1990c6!important;}
.border-red{border:1px solid #ff0000!important;}
.checkout-form #shiptodifferentaddress{display:none;}
.checkout-form #customer_registration_link{display:none;}
.checkout-form #customer_registration{display:block;}
.checkout-form #checkout_cart{display:none;}
.checkout-form #checkoutagreement{margin-left:10px;}
.checkout-form .buttonprimarycluster{position:relative;padding-right:15px;text-align:right;}
.checkout-form .buttonprimarycluster.addBef:before { content: ""; background: transparent; position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.checkout-form .primary_button, .checkout2-form-submit .primary_button {border:0px;padding:10px 30px !important;border-radius:24px; width: calc(100% - 10px); background: #333 !important; margin-top:40px;}
.checkout2-form-submit .primary_button { font-family:'Montserrat'; width: 100%; display: block; margin-left: -10px; }
#login-form #login { border:0px;padding:10px 30px !important;border-radius:24px; background: #1D3869 !important; }
.checkout-form .secondary_button{border:0px;background:none;}
.checkout-form .secondary_button:hover{text-decoration:underline;}
.loginsection{text-align:center;}
.checkout-form .subscribenewsletter{display:none;}
.shopping-cart{ position: relative;width:45%;/*height:777px;*/display:inline-block;vertical-align:top;padding: 20px;margin-top: 40px; background-color: #f7f7f7; }
.shopping-cart table{width:100%;}
.shopping-cart table tbody { display: block; position: relative; height: 570px; overflow-y: scroll; }
.shopping-cart table tr:first-child, .shopping-cart table tbody::-webkit-scrollbar {display:none;}
.shopping-cart .cart-apply-discount { display: none; }
.shopping-cart #coupon{text-decoration:underline;cursor:pointer;padding:10px;}
.shopping-cart .coupon{padding:10px;}
.shopping-cart .applycouponid{text-decoration:underline;}
.applycouponid { text-decoration: none; font-size: 14px; cursor: pointer; margin-left: -75px; text-transform: uppercase; font-weight: 700; color: #1F396D; }
.shopping-cart #discount-coupon-field{padding:5px;}
.shopping-cart .discount-result, .shopping-cart tr.cart-summary-total .cart-total-qty {display:none;}
.shopping-cart .discount-result, .shopping-cart #discount-coupon-form {text-align: left;}
.shopping-cart input[type="button"], .shopping-cart input[type="submit"]{display:none;}
.shopping-cart .cart_remove2{display:none;}
.shopping-cart .cart_empty_cart2{display:none;}
.shopping-cart .cart_discount_remove2{display:none;}
.shopping-cart table tr { position: relative; display: inline-block; width: 100%; }
.shopping-cart table tr.cart-content-item {
border-bottom: 1px solid #7F7F7F;
padding: 15px 0;
display: inline-block;
width: 100%;
/*height: 700px;*/
}
.shopping-cart table .cart-content-item-name { display: inline-block; float: left; width: 220px; }
.shopping-cart table .cart-content-item-name h4 { padding: 3px 0; text-transform: uppercase; font-weight: 700; }
.shopping-cart table .cart-content-item-img { background: #ffffff; padding: 5px; border: 1px solid #bdbdbd; display: inline-block;
width: 105px; margin-right: 10px; float: left; }
.shopping-cart table .cart-content-item-price-qty, .shopping-cart table .cart-content-item-qty { display: none; }
.shopping-cart table .cart-content-item-price { display: inline-block; float: left; width: 120px; position: absolute; right: 0; font-weight: 700; }
.shopping-cart table .cart-summary-total, .shopping-cart .cart-summary-total { font-size: 24px; font-weight: 700; /*position: absolute; left: 0; bottom: 155px;*/ /*padding-right: 33px;*/ padding-right: 10px; }
.shopping-cart .cart-summary-total .cart-total-price { padding-left: 10px; }
.checkout-extra {
padding: 0 5px;
}
.register-now{text-align:center;cursor:pointer;padding:10px;}
.register-now:hover{text-decoration:underline;}
.extra-login-option{text-align:center;padding:30px 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:60%;margin:0 auto;margin-top:20px;margin-bottom:20px;}
.extra-login-option i{background-color:#ccc;width: 40px;height: 40px;text-align: center;padding: 5px;border-radius: 5px;cursor:pointer;margin:5px;}
.fa-facebook:hover{background:#3765A3;color:white;}
.fa-amazon:hover{background:#231F20;color:white;}
.fa-google:hover{background:#DD5044;color:white;}
.guest{text-align:center;padding:10px;width:60%;margin:0 auto;cursor:pointer;}
.guest:hover{text-decoration:underline;}
.checkoutform{min-width:auto!important;}
.checkout-form h1{text-align:center;}
/* the size of the name, quantity and price */
/*.content-item-name, .content-item-price-qty, .content-item-price { font-size: 0.9em; }*/
.or{text-align:center;font-weight:bold;}
#parsley-id-multiple-checkout_agreement{position:absolute;margin-top:50px;}
.cart-tax{padding-right:20px;}
/* checkout 2 */
#multi_cur_form{text-align:right;display:none;}
.checkout2-form h2{font-size:20px;padding-top:0px;}
.checkout2-form{width:49%;display:inline-block;vertical-align:top;margin-left:15px;padding:10px;padding-top:0px;border-right:0;}
.mobile-total-amount { font-weight: 700; }
.shipping-to-info{list-style-type:none;border-right:0;}
.shipping-method{margin-bottom:30px;}
.shipping-method label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.shipping-method label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.shipping-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.shipping-method input[type='Radio']{margin-right:10px;}
.payment-method{margin-bottom:30px;}
.payment-method label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.payment-method label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.payment-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.payment-method input[type='Radio']{margin-right:10px;}
.billing-address label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.billing-address label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.billing-address label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.billing-address input[type='Radio']{margin-right:10px;}
#CheckoutForm2 table{display:none;}
.billing-address .checkout-form h4{display:none;}
.billing-address .checkout-form{width:100%;margin:0px;border:0px;display:none;}
.billing-address #checkoutagreement{display:none;}
.billing-address .buttonprimarycluster{display:none;}
.checkout2-form-submit{text-align:right;padding:10px;}
.checkout2-form .primary_button{border:0px;padding:10px!important; margin-right: 10px;margin-top:10px;}
.cart-shipping-method{text-align:right;padding-right:20px;}
.cart-grand-total{position:relative;background:#FCF5F8;text-align:right;padding-right:20px;border-top:0;border-bottom:0;padding-top:5px;padding-bottom:5px;margin-top:0px;font-size:24px;font-weight:700;display:none !important;}
.cart-tax{text-align:right;font-size:14px;}
/* Payment */
.payment-form{width:49%;display:inline-block;vertical-align:top;border-right:1px solid #ddd;margin-left:15px;padding:10px;padding-top:0px;}
.payment-shopping-cart #coupon{display:none;}
img[src='images/border1.gif'],img[src='images/border2.gif'],img[src='images/border5.gif'],img[src='images/border6.gif']{display:none;}
td[background='images/border1_bg.gif'],td[background='images/border3_bg.gif'],td[background='images/border4_bg.gif'],td[background='images/border5_bg.gif'],.border1_bg_td,.border3_bg_td,.border4_bg_td,.border5_bg_td{
background:none!important;
}
.payment-form .form-horizontal .control-label{width:100%;text-align:left;font-weight:normal;}
#note.popup_content a {
width: 100%;
margin-top: 0;
margin-bottom: 10px;
text-align: center;
}
/* Checkout code */
/* ==========================================================================
Fong Yi's custom styles
========================================================================== */
div.slide-contact-bg:before,
.slide-dianthus .sectOva,
.product-slide-hero:before {
background: rgba(0,0,0,0.5);
}
.ordertdBtn:hover, .exploreBtn:hover {
color: #ffffff;
text-decoration: none;
background: rgba(0, 0, 0, 1);
border-color: rgba(0, 0, 0, 1);
}
.ordertdBtn, .exploreBtn,
.ordertdBtn:hover, .exploreBtn:hover {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.slide-dianthus .smallStraightLine {
max-width: 240px;
}
.logoObject .smallStraightLine, .slide-dianthus .smallStraightLine, .dianthuscontrols .dianthuslogo .smallStraightLine {
height: 1px;
}
.logoObject .smallStraightLine {
margin-top: 5px;
}
.logoObject p{
font-size: 14px;
font-weight: 200;
line-height: 1.9em;
}
.slide-dianthus p,
.slide-luxury-flowers .slideluxflowtxt p,
.slide-mandi-bunga p,
.bespoke-text-intro-text p,
.mandi-bunga-parent .prodSlideTxt p, .slide-dianthus ol li{
font-size: 18px;
font-weight: 200;
line-height: 1.9em;
}
.slide-dianthus ol li{margin-bottom:20px;text-align:justify;}
.logoObject h1,
.slide-dianthus .logo {
font-size: 28px;
letter-spacing: 12px;
line-height: 30px;
will-change: transform;
}
.dianthuscontrols .dianthuslogo h1 {
font-size: 20px;
letter-spacing: 8px;
line-height: 10px;
}
.dianthuscontrols .dianthuslogo p {
font-size: 9px;
letter-spacing: 2px;
}
.dianthuscontrols .dianthustagline p:first-child {
font-size: 18px;
}
.slide-dianthus p, .slide-mandi-bunga p {
margin-top: 30px;
}
.slide-luxury-flowers .slideluxflowtxt h2 {
font-size: 44px;
line-height: 1em;
margin-bottom: 30px;
}
.ordertdBtn, .exploreBtn {
font-size: 11px;
font-weight: 700;
margin-top: 40px;
padding-top: 12px;
padding-bottom: 12px;
letter-spacing: 2px;
color: #ffffff;
text-decoration: none;
will-change: transform;
}
.slide-contact .container .slidecnt .slidecntleft h2 {
font-size: 44px;
font-weight: 300;
margin-bottom: 24px;
}
.slide-contact .container .slidecnt .slidecntleft p {
font-size: 18px;
margin-bottom: 20px;
font-weight: 200;
line-height: 1.5em;
}
.bloomingNews h3 {
font-size: 19px;
font-weight: 300;
color: #e2e2e2;
}
.slide-contact .container .slidecnt .slidecntleft input[type="submit"] {
font-size: .8em;
font-weight: 700;
letter-spacing: 2px;
}
.contactDetails p {
font-size: .85em;
line-height: 1.5em;
}
.contactLogos span, .contactFeatures span {
font-size: 1.1em;
font-weight: 700;
}
.contactTerms a {
font-size: 1em;
color: #d2d2d2;
}
.menuSide .menuSideBody .menu-item a {
font-size: 16px;
font-weight: 300;
letter-spacing: 1px;
}
.menuSide .menuSideBody .menu-item a:hover {
font-style: inherit;
font-weight: 500;
}
.menuSide .menuSideBody .menu-item a,
.menuSide .menuSideBody .menu-item a:hover {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.bespoke-hero .bespoke-hero-txt h2,
.mandi-bunga-parent .prodSlideTxt h2 {
font-size: 58px;
}
.bespoke-arrangement h3,
.product-slide-mandi-subscript-form .subscrip-left .main-subscrip-form h2, .product-slide-mandi-subscript-form .subscrip-right .one-trial h2{
font-size: 24px;
text-transform: uppercase;
will-change: transform;
}
.bespoke-arrangement .arrangements .arrangement .arrangement-text h3 {
font-weight: 200;
font-size: 16px;
letter-spacing: 1px;
will-change: transform;
}
.bespoke-arrangement .arrangements .arrangement .arrangement-text p {
font-weight: 200;
will-change: transform;
}
.colour-palette .container h3 {
font-size: 28px;
}
.colour-palette .container p, .bespoke-pricing p,
.product-slide-mandi-subscript-form .subscrip-right .one-trial {
font-size: 16px;
}
.colour-palette .container p,
.colour-palette .container .colour-palette-seasons .colour-palette-season h3,
.bespoke-pricing p, .product-slide-mandi-subscript-form .subscrip-right .one-trial {
font-weight: 200;
}
.colour-palette .container .colour-palette-seasons .colour-palette-season h3,
.message-on-card-form h3 {
font-size: 18px;
}
.message-on-card-form .form-group label,
.message-on-card-form .form-group.msgcrd label,
.form-group.btm-grp h3 {
font-size: 16px;
font-weight: 300;
}
.message-on-card-form .form-group.msgcrd label {margin-bottom: 15px;}
.message-on-card-form .form-group input, .message-on-card-form .form-group textarea {
border-width: thin;
padding: 16px 20px;
}
.message-on-card-form .form-group input:focus, .message-on-card-form .form-group textarea:focus,
.product-slide-mandi-subscript-form .subscrip-left .main-subscrip-form select:focus,
.product-slide-mandi-subscript-form .subscrip-left .main-subscrip-form input[type="text"]:focus {
border-color: #9ec190;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(158 193 144 / 50%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(158 193 144 / 50%);
}
.mandibnglogo {
margin-bottom: 30px;
}
.mandi-bunga-parent .prodSlideTxt h2 {
font-family: 'Euphoria Script'!important;
}
.mandibnglogo .graphic {
max-width: 90px;
}
.mandibnglogo .wording {
max-width: 180px;
margin-top: 20px;
}
.mandi-bunga-parent .prodSlideTxt p {
font-family: 'Nunito Sans'!important;
text-align: center;
}
.prodSlideTxt .left p {
text-align: left;
}
.form-group.btm-grp h3 {
font-family: 'Nunito Sans';
}
/* sections stacked */
.bespoke-hero {
z-index: 7;
}
.slide-dianthus, .product-slide-hero, .bespoke-arrangement {
z-index: 6;
}
.bespoke-arrangement { justify-content: flex-start; padding: 3.5vh 0; max-height: calc(100vh - 50px); }
.colour-palette { max-height: calc(100vh - 150px); padding-bottom: 3.5vh; }
.slide-luxury-flowers.sn1, .product-slide-mandi-intro, .colour-palette {
z-index: 5;
}
.slide-luxury-flowers.sn2, .product-slide-mandi-more, .bespoke-pricing {
z-index: 4;
}
.slide-luxury-flowers.sn3, .product-slide-mandi-subsc-intro, .message-on-card {
z-index: 3;
}
.slide-contact, .product-slide-mandi-subscript-form, .order-summary {
z-index: 2;
}
/* sections stacked end */
.mobile-coupon {
/*padding: 10px 5px;*/
padding: 10px 15px 20px;
margin: 5px;
border: 1px solid #ccc;
margin-left: 10px;
width: calc(100% - 18px);
border-radius: 4px;
}
/* Modal Error */
.greyBack {
display: none;
background: rgba(0,0,0,0.6);
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 14;
}
.error-modal {
width: 275px;
height: 0;
background: #fff;
border-radius: 5px;
/*position: relative;*/
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 15px;
overflow: hidden;
transition: 1s;
opacity: 0;
z-index: 15;
}
.modal--open {
overflow: visible;
height: 280px;
opacity: 1;
}
.modal__icon {
position: absolute;
background: #15bc74;
border-radius: 50%;
color: #fff;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border: 4px #fff solid;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
opacity: 0;
transition: 0.5s;
}
.modal__icon--visible {
top: -32px;
opacity: 1;
}
.modal__icon--error {
background: #e44043;
}
.modal__title {
font-weight: 300;
color: #333;
text-align: center;
margin-top: 35px;
/*font-family: "Roboto";*/
font-size: 22px;
opacity: 0;
-webkit-animation: fadeUp 0.8s linear alternate;
animation: fadeUp 0.8s linear alternate;
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.modal__text {
font-weight: 300;
color: #696969;
text-align: center;
margin-top: 40px;
/*font-family: "Roboto";*/
font-size: 18px;
line-height: 1.5;
display: block;
-webkit-animation: fadeUp 0.8s linear alternate;
animation: fadeUp 0.8s linear alternate;
opacity: 0;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.button {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
width: 100%;
margin-top: 40px;
background: #15bc74;
padding: 10px 25px;
border-radius: 4px;
cursor: pointer;
transition: 0.3s ease-in-out;
opacity: 0;
-webkit-animation: fadeUp 0.8s linear alternate;
animation: fadeUp 0.8s linear alternate;
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.button:hover {
background: #108e58;
}
.button--error {
background: #e44043;
}
.button--error:hover {
background: #d31e21;
}
.button__label {
color: #fff;
font-weight: 300;
font-size: 18px;
}
@-webkit-keyframes fadeUp {
0% {
transform: translateY(10px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes fadeUp {
0% {
transform: translateY(10px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
#finalpaymentsection {
max-width: 750px;
padding: 30px 15px; /*fongyi*/
margin: 20px auto;
background: #F1F9EF; /*fongyi*/
}
#finalpaymentsection h5 {
font-size: 18px;
}
#finalpaymentsection table { display: inline-table; width: 100%; margin-bottom: 30px; }
#finalpaymentsection table:nth-child(3) {
margin-bottom: 10px;
}
#finalpaymentsection table:nth-child(5) tr:nth-child(1) td:nth-child(1), #finalpaymentsection table:nth-child(7) tr:nth-child(1) td:nth-child(1), #finalpaymentsection table:nth-child(8) tr:nth-child(1) td:nth-child(1) {
font-weight: 600;
}
#finalpaymentsection table:nth-child(7) td:nth-child(1) h5, #finalpaymentsection table:nth-child(8) td:nth-child(1) h5 {
font-weight: inherit;
}
#finalpaymentsection table td {
padding: 4px 8px;
border: 1px solid #CFCFCF;
}
#finalpaymentsection table:nth-child(3) td {
padding: 4px 0;
border-color: transparent;
}
#finalpaymentsection table:nth-child(12) {
display: block;
overflow-x: scroll;
}
#finalpaymentsection table td a {
/*color: #6c6c6c;*/
color: inherit;
}
#finalpaymentsection table td a:hover {
text-decoration: none;
}
#finalpaymentsection input[type="button"] {
display: inline-block;
font-size: 14px; /*fongyi*/
max-width: 200px; /*fongyi*/
margin-top: 20px;
padding: 10px 40px;
background: #333333;
border: 2px solid #333333;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
}
.other-page {
display: flex;
align-items: center;
justify-content: center;
margin: 50px auto 200px;
font-size: 16px;
}
.other-page-inner {
max-width: 700px;
display: flex;
align-items: center;
justify-content: center;
}
.other-page-inner p {
font-size: 16px !important;
font-style: normal !important;
}
/*#finalpaymentsection table .TableCell {*/
/*color: inherit;*/
/*}*/
/* Modal Error End*/
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
.hidden,
[hidden] {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
* causes content to wrap 1 word per line:
* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
/* 1 */
}
/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.sr-only.focusable:active,
.sr-only.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
white-space: inherit;
width: auto;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix::before,
.clearfix::after {
content: " ";
display: table;
}
.clearfix::after {
clear: both;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*::before,
*::after {
background: #fff !important;
color: #000 !important;
/* Black prints faster */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
abbr[title]::after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]::after,
a[href^="javascript:"]::after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
@media screen and (max-width: 1400px) {
.colour-palette .container .colour-palette-seasons .colour-palette-season { width: 28%; }
.bespoke-pricing .prices .price { width: calc(50% - 10px); }
}
@media screen and (max-width: 1200px) {
.colour-palette .container .colour-palette-seasons .colour-palette-season { width: 35%; }
}
@media screen and (max-width: 1000px) {
.colour-palette .container .colour-palette-seasons .colour-palette-season { width: 45%; }
}
@media screen and (max-width: 576px) {
#cd-cart {
width: 100%;
}
#cd-cart .cd-cart-items {
height: calc(100vh - 165px);
}
#scroll-container {
/*overflow-y: scroll;*/
/*height: 100vh;*/
-webkit-overflow-scrolling: touch;
}
.section {
position: relative !important;
top: initial !important;
left: initial !important;
min-height: 100vh !important;
}
.bespoke-arrangement.section { max-height: none; }
.colour-palette.section { overflow: visible; max-height: none; padding-bottom: initial; }
.section .container {
/*overflow-y: scroll;*/
-webkit-overflow-scrolling: touch;
}
.ordertdBtn.prvbtn {
margin-right: 20px;
}
.order-summary {
min-height: 150vh;
}
.order-summary .container {
padding-left: 15px;
padding-right: 15px;
}
#entrySlide .logoObject h1 { font-size: 32px; }
#entrySlide .smallStraightLine { max-width: 260px; }
#entrySlide .logoObject p { font-size: 16px; }
.dianthuscontrols .dianthuslogo h1 {
font-size: 18px;
}
.dianthuscontrols .dianthuslogo p {
font-size: 10px;
}
.slide-dianthus .logo {
font-size: 28px;
}
.slide-dianthus p, .slide-mandi-bunga p, .slide-luxury-flowers .slideluxflowtxt p, .slide-contact .container .slidecnt .slidecntleft p {
font-size: 16px;
}
#cd-cart {
right: -200%;
}
.slide-dianthus .smallStraightLine {
max-width: 230px;
}
.dianthuscontrols .dianthustagline {
display: none;
}
.dianthuscontrols .dianthusbottommenu {
right: 5vw;
left: initial;
}
.dianthuscontrols .dianthusbottommenu a {
font-size: 16px;
}
.slide-luxury-flowers .slideluxflowimg {
width: 100%;
margin-right: 0;
}
.slide-luxury-flowers .slideluxflowtxt {
width: 100%;
}
.slide-luxury-flowers .slideluxflowtxt h2 {
font-size: 32px;
}
.slide-luxury-flowers.sr .slideluxflowimg {
margin-left: 0;
}
.ordertdBtn, .exploreBtn {
padding: 10px 30px;
}
.menuSide {
width: 100vw;
}
.slide-contact .container {
padding-top: 110px; /* 15px */
padding-bottom: 110px;
}
.slide-contact .container .slidecnt {
flex-wrap: wrap;
}
.slide-contact .container .slidecnt .slidecntleft {
width: 100%;
margin-right: 0;
}
.slide-contact .container .slidecnt .slidecntleft {
width: 100%;
margin-left: 0;
}
.slide-contact {
height: auto;
min-height: 100vh;
}
.slide-contact-bg {
min-height: 100%;
transform: translate(-50%, -50%) !important;
}
.mandibnglogo .graphic {
max-width: 90px;
}
.mandibnglogo .wording {
max-width: 180px;
}
.slide-contact .container .slidecnt .slidecntright {
width: 100%;
margin-left: 0;
}
.menuSide .menuSideBody .menu-item a {
font-size: 18px;
}
.dianthusburger .burger-line {
width: 25px;
height: 2px;
}
.slide-dianthus .slide-dianthus-bg img {
max-width: none;
width: auto;
max-height: 100%;
}
.bespoke-hero .bespoke-hero-txt h2 {
font-size: 68px;
text-align: center;
}
.bespoke-text-intro-text p {
font-size: 18px;
}
.bespoke-arrangement .arrangements .arrangement {
/*width: calc(100% - 30px);*/
width: calc(50% - 20px);
margin: 10px 10px;
padding: 0 10px 0 15px;
}
.bespoke-arrangement .arrangements .arrangement .arrangement-img {
height: 120px;
max-width: 100%;
}
.bespoke-arrangement .arrangements .arrangement .arrangement-img img {
max-width: 100%;
}
.bespoke-arrangement .arrangements .arrangement:before {
left: 5px;
}
.bespoke-arrangement .arrangements .arrangement:hover, .colour-palette .container .colour-palette-seasons .colour-palette-season span img:hover {
transform: initial !important;
}
.bespoke-arrangement .arrangements .arrangement.openBouq { position: relative; width: 100%; top: initial; left: initial; transform: initial; }
.colour-palette .container .colour-palette-seasons .colour-palette-season {
width: 50%;
margin-right: 0;
}
.colour-palette .container .colour-palette-seasons .colour-palette-season span img { max-width: 100%; }
.message-on-card-form #message-on-card-form {
width: 100%;
}
.product-slide-hero .prodSlideTxt p {
text-align: center;
}
.product-slide-mandi-intro .manditxt p, .product-slide-mandi-more p {
font-size: 18px;
}
.product-slide-mandi-intro-flowers {
right: -70%;
}
.product-slide-mandi-intro .container, .product-slide-mandi-more .container, .product-slide-mandi-subsc-intro .container {
max-width: 100%;
}
.product-slide-mandi-subsc-intro .container .prodSlideTxt {
flex-wrap: wrap;
}
.product-slide-mandi-subsc-intro .container .prodSlideTxt .left {
width: 100%;
margin-right: 0;
}
.product-slide-mandi-subsc-intro .container .prodSlideTxt .right {
width: calc(100% + 30px);
margin-left: -15px;
margin-top: 40px;
}
.product-slide-mandi-subscript-form {
flex-wrap: wrap;
margin-bottom: 50px;
}
.product-slide-mandi-subscript-form .subscrip-left, .product-slide-mandi-subscript-form .subscrip-right {
width: 100%;
}
.product-slide-mandi-subscript-form .subscrip-left .main-subscrip-form {
width: 100%;
}
.product-slide-mandi-more .container .prodSlideTxt .bigImage img {
max-width: 100%;
}
.order-summary-table {
/*width: 100%;*/
width: calc(100vw - 40px);
}
.order-summary-table-row {
flex-wrap: wrap;
}
.order-summary-table-row .cell {
width: 100%;
}
.order-summary-table-row .cell .orderered-item img {
max-width: 200px;
}
.order-summary-table-header {
display: none;
}
.order-summary-table-row .cell .orderered-item h3 {
margin-bottom: 0;
}
.order-summary-table-row .cell:nth-child(2) {
padding: 0 15px;
}
.colour-palette .container h3, .order-summary .container h3 {
font-size: 24px;
}
.checkout-form {
width: 100%;
margin-bottom: 50px;
margin-top: 0;
margin-right: 0;
}
.checkout-form .formpair {
width: 97.5%;
}
.shopping-cart {
display: none;
width: 100%;
}
#cd-cart .cd-cart-items li div.cart-remove {
left: 0;
}
.color-palette-chosen { width: 100%; }
.color-palette-chosen-pic { width: 50%; }
.color-palette-chosen-details { width: 50%; }
.color-palette-chosen .color-palette-chosen-pic img { max-width: 170px; }
.colour-palette .color-palette-chosen .color-palette-chosen-details h3 { font-size: 16px; }
.colour-palette .color-palette-chosen .color-palette-chosen-details img { max-width: 100%; }
.colour-palette .container .colour-palette-seasons .colour-palette-season span { padding-left: 20px; padding-right: 15px; }
.colour-palette .container .colour-palette-seasons .colour-palette-season span:before { top: 8px; }
/* ==========================================================================
Fong Yi's custom styles
========================================================================== */
.bespoke-hero .bespoke-hero-txt {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.bespoke-hero .bespoke-hero-txt h2 {
font-size: 54px;
line-height: 50px;
}
.bespoke-arrangement {
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
}
.bespoke-arrangement h3 {
/*margin-top: 80px;*/
margin-top: 10px;
}
/*.colour-palette {*/
/*margin-top: 120px;*/
/*}*/
.bespoke-pricing {
padding-top: 120px;
}
.message-on-card .container {
padding: 75px 15px 120px;
}
.cart-cnt {
margin-top: 100px;
}
.shopping-cart-content {
border-top: 1px solid #7F7F7F;
}
.paymentlist {
width: 100%;
}
.paymentlist .ShowCartCheckOutBtn {
width: 100%;
}
.shopping-cart-apply-discount td {
display: block;
}
.shopping-cart-apply-discount input[type="text"] {
width: 100%;
margin-right: 30px !important;
}
.shopping-cart-buttons .ShowCartContinueBtn {
margin: 0 auto;
width: 100%;
}
.shopping-cart-summary {
border-bottom: 1px solid #7F7F7F;
}
/* Show Cart Mobile Fix */
.content-item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
padding: 10px 10px 10px 100px;
max-height: none;
}
.content-item-img {
position: absolute;
top: 10px;
left: 10px;
}
.content-item-name {
margin: 0 2% 0 2%;
width: 61%;
}
.content-item-price-qty {
margin: 0;
/*width: 80px;*/
width: 100%;
padding-right: 0px;
}
.content-item-price-qty.price {
width: 100px;
font-weight: 600;
text-align: left;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 10px;
}
.content-item-qty .qty-field {
margin-top: 8px;
margin-right: 0;
margin-left: 6px;
}
.content-item-price {
width: 100%;
font-size: 18px;
text-align: left;
padding-left: 5px;
margin-top: 5px;
}
.content-item-qty {
width: 100%;
}
.content-item-qty .cart_remove2 {
left: initial;
right: 5px;
top: 5px;
}
.content-item-qty .cart_remove2:before {
font-size: 20px;
font-weight: 700;
}
.cart-description h3 {
font-size: 24px;
margin-bottom: 0;
}
#finalpaymentsection {
max-width: 100%;
padding: 15px 15px;
margin: 0px auto;
}
.contactLogos {
flex-direction: column;
align-items: flex-start;
}
.iessnippet-basic .other-page-inner .display h1 { font-size: 32px; }
.dianthuscontrols .dianthusbottommenu .Homelinks:after, .dianthuscontrols .dianthusbottommenu .bespokelinks:after {
content: "";
z-index: -1;
position: absolute;
top: -20px;
right: -20px;
left: -20px;
bottom: -20px;
background-color: rgba(0, 0, 0, 0.025);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 10px;
filter: blur(8px);
box-shadow: inset 0 0 0 220px rgba(0, 0, 0, 0.025);
}
.bespoke-pricing .prices .price { width: calc(100% - 10px); }
}
.iesfontfamily1{font-family:'Cormorant';}
.iesfontfamily2{font-family:'Nunito Sans';}
.iesfontfamily3{font-family:'Euphoria Script';}
.loginFx {
max-width: 1000px;
padding-top: 100px;
margin-left: calc((100% - 1000px) * 0.5);
text-align: center;
}
.loginFx tr td input[type="submit"], .loginFx tr td input[type="button"], .loginFx form input[type="button"], .loginFx form input[type="submit"]{
border: none;
padding: 12px 28px;
color: #ffffff;
background: #191919;
margin-bottom: 10px;
}
.loginFx input[type="text"] {
border: 1px solid #ccc;
padding: 5px 8px;
margin-bottom: 5px;
}
.loginFx form[action="merchant_login1.cfm"] table td input[type="password"] {
border: 1px solid #ccc;
padding: 5px 8px;
margin-bottom: 5px;
}
.iesbackgroundcolor3 {
background: #333;
}
@charset "UTF-8";/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-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)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__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)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-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-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-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}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.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{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.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)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}