/***********************
*  Site Specific CSS   *
************************/

@charset "UTF-8";

@import url('http://cdn.myld.com.au/1/js/cform_validation/validation-2.0.css');


@font-face
{
  font-family:'ubuntu';
  src:url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-r-webfont.eot);
  src:url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-r-webfont.eot?#iefix) format("embedded-opentype"),url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-r-webfont.woff) format("woff"),url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-r-webfont.ttf) format("truetype"),url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-r-webfont.svg#ubunturegular) format("svg");
  font-weight:400;
  font-style:normal
}

html
{
  height:100%
}

body
{
  height:100%;
  margin:0;
  background:#fff;
  font:16px/22px Ubuntu,Arial,Helvetica,sans-serif;
  color:#939598
}

.page
{
  width:100%;
  position:relative;
  min-height:100%
}

.bg-body
{
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  width:100%;
  height:100%
}

#wrapper
{
  width:100%;
  overflow:hidden;
  margin:0;
  position:relative;
  z-index:2
}

/* header */
#header:after
{
  clear:both;
  display:block;
  content:''
}

#header
{
  width:100%;
  border-bottom:2px solid #9e9e9e;
  background:#fff;
  position:relative;
  z-index:5;
  padding:30px 0 0
}

#header .logo
{
  float:left;
  margin:0 20px 0 -11px
}

#header .logo h1
{
  margin:0;
  overflow:hidden
}

#header .logo img
{
  display:block;
  margin:0 auto
}

/* main-nav */
#main-nav
{
  float:right;
  margin:0;
/* padding: 65px 0 0; */
  padding:80px 0 0
}

#main-nav .nav-inner:after,#main-nav .nav-collapse:after
{
  clear:both;
  display:block;
  content:''
}

#main-nav .nav-inner
{
  position:relative
}

#main-nav .nav-collapse
{
  float:left
}

#main-nav .nav
{
  margin:0
}

#main-nav .nav > li
{
/* padding: 0 0 0 10px; */
  padding:0 2px
}

#main-nav .nav > li > a
{
  color:#afafaf;
  text-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  -webkit-border-radius:4px 4px 0 0;
  -moz-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0;
/*background: #fff;*/
  position:relative;
  z-index:2;
  overflow:hidden;
  padding:7px 10px 8px;
  font-weight:700;
  font-size:14px
}

#main-nav .nav > li > a:hover,#main-nav .nav > .active > a,#main-nav .nav > .active > a:hover,#main-nav .nav > .active > a:focus,#main-nav .nav > li.open > a
{
  color:#fff;
  background:#001c59
}

#main-nav .nav > li > a:hover:after,#main-nav .nav > .active > a:after,#main-nav .nav > .active > a:hover:after,#main-nav .nav > .active > a:focus:after,#main-nav .nav > li.open > a:after
{
  position:absolute;
  content:'';
  z-index:20;
  bottom:-20%;
  height:20%;
  width:60%;
  left:20%;
  -webkit-box-shadow:0 0 20px 2px #fff;
  -moz-box-shadow:0 0 20px 2px #fff;
  box-shadow:0 0 20px 2px #fff
}

#main-nav .nav li.dropdown > .dropdown-toggle .caret
{
  border-top-color:#afafaf;
  border-bottom-color:#afafaf;
  margin-top:10px
}

#main-nav .nav > li > a.dropdown-toggle:hover .caret,#main-nav .nav li.dropdown.open > .dropdown-toggle .caret,#main-nav .nav li.dropdown.active > .dropdown-toggle .caret,#main-nav .nav li.dropdown.open.active > .dropdown-toggle .caret
{
  border-top-color:#fff;
  border-bottom-color:#fff
}

#main-nav ul
{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:0
}

#main-nav ul > li:first-child a
{
  -webkit-border-radius:4px 4px 0 0;
  -moz-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0
}

#main-nav ul > li.last-child a
{
  -webkit-border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px
}

/* main */
#main:after
{
  clear:both;
  display:block;
  content:''
}

#main
{
  width:100%;
  position:relative;
  padding:41px 0 0
}

/* gallery */
#gallery-1
{
  overflow:hidden;
  margin:0 0 19px;
  -webkit-box-shadow:0 0 8px 3px rgba(0,0,0,0.5);
  -moz-box-shadow:0 0 8px 3px rgba(0,0,0,0.5);
  box-shadow:0 0 8px 3px rgba(0,0,0,0.5);
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px
}

#gallery-1 img
{
  display:block;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px
}

#gallery-1 .info-block
{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  background:url(http://cdn.myld.com.au/2/165/cleaning-neways_a85d690236.png);
  z-index:10;
  font:500 20px/24px Ubuntu,Arial,Helvetica,sans-serif;
  color:#fff;
  padding:8px 15px 10px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-border-radius:0 0 6px 6px;
  -moz-border-radius:0 0 6px 6px;
  border-radius:0 0 6px 6px
}

#gallery-1 h2
{
  font:500 20px/24px Ubuntu,Arial,Helvetica,sans-serif;
  margin:0
}

#gallery-1 .info-block p
{
  margin:0
}

.carousel-control
{
  font:bold 16px/30px Arial,Helvetica,sans-serif;
  margin:0;
  height:30px;
  width:30px;
  z-index:30;
  left:2%;
  top:46%;
  overflow:hidden
}

.carousel-control.right
{
  left:auto;
  right:2%
}

.carousel-control:hover
{
  border-color:#fff
}

/* services-section */
.services-section:after
{
  clear:both;
  display:block;
  content:''
}

/* services-section original css amended by AP */
/*.services-section{
  padding: 0 0 34px;
}
*/
.services-section
{
  padding:0 0 24px
}

.services-section .service-block
{
  background:#fff;
  padding:8px;
  -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
  -moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
  box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  min-height:338px
}

.services-section .visual
{
  display:block;
  overflow:hidden;
  margin:0 0 10px
}

.services-section .visual img
{
  display:block
}

.services-section .text-holder
{
  overflow:hidden;
  font:bold 13px/19px Ubuntu,Arial,Helvetica,sans-serif;
  color:#939598;
  padding:0 5px 0 17px
}

.services-section .text-holder p
{
  margin:0 0 10px
}

/* services-section-2 original css amended by AP */
/*
.services-section-2{
  padding: 0 0 12px;
}
*/
.services-section-2
{
  padding:0
}

.services-section-2 .service-box
{
  overflow:hidden;
  -webkit-box-shadow:0 0 5px 1px rgba(0,0,0,0.5);
  -moz-box-shadow:0 0 5px 1px rgba(0,0,0,0.5);
  box-shadow:0 0 5px 1px rgba(0,0,0,0.5);
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  background:#fff;
  color:#939598;
  line-height:20px;
  padding:7px 7px 2px;
  margin:0 0 22px
}

.services-section-2 .visual
{
  float:left;
  max-width:236px;
  margin:0 20px 5px 0;
  padding-top:32px;
  padding-left:21px
}

.services-section-2 .visual img
{
  display:block
}

.services-section-2 .description:after
{
  clear:both;
  display:block;
  content:''
}

.services-section-2 .description
{
  padding:25px 20px 20px
}

.services-section-2 h2
{
  font:bold 25px/30px Ubunte,Arial,Helvetica,sans-serif;
  color:#939598;
  margin:0 0 5px
}

.services-section-2 p
{
  margin:0 0 7px
}

/* contact-container */
.contact-container
{
  background:#f3f3f3;
  padding:21px 0 0
}

.contact-container .contact-holder
{
  position:relative
}

.contact-container .visual
{
  position:absolute;
  right:30px;
  bottom:0;
  z-index:20;
  margin:0
}

.contact-container .contact-block
{
  max-width:707px;
  overflow:hidden
}

.contact-container blockquote
{
  overflow:hidden;
  margin:0;
  border:none;
  padding:10px 69px 16px 0;
  background:url(http://cdn.myld.com.au/2/165/cleaning-neways_db5fee358d.png) no-repeat 100% 5px
}

.contact-container blockquote q
{
  font:bold 20px/28px Ubuntu,Arial,Helvetica,sans-serif;
  color:#777;
  margin:0 0 8px;
  display:block;
  overflow:hidden
}

.contact-container blockquote a
{
  color:#001c59
}

.contact-container blockquote cite
{
  color:#999;
  font:bold 12px/16px Ubuntu,Arial,Helvetica,sans-serif;
  float:right
}

/* map-section */
.map-section
{
  overflow:hidden;
  margin:0 0 30px
}

.map-section h2
{
  font-size:26px;
  line-height:30px;
  margin:0 0 20px;
  color:#fff
}

.map-section .map-holder
{
  overflow:hidden
}

.map-section img
{
  display:block
}

/* contact-section */
.contact-section
{
  margin:0 0 20px;
  color:#232323
}

.contact-section h2
{
  font-size:18px;
  line-height:24px;
  margin:0 0 10px
}

.contact-section p
{
  margin:0 0 10px
}

.contact-section label
{
  float:left
}

.contact-section input
{
  float:left
}

.contact-section textarea
{
  height:160px;
  width:270px!important
}

.contact-section .form-row
{
  padding:0 0 2px
}

.contact-section .form-row:after
{
  clear:both;
  display:block;
  content:''
}

.contact-section .btn-send
{
  padding:8px 12px
}

.contact-section .controls input
{
  margin:0 15px 0 0
}

.contact-section label.error
{
  height:24px;
  display:inline-block;
  vertical-align:top;
  background:url(http://cdn.myld.com.au/2/165/cleaning-neways_d5905191b0.png) no-repeat 0 5px;
  padding:5px 0 1px 26px;
  margin:0;
  color:#d83b39;
  font-weight:700
}

.contact-section label.valid
{
  background:url(http://cdn.myld.com.au/2/165/cleaning-neways_7090851da1.png) no-repeat 0 5px;
  display:inline-block;
  padding:5px 0 1px 26px;
  color:#50b20e
}

.contact-section .error input
{
  border-color:#d83b39;
  -webkit-box-shadow:0 0 3px 0 #d83b39;
  -moz-box-shadow:0 0 3px 0 #d83b39;
  -ms-box-shadow:0 0 3px 0 #d83b39;
  box-shadow:0 0 3px 0 #d83b39
}

.contact-section input.valid
{
  border-color:#50b20e;
  -webkit-box-shadow:0 0 3px 0 #50b20e;
  -moz-box-shadow:0 0 3px 0 #50b20e;
  -ms-box-shadow:0 0 3px 0 #50b20e;
  box-shadow:0 0 3px 0 #50b20e
}

.contact-section h3
{
  font-size:15px;
  line-height:20px;
  margin:0 0 5px
}

.contact-section address
{
  margin:0 0 10px
}

.contact-section .tel
{
  display:block;
  margin:0 0 7px
}

.contact-section a
{
  color:#232323
}

/* gallery-section */
.gallery-section
{
  margin:0 0 20px
}

.gallery-section h2
{
  font-size:24px;
  line-height:30px;
  margin:0 0 10px;
  color:#040404
}

.gallery-section .gallery-block
{
  margin:0 0 20px
}

.gallery-section .nav-tabs > li > a
{
  color:#aaa;
  text-shadow:none;
  font-weight:700
}

.gallery-section .nav-tabs > .active > a,.gallery-section .nav-tabs > .active > a:hover
{
  color:#000;
  text-shadow:1px 1px 1px #fff;
  background:#fefefe
}

.gallery-section .gallery-block a
{
  display:block;
  position:relative
}

.gallery-section .gallery-block img
{
  display:block
}

.gallery-section .gallery-block span
{
  position:absolute;
  top:50%;
  width:100%;
  margin:-17px 0 0;
  text-align:center;
  left:-9999px;
  font-size:24px;
  line-height:30px;
  cursor:pointer;
  z-index:5
}

.gallery-section .gallery-block em
{
  display:inline-block;
  padding:2px 15px;
  margin:0 5px;
  -webkit-border-radius:5px;
  background:#ccc;
  border-radius:5px;
  color:#000;
  -webkit-box-shadow:0 0 8px #000;
  -moz-box-shadow:0 0 8px #000;
  -ms-box-shadow:0 0 8px #000;
  box-shadow:0 0 8px #000;
  font-style:normal;
  cursor:pointer;
  text-shadow:1px 1px 1px #fff
}

.gallery-section .gallery-block a:hover span
{
  left:0
}

/* fancybox-styles */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp
{
  padding:0;
  margin:0;
  border:0;
  outline:none;
  vertical-align:top
}

.fancybox-wrap
{
  position:absolute;
  top:0;
  left:0;
  z-index:8020
}

.fancybox-skin
{
  position:relative;
  background:#ccc;
  color:#444;
  text-shadow:none;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px
}

.fancybox-opened
{
  z-index:8030
}

.fancybox-opened .fancybox-skin
{
  -webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
  -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
  box-shadow:0 10px 25px rgba(0,0,0,0.5)
}

.fancybox-outer,.fancybox-inner
{
  position:relative
}

.fancybox-inner
{
  overflow:hidden
}

.fancybox-type-iframe .fancybox-inner
{
  -webkit-overflow-scrolling:touch
}

.fancybox-error
{
  color:#444;
  font-size:14px;
  line-height:20px;
  margin:0;
  padding:15px;
  white-space:nowrap
}

.fancybox-image,.fancybox-iframe
{
  display:block;
  width:100%;
  height:100%
}

.fancybox-image
{
  max-width:100%;
  max-height:100%
}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span
{
  background-image:url(http://cdn.myld.com.au/2/165/cleaning-neways_db46df1ed0.png)
}

#fancybox-loading
{
  position:fixed;
  top:50%;
  left:50%;
  margin-top:-22px;
  margin-left:-22px;
  background-position:0 -108px;
  opacity:.8;
  cursor:pointer;
  z-index:8060
}

#fancybox-loading div
{
  width:44px;
  height:44px;
  background:url(http://cdn.myld.com.au/2/165/cleaning-neways_0f3f0b9c52.gif) center center no-repeat
}

.fancybox-close
{
  position:absolute;
  top:-18px;
  right:-18px;
  width:36px;
  height:36px;
  cursor:pointer;
  z-index:8040
}

.fancybox-nav
{
  position:absolute;
  top:0;
  width:40%;
  height:100%;
  cursor:pointer;
  text-decoration:none;
  background:transparent;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  z-index:8040
}

.fancybox-prev
{
  left:0
}

.fancybox-next
{
  right:0
}

.fancybox-nav span
{
  position:absolute;
  top:50%;
  width:36px;
  height:34px;
  margin-top:-18px;
  cursor:pointer;
  z-index:8040;
  visibility:hidden
}

.fancybox-prev span
{
  left:10px;
  background-position:0 -36px
}

.fancybox-next span
{
  right:10px;
  background-position:0 -72px
}

.fancybox-nav:hover span
{
  visibility:visible
}

.fancybox-tmp
{
  position:absolute;
  top:-99999px;
  left:-99999px;
  visibility:hidden;
  max-width:99999px;
  max-height:99999px;
  overflow:visible!important
}

/* Overlay helper */
.fancybox-lock
{
  overflow:hidden
}

.fancybox-overlay
{
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
  display:none;
  z-index:8010;
  background:url(http://cdn.myld.com.au/2/165/cleaning-neways_ab55093528.png)
}

.fancybox-overlay-fixed
{
  position:fixed;
  bottom:0;
  right:0
}

.fancybox-lock .fancybox-overlay
{
  overflow:auto;
  overflow-y:scroll
}

/* Title helper fancybox */
.fancybox-title
{
  visibility:hidden;
  font-size:13px;
  line-height:20px;
  font-weight:700;
  position:relative;
  text-shadow:none;
  z-index:8050
}

.fancybox-opened .fancybox-title
{
  visibility:visible
}

.fancybox-title-float-wrap
{
  position:absolute;
  bottom:0;
  right:50%;
  margin-bottom:-35px;
  z-index:8050;
  text-align:center
}

.fancybox-title-float-wrap .child
{
  display:inline-block;
  margin-right:-100%;
  padding:2px 20px;
  background:transparent;
/* Fallback for web browsers that doesn't support RGBa */
  background:rgba(0,0,0,0.8);
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  text-shadow:0 1px 2px #222;
  color:#FFF;
  font-weight:700;
  line-height:24px;
  white-space:nowrap
}

.fancybox-title-outside-wrap
{
  position:relative;
  margin-top:10px;
  color:#fff
}

.fancybox-title-inside-wrap
{
  padding-top:10px
}

.fancybox-title-over-wrap
{
  position:absolute;
  bottom:0;
  left:0;
  color:#fff;
  padding:10px;
  background:#000;
  background:rgba(0,0,0,.8)
}

#footer
{
  width:100%;
  overflow:hidden;
  background:#fff;
  border-top:2px solid #001c59;
  margin:0
}

.footer-block
{
  width:100%;
  overflow:hidden;
  padding:33px 0 4px;
  border-bottom:1px solid #efefef;
  color:#2f2f2f;
  line-height:20px
}

.footer-block h3
{
  font:bold 20px/26px Ubuntu,Arial,Helvetica,sans-serif;
  color:#2f2f2f;
  margin:0 0 5px
}

.footer-block p
{
  margin:0 0 18px
}

.footer-block .social-networks
{
  margin:0;
  padding:0;
  list-style:none;
  overflow:hidden;
  color:#000
}

.footer-block .social-networks li
{
  float:left;
  padding:0 0 0 4px
}

.footer-block .social-networks li:first-child
{
  padding:0
}

.footer-block .social-networks a
{
  overflow:hidden;
  float:left;
  width:48px;
  height:48px;
  text-indent:-9999px;
  background:url(http://cdn.myld.com.au/2/165/cleaning-neways_64fe84cbe7.png) no-repeat
}

.footer-block .social-networks .facebook
{
  background-position:0 0
}

.footer-block .social-networks .ld
{
  background-position:-52px 0
}

.footer-block .social-networks .twitter
{
  background-position:-104px 0
}

.footer-block .social-networks .linkedin
{
  background-position:-156px 0
}

.footer-block .social-networks .facebook:hover
{
  background-position:0 -52px
}

.footer-block .social-networks .ld:hover
{
  background-position:-52px -52px
}

.footer-block .social-networks .twitter:hover
{
  background-position:-104px -52px
}

.footer-block .social-networks .linkedin:hover
{
  background-position:-156px -52px
}

.footer-block .contact-block:after
{
  clear:both;
  display:block;
  content:''
}

.footer-block .contact-block
{
  margin:0
}

.footer-block .contact-block dt
{
  float:left;
  margin:0 5px 0 0;
  font-weight:400
}

.footer-block .contact-block dd
{
  margin:0
}

.footer-block .contact-block a
{
  color:#2f2f2f
}

.footer-block .contact-block address
{
  font-style:normal;
  margin:0;
  overflow:hidden;
  display:inline
}

.hidden-block
{
  display:none
}

/* footer-nav */
#footer .footer-nav
{
  overflow:hidden;
  text-align:center;
  line-height:16px;
  margin:0;
  padding:34px 0;
  text-align:center
}

#footer .footer-nav .nav-inner
{
  overflow:hidden
}

#footer .footer-nav .collapse
{
  text-align:center;
  overflow:hidden
}

#footer .footer-nav ul:after
{
  clear:both;
  display:block;
  content:''
}

#footer .footer-nav ul
{
  margin:0;
  padding:0;
  list-style:none;
  display:inline-block;
  vertical-align:top;
  float:none;
  font:12px/16px Ubuntu,Arial,Helvetica,sans-serif
}

#footer .footer-nav ul li
{
  float:left;
  padding:0 14px;
  line-height:16px;
  background:url(http://cdn.myld.com.au/2/168/cleaning-neways_1a9e461fba.gif) no-repeat 0 4px
}

#footer .footer-nav ul li:first-child
{
  background:none
}

#footer .footer-nav ul a
{
  color:#999;
  padding:0
}

#footer .footer-nav ul a:hover
{
  text-decoration:underline
}

.nav-collapse-2.collapse
{
  height:auto;
  overflow:visible
}

.block
{
  margin-bottom:30px;
  box-shadow:none;
  border-bottom:none;
  overflow:hidden
}

.navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > .active > a:focus
{
  color:#fff!important;
  background:#001c59!important;
  box-shadow:none
}

.centerMe
{
  text-align:center
}

.well p
{
  color:#333
}

.faqsQ
{
  color:#333;
  font-size:1.3ems
}

.faqs
{
  margin-left:30%
}

.contactSpacer
{
  margin-left:22px
}

.social-media
{
  display:inline-block;
  background:url(http://cdn.myld.com.au/1/images/icons/smicons/social-network.png) no-repeat top left;
  width:32px;
  height:32px;
  background-position-y:-42px;
  -webkit-transition:all .2s ease;
  -moz-transition:all .2s ease;
  -o-transition:all .2s ease;
  -ms-transition:all .2s ease;
  transition:all .2s ease;
  cursor:pointer;
  text-indent:-9999px
}

.social-medias a
{
  margin:0 8px 12px 0
}

.social-media.twitter
{
  background-position:-1134px 0
}

.social-media.twitter:hover,.active .social-media.twitter
{
  background-position:-1134px -42px
}

.social-media.facebook
{
  background-position:-210px 0
}

.social-media.facebook:hover,.active .social-media.facebook
{
  background-position:-210px -42px
}

.social-media.youtube
{
  background-position:-1260px 0
}

.social-media.youtube:hover,.active .social-media.youtube
{
  background-position:-1260px -42px
}

.social-media.googlep
{
  background-position:-336px 0
}

.social-media.googlep:hover,.active .social-media.googlep
{
  background-position:-336px -42px
}

.social-media.ld
{
  background-position:-126px 0
}

.social-media.ld:hover,.active .social-media.ld
{
  background-position:-126px -42px
}

.services
{
  margin-left:5px
}

/* iPad fix (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape),only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  body
  {
    width:1170px
  /*width of wrapper container*/
  }
}

/* iPhone fix ----------- */
@media only screen and (max-width: 480px) {
  body
  {
    width:1170px
  /*width of wrapper container*/
  }
}

/* iPhone5 fix ----------- */
@media screen and (device-height: 568px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  body
  {
    width:1170px
  /*width of wrapper container*/
  }
}

@media screen and (device-height: 568px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  body
  {
    width:1170px
  /*width of wrapper container*/
  }
}

.footNavAlign
{
  margin-top:5px
}

.contactSpacerHead
{
  margin-top:169px
}

body
{
  -webkit-backface-visibility:hidden
}

.animated
{
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -o-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both
}

.animated.hinge
{
  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  -o-animation-duration:2s;
  animation-duration:2s
}

@-webkit-keyframes flash {
  0%,50%,100%
  {
    opacity:1
  }
  
  25%,75%
  {
    opacity:0
  }
}

@-moz-keyframes flash {
  0%,50%,100%
  {
    opacity:1
  }
  
  25%,75%
  {
    opacity:0
  }
}

@-o-keyframes flash {
  0%,50%,100%
  {
    opacity:1
  }
  
  25%,75%
  {
    opacity:0
  }
}

@keyframes flash {
  0%,50%,100%
  {
    opacity:1
  }
  
  25%,75%
  {
    opacity:0
  }
}

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

@-webkit-keyframes shake {
  0%,100%
  {
    -webkit-transform:translateX(0)
  }
  
  10%,30%,50%,70%,90%
  {
    -webkit-transform:translateX(-10px)
  }
  
  20%,40%,60%,80%
  {
    -webkit-transform:translateX(10px)
  }
}

@-moz-keyframes shake {
  0%,100%
  {
    -moz-transform:translateX(0)
  }
  
  10%,30%,50%,70%,90%
  {
    -moz-transform:translateX(-10px)
  }
  
  20%,40%,60%,80%
  {
    -moz-transform:translateX(10px)
  }
}

@-o-keyframes shake {
  0%,100%
  {
    -o-transform:translateX(0)
  }
  
  10%,30%,50%,70%,90%
  {
    -o-transform:translateX(-10px)
  }
  
  20%,40%,60%,80%
  {
    -o-transform:translateX(10px)
  }
}

@keyframes shake {
  0%,100%
  {
    transform:translateX(0)
  }
  
  10%,30%,50%,70%,90%
  {
    transform:translateX(-10px)
  }
  
  20%,40%,60%,80%
  {
    transform:translateX(10px)
  }
}

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

@-webkit-keyframes bounce {
  0%,20%,50%,80%,100%
  {
    -webkit-transform:translateY(0)
  }
  
  40%
  {
    -webkit-transform:translateY(-30px)
  }
  
  60%
  {
    -webkit-transform:translateY(-15px)
  }
}

@-moz-keyframes bounce {
  0%,20%,50%,80%,100%
  {
    -moz-transform:translateY(0)
  }
  
  40%
  {
    -moz-transform:translateY(-30px)
  }
  
  60%
  {
    -moz-transform:translateY(-15px)
  }
}

@-o-keyframes bounce {
  0%,20%,50%,80%,100%
  {
    -o-transform:translateY(0)
  }
  
  40%
  {
    -o-transform:translateY(-30px)
  }
  
  60%
  {
    -o-transform:translateY(-15px)
  }
}

@keyframes bounce {
  0%,20%,50%,80%,100%
  {
    transform:translateY(0)
  }
  
  40%
  {
    transform:translateY(-30px)
  }
  
  60%
  {
    transform:translateY(-15px)
  }
}

.bounce
{
  -webkit-animation-name:bounce;
  -moz-animation-name:bounce;
  -o-animation-name:bounce;
  animation-name:bounce
}

@-webkit-keyframes tada {
  0%
  {
    -webkit-transform:scale(1)
  }
  
  10%,20%
  {
    -webkit-transform:scale(0.9) rotate(-3deg)
  }
  
  30%,50%,70%,90%
  {
    -webkit-transform:scale(1.1) rotate(3deg)
  }
  
  40%,60%,80%
  {
    -webkit-transform:scale(1.1) rotate(-3deg)
  }
  
  100%
  {
    -webkit-transform:scale(1) rotate(0)
  }
}

@-moz-keyframes tada {
  0%
  {
    -moz-transform:scale(1)
  }
  
  10%,20%
  {
    -moz-transform:scale(0.9) rotate(-3deg)
  }
  
  30%,50%,70%,90%
  {
    -moz-transform:scale(1.1) rotate(3deg)
  }
  
  40%,60%,80%
  {
    -moz-transform:scale(1.1) rotate(-3deg)
  }
  
  100%
  {
    -moz-transform:scale(1) rotate(0)
  }
}

@-o-keyframes tada {
  0%
  {
    -o-transform:scale(1)
  }
  
  10%,20%
  {
    -o-transform:scale(0.9) rotate(-3deg)
  }
  
  30%,50%,70%,90%
  {
    -o-transform:scale(1.1) rotate(3deg)
  }
  
  40%,60%,80%
  {
    -o-transform:scale(1.1) rotate(-3deg)
  }
  
  100%
  {
    -o-transform:scale(1) rotate(0)
  }
}

@keyframes tada {
  0%
  {
    transform:scale(1)
  }
  
  10%,20%
  {
    transform:scale(0.9) rotate(-3deg)
  }
  
  30%,50%,70%,90%
  {
    transform:scale(1.1) rotate(3deg)
  }
  
  40%,60%,80%
  {
    transform:scale(1.1) rotate(-3deg)
  }
  
  100%
  {
    transform:scale(1) rotate(0)
  }
}

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

@-webkit-keyframes swing {
  20%,40%,60%,80%,100%
  {
    -webkit-transform-origin:top center
  }
  
  20%
  {
    -webkit-transform:rotate(15deg)
  }
  
  40%
  {
    -webkit-transform:rotate(-10deg)
  }
  
  60%
  {
    -webkit-transform:rotate(5deg)
  }
  
  80%
  {
    -webkit-transform:rotate(-5deg)
  }
  
  100%
  {
    -webkit-transform:rotate(0deg)
  }
}

@-moz-keyframes swing {
  20%
  {
    -moz-transform:rotate(15deg)
  }
  
  40%
  {
    -moz-transform:rotate(-10deg)
  }
  
  60%
  {
    -moz-transform:rotate(5deg)
  }
  
  80%
  {
    -moz-transform:rotate(-5deg)
  }
  
  100%
  {
    -moz-transform:rotate(0deg)
  }
}

@-o-keyframes swing {
  20%
  {
    -o-transform:rotate(15deg)
  }
  
  40%
  {
    -o-transform:rotate(-10deg)
  }
  
  60%
  {
    -o-transform:rotate(5deg)
  }
  
  80%
  {
    -o-transform:rotate(-5deg)
  }
  
  100%
  {
    -o-transform:rotate(0deg)
  }
}

@keyframes swing {
  20%
  {
    transform:rotate(15deg)
  }
  
  40%
  {
    transform:rotate(-10deg)
  }
  
  60%
  {
    transform:rotate(5deg)
  }
  
  80%
  {
    transform:rotate(-5deg)
  }
  
  100%
  {
    transform:rotate(0deg)
  }
}

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

@-webkit-keyframes wobble {
  0%
  {
    -webkit-transform:translateX(0%)
  }
  
  15%
  {
    -webkit-transform:translateX(-25%) rotate(-5deg)
  }
  
  30%
  {
    -webkit-transform:translateX(20%) rotate(3deg)
  }
  
  45%
  {
    -webkit-transform:translateX(-15%) rotate(-3deg)
  }
  
  60%
  {
    -webkit-transform:translateX(10%) rotate(2deg)
  }
  
  75%
  {
    -webkit-transform:translateX(-5%) rotate(-1deg)
  }
  
  100%
  {
    -webkit-transform:translateX(0%)
  }
}

@-moz-keyframes wobble {
  0%
  {
    -moz-transform:translateX(0%)
  }
  
  15%
  {
    -moz-transform:translateX(-25%) rotate(-5deg)
  }
  
  30%
  {
    -moz-transform:translateX(20%) rotate(3deg)
  }
  
  45%
  {
    -moz-transform:translateX(-15%) rotate(-3deg)
  }
  
  60%
  {
    -moz-transform:translateX(10%) rotate(2deg)
  }
  
  75%
  {
    -moz-transform:translateX(-5%) rotate(-1deg)
  }
  
  100%
  {
    -moz-transform:translateX(0%)
  }
}

@-o-keyframes wobble {
  0%
  {
    -o-transform:translateX(0%)
  }
  
  15%
  {
    -o-transform:translateX(-25%) rotate(-5deg)
  }
  
  30%
  {
    -o-transform:translateX(20%) rotate(3deg)
  }
  
  45%
  {
    -o-transform:translateX(-15%) rotate(-3deg)
  }
  
  60%
  {
    -o-transform:translateX(10%) rotate(2deg)
  }
  
  75%
  {
    -o-transform:translateX(-5%) rotate(-1deg)
  }
  
  100%
  {
    -o-transform:translateX(0%)
  }
}

@keyframes wobble {
  0%
  {
    transform:translateX(0%)
  }
  
  15%
  {
    transform:translateX(-25%) rotate(-5deg)
  }
  
  30%
  {
    transform:translateX(20%) rotate(3deg)
  }
  
  45%
  {
    transform:translateX(-15%) rotate(-3deg)
  }
  
  60%
  {
    transform:translateX(10%) rotate(2deg)
  }
  
  75%
  {
    transform:translateX(-5%) rotate(-1deg)
  }
  
  100%
  {
    transform:translateX(0%)
  }
}

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

@-webkit-keyframes pulse {
  0%
  {
    -webkit-transform:scale(1)
  }
  
  50%
  {
    -webkit-transform:scale(1.1)
  }
  
  100%
  {
    -webkit-transform:scale(1)
  }
}

@-moz-keyframes pulse {
  0%
  {
    -moz-transform:scale(1)
  }
  
  50%
  {
    -moz-transform:scale(1.1)
  }
  
  100%
  {
    -moz-transform:scale(1)
  }
}

@-o-keyframes pulse {
  0%
  {
    -o-transform:scale(1)
  }
  
  50%
  {
    -o-transform:scale(1.1)
  }
  
  100%
  {
    -o-transform:scale(1)
  }
}

@keyframes pulse {
  0%
  {
    transform:scale(1)
  }
  
  50%
  {
    transform:scale(1.1)
  }
  
  100%
  {
    transform:scale(1)
  }
}

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

@-webkit-keyframes flip {
  0%
  {
    -webkit-transform:perspective(400px) rotateY(0);
    -webkit-animation-timing-function:ease-out
  }
  
  40%
  {
    -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function:ease-out
  }
  
  50%
  {
    -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function:ease-in
  }
  
  80%
  {
    -webkit-transform:perspective(400px) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function:ease-in
  }
  
  100%
  {
    -webkit-transform:perspective(400px) scale(1);
    -webkit-animation-timing-function:ease-in
  }
}

@-moz-keyframes flip {
  0%
  {
    -moz-transform:perspective(400px) rotateY(0);
    -moz-animation-timing-function:ease-out
  }
  
  40%
  {
    -moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function:ease-out
  }
  
  50%
  {
    -moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function:ease-in
  }
  
  80%
  {
    -moz-transform:perspective(400px) rotateY(360deg) scale(.95);
    -moz-animation-timing-function:ease-in
  }
  
  100%
  {
    -moz-transform:perspective(400px) scale(1);
    -moz-animation-timing-function:ease-in
  }
}

@-o-keyframes flip {
  0%
  {
    -o-transform:perspective(400px) rotateY(0);
    -o-animation-timing-function:ease-out
  }
  
  40%
  {
    -o-transform:perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function:ease-out
  }
  
  50%
  {
    -o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function:ease-in
  }
  
  80%
  {
    -o-transform:perspective(400px) rotateY(360deg) scale(.95);
    -o-animation-timing-function:ease-in
  }
  
  100%
  {
    -o-transform:perspective(400px) scale(1);
    -o-animation-timing-function:ease-in
  }
}

@keyframes flip {
  0%
  {
    transform:perspective(400px) rotateY(0);
    animation-timing-function:ease-out
  }
  
  40%
  {
    transform:perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function:ease-out
  }
  
  50%
  {
    transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function:ease-in
  }
  
  80%
  {
    transform:perspective(400px) rotateY(360deg) scale(.95);
    animation-timing-function:ease-in
  }
  
  100%
  {
    transform:perspective(400px) scale(1);
    animation-timing-function:ease-in
  }
}

.flip
{
  -webkit-backface-visibility:visible!important;
  -webkit-animation-name:flip;
  -moz-backface-visibility:visible!important;
  -moz-animation-name:flip;
  -o-backface-visibility:visible!important;
  -o-animation-name:flip;
  backface-visibility:visible!important;
  animation-name:flip
}

@-webkit-keyframes flipInX {
  0%
  {
    -webkit-transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
  
  40%
  {
    -webkit-transform:perspective(400px) rotateX(-10deg)
  }
  
  70%
  {
    -webkit-transform:perspective(400px) rotateX(10deg)
  }
  
  100%
  {
    -webkit-transform:perspective(400px) rotateX(0deg);
    opacity:1
  }
}

@-moz-keyframes flipInX {
  0%
  {
    -moz-transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
  
  40%
  {
    -moz-transform:perspective(400px) rotateX(-10deg)
  }
  
  70%
  {
    -moz-transform:perspective(400px) rotateX(10deg)
  }
  
  100%
  {
    -moz-transform:perspective(400px) rotateX(0deg);
    opacity:1
  }
}

@-o-keyframes flipInX {
  0%
  {
    -o-transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
  
  40%
  {
    -o-transform:perspective(400px) rotateX(-10deg)
  }
  
  70%
  {
    -o-transform:perspective(400px) rotateX(10deg)
  }
  
  100%
  {
    -o-transform:perspective(400px) rotateX(0deg);
    opacity:1
  }
}

@keyframes flipInX {
  0%
  {
    transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
  
  40%
  {
    transform:perspective(400px) rotateX(-10deg)
  }
  
  70%
  {
    transform:perspective(400px) rotateX(10deg)
  }
  
  100%
  {
    transform:perspective(400px) rotateX(0deg);
    opacity:1
  }
}

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

@-webkit-keyframes flipOutX {
  0%
  {
    -webkit-transform:perspective(400px) rotateX(0deg);
    opacity:1
  }
  
  100%
  {
    -webkit-transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
}

@-moz-keyframes flipOutX {
  0%
  {
    -moz-transform:perspective(400px) rotateX(0deg);
    opacity:1
  }
  
  100%
  {
    -moz-transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
}

@-o-keyframes flipOutX {
  0%
  {
    -o-transform:perspective(400px) rotateX(0deg);
    opacity:1
  }
  
  100%
  {
    -o-transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
}

@keyframes flipOutX {
  0%
  {
    transform:perspective(400px) rotateX(0deg);
    opacity:1
  }
  
  100%
  {
    transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
}

.flipOutX
{
  -webkit-animation-name:flipOutX;
  -webkit-backface-visibility:visible!important;
  -moz-animation-name:flipOutX;
  -moz-backface-visibility:visible!important;
  -o-animation-name:flipOutX;
  -o-backface-visibility:visible!important;
  animation-name:flipOutX;
  backface-visibility:visible!important
}

@-webkit-keyframes flipInY {
  0%
  {
    -webkit-transform:perspective(400px) rotateY(90deg);
    opacity:0
  }
  
  40%
  {
    -webkit-transform:perspective(400px) rotateY(-10deg)
  }
  
  70%
  {
    -webkit-transform:perspective(400px) rotateY(10deg)
  }
  
  100%
  {
    -webkit-transform:perspective(400px) rotateY(0deg);
    opacity:1
  }
}

@-moz-keyframes flipInY {
  0%
  {
    -moz-transform:perspective(400px) rotateY(90deg);
    opacity:0
  }
  
  40%
  {
    -moz-transform:perspective(400px) rotateY(-10deg)
  }
  
  70%
  {
    -moz-transform:perspective(400px) rotateY(10deg)
  }
  
  100%
  {
    -moz-transform:perspective(400px) rotateY(0deg);
    opacity:1
  }
}

@-o-keyframes flipInY {
  0%
  {
    -o-transform:perspective(400px) rotateY(90deg);
    opacity:0
  }
  
  40%
  {
    -o-transform:perspective(400px) rotateY(-10deg)
  }
  
  70%
  {
    -o-transform:perspective(400px) rotateY(10deg)
  }
  
  100%
  {
    -o-transform:perspective(400px) rotateY(0deg);
    opacity:1
  }
}

@keyframes flipInY {
  0%
  {
    transform:perspective(400px) rotateY(90deg);
    opacity:0
  }
  
  40%
  {
    transform:perspective(400px) rotateY(-10deg)
  }
  
  70%
  {
    transform:perspective(400px) rotateY(10deg)
  }
  
  100%
  {
    transform:perspective(400px) rotateY(0deg);
    opacity:1
  }
}

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

@-webkit-keyframes flipOutY {
  0%
  {
    -webkit-transform:perspective(400px) rotateY(0deg);
    opacity:1
  }
  
  100%
  {
    -webkit-transform:perspective(400px) rotateY(90deg);
    opacity:0
  }
}

@-moz-keyframes flipOutY {
  0%
  {
    -moz-transform:perspective(400px) rotateY(0deg);
    opacity:1
  }
  
  100%
  {
    -moz-transform:perspective(400px) rotateY(90deg);
    opacity:0
  }
}

@-o-keyframes flipOutY {
  0%
  {
    -o-transform:perspective(400px) rotateY(0deg);
    opacity:1
  }
  
  100%
  {
    -o-transform:perspective(400px) rotateY(90deg);
    opacity:0
  }
}

@keyframes flipOutY {
  0%
  {
    transform:perspective(400px) rotateY(0deg);
    opacity:1
  }
  
  100%
  {
    transform:perspective(400px) rotateY(90deg);
    opacity:0
  }
}

.flipOutY
{
  -webkit-backface-visibility:visible!important;
  -webkit-animation-name:flipOutY;
  -moz-backface-visibility:visible!important;
  -moz-animation-name:flipOutY;
  -o-backface-visibility:visible!important;
  -o-animation-name:flipOutY;
  backface-visibility:visible!important;
  animation-name:flipOutY
}

@-webkit-keyframes fadeIn {
  0%
  {
    opacity:0
  }
  
  100%
  {
    opacity:1
  }
}

@-moz-keyframes fadeIn {
  0%
  {
    opacity:0
  }
  
  100%
  {
    opacity:1
  }
}

@-o-keyframes fadeIn {
  0%
  {
    opacity:0
  }
  
  100%
  {
    opacity:1
  }
}

@keyframes fadeIn {
  0%
  {
    opacity:0
  }
  
  100%
  {
    opacity:1
  }
}

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

@-webkit-keyframes fadeInUp {
  0%
  {
    opacity:0;
    -webkit-transform:translateY(20px)
  }
  
  100%
  {
    opacity:1;
    -webkit-transform:translateY(0)
  }
}

@-moz-keyframes fadeInUp {
  0%
  {
    opacity:0;
    -moz-transform:translateY(20px)
  }
  
  100%
  {
    opacity:1;
    -moz-transform:translateY(0)
  }
}

@-o-keyframes fadeInUp {
  0%
  {
    opacity:0;
    -o-transform:translateY(20px)
  }
  
  100%
  {
    opacity:1;
    -o-transform:translateY(0)
  }
}

@keyframes fadeInUp {
  0%
  {
    opacity:0;
    transform:translateY(20px)
  }
  
  100%
  {
    opacity:1;
    transform:translateY(0)
  }
}

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

@-webkit-keyframes fadeInDown {
  0%
  {
    opacity:0;
    -webkit-transform:translateY(-20px)
  }
  
  100%
  {
    opacity:1;
    -webkit-transform:translateY(0)
  }
}

@-moz-keyframes fadeInDown {
  0%
  {
    opacity:0;
    -moz-transform:translateY(-20px)
  }
  
  100%
  {
    opacity:1;
    -moz-transform:translateY(0)
  }
}

@-o-keyframes fadeInDown {
  0%
  {
    opacity:0;
    -o-transform:translateY(-20px)
  }
  
  100%
  {
    opacity:1;
    -o-transform:translateY(0)
  }
}

@keyframes fadeInDown {
  0%
  {
    opacity:0;
    transform:translateY(-20px)
  }
  
  100%
  {
    opacity:1;
    transform:translateY(0)
  }
}

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

@-webkit-keyframes fadeInLeft {
  0%
  {
    opacity:0;
    -webkit-transform:translateX(-20px)
  }
  
  100%
  {
    opacity:1;
    -webkit-transform:translateX(0)
  }
}

@-moz-keyframes fadeInLeft {
  0%
  {
    opacity:0;
    -moz-transform:translateX(-20px)
  }
  
  100%
  {
    opacity:1;
    -moz-transform:translateX(0)
  }
}

@-o-keyframes fadeInLeft {
  0%
  {
    opacity:0;
    -o-transform:translateX(-20px)
  }
  
  100%
  {
    opacity:1;
    -o-transform:translateX(0)
  }
}

@keyframes fadeInLeft {
  0%
  {
    opacity:0;
    transform:translateX(-20px)
  }
  
  100%
  {
    opacity:1;
    transform:translateX(0)
  }
}

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

@-webkit-keyframes fadeInRight {
  0%
  {
    opacity:0;
    -webkit-transform:translateX(20px)
  }
  
  100%
  {
    opacity:1;
    -webkit-transform:translateX(0)
  }
}

@-moz-keyframes fadeInRight {
  0%
  {
    opacity:0;
    -moz-transform:translateX(20px)
  }
  
  100%
  {
    opacity:1;
    -moz-transform:translateX(0)
  }
}

@-o-keyframes fadeInRight {
  0%
  {
    opacity:0;
    -o-transform:translateX(20px)
  }
  
  100%
  {
    opacity:1;
    -o-transform:translateX(0)
  }
}

@keyframes fadeInRight {
  0%
  {
    opacity:0;
    transform:translateX(20px)
  }
  
  100%
  {
    opacity:1;
    transform:translateX(0)
  }
}

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

@-webkit-keyframes fadeInUpBig {
  0%
  {
    opacity:0;
    -webkit-transform:translateY(2000px)
  }
  
  100%
  {
    opacity:1;
    -webkit-transform:translateY(0)
  }
}

@-moz-keyframes fadeInUpBig {
  0%
  {
    opacity:0;
    -moz-transform:translateY(2000px)
  }
  
  100%
  {
    opacity:1;
    -moz-transform:translateY(0)
  }
}

@-o-keyframes fadeInUpBig {
  0%
  {
    opacity:0;
    -o-transform:translateY(2000px)
  }
  
  100%
  {
    opacity:1;
    -o-transform:translateY(0)
  }
}

@keyframes fadeInUpBig {
  0%
  {
    opacity:0;
    transform:translateY(2000px)
  }
  
  100%
  {
    opacity:1;
    transform:translateY(0)
  }
}

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

@-webkit-keyframes fadeInDownBig {
  0%
  {
    opacity:0;
    -webkit-transform:translateY(-2000px)
  }
  
  100%
  {
    opacity:1;
    -webkit-transform:translateY(0)
  }
}

@-moz-keyframes fadeInDownBig {
  0%
  {
    opacity:0;
    -moz-transform:translateY(-2000px)
  }
  
  100%
  {
    opacity:1;
    -moz-transform:translateY(0)
  }
}

@-o-keyframes fadeInDownBig {
  0%
  {
    opacity:0;
    -o-transform:translateY(-2000px)
  }
  
  100%
  {
    opacity:1;
    -o-transform:translateY(0)
  }
}

@keyframes fadeInDownBig {
  0%
  {
    opacity:0;
    transform:translateY(-2000px)
  }
  
  100%
  {
    opacity:1;
    transform:translateY(0)
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  0%
  {
    opacity:0;
    -webkit-transform:translateX(-2000px)
  }
  
  100%
  {
    opacity:1;
    -webkit-transform:translateX(0)
  }
}

@-moz-keyframes fadeInLeftBig {
  0%
  {
    opacity:0;
    -moz-transform:translateX(-2000px)
  }
  
  100%
  {
    opacity:1;
    -moz-transform:translateX(0)
  }
}

@-o-keyframes fadeInLeftBig {
  0%
  {
    opacity:0;
    -o-transform:translateX(-2000px)
  }
  
  100%
  {
    opacity:1;
    -o-transform:translateX(0)
  }
}

@keyframes fadeInLeftBig {
  0%
  {
    opacity:0;
    transform:translateX(-2000px)
  }
  
  100%
  {
    opacity:1;
    transform:translateX(0)
  }
}

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

@-webkit-keyframes fadeInRightBig {
  0%
  {
    opacity:0;
    -webkit-transform:translateX(2000px)
  }
  
  100%
  {
    opacity:1;
    -webkit-transform:translateX(0)
  }
}

@-moz-keyframes fadeInRightBig {
  0%
  {
    opacity:0;
    -moz-transform:translateX(2000px)
  }
  
  100%
  {
    opacity:1;
    -moz-transform:translateX(0)
  }
}

@-o-keyframes fadeInRightBig {
  0%
  {
    opacity:0;
    -o-transform:translateX(2000px)
  }
  
  100%
  {
    opacity:1;
    -o-transform:translateX(0)
  }
}

@keyframes fadeInRightBig {
  0%
  {
    opacity:0;
    transform:translateX(2000px)
  }
  
  100%
  {
    opacity:1;
    transform:translateX(0)
  }
}

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

@-webkit-keyframes fadeOut {
  0%
  {
    opacity:1
  }
  
  100%
  {
    opacity:0
  }
}

@-moz-keyframes fadeOut {
  0%
  {
    opacity:1
  }
  
  100%
  {
    opacity:0
  }
}

@-o-keyframes fadeOut {
  0%
  {
    opacity:1
  }
  
  100%
  {
    opacity:0
  }
}

@keyframes fadeOut {
  0%
  {
    opacity:1
  }
  
  100%
  {
    opacity:0
  }
}

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

@-webkit-keyframes fadeOutUp {
  0%
  {
    opacity:1;
    -webkit-transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    -webkit-transform:translateY(-20px)
  }
}

@-moz-keyframes fadeOutUp {
  0%
  {
    opacity:1;
    -moz-transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    -moz-transform:translateY(-20px)
  }
}

@-o-keyframes fadeOutUp {
  0%
  {
    opacity:1;
    -o-transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    -o-transform:translateY(-20px)
  }
}

@keyframes fadeOutUp {
  0%
  {
    opacity:1;
    transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    transform:translateY(-20px)
  }
}

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

@-webkit-keyframes fadeOutDown {
  0%
  {
    opacity:1;
    -webkit-transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    -webkit-transform:translateY(20px)
  }
}

@-moz-keyframes fadeOutDown {
  0%
  {
    opacity:1;
    -moz-transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    -moz-transform:translateY(20px)
  }
}

@-o-keyframes fadeOutDown {
  0%
  {
    opacity:1;
    -o-transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    -o-transform:translateY(20px)
  }
}

@keyframes fadeOutDown {
  0%
  {
    opacity:1;
    transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    transform:translateY(20px)
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0%
  {
    opacity:1;
    -webkit-transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    -webkit-transform:translateX(-20px)
  }
}

@-moz-keyframes fadeOutLeft {
  0%
  {
    opacity:1;
    -moz-transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    -moz-transform:translateX(-20px)
  }
}

@-o-keyframes fadeOutLeft {
  0%
  {
    opacity:1;
    -o-transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    -o-transform:translateX(-20px)
  }
}

@keyframes fadeOutLeft {
  0%
  {
    opacity:1;
    transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    transform:translateX(-20px)
  }
}

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

@-webkit-keyframes fadeOutRight {
  0%
  {
    opacity:1;
    -webkit-transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    -webkit-transform:translateX(20px)
  }
}

@-moz-keyframes fadeOutRight {
  0%
  {
    opacity:1;
    -moz-transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    -moz-transform:translateX(20px)
  }
}

@-o-keyframes fadeOutRight {
  0%
  {
    opacity:1;
    -o-transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    -o-transform:translateX(20px)
  }
}

@keyframes fadeOutRight {
  0%
  {
    opacity:1;
    transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    transform:translateX(20px)
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0%
  {
    opacity:1;
    -webkit-transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    -webkit-transform:translateY(-2000px)
  }
}

@-moz-keyframes fadeOutUpBig {
  0%
  {
    opacity:1;
    -moz-transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    -moz-transform:translateY(-2000px)
  }
}

@-o-keyframes fadeOutUpBig {
  0%
  {
    opacity:1;
    -o-transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    -o-transform:translateY(-2000px)
  }
}

@keyframes fadeOutUpBig {
  0%
  {
    opacity:1;
    transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    transform:translateY(-2000px)
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0%
  {
    opacity:1;
    -webkit-transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    -webkit-transform:translateY(2000px)
  }
}

@-moz-keyframes fadeOutDownBig {
  0%
  {
    opacity:1;
    -moz-transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    -moz-transform:translateY(2000px)
  }
}

@-o-keyframes fadeOutDownBig {
  0%
  {
    opacity:1;
    -o-transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    -o-transform:translateY(2000px)
  }
}

@keyframes fadeOutDownBig {
  0%
  {
    opacity:1;
    transform:translateY(0)
  }
  
  100%
  {
    opacity:0;
    transform:translateY(2000px)
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0%
  {
    opacity:1;
    -webkit-transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    -webkit-transform:translateX(-2000px)
  }
}

@-moz-keyframes fadeOutLeftBig {
  0%
  {
    opacity:1;
    -moz-transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    -moz-transform:translateX(-2000px)
  }
}

@-o-keyframes fadeOutLeftBig {
  0%
  {
    opacity:1;
    -o-transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    -o-transform:translateX(-2000px)
  }
}

@keyframes fadeOutLeftBig {
  0%
  {
    opacity:1;
    transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    transform:translateX(-2000px)
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0%
  {
    opacity:1;
    -webkit-transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    -webkit-transform:translateX(2000px)
  }
}

@-moz-keyframes fadeOutRightBig {
  0%
  {
    opacity:1;
    -moz-transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    -moz-transform:translateX(2000px)
  }
}

@-o-keyframes fadeOutRightBig {
  0%
  {
    opacity:1;
    -o-transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    -o-transform:translateX(2000px)
  }
}

@keyframes fadeOutRightBig {
  0%
  {
    opacity:1;
    transform:translateX(0)
  }
  
  100%
  {
    opacity:0;
    transform:translateX(2000px)
  }
}

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

@-webkit-keyframes bounceIn {
  0%
  {
    opacity:0;
    -webkit-transform:scale(.3)
  }
  
  50%
  {
    opacity:1;
    -webkit-transform:scale(1.05)
  }
  
  70%
  {
    -webkit-transform:scale(.9)
  }
  
  100%
  {
    -webkit-transform:scale(1)
  }
}

@-moz-keyframes bounceIn {
  0%
  {
    opacity:0;
    -moz-transform:scale(.3)
  }
  
  50%
  {
    opacity:1;
    -moz-transform:scale(1.05)
  }
  
  70%
  {
    -moz-transform:scale(.9)
  }
  
  100%
  {
    -moz-transform:scale(1)
  }
}

@-o-keyframes bounceIn {
  0%
  {
    opacity:0;
    -o-transform:scale(.3)
  }
  
  50%
  {
    opacity:1;
    -o-transform:scale(1.05)
  }
  
  70%
  {
    -o-transform:scale(.9)
  }
  
  100%
  {
    -o-transform:scale(1)
  }
}

@keyframes bounceIn {
  0%
  {
    opacity:0;
    transform:scale(.3)
  }
  
  50%
  {
    opacity:1;
    transform:scale(1.05)
  }
  
  70%
  {
    transform:scale(.9)
  }
  
  100%
  {
    transform:scale(1)
  }
}

.bounceIn
{
  -webkit-animation-name:bounceIn;
  -moz-animation-name:bounceIn;
  -o-animation-name:bounceIn;
  animation-name:bounceIn
}

@-webkit-keyframes bounceInUp {
  0%
  {
    opacity:0;
    -webkit-transform:translateY(2000px)
  }
  
  60%
  {
    opacity:1;
    -webkit-transform:translateY(-30px)
  }
  
  80%
  {
    -webkit-transform:translateY(10px)
  }
  
  100%
  {
    -webkit-transform:translateY(0)
  }
}

@-moz-keyframes bounceInUp {
  0%
  {
    opacity:0;
    -moz-transform:translateY(2000px)
  }
  
  60%
  {
    opacity:1;
    -moz-transform:translateY(-30px)
  }
  
  80%
  {
    -moz-transform:translateY(10px)
  }
  
  100%
  {
    -moz-transform:translateY(0)
  }
}

@-o-keyframes bounceInUp {
  0%
  {
    opacity:0;
    -o-transform:translateY(2000px)
  }
  
  60%
  {
    opacity:1;
    -o-transform:translateY(-30px)
  }
  
  80%
  {
    -o-transform:translateY(10px)
  }
  
  100%
  {
    -o-transform:translateY(0)
  }
}

@keyframes bounceInUp {
  0%
  {
    opacity:0;
    transform:translateY(2000px)
  }
  
  60%
  {
    opacity:1;
    transform:translateY(-30px)
  }
  
  80%
  {
    transform:translateY(10px)
  }
  
  100%
  {
    transform:translateY(0)
  }
}

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

@-webkit-keyframes bounceInDown {
  0%
  {
    opacity:0;
    -webkit-transform:translateY(-2000px)
  }
  
  60%
  {
    opacity:1;
    -webkit-transform:translateY(30px)
  }
  
  80%
  {
    -webkit-transform:translateY(-10px)
  }
  
  100%
  {
    -webkit-transform:translateY(0)
  }
}

@-moz-keyframes bounceInDown {
  0%
  {
    opacity:0;
    -moz-transform:translateY(-2000px)
  }
  
  60%
  {
    opacity:1;
    -moz-transform:translateY(30px)
  }
  
  80%
  {
    -moz-transform:translateY(-10px)
  }
  
  100%
  {
    -moz-transform:translateY(0)
  }
}

@-o-keyframes bounceInDown {
  0%
  {
    opacity:0;
    -o-transform:translateY(-2000px)
  }
  
  60%
  {
    opacity:1;
    -o-transform:translateY(30px)
  }
  
  80%
  {
    -o-transform:translateY(-10px)
  }
  
  100%
  {
    -o-transform:translateY(0)
  }
}

@keyframes bounceInDown {
  0%
  {
    opacity:0;
    transform:translateY(-2000px)
  }
  
  60%
  {
    opacity:1;
    transform:translateY(30px)
  }
  
  80%
  {
    transform:translateY(-10px)
  }
  
  100%
  {
    transform:translateY(0)
  }
}

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

@-webkit-keyframes bounceInLeft {
  0%
  {
    opacity:0;
    -webkit-transform:translateX(-2000px)
  }
  
  60%
  {
    opacity:1;
    -webkit-transform:translateX(30px)
  }
  
  80%
  {
    -webkit-transform:translateX(-10px)
  }
  
  100%
  {
    -webkit-transform:translateX(0)
  }
}

@-moz-keyframes bounceInLeft {
  0%
  {
    opacity:0;
    -moz-transform:translateX(-2000px)
  }
  
  60%
  {
    opacity:1;
    -moz-transform:translateX(30px)
  }
  
  80%
  {
    -moz-transform:translateX(-10px)
  }
  
  100%
  {
    -moz-transform:translateX(0)
  }
}

@-o-keyframes bounceInLeft {
  0%
  {
    opacity:0;
    -o-transform:translateX(-2000px)
  }
  
  60%
  {
    opacity:1;
    -o-transform:translateX(30px)
  }
  
  80%
  {
    -o-transform:translateX(-10px)
  }
  
  100%
  {
    -o-transform:translateX(0)
  }
}

@keyframes bounceInLeft {
  0%
  {
    opacity:0;
    transform:translateX(-2000px)
  }
  
  60%
  {
    opacity:1;
    transform:translateX(30px)
  }
  
  80%
  {
    transform:translateX(-10px)
  }
  
  100%
  {
    transform:translateX(0)
  }
}

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

@-webkit-keyframes bounceInRight {
  0%
  {
    opacity:0;
    -webkit-transform:translateX(2000px)
  }
  
  60%
  {
    opacity:1;
    -webkit-transform:translateX(-30px)
  }
  
  80%
  {
    -webkit-transform:translateX(10px)
  }
  
  100%
  {
    -webkit-transform:translateX(0)
  }
}

@-moz-keyframes bounceInRight {
  0%
  {
    opacity:0;
    -moz-transform:translateX(2000px)
  }
  
  60%
  {
    opacity:1;
    -moz-transform:translateX(-30px)
  }
  
  80%
  {
    -moz-transform:translateX(10px)
  }
  
  100%
  {
    -moz-transform:translateX(0)
  }
}

@-o-keyframes bounceInRight {
  0%
  {
    opacity:0;
    -o-transform:translateX(2000px)
  }
  
  60%
  {
    opacity:1;
    -o-transform:translateX(-30px)
  }
  
  80%
  {
    -o-transform:translateX(10px)
  }
  
  100%
  {
    -o-transform:translateX(0)
  }
}

@keyframes bounceInRight {
  0%
  {
    opacity:0;
    transform:translateX(2000px)
  }
  
  60%
  {
    opacity:1;
    transform:translateX(-30px)
  }
  
  80%
  {
    transform:translateX(10px)
  }
  
  100%
  {
    transform:translateX(0)
  }
}

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

@-webkit-keyframes bounceOut {
  0%
  {
    -webkit-transform:scale(1)
  }
  
  25%
  {
    -webkit-transform:scale(.95)
  }
  
  50%
  {
    opacity:1;
    -webkit-transform:scale(1.1)
  }
  
  100%
  {
    opacity:0;
    -webkit-transform:scale(.3)
  }
}

@-moz-keyframes bounceOut {
  0%
  {
    -moz-transform:scale(1)
  }
  
  25%
  {
    -moz-transform:scale(.95)
  }
  
  50%
  {
    opacity:1;
    -moz-transform:scale(1.1)
  }
  
  100%
  {
    opacity:0;
    -moz-transform:scale(.3)
  }
}

@-o-keyframes bounceOut {
  0%
  {
    -o-transform:scale(1)
  }
  
  25%
  {
    -o-transform:scale(.95)
  }
  
  50%
  {
    opacity:1;
    -o-transform:scale(1.1)
  }
  
  100%
  {
    opacity:0;
    -o-transform:scale(.3)
  }
}

@keyframes bounceOut {
  0%
  {
    transform:scale(1)
  }
  
  25%
  {
    transform:scale(.95)
  }
  
  50%
  {
    opacity:1;
    transform:scale(1.1)
  }
  
  100%
  {
    opacity:0;
    transform:scale(.3)
  }
}

.bounceOut
{
  -webkit-animation-name:bounceOut;
  -moz-animation-name:bounceOut;
  -o-animation-name:bounceOut;
  animation-name:bounceOut
}

@-webkit-keyframes bounceOutUp {
  0%
  {
    -webkit-transform:translateY(0)
  }
  
  20%
  {
    opacity:1;
    -webkit-transform:translateY(20px)
  }
  
  100%
  {
    opacity:0;
    -webkit-transform:translateY(-2000px)
  }
}

@-moz-keyframes bounceOutUp {
  0%
  {
    -moz-transform:translateY(0)
  }
  
  20%
  {
    opacity:1;
    -moz-transform:translateY(20px)
  }
  
  100%
  {
    opacity:0;
    -moz-transform:translateY(-2000px)
  }
}

@-o-keyframes bounceOutUp {
  0%
  {
    -o-transform:translateY(0)
  }
  
  20%
  {
    opacity:1;
    -o-transform:translateY(20px)
  }
  
  100%
  {
    opacity:0;
    -o-transform:translateY(-2000px)
  }
}

@keyframes bounceOutUp {
  0%
  {
    transform:translateY(0)
  }
  
  20%
  {
    opacity:1;
    transform:translateY(20px)
  }
  
  100%
  {
    opacity:0;
    transform:translateY(-2000px)
  }
}

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

@-webkit-keyframes bounceOutDown {
  0%
  {
    -webkit-transform:translateY(0)
  }
  
  20%
  {
    opacity:1;
    -webkit-transform:translateY(-20px)
  }
  
  100%
  {
    opacity:0;
    -webkit-transform:translateY(2000px)
  }
}

@-moz-keyframes bounceOutDown {
  0%
  {
    -moz-transform:translateY(0)
  }
  
  20%
  {
    opacity:1;
    -moz-transform:translateY(-20px)
  }
  
  100%
  {
    opacity:0;
    -moz-transform:translateY(2000px)
  }
}

@-o-keyframes bounceOutDown {
  0%
  {
    -o-transform:translateY(0)
  }
  
  20%
  {
    opacity:1;
    -o-transform:translateY(-20px)
  }
  
  100%
  {
    opacity:0;
    -o-transform:translateY(2000px)
  }
}

@keyframes bounceOutDown {
  0%
  {
    transform:translateY(0)
  }
  
  20%
  {
    opacity:1;
    transform:translateY(-20px)
  }
  
  100%
  {
    opacity:0;
    transform:translateY(2000px)
  }
}

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

@-webkit-keyframes bounceOutLeft {
  0%
  {
    -webkit-transform:translateX(0)
  }
  
  20%
  {
    opacity:1;
    -webkit-transform:translateX(20px)
  }
  
  100%
  {
    opacity:0;
    -webkit-transform:translateX(-2000px)
  }
}

@-moz-keyframes bounceOutLeft {
  0%
  {
    -moz-transform:translateX(0)
  }
  
  20%
  {
    opacity:1;
    -moz-transform:translateX(20px)
  }
  
  100%
  {
    opacity:0;
    -moz-transform:translateX(-2000px)
  }
}

@-o-keyframes bounceOutLeft {
  0%
  {
    -o-transform:translateX(0)
  }
  
  20%
  {
    opacity:1;
    -o-transform:translateX(20px)
  }
  
  100%
  {
    opacity:0;
    -o-transform:translateX(-2000px)
  }
}

@keyframes bounceOutLeft {
  0%
  {
    transform:translateX(0)
  }
  
  20%
  {
    opacity:1;
    transform:translateX(20px)
  }
  
  100%
  {
    opacity:0;
    transform:translateX(-2000px)
  }
}

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