@charset "UTF-8";

/*  RESET
---------------------------------------------------*/

* {
  padding:0;
  margin:0;
  outline:none;
}

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, 
em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav,
object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var, a img {
  background:transparent;
  border:0 none;
  outline:none;
  vertical-align:baseline;
  padding:0;
  margin:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;   
}

.clearer { 
  clear:both;
}


/* Basics */

body {
  background:url("../images/background-body.jpg") top left;
  overflow-x:hidden;
}

h1 {
  font:400 110px/110px "ivypresto-headline", arial, sans-serif;
  letter-spacing:0.02em;
  color:#fff;
  text-align:center;
  margin:0;
}

h1 em {
  font-weight:500;
  font-style:italic;
}

#subpage h1 {
  font-size:85px;
  line-height:90px;
}

h2 {
  font:300 70px/70px "ivypresto-headline", arial, sans-serif;
  letter-spacing:0.02em;
  color:#000000;
  margin:0 0 40px 0;
}

h2 em {
  font-weight:300;
  font-style:italic;
}

h3 {
  font:300 italic 50px/55px "ivypresto-headline", arial, sans-serif;
  letter-spacing: 0.02em;
  color:#000000;
  margin:0 0 10px 0;
}

h4 {
  font:500 24px/30px "acumin-pro", arial, sans-serif;
  color:#575653;
  margin:0 0 30px 0;
}

h5 {
  font:500 15px/23px "acumin-pro", arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:0.03em;
  color:#c69e66;
}

p {
  font:300 18px/25px "acumin-pro", arial, sans-serif;
  color:#575653;
  margin:0 0 40px 0;
}

p:last-child {
  margin:0;
}

a {
  color:#c69e66;
  text-decoration:none;
}

blockquote {
  font:300 60px/65px "ivypresto-headline", arial, sans-serif;
  letter-spacing:0.02em;
  color:#fff;
  margin:0 0 40px 0;
}

.link {
  font:500 16px/23px "acumin-pro", arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:0;
}

.link:hover {
  text-decoration:underline;
}

.link:before {
  content:"";
  width:30px;
  height:30px;
  display:inline-block;
  background:url("../images/next-arrow.svg") no-repeat 0 0;
  position:relative;
  top:9px;
  margin-right:15px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.link:hover:before {
  background:url("../images/next-arrow-hover.svg") no-repeat 0 0;
}

.button {
  font:500 15px/20px "acumin-pro", arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:0.03em;
  display:inline-block;
  background:#c69e66;
  color:#fff;
  text-decoration:none !important;
  border-radius:40px;
  padding:15px 30px;
}


/* General */

.flex {
  display:flex;
  flex-wrap:wrap;
}

.centered {
  align-items:center;
}

.container {
  width:1500px;
  position:relative;
  padding:110px 0 110px 70px;
  margin:0 auto;
}

main .container {
  padding-left:70px;
}

.section-label {
  width:200px;
  text-align:right;
  position:absolute;
  top:320px;
  left:0;
  transform-origin:0 0;
  transform:rotate(-90deg);
}

.two-columns,
.three-columns {
  display:flex;
  flex-wrap: wrap;
}

.two-columns .col {
  width:50%;
  position:relative;
  padding:0 50px;
}

.three-columns .col {
  width:33.33%;
  position:relative;
  padding:0 50px;
}

.two-columns .col:nth-child(1),
.two-columns .col:nth-child(3),
.two-columns .col:nth-child(5),
.two-columns .col:nth-child(7) {
  padding-left:0;
}

.two-columns .col:nth-child(2),
.two-columns .col:nth-child(4),
.two-columns .col:nth-child(6),
.two-columns .col:nth-child(8) {
  padding-right:0;
}

.three-columns .col:nth-child(1) {
  padding-left:0;
}

.three-columns .col:nth-child(2) {
  padding-left:25px;
  padding-right:25px;
}

.three-columns .col:nth-child(3) {
  padding-right:0;
}

.list {
  list-style:none;
  margin:0 0 40px 0;
}

.list li {
  font:400 22px/28px "GT Walsheim Regular", arial, sans-serif;
  color:#0b4b5e;
  position:relative;
  padding:0 0 0 15px;
  margin-bottom:10px;
}

.list li:before {
  content: "";
  width:6px;
  height:6px;
  display:block;
  background:#0b4b5e;
  position:absolute;
  top:10px;
  left:0;
}

/* Nav */

#logo-header {
  width:1610px;
  position:absolute;
  bottom:-30px;
  left:50%;
  margin-left:-805px;
}

#logo img {
  width:250px;
  height:82px;
  position:absolute;
  top:-7px;
  left:50%;
  margin-left:-125px;
  z-index:999;
}

nav {
  width:100%;
  height:80px;
  position:absolute;
  top:40px;
  z-index:1;
  display:flex;
}

nav .left {
  width:50%;
  text-align:left;
  text-align:right;
  display:flex;
  justify-content:left;
  align-items:center;  
}

nav .right {
  width:50%;
  text-align:right;
  display:flex;
  justify-content:right; 
  align-items:center; 
}

nav ul {
  width:100%;
  list-style:none;
}

nav ul li {
  display:inline-block;
  color:#fff;
  margin:0;
}

nav ul span {
  color:rgba(255, 255, 255, 0.5);
}

nav ul li a {
  font:400 15px/20px "acumin-pro", arial, sans-serif;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:0.08em;
  color:#fff;
  display:block;
  padding:10px 35px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

nav ul li a:hover {
  color:#c69e66;
}

nav ul.left li:first-child a {
  padding-left:0;
}

nav ul li.button {
  margin-left:0;
  padding:0;
}

nav ul li.button a {
  font-weight:500;
  letter-spacing:0.03em;
  background:#c69e66;
  border-radius:40px;
  padding:15px 30px;
}

nav ul li.button a:hover {
  color:#fff;
}


/* Header */

header {
  position:relative;
}

header .container {
  height:100%;
  padding:160px 0 0 0;
}

#home header {
  height:1000px;
  background:#00213f url("../images/home-header-background.jpg") no-repeat top center;
}

/* Slider */

.flexslider {
  width:1500px;
  height:680px;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  margin:0 auto;
}

.flexslider .slides img {
  width:1090px;
  display:block;
  border-radius:15px;
  margin:0 auto;
}

header .content {
  width:100%;
  position:absolute;
  bottom:80px;
  left:0;
}

header p {
  font-size:20px;
  font-weight:500;
  text-transform:uppercase;
  color:#6e6e6e;
}

/* Slides text animation */

.slides li .content {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutBottom;
  animation-name: fadeOutBottom;
}

.slides li.flex-active-slide .content {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
}

#slide-numbers {
  width:300px;
  height:25px;
  display:flex;
  align-items:center;
  justify-content:center;
  font:400 18px/25px "acumin-pro", arial, sans-serif;
  color:#fff;
  padding:60px 0 0 0;
  margin:0 auto;
}

#slide-numbers .current-slide {
  margin-right:10px;
}

#slide-numbers .total-slides {
  color:rgba(255, 255, 255, 0.6);
  margin-left:10px;
}

#slide-numbers .line {
  width:100px;
  height:1px;
  background:rgba(255, 255, 255, 0.6);
  position:relative;
  top:2px;
}

.flex-direction-nav {
  width:100%;
  height:30px;
  position:absolute;
  top:50%;
  margin-top:-15px;
  z-index:10;
}

.flex-nav-prev {
  float:left;
  padding-left:130px;
}

.flex-prev {
  width:30px;
  height:30px;
  background:url("../images/previous-arrow.svg") no-repeat 0 0;
  display:block;
  text-indent:-9999px;
  text-align:left;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.flex-prev:hover {
  background:url("../images/previous-arrow-hover.svg") no-repeat 0 0;
}

.flex-nav-next {
  float:right;
  padding-right:130px;
}

.flex-next {
  width:30px;
  height:30px;
  background:url("../images/next-arrow.svg") no-repeat 0 0;
  display:block;
  text-indent:-9999px;
  text-align:left;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.flex-next:hover {
  background:url("../images/next-arrow-hover.svg") no-repeat 0 0;
}

#scroll {
  font:500 16px/23px "acumin-pro", arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:0.03em;
  position:absolute;
  left:0;
  bottom:60px;
}

#scroll:hover {
  text-decoration:underline;
}

#scroll:after {
  content:"";
  width:30px;
  height:30px;
  display:inline-block;
  background:url("../images/down-arrow.svg") no-repeat 0 0;
  position:relative;
  top:9px;
  margin-left:15px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

#scroll:hover:after {
  background:url("../images/down-arrow-hover.svg") no-repeat 0 0;
}

#badge {
  width:160px;
  height:160px;
  position:absolute;
  right:0;
  bottom:-80px;
}

#home-services .col {
  width:50%;
  background:#fff;
}

#home-services .col:nth-child(1) {
  flex:1 1 50%;
  background:url("../images/dry-cleaning-services.jpg") no-repeat center center / cover;
  position:relative;
  z-index:10;
}

#home-services .col:nth-child(2) {
  flex:1 1 50%;
  display:flex;
  flex-direction:column;
  background:#fff;
  margin-right:-170px;
}

#home-services .col:nth-child(2) .inner-col {
  width:665px;
  padding:100px 0 100px 80px;
}

#services-nav {
  list-style:none;
}

#services-nav li {
  border-bottom:1px solid #dddddd;
  padding:15px 0;
}

#services-nav li span {
  width:50px;
  display:inline-block;
}

#services-nav li a {
  font:500 16px/23px "acumin-pro", arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:0;
}

#services-nav li a:after {
  content:"";
   width:30px;
  height:30px;
  float:right;
  display:inline-block;
  background:url("../images/next-arrow.svg") no-repeat 0 0;
  position:relative;
  top:-3px;
  margin-left:15px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

#services-nav li a:hover:after {
  background:url("../images/next-arrow-hover.svg") no-repeat 0 0;
}

.flexslider2,
.flexslider2 ul,
.flexslider2 ul li {
  width:100%;
  height:100%;
  position:relative;
  background:url("../images/home-services-dry-cleaning.jpg") no-repeat center center / cover;
}

.flexslider2 ul li div {
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  top:0;
  left:0;
}


#home-services .col:nth-child(1) div {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}

#home-services .col:nth-child(1) div.active {
  opacity:1;
}

.dry-cleaning {
  background:url("../images/dry-cleaning-services.jpg") no-repeat center center / cover;
}

.wedding-gowns {
  background:url("../images/wedding-gowns-services.jpg") no-repeat center center / cover;
}

.shirt-laundering {
  background:url("../images/shirt-laundering-services.jpg") no-repeat center center / cover;
}

.household-items {
  background:url("../images/household-items-services.jpg") no-repeat center center / cover;
}

.wash-and-fold {
  background:url("../images/wash-and-fold-services.jpg") no-repeat center center / cover;
}

.commercial-services {
  background:url("../images/commercial-services.jpg") no-repeat center center / cover;
}

.alterations-and-repairs {
  background:url("../images/alterations-and-repairs-services.jpg") no-repeat center center / cover;
}

#testimonials {
  background:#5b5b5b url("../images/testimonials-background.jpg") center center;
  height:600px;
}

#testimonials p {
  font-size:23px;
  line-height:30px;
  color:#c69e66;
}

#testimonials .container {
  height:100%;
  padding:0;
}

.testimonial-slider,
.testimonial-slider .slides {
  height:100%;
  position:relative;
}

.testimonial-slider ul li {
  height:100%;
  display:flex !important;
  flex-wrap:wrap;
}

.testimonial-slider ul li .col:nth-child(1) {
  width:600px;
  position:relative;
}

.testimonial-slider ul li .col:nth-child(2) {
  width:900px;
  padding:110px 0 110px 50px;
}

.testimonial-slider .slides img {
  width:550px;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-250px;
}

.testimonials-nav {
  position:absolute;
  bottom:70px;
  right:0;
  z-index:10;
}

.testimonials-nav .flex-prev {
  display:none;
}

.testimonials-nav .flex-next {
  width:auto;
  font:500 16px/23px "acumin-pro", arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:0;
  text-indent:0;
  background:none;
}

.testimonials-nav .flex-next:hover {
  text-decoration:underline;
}


.testimonials-nav .flex-next:after {
  content:"";
  width:30px;
  height:30px;
  display:inline-block;
  background:url(../images/next-arrow.svg) no-repeat 0 0;
  position:relative;
  top:9px;
  margin-left:15px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.testimonials-nav .flex-next:hover:after {
  background:url("../images/next-arrow-hover.svg") no-repeat 0 0;
}

#contact .container {
  padding-top:0;
  padding-bottom:0;
}

#contact .col:nth-child(1) {
  flex:1 1 50%;
  position:relative;
  z-index:10;
}

#contact .col:nth-child(1) .content {
  width:835px;
  float:right;
  padding:110px 80px 110px 70px;
  position:relative;
}

#contact .col:nth-child(2) {
  flex:1 1 50%;
  display:flex;
  flex-direction:column;
  background:#fff;
  margin-right:-170px;
}

#contact .col:nth-child(2) .content {
  width:665px;
  float:left;
  padding:110px 0 100px 70px;
  position:relative;
}

#contact ul {
  list-style:none;
}

#contact ul li {
  border-bottom:1px solid #dddddd;
  padding:0 0 15px 0;
  margin:0 0 20px 0;
}

#contact ul li span {
  width:1px;
  height:15px;
  background:rgba(198, 158, 102, 0.5);
  display:inline-block;
  position:relative;
  top:2px;
  margin:0 10px;
}

#contact ul li a {
  font:500 16px/23px "acumin-pro", arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:0;
}

#contact ul li a:hover {
  text-decoration:underline;
}

#contact h3 {
  font:300 italic 40px/45px "ivypresto-headline", arial, sans-serif;
  letter-spacing:0.02em;
  color:#000000;
  margin:0 0 10px 0;
}

#contact li a:after {
  content:"";
   width:30px;
  height:30px;
  float:right;
  display:inline-block;
  background:url("../images/next-arrow.svg") no-repeat 0 0;
  position:relative;
  top:-3px;
  margin-left:15px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

#contact li a:hover:after {
  background:url("../images/next-arrow-hover.svg") no-repeat 0 0;
}

/* Subpage */

#subpage header {
  height:450px;
  background:#00213f url("../images/home-header-background.jpg") no-repeat top center;
}

#subpage header .container {
  padding:190px 0 0 0;
}

.photo img {
  width:100%;
  border-radius:15px;
}


#family .col {
  width:50%;
  background:#fff;
}

#family .col:nth-child(1) {
  flex:1 1 50%;
  background:url("../images/family-photo.jpg") no-repeat top center / cover;
  position:relative;
  z-index:10;
}

#family .col:nth-child(2) {
  flex:1 1 50%;
  display:flex;
  flex-direction:column;
  background:#c69e66 url("../images/shirt-background.jpg") no-repeat top center / cover;
  margin-right:-170px;
}

#family .col:nth-child(2) .content {
  width:665px;
  padding:100px 0 100px 80px;
}

#family .col:nth-child(2) .content h2,
#family .col:nth-child(2) .content p {
  color:#fff;
}

#retro-photo {
  width:100%;
  height:500px;
  background:url("../images/retro-photo.jpg") no-repeat top center / cover;
  position:relative;
  border-top:10px solid #f0ede6;
}

#retro-photo .content {
  position:absolute;
  bottom:50px;
  left:70px;
}

#retro-photo .content h3 {
  font:300 italic 40px / 45px "ivypresto-headline", arial, sans-serif;
  letter-spacing:0.02em;
  color:#fff;
  margin:0;
}

/* Why Choose Us */

#why-choose {
  background:#fff;
}


/* Accordion */

.accordion {
  text-align:left;
  margin:-30px 0 40px 0;
}

.accordion-button {
  border-bottom:1px solid #dddddd;
  margin-bottom:20px;
}

.accordion h3 {
  font:300 italic 50px/55px "ivypresto-headline", arial, sans-serif;
  letter-spacing: 0.02em;
  color:#000000;
  margin:0 0 0 0;
}

.accordion-header {
  height:120px;
  background:url("../images/accordion-background.svg") no-repeat -10px center / 130px 100px;
  display:flex;
  align-items:center;
  cursor:pointer;
  position:relative;
  padding:0 100px 0 0;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

/*
.accordion-header:hover {
  background:#f1f1f1;
}

.accordion-header.active {
  background:#005570;
}

.accordion-header.active h4 {
  color:#fff;
}*/

.accordion-header h4 {
  font-size:43px;
}

.accordion-header .plus {
  width:50px;
  height:50px;
  border-radius:50%;
  border:1px solid #c69e66;
  position:absolute;
  top:50%;
  right:0;
  margin-top:-25px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.accordion-header span {
  width:50px;
  height:50px;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-25px;
  margin-top:-25px;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}

/*
.accordion-button:hover .accordion-header .plus {
  background:#c69e66;
}*/

.accordion-header span img {
  width:50px;
  height:50px;
}

.active.accordion-header span {
  -webkit-transform:rotate(135deg);
  -moz-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  -o-transform:rotate(135deg);
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/*
.accordion-header span svg {
  width:13px;
  height:8px;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  margin:-3px 0 0 -6px;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}

.accordion-header span .accordion-arrow {
  fill:#fff;
}

.active.accordion-header span .accordion-arrow {
  fill:#c2d500;
}
*/

.accordion-content {
  display:none;
}

.accordion-content.active {
  display:block;
}

.accordion-content .content {
  padding:0 150px 50px 0;
}

/* Services */

#services-intro .icon {
  width:70px;
  margin:0 0 10px 0;
}

#services-intro h3 {
  margin:0 0 20px 0;
}

#services-intro .col {
  margin-bottom:70px;
}

/* Route Service 

#route-service .col {
  width:50%;
  background:#fff;
}

#route-service .col:nth-child(1) {
  flex:1 1 50%;
  background:#fff url("../images/watkins-bags.jpg") no-repeat center center / cover;
  position:relative;
  z-index:10;
}

#route-service .col:nth-child(2) {
  flex:1 1 50%;
  display:flex;
  flex-direction:column;
  background:#c69e66 url("../images/route-service-background.jpg") no-repeat center center / cover;
  margin-right:-170px;
}

#route-service .col:nth-child(2) .content {
  width:665px;
  padding:100px 0 100px 80px;
}

#route-service .col:nth-child(2) .content h3,
#route-service .col:nth-child(2) .content p {
  color:#fff;
}

#route-service .col:nth-child(2) .content h3 {
  font-size:60px;
  line-height:65px;
  margin-bottom:20px;
}*/


#route-service {
  background:#5b5b5b url("../images/testimonials-background.jpg") center center;
}

#route-service .container {
  padding-left:700px;
}

#route-service img {
  width:600px;
  position:absolute;
  bottom:0;
  left:20px;
}

#route-service h3 {
  color:#fff;
  margin-bottom:30px;
}

#route-service h4 {
  font-size:22px;
  color:#fff;
}

#route-service p {
  color:#fff;
}

#route-service p span {
  width:1px;
  height:15px;
  background:rgba(198, 158, 102, 0.5);
  display:inline-block;
  position:relative;
  top:2px;
  margin:0 10px;
}


/* Contact Page */

#locations {
  background:#fff;
}

#locations a:hover {
  text-decoration:underline;
}

#locations iframe {
  border-radius:15px;
  margin:0 0 20px 0;
}

footer {
  background:#00213f url("../images/footer-background2.jpg") no-repeat center center;
}

footer .container {
  padding:40px 0 40px 70px;
}

footer p,
footer a {
  color:#fff;
}

footer img {
  width:30px;
  height:30px;
  display:inline-block;
  position:relative;
  top:8px;
  margin:0 15px 0 0;
}





/*  Keyframes
---------------------------------------------------*/

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

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

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

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

@-webkit-keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOutBottom {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }
}

@keyframes fadeOutBottom {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }
}