@charset "UTF-8";

/*!
 * Jasny Bootstrap v3.1.0 (http://jasny.github.com/bootstrap)
 * Copyright 2011-2014 Arnold Daniels.
 * Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE)
 */

@media (min-width: 1px) {
    .container-smooth {
        max-width: 1170px
    }
}

.NA{
    display: none !important;
}
.wash {
    width: 16.4%;
}
.horizontal-scroll {
    overflow: auto;
	overflow: inherit\9;
}
.bs-docs-example {
    overflow: hidden;
	overflow: inherit\9;
}
.cog(display:none)
 input {background:none;}
 
lable{ font-family:'Trebuchet MS'}
  .tit{
   margin-top:75px;
   }
a.error_button{
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    padding: 0.75em 3em;
    width: 50%;
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #fff;
    font-weight: 300;
    font-size: 1.15em;
    background: #12b8db;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
    text-decoration: none;
}
.login-modal{
    text-align: center;
    margin-top: 20px !important;
}

.sidebar-brand {
margin-top: 30px;
}

.login-modal h4{
    color: #697476;
    font-weight: 300;
}

.login-modal button{
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 16px;
}

::-webkit-input-placeholder {
   color: #625f78;
}

:-moz-placeholder { /* Firefox 18- */
   color: #625f78;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #625f78;  
}

:-ms-input-placeholder {  
   color: #625f78;  
}

#share-icons{
    text-align: center;
    margin-left: 100px;
}
.item-text {
    font-size: 20px;
}

#dry_schedule_date{
    display: none;
}

.prices-body .pricing_text #wash {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 35px;
    margin-top: 20px;
}

#coupon-hero h3{
    font-size: 20px;
}

.nav-tabs-bottom {
    border-bottom: 0;
    border-top: 1px solid #ddd
}
.first { margin-top: 0 !important; margin-left: 0 !important; }
.last { margin-bottom: 0 !important; margin-right: 0 !important; }

.nav-tabs-bottom>li {
    margin-bottom: 0;
    margin-top: -1px
}
.nav-tabs-bottom>li>a {
    border-radius: 0 0 4px 4px
}
.nav-tabs-bottom>li>a:hover, .nav-tabs-bottom>li>a:focus, .nav-tabs-bottom>li.active>a, .nav-tabs-bottom>li.active>a:hover, .nav-tabs-bottom>li.active>a:focus {
    border: 1px solid #ddd;
    border-top-color: transparent
}
.nav-tabs-left {
    border-bottom: 0;
    border-right: 1px solid #ddd
}
.nav-tabs-left>li {
    margin-bottom: 0;
    margin-right: -1px;
    float: none
}
.nav-tabs-left>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    margin-bottom: 2px
}
.nav-tabs-left>li>a:hover, .nav-tabs-left>li>a:focus, .nav-tabs-left>li.active>a, .nav-tabs-left>li.active>a:hover, .nav-tabs-left>li.active>a:focus {
    border: 1px solid #ddd;
    border-right-color: transparent
}
.row>.nav-tabs-left {
    padding-right: 0;
    padding-left: 15px;
    margin-right: -1px;
    position: relative;
    z-index: 1
}
.row>.nav-tabs-left+.tab-content {
    border-left: 1px solid #ddd
}
.nav-tabs-right {
    border-bottom: 0;
    border-left: 1px solid #ddd
}
.nav-tabs-right>li {
    margin-bottom: 0;
    margin-left: -1px;
    float: none
}
.nav-tabs-right>li>a {
    border-radius: 0 4px 4px 0;
    margin-left: 0;
    margin-bottom: 2px
}
.nav-tabs-right>li>a:hover, .nav-tabs-right>li>a:focus, .nav-tabs-right>li.active>a, .nav-tabs-right>li.active>a:hover, .nav-tabs-right>li.active>a:focus {
    border: 1px solid #ddd;
    border-left-color: transparent
}
.row>.nav-tabs-right {
    padding-left: 0;
    padding-right: 15px
}
.navmenu, .navbar-offcanvas {
    width: 300px;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px
}
.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
    position: fixed;
    z-index: 1030;
    top: 0;
    border-radius: 0
}
.navmenu-fixed-left, .navbar-offcanvas {
    left: 0;
    border-width: 0 1px 0 0
}
.navmenu-fixed-right {
    right: 0;
    border-width: 0 0 0 1px
}
.navmenu-nav {
    margin-bottom: 10px
}
.navmenu-nav.dropdown-menu {
    position: static;
    margin: 0;
    padding-top: 0;
    float: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}
.navbar-offcanvas .navbar-nav {
    margin: 0
}



@media (min-width: 768px) {


#credits{
    background: #10b8db;
    padding: 0px 10px;
    border-radius: 5px;
    color: #fff;
    float: left;
    margin-top: 4px;
    height: 42px;
}

.credits-text{
    font-size: 10px;
    padding-top: 4px;
}

.credits-number{
    clear: both;
    font-size: 20px;
    display: block;
    margin-top: -5px;
}

/*coupons page*/
#coupon-hero{
    margin: 20px -50px 20px 20px;   
    text-align: center;
}

#coupon-hero img{
    width: 30%;
}

#coupon-hero h3{
width: 330px;
margin: 0 auto;
line-height: 33px;
margin-top: 20px;
font-weight: 300;
color: rgb(134, 134, 134);

}

.emotion{
    margin-top: 40px;
}

.emotion h2{
    font-weight:300;
}
.stars{
    width: 35px !important;
    margin: 10px;
    background:;
}

.header_star{
    margin-top: -6px;
width: 30px;
}

.error-img{
    margin-right: 10px;
    width: 13px;
}

.navbar-collapse{
    top: 0;
    position: absolute;
    right: 0;
}

.icon-menu{display: none !important;}
/*myWash customisation Nav Bar*/

.grey_bg{
    background: rgba(251, 251, 251, 0.63);
}

.order_summary header{
    text-align: center;
}

.float_left{float: left;}

.order_summary h3{
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 40px;
    color: rgb(135, 135, 135);
    text-align: right;
    display: inline-block;
}

.margin_0{margin: 0 !important;}

body{ color:#006286;}
  a.add_address_mob img{
        width: 38px;
        cursor: pointer;
        display: none;
		
    }
.col-md-8 {
width: 85% !important;
}

#order_status.col-md-8 {

    width: 66.66666667% !important;
}

.order-status-info{
    margin-top: 60px;
}
    .navbar{
        text-align: center;
    }
    .navbar-header {
        float: none !important;
        text-align: center;
        display: inline-block;
        margin-top: 1em;
    }

    .navbar-collapse{
        display: inline !important;
        float: right;
        margin-top: 0.5em;
    }
/*myWash customisation Nav Bar*/
.pickup-drop-block{
    margin-bottom: 40px;
}

.pickup-drop-block h4{
    margin: 10px 0;
    font-weight: 300;
    font-size: 16px;
    text-decoration: underline;
}


.pickup-drop-block h3{
    display: inline-block;
    font-weight: 300;
    vertical-align: top;
    font-size: 16px;
    margin: 0;
    line-height: 25px;
}

.pickup-drop-block p{
     margin: 0;
    font-size: 14px;
    margin-top: 0;
    font-weight: 300;
}
/*myWash Schedule*/
    .add_address{
        float: right;
        position: absolute;
        width: 150px;
        top: 15px;
        margin: 0 10px;
        cursor: pointer;
        color: #12b8db;
    }




    .navbar-offcanvas {
        width: auto;
        border-top: 0;
        box-shadow: none
    }
    .navbar-offcanvas.offcanvas {
        position: static;
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }
    .navbar-offcanvas .navbar-nav.navbar-left:first-child {
        margin-left: -15px
    }
    .navbar-offcanvas .navbar-nav.navbar-right:last-child {
        margin-right: -15px
    }
    .navbar-offcanvas .navmenu-brand {
        display: none
    }
}
.navmenu-brand {
    display: block;
    font-size: 18px;
    line-height: 20px;
    padding: 10px 15px;
    margin: 10px 0
}
.navmenu-brand:hover, .navmenu-brand:focus {
    text-decoration: none
}
.navmenu-default, .navbar-default .navbar-offcanvas {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}
.navmenu-default .navmenu-brand, .navbar-default .navbar-offcanvas .navmenu-brand {
    color: #777
}
.navmenu-default .navmenu-brand:hover, .navbar-default .navbar-offcanvas .navmenu-brand:hover, .navmenu-default .navmenu-brand:focus, .navbar-default .navbar-offcanvas .navmenu-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}
.navmenu-default .navmenu-text, .navbar-default .navbar-offcanvas .navmenu-text {
    color: #777
}
.navmenu-default .navmenu-nav>.dropdown>a:hover .caret, .navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret, .navmenu-default .navmenu-nav>.dropdown>a:focus .caret, .navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333
}
.navmenu-default .navmenu-nav>.open>a, .navbar-default .navbar-offcanvas .navmenu-nav>.open>a, .navmenu-default .navmenu-nav>.open>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover, .navmenu-default .navmenu-nav>.open>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555
}
.navmenu-default .navmenu-nav>.open>a .caret, .navbar-default .navbar-offcanvas .navmenu-nav>.open>a .caret, .navmenu-default .navmenu-nav>.open>a:hover .caret, .navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover .caret, .navmenu-default .navmenu-nav>.open>a:focus .caret, .navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555
}
.navmenu-default .navmenu-nav>.dropdown>a .caret, .navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a .caret {
    border-top-color: #777;
    border-bottom-color: #777
}
.navmenu-default .navmenu-nav.dropdown-menu, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
    background-color: #e7e7e7
}
.navmenu-default .navmenu-nav.dropdown-menu>.divider, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider {
    background-color: #f8f8f8
}
.navmenu-default .navmenu-nav.dropdown-menu>.active>a, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a, .navmenu-default .navmenu-nav.dropdown-menu>.active>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover, .navmenu-default .navmenu-nav.dropdown-menu>.active>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus {
    background-color: #d7d7d7
}
.navmenu-default .navmenu-nav>li>a, .navbar-default .navbar-offcanvas .navmenu-nav>li>a {
    color: #777
}
.navmenu-default .navmenu-nav>li>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover, .navmenu-default .navmenu-nav>li>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus {
    color: #333;
    background-color: transparent
}
.navmenu-default .navmenu-nav>.active>a, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a, .navmenu-default .navmenu-nav>.active>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover, .navmenu-default .navmenu-nav>.active>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
}
.navmenu-default .navmenu-nav>.disabled>a, .navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a, .navmenu-default .navmenu-nav>.disabled>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:hover, .navmenu-default .navmenu-nav>.disabled>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
}
.navmenu-inverse, .navbar-inverse .navbar-offcanvas {
    background-color: #222;
    border-color: #080808
}
.navmenu-inverse .navmenu-brand, .navbar-inverse .navbar-offcanvas .navmenu-brand {
    color: #999
}
.navmenu-inverse .navmenu-brand:hover, .navbar-inverse .navbar-offcanvas .navmenu-brand:hover, .navmenu-inverse .navmenu-brand:focus, .navbar-inverse .navbar-offcanvas .navmenu-brand:focus {
    color: #fff;
    background-color: transparent
}
.navmenu-inverse .navmenu-text, .navbar-inverse .navbar-offcanvas .navmenu-text {
    color: #999
}
.navmenu-inverse .navmenu-nav>.dropdown>a:hover .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret, .navmenu-inverse .navmenu-nav>.dropdown>a:focus .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}
.navmenu-inverse .navmenu-nav>.open>a, .navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a, .navmenu-inverse .navmenu-nav>.open>a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover, .navmenu-inverse .navmenu-nav>.open>a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus {
    background-color: #080808;
    color: #fff
}
.navmenu-inverse .navmenu-nav>.open>a .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a .caret, .navmenu-inverse .navmenu-nav>.open>a:hover .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover .caret, .navmenu-inverse .navmenu-nav>.open>a:focus .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}
.navmenu-inverse .navmenu-nav>.dropdown>a .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a .caret {
    border-top-color: #999;
    border-bottom-color: #999
}
.navmenu-inverse .navmenu-nav.dropdown-menu, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu {
    background-color: #080808
}
.navmenu-inverse .navmenu-nav.dropdown-menu>.divider, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider {
    background-color: #222
}
.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a, .navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover, .navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus {
    background-color: #000
}
.navmenu-inverse .navmenu-nav>li>a, .navbar-inverse .navbar-offcanvas .navmenu-nav>li>a {
    color: #999
}
.navmenu-inverse .navmenu-nav>li>a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:hover, .navmenu-inverse .navmenu-nav>li>a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:focus {
    color: #fff;
    background-color: transparent
}
.navmenu-inverse .navmenu-nav>.active>a, .navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a, .navmenu-inverse .navmenu-nav>.active>a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:hover, .navmenu-inverse .navmenu-nav>.active>a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:focus {
    color: #fff;
    background-color: #080808
}
.navmenu-inverse .navmenu-nav>.disabled>a, .navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a, .navmenu-inverse .navmenu-nav>.disabled>a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:hover, .navmenu-inverse .navmenu-nav>.disabled>a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}
.alert-fixed-top, .alert-fixed-bottom {
    position: fixed;
    width: 100%;
    z-index: 1035;
    border-radius: 0;
    margin: 0;
    left: 0
}
.orders_link{font-size: 20px !important;padding: 25px;}
.help_link{font-size: 20px !important;padding: 25px;text-align: left;}
.support_link{font-size: 25px !important;padding: 25px;text-align: left;}
.support_link img{
    margin-right: 10px;
    width: 30px;
vertical-align: text-top;
}
.padding-bottom{
    padding-bottom: 10px;
}

.email-id-support{
    padding: 25px;
    padding-top: 0;
    font-size: 16px !important;
    display: inline-block;
    float: left;
}


.help_content{
    display: none !important;
    font-size: 14px !important;
    text-align: left;
    padding: 0 25px 25px 25px;
    margin-top: -10px;
    line-height: 2em !important;
}
.help_content.active{display:block !important; 
}



@media (min-width: 992px) {
    .alert-fixed-top, .alert-fixed-bottom {
        width: 992px;
        left: 50%;
        margin-left: -496px
    }
}
.alert-fixed-top {
    top: 0;
    border-width: 0 0 1px
}
@media (min-width: 992px) {
    .alert-fixed-top {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-width: 0 1px 1px
    }
}
.alert-fixed-bottom {
    bottom: 0;
    border-width: 1px 0 0
}
@media (min-width: 992px) {
    .alert-fixed-bottom {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-width: 1px 1px 0
    }
}
.offcanvas {
    display: none
}
.offcanvas.in {
    display: block
}
@media (max-width: 767px) {



/*coupons page*/
#coupon-hero{
    text-align: center;
    margin: 50px 0;
}

#coupon-hero img{
    width: 200px;
}

#coupon-hero h3{
font-weight: 300;
color: rgb(134, 134, 134);
}



    .wrapper{background: rgb(228, 250, 255);}
    .offcanvas-xs {
        display: none
    }
    .offcanvas-xs.in {
        display: block
    }
}
@media (max-width: 991px) {
    .offcanvas-sm {
        display: none
    }
    .offcanvas-sm.in {
        display: block
    }
}
@media (max-width: 1199px) {
    .offcanvas-md {
        display: none
    }
    .offcanvas-md.in {
        display: block
    }
}

@media (max-width: 480px){
   body{
   background:url(../images/signbg.jpg) no-repeat;
   }
   
  .tit{
   margin-top:10px;
   z-index:999999;
   }
   
}

@media (max-width: 320px){
   body{
   background:url(../images/signbg.jpg) no-repeat;
   }
   
  .tit{
   margin-top:10px;
   z-index:999999;
   }
   
}

.offcanvas-lg {
    display: none
}
.offcanvas-lg.in {
    display: block
}
.canvas-sliding {
    -webkit-transition: top .35s, left .35s, bottom .35s, right .35s;
    transition: top .35s, left .35s, bottom .35s, right .35s
}
.offcanvas-clone {
    height: 0!important;
    width: 0!important;
    overflow: hidden!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    position: absolute!important;
    top: auto!important;
    left: auto!important;
    bottom: 0!important;
    right: 0!important;
    opacity: 0!important
}
.table.rowlink td:not(.rowlink-skip), .table .rowlink td:not(.rowlink-skip) {
    cursor: pointer
}
.table.rowlink td:not(.rowlink-skip) a, .table .rowlink td:not(.rowlink-skip) a {
    color: inherit;
    font: inherit;
    text-decoration: inherit
}
.table-hover.rowlink tr:hover td, .table-hover .rowlink tr:hover td {
    background-color: #cfcfcf
}
.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle
}
.btn-file>input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    height: 100%;
    direction: ltr;
    cursor: pointer
}
.fileinput {
    margin-bottom: 9px;
    display: inline-block
}
.fileinput .form-control {
    padding-top: 7px;
    padding-bottom: 5px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text
}
.fileinput .thumbnail {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center
}
.fileinput .thumbnail>img {
    max-height: 100%
}
.fileinput .btn {
    vertical-align: middle
}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display: none
}
.fileinput-inline .fileinput-controls {
    display: inline
}
.fileinput-filename {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden
}
.form-control .fileinput-filename {
    vertical-align: bottom
}
.fileinput-new .input-group .btn-file {
    border-radius: 0 4px 4px 0
}
.fileinput-new .input-group .btn-file.btn-xs, .fileinput-new .input-group .btn-file.btn-sm {
    border-radius: 0 3px 3px 0
}
.fileinput-new .input-group .btn-file.btn-lg {
    border-radius: 0 6px 6px 0
}
.form-group.has-warning .fileinput .fileinput-preview {
    color: #8a6d3b
}
.form-group.has-warning .fileinput .thumbnail {
    border-color: #faebcc
}
.form-group.has-error .fileinput .fileinput-preview {
    color: #a94442
}
.form-group.has-error .fileinput .thumbnail {
    border-color: #ebccd1
}
.form-group.has-success .fileinput .fileinput-preview {
    color: #3c763d
}
.form-group.has-success .fileinput .thumbnail {
    border-color: #d6e9c6
}
.input-group-addon:not(:first-child) {
    border-left: 0
}
.transition {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}
.pulse {
    -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;
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-iteration-count: infinite
}
.icon-address, .icon-blue-clock, .icon-card, .icon-chat, .icon-clock, .icon-config, .icon-gift, .icon-help-blue, .icon-iphone, .icon-mail, .icon-tick-blue, .icon-user, .icon-white-chat, .icon-coupon, .icon-white-help, .icon-white-home, .icon-white-map, .icon-white-payments, .icon-white-prices, .icon-white-recurring, .icon-white-share, .icon-white-user, .icon-order-1, .icon-order-2, .icon-order-3, .icon-order-4, .icon-menu, .icon-star, .success-icon {
    background: url(../images/sprites-icons.png) no-repeat;
    display: inline-block;
	 background: none\9;
}

.icon-star{
    margin-right: 1em;
    background-position: -10px -309px;
    height: 30px;
    width: 25px;
    margin-top: 4px;
}

.icon-star:hover, .star-hover, .star-clicked{
    margin-right: 1em;
    background-position: -10px -259px;  
    height: 30px;
    width: 25px;
    margin-top: 4px;
    background-size: 50px;
    cursor: pointer;
}


.icon-smiley-1{
    margin-right: 1em;
    background-position: -4px -632px;
    height: 118px;
    width: 118px;
    margin-top: 4px;
    background-size: 50px;
    background: url(../images/smiley.png) no-repeat;
    display: inline-block;
    padding: 0;
margin: 0;
}

.icon-smiley-2{
    margin-right: 1em;

    height: 118px;
    width: 118px;
    margin-top: 4px;
    background-size: 50px;
    background: url(../images/smiley.png) no-repeat;
    display: inline-block;
        background-position: 0px -251px;
        padding: 0;
margin: 0;
}

.icon-smiley-3{
    margin-right: 1em;

    height: 118px;
    width: 118px;
    margin-top: 4px;
    background-size: 50px;
    background: url(../images/smiley.png) no-repeat;
    display: inline-block;
        background-position: 0px -125px;
        padding: 0;
margin: 0;
}




.icon-address {
    background-position: -810px 0;
    width: 48px;
    height: 48px;
    background-size: 1054px
}
.icon-blue-clock {
    background-position: -859px 0;
    width: 48px;
    height: 48px
}
.icon-card {
    background-position: -1006px 0;
    width: 48px;
    height: 48px;
    background-size: 1054px
}
.icon-chat {
    background-position: -304px 0;
    width: 50px;
    height: 50px
}
.icon-config {
    background-position: -610px 0;
    width: 50px;
    height: 50px
}
.icon-help-blue {
    background-position: -406px 0;
    width: 50px;
    height: 50px;
    background-position: -202px 0;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    float: left
}
.icon-iphone {
    background-position: -41px 0;
    width: 54px;
    height: 54px
}
.icon-mail {
    background-position: -253px 0;
    width: 50px;
    height: 50px
}
.icon-tick-blue {
    background-position: -202px 0;
    width: 50px;
    height: 50px
}
.icon-white-map {
    background-position: 0 0;
    width: 40px;
    height: 60px
}
.icon-white-payments {
    background-position: -96px 0;
    width: 54px;
    height: 36px
}
.icon-white-user {
    background-position: -761px 0;
    width: 48px;
    height: 48px
}
.icon-user {
    background-position: -908px 0;
    width: 48px;
    height: 48px;
    background-size: 1054px
}
.icon-white-chat {
    background-position: -457px 0;
    width: 50px;
    height: 50px
}
.icon-clock {
    margin-right: 1em;
    background-position: -14px -112px;
    height: 25px;
    width: 25px;
    float: left;
    margin-top: 4px;
}

.icon-coupon{
    margin-right: 1em;
    background-position: -12px -509px;
    height: 25px;
    width: 25px;
    float: left;
    margin-top: 4px;
}
.icon-gift {
    margin-right: 1em;
    background-position: -75.5px 0;
    height: 25px;
    width: 25px;
    float: left;
    margin-top: 4px
}
.icon-white-help {
    margin-right: 1em;
    background-position: -14px -212px;
    height: 25px;
    width: 25px;
    float: left;
    margin-top: 4px;
}

.icon-order-4 {
    margin-right: 1em;
    background-position: -8px -282px;
    height: 25px;
    width: 25px;
    float: left;
    margin-top: 4px;
    float: right;
}


.icon-order-1, .icon-order-2, .icon-order-3{
    margin-right: 1em;
    background-position: -13px -556px;
    height: 25px;
    width: 30px;
    float: left;
    margin-top: 4px;
    float: right;
}

.header_image_icon{
    width: 34px;
    margin-right: 0.2em;
    vertical-align: middle;
}



.icon-white-home {
    margin-right: 0.6em;
    height: 29px;
    width: 30px;
    float: left;
    margin-top: 4px;
    background-position: -11px -14px;
}

.icon-menu {
    margin-right: 0.6em;
    height: 29px;
    width: 30px;
    float: left;
    margin-top: 4px;
    background-position: -6px -365px;
}


.icon-white-prices {
    margin-right: 1em;
    background-position: -14px -162px;
    height: 25px;
    width: 25px;
    float: left;
    margin-top: 4px;
}
.icon-white-recurring {
    margin-right: 1em;
    background-position: -6px -57px;
    height: 25px;
    width: 25px;
    float: left;
    margin-top: 4px;
}
.icon-white-share {
    margin-right: 1em;
    background-position: -13px -62px;
    height: 25px;
    width: 25px;
    float: left;
    margin-top: 4px;
}
.walk-icon-1, .walk-icon-2, .walk-icon-3, .walk-icon-4, .walk-icon-5, .walk-icon-6 {
    background: url(../images/sprites-how.html) no-repeat;
    display: inline-block;
    background-size: 903px
}
.walk-icon-1 {
    background-position: 0 0;
    width: 150px;
    height: 150px
}
.walk-icon-2 {
    background-position: -150.6px 0;
    width: 150px;
    height: 150px
}
.walk-icon-3 {
    background-position: -301.2px 0;
    width: 150px;
    height: 150px
}
.walk-icon-4 {
    background-position: -451.8px 0;
    width: 150px;
    height: 150px
}
.walk-icon-5 {
    background-position: -602.4px 0;
    width: 150px;
    height: 150px
}
.walk-icon-6 {
    background-position: -753px 0;
    width: 150px;
    height: 150px
}
.hero-incomplete, .hero-location-unavailable, .hero-logo, .hero-no-history, .hero-payment, .hero-question, .hero-recurring, .hero-share, .hero-wash-complete, .hero-gift-complete, .hero-gift {
    background: url(../images/sprites-heroes.png) no-repeat;
    display: inline-block;
    background-size: 2130.6px
}
.hero-incomplete {
    background-position: -1938px 0;
    width: 200px;
    height: 181px
}
.hero-location-unavailable {
    background-position: -969px 0;
    width: 193px;
    height: 181px
}
.hero-logo {
    background-position: -387.59999999999997px 0;
    width: 193px;
    height: 181px
}
.hero-no-history {
    background-position: -581.4px 0;
    width: 193px;
    height: 181px
}
.hero-payment {
    background-position: -775.1999999999999px 0;
    width: 193px;
    height: 181px
}
.hero-question {
    background-position: 0 0;
    width: 322px;
    height: 302px
}
.hero-recurring {
    background-position: -1938px 0;
    width: 322px;
    height: 302px
}
.hero-share {
    background-position: -1356.6px 0;
    width: 193px;
    height: 181px
}
.hero-wash-complete {
    background-position: -1550.3999999999999px 0;
    width: 193px;
    height: 181px
}
.hero-gift-complete {
    background-position: -1744.2px 0;
    width: 193px;
    height: 181px
}
.hero-gift {
    background-position: -193.79999999999998px 0;
    width: 193px;
    height: 181px
}
#sidebar-wrapper {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    position: fixed;
    left: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 20px;
    margin-left: -210px;
    width: 240px;
    height: 100%;
   background: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
#sidebar-wrapper.single-column {
    left: 0
}
#sidebar-wrapper:hover {
    -webkit-animation-name: bounce-right;
    animation-name: bounce-right
}
.sidebar-nav {
    position: absolute;
    top: 124px;
    margin: 0;
    padding: 0;
    width: 220px;
    list-style: none;
}
.logo {
    position: absolute;
    top: 12px;
    right: -25px;
    z-index: 300
}
.logo img {
    width: 48px
}
.logo img:hover {
    -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;
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
.sidebar-nav li {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin: 1.5em 0 1.5em 1em;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.sidebar-nav li:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}
.sidebar-nav li a {
    color: #fff;
    vertical-align: bottom;
    text-decoration: none;
    font-weight: 300;
    font-size: 0.9em;
    line-height: 1.5;
    cursor: pointer
}
.sidebar-nav li a span {
    min-width: 25px
}
.sidebar-nav li a span img {
    display: inline-block;
    margin-right: 1em;
    max-width: 25px
}
.sidebar-nav li a img {
    max-width: 25px;
/*    max-height: 30px*/
}
.sidebar-nav li.sidebar-brand {
/*    margin: 1.5em auto;*/
    padding: 0;
    width: 110px;
    text-align: center
}
.sidebar-nav li.sidebar-brand img {
    max-width: none;
    width: 160px;
}
.sidebar-nav li .nav-copy {
    display: inline-block;
    padding: .25em 0;
    width: 157px;
 
}
.navbar-brand {
     display: inline-block;
    margin: 0;
    margin-left: 20px;
    padding: .5em 0 .2em;
    height: auto;
    color: #625f78;
    font-weight: 300;
    font-size: 1.6em;
    line-height: 1;

}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -5.75em
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand.order_status{
    margin-left: -0.05em;
}

#menu-toggle {
    display: none
}
.brand-toggle {
    display: inline-block;
    float: left;
    margin-top: 10px;
    cursor: pointer
}
.brand-toggle img {
    width: 48px
}
/*.brand-toggle:after {
    -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;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    display: none;
    float: right;
    margin-top: -4px;
    color: #009bf5;
    content: "\203A";
    font-size: 2em;
    opacity: 1;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}
.brand-toggle:before {
    -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;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    display: none;
    float: left;
    margin-top: -4px;
    color: #009bf5;
    content: "\2039";
    font-size: 2em;
    opacity: 1;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}*/
.brand-toggle:hover {
    text-decoration: none
}
.wrapper.single-column .brand-toggle:after {
    display: inline
}
.content-header {
    height: 65px;
    line-height: 65px
}
.content-header h1 {
    display: inline-block;
    margin: 0;
    padding: .65em;
    color: #625f78;
    font-weight: 300
}
.nav>li>a {
    padding: 0 5px;
    color: #009bf5;
    font-size: 1.125em;
    line-height: 1.5em;
    cursor: pointer
}
.nav>li>a:hover {
    background: 0;
    color: #004a76
}
.nav>li>a.nav-signup {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin-right: 1em;
    margin-left: 1em;
    padding: .05em .75em;
    border-radius: 25px;
    background: #2ebc4d;
    color: #fff
}
.nav>li>a.nav-signup:hover {
    background: #269b40
}
.navbar-nav.navbar-right:last-child {
    margin-top: 20px;
    margin-right: -15px
}
.navbar-toggle {
    padding: 9px;
    margin-right: 5px
}
.navbar-toggle img {
    width: 25px
}
.navbar-collapse li a {
    margin-top: -.25em;
    text-align: center;
    line-height: 2
}
.navbar-collapse .divider {
    margin: 0 auto 6px;
    width: 200px;
    height: 3px;
    opacity: .25
}
.nav>li.dropdown a.dropdown-toggle {
    position: relative;
    color: #12b8db;
    text-align: center;
    font-weight: 300;
    cursor: pointer;
}
.nav>li.dropdown a.dropdown-toggle .name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.06;
    margin-top: 8px;
    padding: 0 20px 0 0px;
}

.nav>li.dropdown a.dropdown-toggle img{
    border-radius: 5px;
    width: 42px;
    margin-right: 10px;
}


.nav>li.dropdown a.dropdown-toggle .account-cog {
    position: absolute;
    top: 9px;
    right: 9px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/dropdown-cog.html);
    background-repeat: no-repeat;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}
.nav>li.dropdown a.dropdown-toggle:hover {
    /*background-color: #008bdc*/
}
.nav>li.dropdown a.dropdown-toggle:hover .account-cog {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}
.nav>li.dropdown.open a.dropdown-toggle {
    background: #fff;
    color: #12b8db;
}
.nav>li.dropdown.open a.dropdown-toggle .account-cog {
    background-image: url(../images/dropdown-cog-blue.html);
    background-repeat: no-repeat
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 3px;
    border-radius: 4px
}
.dropdown-menu>li>a {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    text-align: right;
    font-size: 1.125em
}

.nav .dropdown-menu:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #12b8db;
    content: '';
    right: 70px;
    margin-top: -16px;
    position: absolute;
    margin-right: -40px;;
}



.nav .dropdown-menu {
    padding: .5em 0;
    min-width: 200px;
    width: 90%;
    background: #12b8db;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: none;
    text-align: right;
    border: 1px solid #b3e8f3;
}
.nav .dropdown-menu>li>a {
    color: #fff;
    cursor: pointer
}
.nav .dropdown-menu>li>a:hover {
    background: rgba(255, 255, 255, .35);
    color: #fff
}
.nav .dropdown-menu .divider {
    background: rgba(255, 255, 255, .3)
}
body {
    background:url(../images/signbg.jpg) no-repeat;
    font-size: 16px;
font-family: 'Lato', sans-serif;    
    background-position: left bottom;
    background-repeat: no-repeat;
    background-attachment:fixed;
	
}
.col-md-8 {
    overflow: hidden;
    max-width: 900px
}
.col-md-4 {
    max-width: 350px
}
.hide {
    display: none
}
.blue-bg, .help-carousel-bg {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%
}
.blue-bg {
    background: #009bf5
}
.wrapper {
    margin-top: -22px;
    padding-left: 300px;
    transition: all .6s ease 0s
}
.wrapper.single-column {
    padding-left: 0
}
#page-content-wrapper {
    padding-left: 5px;
    width: 100%
}
.inset {
    -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;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    padding: 0 20px
}
.print-show {
    display: none
}
label {
    max-width: 270px;
    width: 31%;
    color: #006286;
    font-weight: 300;
    font-size: 1em;
	font-family:'Trebuchet MS'
}


input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}
input[type=password] {
    -webkit-text-security: circle!important
}
input, textarea, a#addclothes {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    padding: .75em 2.1em .75em .5em;
    padding-left: 1em;
    width: 50%;
    border: 0;
    border: 1px solid #95bde1;
    border-radius: 5px;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #625f78;
    font-weight: 300;
    font-size: 15px;
	background:none;
}

a#addclothes{
    display: inline-block;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #9AECFD;
    color: #12b8db;
}

a#addclothes:hover{
    border: 1px solid #9AECFD;
    color: #12b8db;
}

input.dropdown, textarea.dropdown {
    background-image: url(../images/arrow-down.png);
    background-position: right 15px center;
    background-repeat: no-repeat
}
.textarea * {
    vertical-align: middle
}
textarea {
    padding: 1em;
    min-height: 6em;
    border-radius: 5px;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  -ms-border-radius: 5px;
    -o-border-radius: 5px;
    text-align: left;
    vertical-align: middle;
}
.error {
    border: 1px solid #95bde1 !important;
    color: #625f78;
}
.error-copy {
    margin: .5em 0;
    margin-left: 30%;
    width: 60%;
    color: #ff576b
}

.has-error .control-label, .has-success .control-label{
        color: #625f78

}

.form-error{
    position: absolute;
    left: 0;
    top: 8px;
    color: red !important;
    font-size: 22px;
}


textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus, select:focus {
    outline: 0 none;
    border: 1px solid #b3e8f3;
    box-shadow: none
}
select:focus {
    border: 1px solid #b3e8f3;
}
.input-dropdown {
    position: relative;
    display: block
}
.input-group {
    position: relative;
    display: block;
    margin: 0 0 1em 0;
	clear:both;
}

#no-mar {
   margin: 0!important;
}
.div-space {
    max-width: 270px;
	  margin-top: -2em;
    width: 31%;
	float:left;
	  color: transparent;
}
.no-marspace {
    float: left;
   margin: -7px 0 7px 31%;
    width: 50%;
}
#orderSchedule > div {
    margin: 0 0 1em;
}
.input-group .radius-left {
    margin-right: 2px;
    max-width: 360px;
    width: 45%;
    -webkit-border-top-left-radius: 150px;
    -moz-border-radius-topleft: 150px;
    border-top-left-radius: 150px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 150px;
    -moz-border-radius-bottomleft: 150px;
    border-bottom-left-radius: 150px
}
.input-group .radius-right {
    max-width: 181px;
    width: 22%;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 150px;
    -moz-border-radius-topright: 150px;
    border-top-right-radius: 150px;
    -webkit-border-bottom-right-radius: 150px;
    -moz-border-radius-bottomright: 150px;
    border-bottom-right-radius: 150px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0
}
.input-group .half {
    max-width: 222px;
    width: 50%
}
.step-content .input-group .half {
    max-width: 200px
}
.dropdown-half.full-width {
    width: 100%
}
.dropdown-half.full-width .half {
    max-width: 200px
}
.input-group.dropdown-half.full-width {
    margin: 1em auto
}
.special-width .half {
    max-width: 270px;
    width: 33.5%
}
.dropdown-half {
    margin: 0 auto;
    width: 80%
}
.btn-dropdown {
    display: inline-block;
    margin-bottom: 0;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-image: none;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.42857143;
    cursor: pointer;
    -webkit-user-select: none
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}
select {

   
    color: #625f78;
    line-height: 1.5em;
    padding: .75em 2.1em .75em .5em;
    position: relative;
    -webkit-border-radius: 25px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent;
    max-width: 541px;
    width: 50%;
    border: 1px solid #95bde1;
    text-align: left !important;
     background:url(../images/arrow-down.png);
	 background:none\9;
    background-position: right 15px center;
    background-repeat: no-repeat;
    font-weight: 300;
    font-size:15px;
    padding-left: 1em;
     cursor: pointer;
     margin: 0;

}



.customSelect {
    border: 1px solid #95bde1;
    background: #fff;
    color: #625f78;
    padding: 12px 10px 12px 10px;
    font-weight: 300;
    font-size: 1.025em;
    padding-left: 1em;
    -webkit-border-radius: 25px;
    border-radius: 5px;
    text-align: left !important;
    cursor: pointer;
}
.customSelect.changed {
    background-color: #fff;
}   
.customSelectInner {
 background:url(../images/arrow-down.png) no-repeat center right;
}



/*.prices .table, .table.clickable-table, .table.white-table {
    padding: 1em 1.5em;
    background: #fff;
    color: #625f78;
    font-size: 1.65em
}
*/

.pricing .price-tabs{
    text-align: left;
    padding-left: 2em;
    display: inline-block;
}

.pricing .price-tabs-right{
    float: right;
    padding-left: 2em;
    display: inline-block;
    margin-top: -20px;
}

.pricing a.category-selected{
    border-bottom: 2px solid #12B8DA;
    margin-bottom: 30px;
    overflow: hidden;
    display: inline-block;
    margin-right: 30px;
    padding-bottom: 5px;
    color: #838E91;
    font-weight: 300;
    text-decoration: none;
}

.pricing a.category-notselected{
    margin-bottom: 30px;
    overflow: hidden;
    display: inline-block;
    margin-right: 30px;
    padding-bottom: 5px;
    border-bottom: 2px solid #fff;
    color: #838E91;
    font-weight: 300;
    text-decoration: none;
}

.pricing a.minorder{
    overflow: hidden;
    display: block;
    margin-right: 10px;
    padding-bottom: 5px;
    border-bottom: 2px solid #fff;
    color: #838E91;
    font-weight: 300;
    font-size: 12px;
    text-decoration: none;
}


.pricing .clickable-table{
    cursor: 
}
.pricing .pricing_header{
    border:0 !important;
    cursor: default !important;
}



.pricing .pricing_header:hover, .pricing .pricing_body:hover{
    background: #00aeef !important;
	color:#fff;
}
.pricing .pricing_header .items{
    display: inline-block;
    width: 50%;
    float: left;
    text-align: left;
    padding-left: 2em;
}

.pricing .pricing_header h4{
    font-weight: 300 !important
}

.pricing .pricing_header .price_info{
    float: left;
    display: inline-block;
    width: 25%;
}
.pricing .pricing_header .price_info h4, .pricing .pricing_body .price_info h4{
    display: inline-block;
    font-weight: 300;
	text-align:left;
}

.pricing .pricing_body{
    cursor: default !important;
}



.pricing .pricing_body .items{
    float: left;
    display: inline-block;
    width: 20%;
    text-align: left;
}



.pricing .pricing_body .items img{
    float: left;
    width: 120px;
}

.pricing .pricing_body .items h4{
  
    font-weight: 300;
}
.pricing .pricing_body .price_info{
    float: left;
    display: inline-block;
    width: 25%;
    padding-top: 30px;
    font-weight: 300;
	
}



.order_summary .table.clickable-table thead, .order_summary .table.white-table thead, .order_summary .table.white-table td {
    color: #838E91;
    font-size: 20px;
    padding: 10px;
}


.order_summary thead tr.head_blue td{
    background: #fff !important;
    color: #12b8db !important;
    font-size: 20px;
}

pricing .price-tabs {
    display: inline-block;
    padding-left: 2em;
    text-align: left;
}
.pricing .price-tabs-right {
    display: inline-block;
    float: right;
    margin-top: -20px;
    padding-left: 2em;
}
.pricing a.category-selected {
    border-bottom: 2px solid #12b8da;
    color: #838e91;
    display: inline-block;
    font-weight: 300;
    margin-bottom: 30px;
    margin-right: 30px;
    overflow: hidden;
    padding-bottom: 5px;
    text-decoration: none;
}
.pricing a.category-notselected {
    border-bottom: 2px solid #fff;
    color: #838e91;
    display: inline-block;
    font-weight: 300;
    margin-bottom: 30px;
    margin-right: 30px;
    overflow: hidden;
    padding-bottom: 5px;
    text-decoration: none;
}
.pricing a.minorder {
    border-bottom: 2px solid #fff;
    color: #838e91;
    display: block;
    font-size: 12px;
    font-weight: 300;
    margin-right: 10px;
    overflow: hidden;
    padding-bottom: 5px;
    text-decoration: none;
}
.pricing .clickable-table {
}
.pricing .pricing_header {
    border: 0 none !important;
    cursor: default !important;
}
.pricing .pricing_header:hover, .pricing .pricing_body:hover {
    background: none repeat scroll 0 0 #00aeef !important;
    color: #fff;
}
.pricing .pricing_header .items {
    display: inline-block;
    float: left;
    padding-left: 2em;

    width: 50%;
}

.pricing .pricing_header .items  img{ margin-right:30px;}

.pricing .pricing_header h4 {
    font-weight: 300 !important;
}
.pricing .pricing_header .price_info {
    display: inline-block;
    float: left;
    width: 25%;
	text-align:left;
}
.pricing .pricing_header .price_info h4, .pricing .pricing_body .price_info h4 {
    display: inline-block;
    font-weight: 300;
    text-align: center;
}
.pricing .pricing_body {
    cursor: default !important;
}
.pricing .pricing_body .items {
    display: inline-block;
    float: left;

    width: 40%;
}
.pricing .pricing_body .items img {
    float: left;
    width: 120px;
	margin-right:3%;
}
.pricing .pricing_body .items h4 {
    font-weight: 300;
	padding-top: 10px;
}
.pricing .pricing_body .price_info {
    display: inline-block;
    float: left;
    font-weight: 300;
    padding-top: 10px;

    width: 30%;
}
.price_info2 {
    display: inline-block;
    float: left;
    font-weight: 300;
    padding-top: 10px;
    width: 40%;
}

.price_info2 h4 {
display: inline-block;
    font-weight: 300;
    text-align: center;
}


.order_summary .table.clickable-table thead, .order_summary .table.white-table thead, .order_summary .table.white-table td {
    color: #838e91;
    font-size: 20px;
    padding: 10px;
}
.order_summary thead tr.head_blue td {
    background: none repeat scroll 0 0 #fff !important;
    color: #12b8db !important;
    font-size: 20px;
}
.prices .table thead, .table.clickable-table thead, .table.white-table thead {
    background: none repeat scroll 0 0 #5f6578;
    color: #fff;
}
.prices .table span, .table.clickable-table span, .table.white-table span {
    display: table-cell;
    font-size: 0.65em;
    opacity: 0.8;
}
.prices .table > tbody > tr > td, .table.clickable-table > tbody > tr > td, .table.white-table > tbody > tr > td, .prices .table > thead > tr > td, .table.clickable-table > thead > tr > td, .table.white-table > thead > tr > td {
    border-top: 1px solid #95bde1;
    font-weight: 300;
    padding: 0;
background: none;

}
.prices .table > tbody > tr > td:last-of-type, .table.clickable-table > tbody > tr > td:last-of-type, .table.white-table > tbody > tr > td:last-of-type, .prices .table > thead > tr > td:last-of-type, .table.clickable-table > thead > tr > td:last-of-type, .table.white-table > thead > tr > td:last-of-type {
    color: #006286;
    text-align: center;
background: none;
}
.prices .table > tbody > tr > td:last-of-type span, .table.clickable-table > tbody > tr > td:last-of-type span, .table.white-table > tbody > tr > td:last-of-type span, .prices .table > thead > tr > td:last-of-type span, .table.clickable-table > thead > tr > td:last-of-type span, .table.white-table > thead > tr > td:last-of-type span {
    color: #625f78;
    display: inline-block;
    font-size: 0.85em;
    margin-left: 0.5em;
}
.prices .table > thead > tr > td, .table.clickable-table > thead > tr > td, .table.white-table > thead > tr > td {
    border-top: 0 none;
    padding: 0.5em 1.5em;
}
.prices .table > thead > tr > td:last-of-type, .table.clickable-table > thead > tr > td:last-of-type, .table.white-table > thead > tr > td:last-of-type {
    color: #838e91;
}
.prices .table > thead > tr > td:last-of-type span, .table.clickable-table > thead > tr > td:last-of-type span, .table.white-table > thead > tr > td:last-of-type span {
    color: #625f78;
    margin-left: 0.5em;
    opacity: 0.65;
}
.prices .table > tbody > tr > td:last-of-type, .prices .table > thead > tr > td:last-of-type {
    color: #25ce98;
}
.prices .table > tbody > tr > td:last-of-type, thead > tr > td:last-of-type {
    min-width: 100px !important;
}
.prices .table > tbody > tr > td:last-of-type span, thead > tr > td:last-of-type span {
    font-size: 0.5em;
}
.table.table-watermark {
    background-image: url(../images/logo-watermark.html);
    background-position: center center;
    background-repeat: no-repeat
}
.table.table-watermark>tbody>tr>td {
    border-top: 1px solid #f6f6fa
}
.table+p {
    margin: 1em 0;
    padding: 0 2em;
    color: rgba(98, 95, 120, .65);
    font-weight: 300;
    font-size: 1.15em;
    line-height: 1.5;
    opacity: .75
}
.table.rowlink td:not(.rowlink-skip) a, .table .rowlink td:not(.rowlink-skip) a {
    display: block
}
.clickable-table span {
    display: table-cell;
    font-size: .75em;
    opacity: .8
}
.clickable-table .rowlink tr td {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}
.clickable-table .rowlink tr:hover td, .clickable-table .rowlink tr:hover td {
    background: none;
    color: #fff !important;
}
.clickable-table .rowlink tr:hover td:last-of-type, .clickable-table .rowlink tr:hover td:last-of-type {
    
    color: #fff;
    vertical-align: middle
}
.clickable-table>tbody>tr>td {
    padding: .85em 1.5em;
    border-top: 1px solid #f6f6fa;
    font-weight: 300
}
.clickable-table>tbody>tr>td:last-of-type {
    padding-right: 2.5em;
    background-position: right 1.5em center;
    background-repeat: no-repeat;
    color: #009bf5;
    vertical-align: middle;
  
}
header h2, header h2 a {
    display: inline-block;
    margin-top: 0;
    margin-bottom: .5em;
    color: #009bf5;
    font-weight: 300;
    font-size: 1.25em
}
header h2:hover, header h2 a:hover {
    color: #0081cc;
    text-decoration: none
}
header h2 span, header h2 a span {
    display: inline-block;
    float: left;
    margin-top: -6px;
    margin-right: .5em
}
header h2 img, header h2 a img {
    margin-right: .5em
}
hr {
    width: 10em;
    border-top: 1px solid #006286;
    margin: 1em auto
}

.login{margin-top:100px;}
.login .input-group{
    margin: 0;
}
.login .or{margin-bottom: 10px;}
#ad{
    margin-top: 70px;
    float: left;
    margin-left: 75px;
}
.login img{
    margin-bottom:20px;
}
.login button, .login input{
    margin-bottom: 1em;
    padding: 0.7em;
    width: 55%;
}


#ad{
    display: block;
    margin-top: 70px;
    float: left;
    margin-left: 75px;
}


button, input[type=submit] {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    padding: .75em 2.1em .75em .5em;
    width: 50%;
    border: 0;
    border-radius: 5px;

 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #fff;
    font-weight: 300;
    font-size: 1.15em;
}

button:active, input[type=submit]:active {
    outline: 0
}
button:focus, input[type=submit]:focus {
    outline: 0
}
button.primary, input[type=submit].primary {
    background: #12b8db;
}
button.primary:hover, input[type=submit].primary:hover {
    background: #48D1EE
}
button.danger, input[type=submit].danger {
    border: 2px solid transparent;
    background: #ff576b
}
button.danger:hover, input[type=submit].danger:hover {
    background: #ff2e47
}
button.secondary, input[type=submit].secondary {
    border: 0px solid transparent;
    background: #dd4c39;
}
button.secondary:hover, input[type=submit].secondary:hover {
    background: #ff243e
}
button.inactive, input[type=submit].inactive {
    background: #B1B0B0;
    margin-top: 0;
    margin-bottom: 15px
}
button.inactive:hover, input[type=submit].inactive:hover {
    background: #B1B0B0
}
button.google{
    border: 0px solid transparent;
    background: #E0604F;
        position: relative;
}
button.account{
     border: 0px solid transparent;
    background: #48D1EE;
}
button.google:hover{
    border: 0px solid transparent;
    background: #EB6654;
}
button.facebook {
    border: 0px solid transparent;
    background: #3b5998;
    position: relative;
}
button.facebook:hover {
    background: #3D63B2;
}
.notice {
    width: 90%
}
.notice table {
    color: #009bf5;
    font-size: .85em
}
.notice table img {
    margin-right: 10px;
    width: 25px
}
.submit-form {
    margin: 2em 0;
    width: 98%;
    text-align: right
}
.submit-form .btn-right {
    max-width: 70%
}
.input-dropdown {
    position: relative;
    display: inline-block
}
section {
    text-align: center
}
section img {
    max-width: 302px;
    max-width: 200px
}
section h2 {
    margin: .75em 0 .5em;
    color: #697476;
    font-weight: 300;
    font-size: 2em;
}
section h3 {
    margin: 1em;
    font-weight: 300;
    line-height: 1.5;
    color: #697476;
    font-size: 20px;
}
section h4 {
    font-weight: 300;
    font-size: 1.5em;
    line-height: 1.5
}
section p {
    font-weight: 300;
    font-size: 1.25em
}
section .blue-box {
    margin: 1em auto;
    padding: 1em;
    max-width: 650px;
    background: #009bf5;
    color: #fff
}
section .blue-box h4 {
    margin: 0
}
section .blue-box hr {
    margin: 1em auto;
    width: 90%;
    border-top: 1px solid rgba(255, 255, 255, .3)
}
section .blue-box input.radius-left {
    padding: .45em .75em;
    width: 46%;
    border: 2px solid transparent;
    background: #fff;
    color: #625f78;
}
section .blue-box input.radius-left::-webkit-input-placeholder {
    color: #625f78;
}
section .blue-box input.radius-left:-moz-placeholder {
    color: #625f78
}
section .blue-box input.radius-left::-moz-placeholder {
    color: #625f78
}
section .blue-box input.radius-left:-ms-input-placeholder {
    color: #625f78
}
section .blue-box input.radius-right {
    display: inline-block;
    padding: .4em .4em .55em;
    border: 1px solid transparent;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    line-height: 1.2
}
section .blue-box input.radius-right:hover {
    background: rgba(0, 0, 0, .8)
}
section .blue-box .notice {
    margin: .5em auto;
    color: rgba(255, 255, 255, .75);
    font-size: 1.125em
}
section .blue-box a {
    color: #70FA97;
    cursor: pointer
}
section .blue-box .edit-order {
    position: relative;
    display: block;
    background: #ff576b;
    opacity: 1;
    color: #fff;
    padding: .35em .75em;
    width: 120px;
    margin: 20px auto 0;
    border-radius: 150px;
    text-align: center
}
section .recurring-status+.blue-box {
    overflow: hidden
}
section .recurring-status+.blue-box p {
    text-align: left
}
section .recurring-status+.blue-box p:last-of-type {
    margin-left: 16px
}
section #user-promo-code {
    -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;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-delay: .25s;
    -webkit-animation-delay: .25s;
    margin: 1em auto 2em;
    padding: .75em 2.1em .75em .5em;
    padding-right: 0;
    padding-left: 0;
    min-height: 62px;
    max-width: 541px;
    width: 68%;
    width: 50%;
    border: 0;
    border: 2px solid #95bde1;
    border-radius: 150px;
    border-radius: 25px;
    background: #fff;
    color: #625f78;
    text-align: center;
    font-weight: 300;
    font-weight: 700;
    font-size: 1.125em;
    font-size: 1.25em
}
section .share-button {
    margin-bottom: 1em;
    cursor: pointer
}
section .share-button:hover {
    -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;
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
section .table {
    background: #efeef3;
    color: rgba(98, 95, 120, .65);
    text-align: left;
    font-weight: 300;
    font-size: 1.65em
}
section .table>tbody>tr>td, section .table>tfoot>tr>td {
    padding: 1em 1.5em;
    border-top: 5px solid #f6f6fa
}
section .table td:last-of-type {
    color: #009bf5;
    text-align: right
}
section .table tfoot {
    background: #fff;
    color: #625f78
}
section .table tfoot td:last-of-type {
    padding-right: .75em;
    font-size: 1.5em
}
section .table tfoot>tr>td {
    padding: .5em 1.25em;
    vertical-align: middle;
    font-weight: 400;
    font-size: 1.25em
}
.loader {
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1001;
    display: none
}
.loader img {
    background: #ececec;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 328px;
    -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;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}
.loader h3 {
    color: #fff;
    font-weight: 300;
    letter-spacing: 2px;
    padding-top: 25px
}
@-webkit-keyframes white-to-blue {
    0% {
        color: #fff
    }
    25% {
        color: #009bf5
    }
    50% {
        color: #fff
    }
    75% {
        color: #009bf5
    }
    100% {
        color: #fff
    }
}
.loader .loading {
    position: fixed;
    left: 50%;
    margin: -14px 0 0 -42px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.loading-dot {
    float: left;
    width: 12px;
    height: 12px;
    margin: 0 4px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    -webkit-box-shadow: 0 0 2px #000;
    -moz-box-shadow: 0 0 2px #000;
    -ms-box-shadow: 0 0 2px #000;
    -o-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
    -webkit-animation: loadingFade 1s infinite;
    -moz-animation: loadingFade 1s infinite;
    animation: loadingFade 1s infinite
}
.loading-dot:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s
}
.loading-dot:nth-child(2) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s
}
.loading-dot:nth-child(3) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}
.loading-dot:nth-child(4) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}
@-webkit-keyframes loadingFade {
    0% {
        opacity: 0
    }
    50% {
        opacity: .8
    }
    100% {
        opacity: 0
    }
}
@-moz-keyframes loadingFade {
    0% {
        opacity: 0
    }
    50% {
        opacity: .8
    }
    100% {
        opacity: 0
    }
}
@keyframes loadingFade {
    0% {
        opacity: 0
    }
    50% {
        opacity: .8
    }
    100% {
        opacity: 0
    }
}
.status {
    text-align: center
}
.status img {
    -webkit-animation: pulsate 1.5s ease-out;
    -webkit-animation-iteration-count: infinite
}
.status h3 {
    color: #009bf5;
    font-weight: 300;
    line-height: 1.5
}
.status h3:after {
    -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;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    display: block;
    content: "sorry this is taking longer than usual...";
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}
.list-select {
    margin: 0 0 1em;
    list-style: none
}
.list-select li {
    display: block;
    padding: .5em 0
}
.list-select li input[type=radio] {
    display: none
}
.list-select li input[type=radio]:checked+label {
    background: #009bf5;
    color: #fff
}
.list-select li input[type=radio]:checked+label div:before {
    border: 2px solid #fff;
    background: #fff
}
.list-select li input[type=radio]:checked+label .price {
    color: #fff
}
.list-select li label {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    display: block;
    overflow: hidden;
    margin: 10px 0;
    padding: 1em;
    max-width: none;
    width: auto;
    border: 2px solid #009bf5;
    border-radius: .5em;
    color: #fff;
    color: #009bf5;
    vertical-align: middle;
    text-align: left;
    font-size: 125%;
    cursor: pointer
}
.list-select li label:hover {
    background: #009bf5;
    color: #fff
}
.list-select li label:hover div.copy:before {
    border: 2px solid #fff
}
.list-select li label:hover .price {
    color: #fff
}
.list-select li label:active {
    opacity: .9
}
.list-select li label div {
    display: inline-block;
    margin-bottom: 0
}
.list-select li label div.copy:before {
    display: inline-block;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    border: 2px solid #009bf5;
    border-radius: 100%;
    content: ""
}
.list-select li label .price {
    float: right;
    border-radius: 5px;
    color: #009bf5;
    font-size: 1.125em
}
.notification-bar {
    -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;
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
    position: fixed;
    z-index: 10000;
    padding: .5em .5em .5em 3em;
    width: 100%;
    color: #fff
}
.notification-bar.success {
    -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;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    z-index: 100;
    background: rgba(98, 181, 70, .9)
}
.notification-bar.error {
    -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;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    z-index: 100;
    background: rgba(255, 87, 107, .95)
}
.notification-bar.warning {
    -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;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    z-index: 100;
    background: rgba(225, 197, 71, .95)
}
.recurring-hero {
    position: relative;
    margin: 0 auto;
    width: 200px;
    height: 188px;
    background: url(../../images/wash-recurring-bg.html) no-repeat
}
.recurring-hero img {
    position: absolute;
    top: 0;
    left: 0
}
.recurring-arrow {
    -webkit-animation: myOrbit 6s linear normal infinite;
    -moz-animation: myOrbit 6s linear normal infinite;
    -o-animation: myOrbit 6s linear normal infinite;
    animation: myOrbit 6s linear normal infinite
}
.share-desktop {
    display: block
}
.share-mobile {
    display: none
}
html.touch .share-desktop {
    display: none
}
html.touch .share-mobile {
    display: block
}
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
}
.animated.shake {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}
@-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-animation-iteration-count: infinite
}
@-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(0.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(0.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(0.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(0.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(0.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }
    70% {
        -moz-transform: scale(0.9)
    }
    100% {
        -moz-transform: scale(1)
    }
}
@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.05)
    }
    70% {
        -o-transform: scale(0.9)
    }
    100% {
        -o-transform: scale(1)
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(0.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(0.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3)
    }
}
@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1)
    }
    25% {
        -moz-transform: scale(0.95)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(0.3)
    }
}
@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1)
    }
    25% {
        -o-transform: scale(0.95)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -o-transform: scale(0.3)
    }
}
@keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(0.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        transform: scale(0.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;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}
@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}
@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}
@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0
    }
}
@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0
    }
}
@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}
@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}
@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        opacity: 0
    }
}
@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    20%, 60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform: translateY(700px);
        opacity: 0
    }
}
@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    20%, 60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform: translateY(700px);
        opacity: 0
    }
}
@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(700px);
        opacity: 0
    }
}
.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
}
@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
}
@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg)
    }
}
@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg)
    }
}
@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
.animated.lightSpeedIn {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}
@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.animated.lightSpeedOut {
    -webkit-animation-duration: .25s;
    -moz-animation-duration: .25s;
    -o-animation-duration: .25s;
    animation-duration: .25s
}
@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg)
    }
    10% {
        -webkit-transform: skewX(-8deg)
    }
    20% {
        -webkit-transform: skewX(7deg)
    }
    30% {
        -webkit-transform: skewX(-6deg)
    }
    40% {
        -webkit-transform: skewX(5deg)
    }
    50% {
        -webkit-transform: skewX(-4deg)
    }
    60% {
        -webkit-transform: skewX(3deg)
    }
    70% {
        -webkit-transform: skewX(-2deg)
    }
    80% {
        -webkit-transform: skewX(1deg)
    }
    90% {
        -webkit-transform: skewX(0deg)
    }
    100% {
        -webkit-transform: skewX(0deg)
    }
}
@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg)
    }
    10% {
        -moz-transform: skewX(-8deg)
    }
    20% {
        -moz-transform: skewX(7deg)
    }
    30% {
        -moz-transform: skewX(-6deg)
    }
    40% {
        -moz-transform: skewX(5deg)
    }
    50% {
        -moz-transform: skewX(-4deg)
    }
    60% {
        -moz-transform: skewX(3deg)
    }
    70% {
        -moz-transform: skewX(-2deg)
    }
    80% {
        -moz-transform: skewX(1deg)
    }
    90% {
        -moz-transform: skewX(0deg)
    }
    100% {
        -moz-transform: skewX(0deg)
    }
}
@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg)
    }
    10% {
        -o-transform: skewX(-8deg)
    }
    20% {
        -o-transform: skewX(7deg)
    }
    30% {
        -o-transform: skewX(-6deg)
    }
    40% {
        -o-transform: skewX(5deg)
    }
    50% {
        -o-transform: skewX(-4deg)
    }
    60% {
        -o-transform: skewX(3deg)
    }
    70% {
        -o-transform: skewX(-2deg)
    }
    80% {
        -o-transform: skewX(1deg)
    }
    90% {
        -o-transform: skewX(0deg)
    }
    100% {
        -o-transform: skewX(0deg)
    }
}
@keyframes wiggle {
    0% {
        transform: skewX(9deg)
    }
    10% {
        transform: skewX(-8deg)
    }
    20% {
        transform: skewX(7deg)
    }
    30% {
        transform: skewX(-6deg)
    }
    40% {
        transform: skewX(5deg)
    }
    50% {
        transform: skewX(-4deg)
    }
    60% {
        transform: skewX(3deg)
    }
    70% {
        transform: skewX(-2deg)
    }
    80% {
        transform: skewX(1deg)
    }
    90% {
        transform: skewX(0deg)
    }
    100% {
        transform: skewX(0deg)
    }
}
.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.animated.wiggle {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}
@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
@-webkit-keyframes bounce-right {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateX(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateX(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}
@keyframes bounce-right {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    60% {
        -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px)
    }
}
.bounce-right {
    -webkit-animation-name: bounce-right;
    animation-name: bounce-right
}
.progress-container {
    position: relative;
    margin: 1em auto 3em;
    width: 480px;
    height: 481px
}
.progress-container h2, .progress-container h3 {
    position: absolute;
    left: 94px;
    width: 300px;
    text-align: center
}
.progress-container h2 {
    top: 190px;
    color: #625f78;
    font-weight: 300;
    font-size: 2em;
    z-index: 1;
}
.progress-container h3 {
    top: 237px;
    color: #12b8db;
    font-weight: 300;
    font-size: 1.75em;
    z-index: 1;
}
.edit-order {
    padding-bottom: 0;
    opacity: .9;
    cursor: pointer;
    color: #12b8db;
    border: 1px solid #12b8db;
    padding: 10px 50px;
    border-radius: 5px;
    margin-top: 20px;
}

.pickup-cancel-block{margin-top: 20px;}
.edit-order:hover {
    background: #b3e8f3;
    text-decoration: none;
    opacity: 1;
    color: #6d787a;
}
.order-options, .order-options.open {
    position: absolute;
    bottom: 28px;
    left: 20px
}
.order-options button, .order-options.open button {
    border-radius: 25px;
    background: 0;
    color: #fff
}
.order-options button img, .order-options.open button img {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
    width: 25px
}
.order-options button:hover, .order-options.open button:hover {
    color: #fff
}
.order-options .dropdown-menu, .order-options.open .dropdown-menu {
    left: inherit;
    z-index: 2000;
    background: #f6f6fa;
    -webkit-box-shadow: none;
    box-shadow: none
}
.order-options .dropdown-menu a, .order-options.open .dropdown-menu a {
    color: #ff576b;
    text-align: left;
    cursor: pointer
}
.order-options .dropdown-menu a:hover, .order-options.open .dropdown-menu a:hover {
    background: #fff;
    color: #009bf5
}
.order-options .dropdown-menu .divider, .order-options.open .dropdown-menu .divider {
    opacity: .45
}
.blue-progress {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}
.blue-progress.inline {
    -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;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    display: inline!important
}
.blue-progress.prog-0 {
top: 69px;
left: 173px;
}
.blue-progress.prog-1 {
left: 199px;
top: 17px;
}
.blue-progress.prog-2 {
    top: -2px;
    left: 202px;
}

.blue-progress.prog-3 {
top: 0;
left: 1px;
}

.blue-progress.prog-4 {
top: 0;
left: 1px;

}

.delivery-box {
    margin-bottom: 1.5em;
    background: rgba(255, 255, 255, 0.3);
}
.delivery-box.inactive .status-icon, .delivery-box.inactive .status-delivery-time, .delivery-box.inactive .status-delivery-date, .delivery-box.inactive .status-delivery-type {
    opacity: .5
}
.delivery-box .table {
    min-height: 178px
}
.delivery-box .table>tbody>tr>td {
    vertical-align: middle;
    font-weight: 300
}
.delivery-box .status-icon {
    padding: 25px 0 5px 20px;
    width: 70px
}
.delivery-box .status-icon img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 0;
    background: #e3e3e8
}
.delivery-box .status-ninja-info {
    display: block;
    color: #625f78;
    min-height: 25px
}
.delivery-box .status-delivery-time {
    padding: 5px 25px 0;
    text-align: left;
    font-size: 1.25em;
    min-height: 40px
}
.delivery-box .status-delivery-date {
    padding: 0 25px;
    font-size: 2em;
    min-height: 52px
}
.delivery-box .status-delivery-type {
    padding: 15px 25px 0;
    color: #009bf5;
    font-size: 1.125em
}
.delivery-box .table>thead>tr>th, .delivery-box .table>tbody>tr>th, .delivery-box .table>tfoot>tr>th, .delivery-box .table>thead>tr>td, .delivery-box .table>tbody>tr>td, .delivery-box .table>tfoot>tr>td {
    border: 0
}
.delivery-box .progress {
    height: 15px;
    border-radius: 0;
    background: #e3e3e8;
    box-shadow: none
}
.delivery-box .progress-bar {
    background-color: #009bf5
}
.star-rating {
    margin: 3em 0 2em;
    width: auto!important
}
.rating-note {
    margin: 1em auto
}
.print-history {
    float: right;
    display: inline-block;
    margin-top: -3px;
    margin-bottom: .5em;
    color: #009bf5;
    font-weight: 300;
    font-size: 1.35em
}
.ad {
    float: right;
    width: 225px;
    height: 225px;
    background: #fff
}
.give-10 {
    width: 230px;
    height: 265px;
    background: #009bf5;
    background-image: url(../images/asides/share.html);
    background-position: 15px -35px;
    background-size: 200px 188px;
    background-repeat: no-repeat;
    text-align: center
}
.give-10 h3 {
    padding-top: 150px;
    color: #fff;
    font-weight: 300;
    font-size: 1.25em
}
.give-10 a {
    display: inline-block;
    margin-top: 5px;
    padding: .5em 1em;
    border-radius: 25px;
    background: #ff3e55;
    color: #fff;
    text-align: center;
    font-weight: 300;
    cursor: pointer
}
.give-10 a:hover {
    background: #ff1a35;
    text-decoration: none
}
.asideTemplate {
    position: fixed;
    right: 15px;
    width: 230px;
    height: 325px;
    text-align: center;
    text-shadow: 0 1px 1px #000
}
.asideTemplate h3 {
    margin-bottom: 0;
    padding-top: 145px;
    color: #fff;
    font-weight: 300;
    font-size: 1.25em;
    line-height: 1.5
}
.asideTemplate h4 {
    margin-top: 5px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 300;
    line-height: 1.45
}
.asideTemplate span {
    display: inline-block;
    margin-top: 13px;
    padding: .5em 1em;
    width: 230px;
    height: 60px;
    background: #009bf5;
    color: #fff;
    text-align: center;
    text-shadow: none;
    font-weight: 300;
    font-size: 1.5em;
    cursor: pointer
}
.asideTemplate:hover span {
    background: #2ebc4d
}
a.aside-ad {
    display: inline-block
}
a.aside-ad:hover {
    text-decoration: none
}
aside.estimator, aside.estimator-2 {
    position: fixed;
    right: 15px;
    width: 230px;
    height: 325px;
    text-align: center;
    text-shadow: 0 1px 1px #000;
    height: 200px;
    background: #fff;
    background: #fff url(../images/asides/prices-estimator.html);
    background-repeat: no-repeat;
    background-position: center 25px
}
aside.estimator h3, aside.estimator-2 h3 {
    margin-bottom: 0;
    padding-top: 145px;
    color: #fff;
    font-weight: 300;
    font-size: 1.25em;
    line-height: 1.5
}
aside.estimator h4, aside.estimator-2 h4 {
    margin-top: 5px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 300;
    line-height: 1.45
}
aside.estimator span, aside.estimator-2 span {
    display: inline-block;
    margin-top: 13px;
    padding: .5em 1em;
    width: 230px;
    height: 60px;
    background: #009bf5;
    color: #fff;
    text-align: center;
    text-shadow: none;
    font-weight: 300;
    font-size: 1.5em;
    cursor: pointer
}
aside.estimator:hover span, aside.estimator-2:hover span {
    background: #2ebc4d
}
aside.estimator h4, aside.estimator-2 h4 {
    margin-top: 6em;
    text-shadow: none;
    color: #009bf5;
    padding: 0 15px
}
aside.estimator span, aside.estimator-2 span {
    background: #2ebc4d
}
aside.estimator-2 {
    top: 445px
}
aside.signup {
    position: fixed;
    right: 15px;
    width: 230px;
    height: 325px;
    text-align: center;
    text-shadow: 0 1px 1px #000;
    background: url(../images/asides/prices-signup.html)
}
aside.signup h3 {
    margin-bottom: 0;
    padding-top: 145px;
    color: #fff;
    font-weight: 300;
    font-size: 1.25em;
    line-height: 1.5
}
aside.signup h4 {
    margin-top: 5px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 300;
    line-height: 1.45
}
aside.signup span {
    display: inline-block;
    margin-top: 13px;
    padding: .5em 1em;
    width: 230px;
    height: 60px;
    background: #009bf5;
    color: #fff;
    text-align: center;
    text-shadow: none;
    font-weight: 300;
    font-size: 1.5em;
    cursor: pointer
}
aside.signup:hover span {
    background: #2ebc4d
}
.text h3 {
    color: #009bf5;
    font-weight: 300;
    font-size: 1.25em
}
.text .number {
    display: inline-block;
    margin-right: .4em;
    width: 7px;
    height: 7px;
    border: 1px solid #009bf5;
    border-radius: 100%;
    color: #009bf5;
    background: #009bf5;
    text-align: center;
    margin-top: 8px;
    float: left
}
.text p {
    color: #5f6578;
    font-size: .85em;
    opacity: .85
}
.centered-logo {
    display: block;
    margin: 1em auto;
    max-width: 86.25px;
    height: 78.75px
}
.centered-box {
    margin: 0 auto 2em;
    max-width: 500px;
    border: 2px solid #009bf5;
    background: #f6f6fa;
    text-align: center;
    border-radius: 6px
}
.centered-box label {
    display: block;
    max-width: 400px;
    max-width: none;
    width: 100%;
    text-align: center
}
.centered-box input {
    padding: .75em 0 .75em 1em;
    max-width: 400px;
    width: 80%
}
.centered-box p {
    margin: 0 auto;
    width: 80%;
    color: #009bf5;
    font-size: 1em
}
.centered-box h2 {
    margin: 20px 0 0;
    color: #fff;
    text-align: center;
    font-weight: 300;
    font-size: 1.75em
}
.centered-box button.primary {
    position: relative;
    margin-top: 0;
    margin-bottom: .75em;
    min-width: 200px
}
.centered-box .radius-right, .centered-box .radius-left {
    width: 48%;
    max-width: none
}
.register-footer {
    color: #625f78;
    text-align: center;
    text-decoration: underline;
    opacity: .5
}
.register-footer:hover {
    opacity: 1
}
.centered {
    text-align: center
}
.centered img {
    margin-top: 3em;
    margin-bottom: 1em;
    max-width: 125px
}
.centered input, .centered button {
    display: block;
    margin: 0 auto;
    width: 320px
}
.centered input {
    padding-right: 0;
    padding-left: 1em;
    text-align: left
}
.centered input[type=email] {
    padding-left: 3.5em;
    background-image: url(../images/input-email.html);
    background-position: left 15px center;
    background-repeat: no-repeat
}
.centered input[type=password] {
    padding-left: 3.5em;
    background-image: url(../images/input-lock.html);
    background-position: left 18px center;
    background-repeat: no-repeat
}
.centered button {
    margin: 0.5em auto;
}
.centered .hr {
    display: block;
    color: #fff;
    font-weight: 100;
    font-size: 1.15em
}
.centered .hr:before, .centered .hr:after {
    display: inline-block;
    margin: 3px 10px;
    width: 20%;
    height: 1px;
    border-top: 1px solid #fff;
    background: red;
    content: ""
}
.centered a {
    color: #f6f6fa;
    font-weight: 300;
    font-size: .85em
}
.centered .error-copy {
    margin: .5em auto;
    padding: .5em;
    width: 320px;
    background: rgba(255, 0, 0, .8);
    color: #fff
}
.centered h3 {
    margin-top: 0;
    color: #fff;
    font-weight: 300;
    font-size: 1.125em;
    line-height: 1.5
}
.centered h3 a {
    display: inline-block;
    margin-left: 5px;
    padding: .25em 1.5em;
    border: 1px solid #fff;
    border-radius: 25px;
    font-size: .85em
}
.centered.forgot-password {
    margin-top: -2em
}
.centered.forgot-password input[type=submit] {
    text-align: center;
    padding-left: 0
}
.centered.forgot-password a:last-of-type {
    display: inline-block;
    margin-top: 1em
}
.wizard, .centered-box header {
    position: relative;
    overflow: hidden;
    height: 80px;
    background-color: #009bf5;
    text-align: center
}
.wizard:before, .wizard:after {
    display: table;
    content: "";
    line-height: 0
}
.wizard:after {
    clear: both
}
.wizard h2 {
    margin: 10px 0 0;
    color: #fff;
    text-align: center;
    font-weight: 300;
    font-size: 1.75em
}
.wizard ul {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 260px;
    list-style: none outside none
}
.wizard ul.previous-disabled li.complete {
    cursor: default
}
.wizard ul.previous-disabled li.complete:hover {
    background: #f3f4f5;
    color: #468847;
    cursor: default
}
.wizard ul.previous-disabled li.complete:hover .chevron:before {
    border-left-color: #f3f4f5
}
.wizard ul li {
    position: relative;
    float: left;
    margin: 1em .35em;
    width: 75px;
    height: 5px;
    border-radius: 5px;
    background: #fff;
    color: #999;
    font-size: 16px;
    line-height: 46px;
    opacity: .5;
    cursor: default
}
.wizard ul li.complete {
    background: #f3f4f5;
    color: #1abc9c
}
.wizard ul li.complete:hover {
    background: #e1f2ef;
    cursor: pointer
}
.wizard ul li.complete:hover .chevron:before {
    border-left: 14px solid #e1f2ef
}
.wizard ul li.complete .chevron:before {
    border-left: 14px solid #f3f4f5
}
.wizard ul li.active {
    -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;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    opacity: 1
}
.step-content .step-pane {
    display: none
}
.step-content .active {
    display: block
}
.step-pane {
    padding: 1em 0;
    min-height: 320px
}
.step-pane .dropdown-half {
    width: 82%
}
.step-pane .input-group .half {
    width: 39%
}
#step2.step-pane .input-group .half {
    width: 48%
}
.wizard button.btn-prev {
    display: none
}
.wizard .btn-prev a {
    top: 5px;
    left: -5px;
    display: block;
    font-size: 3em;
    color: #fff;
    position: absolute;
    font-weight: 300;
    padding: 5px 20px;
    line-height: 1
}
.wizard .btn-prev a:hover {
    text-decoration: none
}
.wizard button {
    padding: 0;
    background: 0
}
.wizard button.btn-next {
    position: absolute;
    display: none;
    padding: .5em .65em
}
.smart-banner {
    display: none
}
.smart_banner {
    position: relative;
    display: none;
    height: 73px;
    border-bottom: .1em solid #d7d7d7;
    background-size: auto 100%
}
.smart_banner.ios_web.v24 {
    top: 0;
    left: 0;
    z-index: 3000;
    width: 100%;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f2f4));
    background-image: -webkit-linear-gradient(top, #fff, #f3f2f4);
    background-image: -moz-linear-gradient(top, #fff, #f3f2f4);
    background-image: -o-linear-gradient(top, #fff, #f3f2f4);
    background-image: -ms-linear-gradient(top, #fff, #f3f2f4);
    background-image: linear-gradient(top, #fff, #f3f2f4);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f3f2f4')
}
.app-banner-close {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 12px;
    height: 12px
}
.ios_web .app-banner-close {
    position: absolute;
    top: 25px;
    left: 10px;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(../images/sm-close.html) no-repeat
}
.ios_web .app-banner-icon {
    float: left;
    margin: 5px 0 0 35px;
    width: 60px;
    height: 60px
}
.ios_web h5 {
    display: inline-block;
    margin: 3px 0
}
.ios_web .app-banner-rating {
    position: relative;
    display: inline-block;
    width: 89px;
    height: 15px;
    background: url(../images/sm-stars.html)
}
.ios_web .app-banner-buttons {
    margin: 32px 0 0
}
.ios_web .app-banner-button {
    padding: .5em;
    -webkit-border-radius: .35em;
    -moz-border-radius: .35em;
    border-radius: .35em;
    font-weight: 700;
    font-size: 13px
}
.ios_web .app-banner-button.blue {
    border-color: #4b95c6;
    background-color: #7ed6ff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7ed6ff), to(#4894c8));
    background-image: -webkit-linear-gradient(top, #7ed6ff, #4894c8);
    background-image: -moz-linear-gradient(top, #7ed6ff, #4894c8);
    background-image: -o-linear-gradient(top, #7ed6ff, #4894c8);
    background-image: -ms-linear-gradient(top, #7ed6ff, #4894c8);
    background-image: linear-gradient(top, #7ed6ff, #4894c8);
    color: #fff;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#7ed6ff', EndColorStr='#4894c8')
}
.ios_web .app-banner-button.gray {
    border-color: #b8b8b8;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e3e3e3));
    background-image: -webkit-linear-gradient(top, #fff, #e3e3e3);
    background-image: -moz-linear-gradient(top, #fff, #e3e3e3);
    background-image: -o-linear-gradient(top, #fff, #e3e3e3);
    background-image: -ms-linear-gradient(top, #fff, #e3e3e3);
    background-image: linear-gradient(top, #fff, #e3e3e3);
    box-shadow: none;
    color: #6b6b6b;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#e3e3e3')
}
.app-banner-wrapper {
    display: block;
    width: 100%;
    height: 100%
}
.app-banner-text {
    position: absolute;
    right: 0;
    display: table-cell;
    margin-top: 2px;
    padding-right: 12px;
    vertical-align: middle;
    font-family: Helvetica, Tahoma, Geneva, Arial, sans-serif
}
.app-banner-text h3 {
    display: inline-block;
    margin: 0;
    color: #6b6b6b;
    font-weight: 400;
    font-size: 18px
}
.app-banner-rating {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 10px
}
.app-banner-buttons {
    position: absolute;
    top: 0;
    right: 10px
}
.app-banner-buttons>li {
    float: left;
    margin-left: .5em;
    list-style: none
}
.app-banner-button {
    display: block;
    border: 1px solid
}
.modal-header h4 {
    color: #625f78;
    font-weight: 300;
    font-size: 1.5em
}
.modal-header .close {
    background: 0;
    font-size: 2em;
    opacity: .3;
    width: 50px;
}
.modal-content {
    background: #fff;
    box-shadow: none;
    border:1px solid rgba(75, 197, 255, 0.27);
    overflow: hidden;
}

/*Login modal*/
#login-form-wrap{
    z-index: 100;
    position: relative;
/*    left: 60px;*/
}
/*
.login-form-wrap-image{
    background-image: url(/static/img/emails/login-modal.png);
    background-repeat: no-repeat;
    height: 360px;
    position: absolute;
    z-index: 0;
    width: 490px;
    left: -110px;
    top: -40px;
}
*/

.modal-content .input-group {
    margin: 1em auto;
    width: 90%
}
.modal-content .notice {
    margin: 0 auto;
    width: 90%
	
}
.modal-content button {
    margin-bottom: 0
}
.confirm .modal-body {
    padding: .5em 0;
    width: 90%;
margin: 24px auto 0;
}
.confirm .modal-body h2 {
    margin-bottom: .5em;
    color: #12b8db;
    text-align: center;
    font-weight: 300;
    font-size: 1.5em;
    line-height: 1;
}
.confirm .modal-body h3 {
    color: #625f78;
    font-size: 1.125em;
    line-height: 1.5;
    font-weight: 300;
    margin-bottom: 0;
}
.promotional-give-10 .modal-content {
    background: #f6f6fa no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.modal-body {
    padding: 20px 10px
}
.modal-body section {
    overflow: hidden
}
.modal-body .hero {
    width: 120px
}
.modal-body h2 {
    margin: .5em;
    color: #625f78;
    font-size: 2em
}
.modal-body h3 {
    margin: .5em;
    color: #009bf5;
    font-size: 20px
}
.modal-body #user-promo-code {
    margin: .75em auto;
    padding: .5em 1em;
    border: 2px dashed #009bf5;
    background: rgba(255, 255, 255, .23);
    color: #009bf5;
    min-height: 0
}
.modal-body .share-button {
    width: 75px
}
/*
.modal-backdrop.in{
    opacity: .8;
}
MyWash Date picker and Time Picker*/


/*MyWash Date picker and Time Picker*/

.col-md-8{overflow: visible !important;}

.picker__holder{max-width: 280px !important; margin-left: 206px;}
.picker__footer{display: none;}
.picker__weekday{text-align: center;}
.picker__button--clear{display: none !important;}
.picker__list{padding: 0 !important;}
.picker__list-item{color:#697476;}
.picker--time .picker__holder{
    box-shadow: none;
    border: 1px solid rgb(217, 217, 217);
    margin-top: -3px;
}
.picker__list-item:hover {
    cursor: pointer;
    color: #fff;
    background: #12b8db;
    border: 0;
    z-index: 10;
    border-top: 1px solid #12b8db;
    border-bottom: 1px solid #12b8db;
}
.picker--time .picker__box{
    margin-bottom: 0
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    cursor: pointer;
    color: #fff;
    background: #12b8db;
    border: 0;
    z-index: 10;
    border-top: 1px solid #12b8db;
    border-bottom: 1px solid #12b8db;
}

.picker__day--disabled{
    background: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    color: #dddddd !important;
    cursor: default !important;
}

.picker__day--highlighted{
    font-weight:500;
}

.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted, .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted{
    color: #697476;
    background: #e4f6fb;
    border: 0;
}


/*MyWash Status*/

#state1,#state2,#state3,#state4, #img1, #img2, #img3, #img4, #img5{
    display: none;
}

#state1.state1, #state2.state2, #state3.state3, #state4.state4, #state5.state5, #img1.state1, #img2.state2, #img3.state3, #img4.state4, #img5.state5{
    display: block;
}




/*MyWash Modal*/

.modal-footer {
    text-align: center;
    border: 0;
    padding-bottom: 30px;
    margin: 0;
}

.modal-footer button{
    width: 45%;
    padding: 0.8em;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(232, 251, 255, 1);
}

.modal-header {
    padding:0;
    border:0;
    min-height: 16.42857143px;
    padding-top: 10px;
}


.modal-body form{
   margin-top: 30px;
   margin-bottom: 30px;
}

.success-message-block{
    margin-bottom: 15px;
    text-align: center;
}

.success-message{
    margin-top: 0px;
    font-size: 20px;
    font-weight: 300;
}
.success-icon{
    float: none;
    vertical-align: top;
    margin-top: 0;
    margin-right: 0.6em;
    height: 29px;
    width: 30px;
    background-position: -6px -280px;
}

.modal-body form input, .modal-body form textarea,.modal-body form button, .modal-body form select{
    width: 66%;
}

/*MyWash Modal*/
#androidModal {
    display: none
}
#androidModal.white-bg {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    background: #f6f6fa
}
#androidModal .centered img {
    max-width: none
}
#androidModal h1 {
    margin-bottom: 0;
    color: #009bf5;
    font-weight: 300;
    font-size: 2.5em;
    line-height: 1.25
}
#androidModal a {
    display: block
}
#androidModal button {
    font-size: 1.125em
}
.modal.custom {
    overflow: auto;
    background: rgba(39, 166, 233, .5)
}
.modal.custom .modal-dialog {
    max-width: 1050px;
    width: 97%;
    margin: 50px auto 30px;
    position: relative
}
.modal.custom .modal-content {
    background: #fff;
    border-radius: 0
}
.modal.custom .modal-header {
    padding: 1em 1em 0;
    text-align: center
}
.modal.custom .modal-header h1 {
    color: #009bf5;
    font-size: 3.5em;
    margin-top: .125em;
    margin-bottom: 0
}
.modal.custom .modal-header h3 {
    line-height: 1.15;
    font-size: 2.5em;
    font-weight: 100;
    color: #4b485c;
    opacity: .85;
    margin-top: 4px
}
.modal.custom .modal-header h4 {
    display: inline-block;
    padding: 0 12px 9px;
    margin-top: 1em;
    margin-bottom: 0;
    border-bottom: 4px solid #8fd6ff;
    color: #7a7793;
    font-size: 1.35em
}
.modal.custom .modal-header .logo {
    width: 60px;
    position: absolute;
    top: -30px;
    left: 48%
}
.modal.custom .modal-header .close {
    position: absolute;
    top: .2em;
    right: .3em;
    background: 0
}
.modal.custom .modal-body {
    background: #f6f6fa
}
.modal.custom .modal-body input {
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #DBDBDB;
    padding: .85em 1em;
    width: 260px;
    font-size: 1.35em;
    border-radius: 0
}
.modal.custom .modal-body input:active, .modal.custom .modal-body input:focus {
    border-color: #009bf5
}
.modal.custom .modal-body input+button {
    display: block;
    width: 250px;
    margin: 1em auto;
    text-transform: uppercase;
    background: #2ebc4d;
    font-size: 1.25em;
    border-radius: 0;
    border: 2px solid transparent
}
.modal.custom .modal-body input+button:hover {
    background: #29a845
}
.modal.custom .modal-body a {
    color: #009bf5;
    text-decoration: underline;
    color: #625f78;
    opacity: .65
}
.modal.custom #sms-sent {
    display: none
}
.modal.custom #sms-sent h3 {
    font-size: 1.5em;
    margin-bottom: 0;
    color: #625f78;
    max-width: 500px
}
.modal.custom #sms-sent h3:first-of-type {
    color: #009bf5;
    font-size: 2em
}
.modal.custom #sms-sent button {
    margin-top: 10px;
    background: #ff576b;
    border-radius: 0
}
.legal {
    line-height: 1.5
}
.legal img {
    display: block;
    margin: 0 auto;
    max-width: 150px
}
.legal h1 {
    color: #009bf5;
    text-align: center;
    font-weight: 300
}
.legal p {
    padding: .5em 1em;
    color: #5f6578
}
.legal ul {
    padding-left: 1em;
    list-style: none
}
.legal ul li {
    margin: .75em .5em;
    color: #625f78
}
.how-it-works {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 800;
    overflow: hidden;
    padding: 2.5em 0 1em;
    min-height: 100%;
    background: #f6f6fa url(../images/help-walk-bg.html) no-repeat center center fixed;
    background-size: cover;
    color: #fff;
    text-align: center;
    font-size: 23px;
    font-size: 1.25rem;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.how-it-works ul {
    margin: 0
}
.how-it-works li {
    display: block
}
.how-it-works .copy-container {
    margin: 0 auto;
    max-width: 600px
}
.how-it-works h2 {
    margin: .5em 0;
    padding: 0 1em;
    text-shadow: 0 1px 3px #000;
    font-size: 2.5em
}
.how-it-works p {
    text-shadow: 0 1px 3px #000;
    font-weight: 300;
    font-size: 1.5em!important;
    line-height: 1.75
}
.how-it-works .walkthrough-icon {
    display: block;
    margin: 0 auto;
    width: 150px
}
.how-it-works button {
    margin: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, .34);
    font-size: 1.25em
}
.how-it-works .close {
    position: absolute;
    top: 10px;
    right: 16px;
    z-index: 5000;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, .7);
    border-radius: 100%;
    box-shadow: 0 1px 1px #fff;
    font-size: 34px;
    line-height: 1;
    opacity: .5
}
.how-it-works a {
    display: block;
    margin-top: 1em;
    color: #fff;
    text-shadow: 0 1px 1px #000
}
.bx-wrapper {
    position: relative;
    padding: 0
}
.bx-wrapper img {
    display: block;
    max-width: 100%;
    width: 150px;
    height: 150px
}
.bx-wrapper .bx-viewport {
    height: 100%!important;
    background: 0
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    width: 100%
}
.bx-wrapper .bx-loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    min-height: 50px;
    width: 100%;
    height: 100%;
    background: transparent
}
.bx-wrapper .bx-pager {
    margin: 1.5em 0 1em;
    text-align: center
}
.bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}
.bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
    margin: 0 .25em;
    width: 1em;
    height: 1em;
    outline: 0;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background: rgba(0, 0, 0, .35);
    text-indent: -9999px;
    -ms-border-radius: 1em;
    -o-border-radius: 1em


}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff
}
.bx-wrapper .bx-prev {
    left: 10px;
    background: url(../images/controls97a3.html?1388164871) no-repeat 0 -32px
}
.bx-wrapper .bx-next {
    right: 10px;
    background: url(../images/controls97a3.html?1388164871) no-repeat -43px -32px
}
.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}
.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    z-index: 9999;
    display: none;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    outline: 0;
    text-indent: -9999px
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}
.bx-wrapper .bx-controls-auto {
    text-align: center
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    margin: 0 3px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../images/controls97a3.html?1388164871) -86px -11px no-repeat;
    text-indent: -9999px
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    margin: 0 3px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../images/controls97a3.html?1388164871) -86px -44px no-repeat;
    text-indent: -9999px
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    width: 80%;
    text-align: left
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #666 \9;
    background: rgba(80, 80, 80, .75)
}
.bx-wrapper .bx-caption span {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: .85em;
    font-family: Arial
}
@-webkit-keyframes pulsate {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1, .1)
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.2, 1.2)
    }
}
@-webkit-keyframes myOrbit {
    from {
        -webkit-transform: rotate(0deg) translateX(0px) rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}
@-moz-keyframes myOrbit {
    from {
        -moz-transform: rotate(0deg) translateX(0px) rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}
@-o-keyframes myOrbit {
    from {
        -o-transform: rotate(0deg) translateX(0px) rotate(0deg)
    }
    to {
        -o-transform: rotate(360deg)
    }
}
@keyframes myOrbit {
    from {
        transform: rotate(0deg) translateX(0px) rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}
.shake-animate {
    -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;
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}
.cog-rotate-down {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg)
}
.cog-rotate-off {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -o-transform: rotate(-270deg)
}
.fade-in {
    -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;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}
.fade-in-slow {
    -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;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-delay: .25s;
    -webkit-animation-delay: .25s
}
.orange-button {
    background-color: #fda32c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fda32c), to(#f37a22));
    background-image: -webkit-linear-gradient(top, #fda32c, #f37a22);
    background-image: -moz-linear-gradient(top, #fda32c, #f37a22);
    background-image: -o-linear-gradient(top, #fda32c, #f37a22);
    background-image: -ms-linear-gradient(top, #fda32c, #f37a22);
    background-image: linear-gradient(top, #fda32c, #f37a22);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fda32c', EndColorStr='#f37a22')
}
.orange-button-lighter {
    background-color: #fdb238;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fdb238), to(#ff8229));
    background-image: -webkit-linear-gradient(top, #fdb238, #ff8229);
    background-image: -moz-linear-gradient(top, #fdb238, #ff8229);
    background-image: -o-linear-gradient(top, #fdb238, #ff8229);
    background-image: -ms-linear-gradient(top, #fdb238, #ff8229);
    background-image: linear-gradient(top, #fdb238, #ff8229);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fdb238', EndColorStr='#ff8229')
}
.orange-button-inverse {
    background-color: #f37a22;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f37a22), to(#fda32c));
    background-image: -webkit-linear-gradient(top, #f37a22, #fda32c);
    background-image: -moz-linear-gradient(top, #f37a22, #fda32c);
    background-image: -o-linear-gradient(top, #f37a22, #fda32c);
    background-image: -ms-linear-gradient(top, #f37a22, #fda32c);
    background-image: linear-gradient(top, #f37a22, #fda32c);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f37a22', EndColorStr='#fda32c')
}
.green-button {
    color: #fff;
    background-color: #76c047;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76c047), to(#3ba847));
    background-image: -webkit-linear-gradient(top, #76c047, #3ba847);
    background-image: -moz-linear-gradient(top, #76c047, #3ba847);
    background-image: -o-linear-gradient(top, #76c047, #3ba847);
    background-image: -ms-linear-gradient(top, #76c047, #3ba847);
    background-image: linear-gradient(top, #76c047, #3ba847);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#76c047', EndColorStr='#3ba847');
    font-size: 1.25em;
    box-shadow: inset 0 1px 1px #fff, 0 1px 0 rgba(0, 0, 0, .42);
    border: 1px solid #265930;
    text-shadow: 0 -1px #000
}
.green-button-lighter {
    background-color: #82d350;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#82d350), to(#3ba847));
    background-image: -webkit-linear-gradient(top, #82d350, #3ba847);
    background-image: -moz-linear-gradient(top, #82d350, #3ba847);
    background-image: -o-linear-gradient(top, #82d350, #3ba847);
    background-image: -ms-linear-gradient(top, #82d350, #3ba847);
    background-image: linear-gradient(top, #82d350, #3ba847);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#82d350', EndColorStr='#3ba847')
}
.green-button-inverse {
    background-color: #3ba847;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3ba847), to(#82d350));
    background-image: -webkit-linear-gradient(top, #3ba847, #82d350);
    background-image: -moz-linear-gradient(top, #3ba847, #82d350);
    background-image: -o-linear-gradient(top, #3ba847, #82d350);
    background-image: -ms-linear-gradient(top, #3ba847, #82d350);
    background-image: linear-gradient(top, #3ba847, #82d350);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#3ba847', EndColorStr='#82d350')
}
.deals-mobile {
    display: none
}
body.deals-body {
    background: #ececec;
    color: #333
}
body.deals-body #page-content-wrapper {
    padding-left: 0
}
body.deals-body nav {
    width: 960px;
    margin: 0 auto 40px;
    padding: 10px 0;
    position: relative
}
body.deals-body nav .desktop-countdown {
    -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;
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
    position: absolute;
    right: 365px;
    background: #fff;
    padding: 0 1em;
    padding-top: 3em;
    top: -3em;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 6.1px rgba(0, 0, 0, .29)
}
body.deals-body nav img {
    position: absolute;
    float: left;
    width: 150px
}
body.deals-body nav .support {
    float: right;
    text-align: right
}
body.deals-body nav .support span {
    display: block
}
.deals-body .alert {
    text-align: center;
    background: #14a7fd;
    color: #fff;
    font-size: 1.25em;
    display: none
}
.deals-hero {
    background: #fff;
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px;
    border-radius: 5px;
    background-color: #f3f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f2f2), to(#fdfcfe));
    background-image: -webkit-linear-gradient(top, #f3f2f2, #fdfcfe);
    background-image: -moz-linear-gradient(top, #f3f2f2, #fdfcfe);
    background-image: -o-linear-gradient(top, #f3f2f2, #fdfcfe);
    background-image: -ms-linear-gradient(top, #f3f2f2, #fdfcfe);
    background-image: linear-gradient(top, #f3f2f2, #fdfcfe);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f3f2f2', EndColorStr='#fdfcfe');
    border: 1px solid #d8d8dd;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ceced3;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2)
}
.deals-hero .main {
    width: 678px;
    float: right
}
.deals-hero .sidebar {
    float: left;
    width: 240px
}
.deals-hero .carousel-inner {
    min-height: 355px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #eee
}
.deals-hero .carousel-inner .item.item-2 {
    padding: 10px
}
.deals-hero .carousel-inner .item.item-2 h4 {
    border-bottom: 1px solid #000;
    font-size: 1.5em;
    margin-top: 0;
    padding-bottom: 8px
}
.deals-hero .disclaimer {
    color: #979797;
    text-align: center;
    width: 220px;
    font-size: .85em;
    margin: 10px 0
}
.deals-hero .disclaimer-carousel {
    color: #e35205;
    position: absolute;
    top: -5px;
    right: 1em;
    margin-top: 1em;
    text-align: right
}
.ribbon {
    position: absolute;
    right: 0;
    z-index: 100
}
.image-cycle {
    height: 353px;
    width: 676px;
    padding: 0;
    margin: 0
}
.image-cycle img {
    top: 0;
    left: 0
}
.item {
    position: relative
}
.item #countdown {
    color: #fff
}
.item .hover-btn {
    opacity: 0;
    position: absolute;
    z-index: 10;
    background: rgba(0, 0, 0, .63);
    border-radius: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    cursor: pointer;
    border-radius: 10px;
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.item .hover-btn button {
    display: block;
    width: 220px;
    font-size: 1.5em;
    margin: 150px auto 0;
    background: 0;
    border: 2px solid #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.item .hover-btn button:hover {
    background: #fff;
    color: #000
}
.item:hover .hover-btn {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    opacity: 1
}
.item-3, .item-4 {
    padding: 10px 20px 10px 0
}
.item-3 h3, .item-4 h3 {
    text-align: center;
    font-weight: 700
}
.item-3 h4, .item-4 h4 {
    text-align: center;
    color: #888;
    margin-bottom: 20px
}
.item-3 h4.security, .item-4 h4.security {
    text-align: left;
    font-size: 1em;
    width: 315px;
    margin: 0 auto 30px;
    line-height: 1.25
}
.item-3 h4.security img, .item-4 h4.security img {
    float: left;
    width: 40px;
    margin-right: 5px
}
.item-3 label, .item-4 label {
    width: 150px
}
.item-3 .spam-disclaimer, .item-4 .spam-disclaimer {
    color: #9d9d9d;
    margin-left: 110px;
    font-size: .9em
}
.item-3 .btn, .item-4 .btn {
    color: #fff;
    background-color: #76c047;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76c047), to(#3ba847));
    background-image: -webkit-linear-gradient(top, #76c047, #3ba847);
    background-image: -moz-linear-gradient(top, #76c047, #3ba847);
    background-image: -o-linear-gradient(top, #76c047, #3ba847);
    background-image: -ms-linear-gradient(top, #76c047, #3ba847);
    background-image: linear-gradient(top, #76c047, #3ba847);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#76c047', EndColorStr='#3ba847');
    font-size: 1.25em;
    box-shadow: inset 0 1px 1px #fff, 0 1px 0 rgba(0, 0, 0, .42);
    border: 1px solid #265930;
    text-shadow: 0 -1px #000;
    padding: 8px;
    width: 100%;
    font-size: 1.35em
}
.item-3 .btn:hover, .item-4 .btn:hover {
    background-color: #82d350;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#82d350), to(#3ba847));
    background-image: -webkit-linear-gradient(top, #82d350, #3ba847);
    background-image: -moz-linear-gradient(top, #82d350, #3ba847);
    background-image: -o-linear-gradient(top, #82d350, #3ba847);
    background-image: -ms-linear-gradient(top, #82d350, #3ba847);
    background-image: linear-gradient(top, #82d350, #3ba847);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#82d350', EndColorStr='#3ba847')
}
.item-3 .btn:active, .item-4 .btn:active {
    background-color: #3ba847;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3ba847), to(#82d350));
    background-image: -webkit-linear-gradient(top, #3ba847, #82d350);
    background-image: -moz-linear-gradient(top, #3ba847, #82d350);
    background-image: -o-linear-gradient(top, #3ba847, #82d350);
    background-image: -ms-linear-gradient(top, #3ba847, #82d350);
    background-image: linear-gradient(top, #3ba847, #82d350);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#3ba847', EndColorStr='#82d350')
}
.deals-body a {
    color: #428bca
}
.deals-body input[type=text], .deals-body input[type=email] {
    padding: 20px 10px;
    font-size: 1.25em;
    border: 1px solid #ccc
}
.deals-body header {
    margin: 0 0 30px
}
.deals-body header h1 {
    font-weight: 400;
    margin: 0
}
.deals-body header h1 span {
    font-weight: 400;
    font-size: .95em
}
.deals-body header h4 {
    color: #888;
    font-weight: 300;
    font-size: 1.5em;
    margin-top: .25em
}
.deals-body header h4 span {
    color: #1dbf3c
}
.deals-body .price p {
    margin: 0;
    font-size: .85em;
    text-transform: uppercase
}
.deals-body .price h3 {
    font-weight: 700;
    margin: 0 0 .25em;
    font-size: 3em
}
.deals-body .cta {
    position: relative;
    width: 220px;
    font-size: 1.35em;
    text-shadow: 0 -1px 0 #000;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #AF6023;
    box-shadow: inset 0 1px 1px #fff, 0 1px 0 rgba(0, 0, 0, .42);
    background-color: #fda32c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fda32c), to(#f37a22));
    background-image: -webkit-linear-gradient(top, #fda32c, #f37a22);
    background-image: -moz-linear-gradient(top, #fda32c, #f37a22);
    background-image: -o-linear-gradient(top, #fda32c, #f37a22);
    background-image: -ms-linear-gradient(top, #fda32c, #f37a22);
    background-image: linear-gradient(top, #fda32c, #f37a22);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fda32c', EndColorStr='#f37a22')
}
.deals-body .cta:hover {
    background-color: #fdb238;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fdb238), to(#ff8229));
    background-image: -webkit-linear-gradient(top, #fdb238, #ff8229);
    background-image: -moz-linear-gradient(top, #fdb238, #ff8229);
    background-image: -o-linear-gradient(top, #fdb238, #ff8229);
    background-image: -ms-linear-gradient(top, #fdb238, #ff8229);
    background-image: linear-gradient(top, #fdb238, #ff8229);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fdb238', EndColorStr='#ff8229')
}
.deals-body .cta:active {
    background-color: #f37a22;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f37a22), to(#fda32c));
    background-image: -webkit-linear-gradient(top, #f37a22, #fda32c);
    background-image: -moz-linear-gradient(top, #f37a22, #fda32c);
    background-image: -o-linear-gradient(top, #f37a22, #fda32c);
    background-image: -ms-linear-gradient(top, #f37a22, #fda32c);
    background-image: linear-gradient(top, #f37a22, #fda32c);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f37a22', EndColorStr='#fda32c')
}
.deals-body .cta span {
    font-size: 2em;
    position: absolute;
    top: -8px;
    right: 12px
}
.deals-body .table td {
    text-align: center
}
.deals-body .table.stat {
    width: 220px;
    font-size: .85em;
    opacity: .85
}
.deals-body .table.stat tr:last-of-type {
    font-weight: 700;
    font-size: 1.125em;
    font-size: 1.25em
}
.deals-body .table>tbody>tr>td {
    padding: 0 8px;
    border-top: 0
}
.deals-body .labels {
    display: inline-block;
    padding: .5em 0
}
.deals-body .labels li {
    background: #7CCFF1;
    background: #c1cfd9;
    color: #fff;
    font-weight: 400;
    font-size: .85em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
  -ms-border-radius: 3px;
    -o-border-radius: 3px;
    padding: .25em .5em;
    display: inline-block;
    margin: 0 6px 0 0
}
.deals-body .share {
    display: inline-block;
    padding: .5em 0;
    float: right
}
.deals-body .share li {
    background: #7CCFF1;
    background: #c1cfd9;
    color: #fff;
    font-weight: 400;
    font-size: .85em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
  -ms-border-radius: 3px;
    -o-border-radius: 3px;
    padding: .25em .5em;
    display: inline-block;
    margin: 0 6px 0 0
}
.deals-body .share li {
    border-radius: 5px;
    cursor: pointer
}
.deals-body .share li:first-of-type {
    background: #3b5998
}
.deals-body .share li:last-of-type {
    margin-right: 0;
    background: #00b0ed
}
.instruction {
    color: #474764;
    text-align: center;
    font-size: 1.05em;
    opacity: .75
}
.table.deals-options tr:nth-of-type(odd) {
    background: #E4E4E4
}
.table.deals-options td {
    text-align: left;
    padding: 10px;
    border-radius: 10px
}
.table.deals-options td:first-of-type {
    font-size: 1.35em
}
.table.deals-options td:last-of-type {
    text-align: right
}
.table.deals-options td:last-of-type input {
    margin: 7px 0 7px 1.5em;
    color: #fff;
    background-color: #76c047;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76c047), to(#3ba847));
    background-image: -webkit-linear-gradient(top, #76c047, #3ba847);
    background-image: -moz-linear-gradient(top, #76c047, #3ba847);
    background-image: -o-linear-gradient(top, #76c047, #3ba847);
    background-image: -ms-linear-gradient(top, #76c047, #3ba847);
    background-image: linear-gradient(top, #76c047, #3ba847);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#76c047', EndColorStr='#3ba847');
    font-size: 1.25em;
    box-shadow: inset 0 1px 1px #fff, 0 1px 0 rgba(0, 0, 0, .42);
    border: 1px solid #265930;
    text-shadow: 0 -1px #000
}
.table.deals-options td:last-of-type input:hover {
    background-color: #82d350;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#82d350), to(#3ba847));
    background-image: -webkit-linear-gradient(top, #82d350, #3ba847);
    background-image: -moz-linear-gradient(top, #82d350, #3ba847);
    background-image: -o-linear-gradient(top, #82d350, #3ba847);
    background-image: -ms-linear-gradient(top, #82d350, #3ba847);
    background-image: linear-gradient(top, #82d350, #3ba847);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#82d350', EndColorStr='#3ba847')
}
.table.deals-options td:last-of-type input:active {
    background-color: #3ba847;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3ba847), to(#82d350));
    background-image: -webkit-linear-gradient(top, #3ba847, #82d350);
    background-image: -moz-linear-gradient(top, #3ba847, #82d350);
    background-image: -o-linear-gradient(top, #3ba847, #82d350);
    background-image: -ms-linear-gradient(top, #3ba847, #82d350);
    background-image: linear-gradient(top, #3ba847, #82d350);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#3ba847', EndColorStr='#82d350')
}
.table.deals-options span {
    text-align: left
}
.table.deals-options span.recommended {
    background: #5fb8dd;
    color: #fff;
    padding: 3px 6px;
    position: absolute;
    display: inline-block;
    margin: -2px 5px 0 6px;
    font-size: .85em;
    font-weight: 100
}
.table.deals-options span.byline {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: .65em
}
.timed-offer {
    background: #f8eec7;
    color: #a68e2b;
    text-align: center;
    width: 220px;
    font-size: 1em;
    padding: .5em;
    margin: 10px 0
}
.timed-offer p {
    margin: 0
}
.timed-offer span {
    background: rgba(255, 255, 255, .43);
    display: block;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  -ms-border-radius:5px;
    -o-border-radius: 4px;
    margin-bottom: 5px;
    color: #e35205
}
.deals-secondary, .deals-reviews {
    background: #fff;
    margin: 0 auto;
    border-radius: 5px;
    background-color: #f3f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f2f2), to(#fdfcfe));
    background-image: -webkit-linear-gradient(top, #f3f2f2, #fdfcfe);
    background-image: -moz-linear-gradient(top, #f3f2f2, #fdfcfe);
    background-image: -o-linear-gradient(top, #f3f2f2, #fdfcfe);
    background-image: -ms-linear-gradient(top, #f3f2f2, #fdfcfe);
    background-image: linear-gradient(top, #f3f2f2, #fdfcfe);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f3f2f2', EndColorStr='#fdfcfe');
    border: 1px solid #d8d8dd;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ceced3;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    width: 960px;
    margin: 20px auto;
    padding: 20px;
    overflow: hidden
}
.deals-secondary .main, .deals-reviews .main {
    width: 678px;
    float: right
}
.deals-secondary .sidebar, .deals-reviews .sidebar {
    float: left;
    width: 240px
}
.deals-secondary .carousel-inner, .deals-reviews .carousel-inner {
    min-height: 355px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid #ccc;
    background: #eee
}
.deals-secondary .carousel-inner .item.item-2, .deals-reviews .carousel-inner .item.item-2 {
    padding: 10px
}
.deals-secondary .carousel-inner .item.item-2 h4, .deals-reviews .carousel-inner .item.item-2 h4 {
    border-bottom: 1px solid #000;
    font-size: 1.5em;
    margin-top: 0;
    padding-bottom: 8px
}
.deals-secondary .disclaimer, .deals-reviews .disclaimer {
    color: #979797;
    text-align: center;
    width: 220px;
    font-size: .85em;
    margin: 10px 0
}
.deals-secondary .disclaimer-carousel, .deals-reviews .disclaimer-carousel {
    color: #e35205;
    position: absolute;
    top: -5px;
    right: 1em;
    margin-top: 1em;
    text-align: right
}
.deals-secondary .left, .deals-reviews .left, .deals-secondary .right, .deals-reviews .right {
    padding: 1em
}
.deals-secondary .left, .deals-reviews .left {
    float: left;
    width: 580px
}
.deals-secondary .right, .deals-reviews .right {
    width: 320px;
    float: right
}
.deals-secondary .right h3:first-of-type, .deals-reviews .right h3:first-of-type {
    margin-top: 0
}
.deals-secondary .right p:last-of-type, .deals-reviews .right p:last-of-type {
    margin-top: 30px;
    text-align: center
}
.deals-secondary li span, .deals-reviews li span {
    display: block;
    opacity: .75;
    margin: 10px 0
}
.deals-secondary h4, .deals-reviews h4, .deals-secondary h3, .deals-reviews h3 {
    color: #625f78;
    text-shadow: 0 -1px #fff;
    margin-top: 1.5em;
    font-size: 1.25em;
    text-transform: uppercase
}
.deals-secondary h4:first-of-type, .deals-reviews h4:first-of-type, .deals-secondary h3:first-of-type, .deals-reviews h3:first-of-type {
    margin-top: 0
}
.deals-secondary p img, .deals-reviews p img {
    width: 50%;
    float: left
}
.deals-reviews h4 {
    display: inline-block;
    font-size: 1em;
    text-transform: uppercase;
    color: #474764;
    border-radius: 10px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin: 0 0 15px
}
.deals-reviews ul {
    padding-left: 0
}
.deals-reviews li {
    display: inline-block;
    margin-left: 28px
}
.deals-reviews li:first-of-type {
    margin-left: 0
}
.table.deals-options td {
    border-radius: 0
}
.deals-confirmation {
    background: #fff;
    margin: 0 auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #f3f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f2f2), to(#fdfcfe));
    background-image: -webkit-linear-gradient(top, #f3f2f2, #fdfcfe);
    background-image: -moz-linear-gradient(top, #f3f2f2, #fdfcfe);
    background-image: -o-linear-gradient(top, #f3f2f2, #fdfcfe);
    background-image: -ms-linear-gradient(top, #f3f2f2, #fdfcfe);
    background-image: linear-gradient(top, #f3f2f2, #fdfcfe);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f3f2f2', EndColorStr='#fdfcfe');
    border: 1px solid #d8d8dd;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ceced3;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    display: none;
    width: 960px;
    margin: 20px auto;
    padding: 20px;
    overflow: hidden;
    text-align: center
}
.deals-confirmation .main {
    width: 678px;
    float: right
}
.deals-confirmation .sidebar {
    float: left;
    width: 240px
}
.deals-confirmation .carousel-inner {
    min-height: 355px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid #ccc;
    background: #eee
}
.deals-confirmation .carousel-inner .item.item-2 {
    padding: 10px
}
.deals-confirmation .carousel-inner .item.item-2 h4 {
    border-bottom: 1px solid #000;
    font-size: 1.5em;
    margin-top: 0;
    padding-bottom: 8px
}
.deals-confirmation .disclaimer {
    color: #979797;
    text-align: center;
    width: 220px;
    font-size: .85em;
    margin: 10px 0
}
.deals-confirmation .disclaimer-carousel {
    color: #e35205;
    position: absolute;
    top: -5px;
    right: 1em;
    margin-top: 1em;
    text-align: right
}
.deals-confirmation img {
    display: inline-block;
    width: 200px
}
.deals-confirmation h1 {
    color: #009bf5
}
.deals-confirmation h2 {
    color: #625f78;
    font-size: 1.5em;
    font-weight: 100
}
.deals-confirmation hr {
    border-bottom: 1px solid #f6f6fa;
    width: 80%
}
.deals-confirmation h3 {
    color: #625f78;
    font-size: 1.25em;
    margin-bottom: 1.5em
}
.deals-confirmation span {
    display: block
}
.deals-mobile .deals-confirmation {
    width: 95%;
    margin: 2.5% auto;
    background: #fff
}
.deals-mobile .deals-confirmation img {
    border: 3px solid #009bf5;
    border-radius: 100%;
    width: 120px
}
.deals-mobile .deals-confirmation h1 {
    margin-top: .25em
}
.deals-mobile .deals-confirmation hr {
    margin: 0
}
.deals-mobile .deals-confirmation h2 {
    margin-top: 0;
    line-height: 1.5;
    font-size: 1.3em;
    margin-bottom: .5em
}
.deals-mobile .deals-confirmation h3 {
    margin-top: .5em;
    font-size: 1.025em;
    line-height: 1.5
}
.deals-mobile.inset {
    padding: 0
}
.deals-mobile.inset .col-md-12 {
    padding: 0
}
body.deals-body .deals-mobile nav {
    width: 100%;
    background: #009bf5;
    background: #007AC0;
    margin-bottom: 0;
    border: 0
}
body.deals-body .deals-mobile nav .branding img {
    float: none;
    position: inherit;
    display: block;
    width: 180px;
    margin: 0 auto
}
.deals-mobile .deals-hero {
    width: 100%;
    padding: 0;
    border-radius: 0;
    background: #f7f7f7;
    border: 0;
    color: #5a5a5a
}
.deals-mobile header {
    padding: 10px;
    margin-bottom: 0
}
.deals-mobile header h1 {
    font-size: 1.25em;
    text-align: center;
    color: #0581c5
}
.deals-mobile .deal-container:last-of-type {
    margin-top: -10px;
    padding-top: .5em;
    box-shadow: inset 0 1px 1px #fff;
    border-top: 1px solid #dfdfdf
}
.deals-mobile .deal-container img {
    width: 100%
}
.deals-mobile .deal-container ul {
    max-width: 360px;
    display: block;
    margin: 0 auto .75em;
    text-align: center;
    padding-left: 0
}
.deals-mobile .deal-container li {
    display: inline-block;
    color: #fff;
    margin-right: 1em;
    color: #717171;
    border-right: 1px solid #dfdfdf;
    box-shadow: 1px 0 1px #fff;
    padding-right: 1em;
    font-size: 1.05em
}
.deals-mobile .deal-container li:first-of-type {
    border-left: 1px solid #dfdfdf;
    box-shadow: 1px 0 1px #fff, -1px 0 1px #fff;
    padding-left: 1em
}
.deals-mobile .deal-container li span {
    display: block;
    opacity: .75;
    font-size: .9em
}
.deals-mobile .share {
    width: 100%
}
.deals-mobile .share a {
    color: #fff;
    border: 1px solid #fff;
    padding: 3px
}
.deals-mobile .deals-secondary {
    margin-top: 0;
    width: 100%;
    padding-bottom: 4em;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    border-top: 0;
    border: inherit
}
.deals-mobile .deals-secondary .left, .deals-mobile .deals-secondary .right {
    width: auto;
    padding: 0
}
.deals-mobile .deals-secondary h4 {
    margin-top: 1em
}
.deals-mobile .deals-secondary h4:first-of-type {
    margin-top: 0
}
.deals-mobile .cta-container {
    padding: 10px;
    background: rgba(50, 50, 51, .95);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}
.deals-mobile .cta-container .expire {
    float: left;
    width: 45%
}
.deals-mobile .cta-container h2 {
    color: #fff;
    margin: 0;
    font-size: 1em;
    font-weight: 300;
    margin-bottom: .5em;
    opacity: .7
}
.deals-mobile .cta-container h3 {
    color: #fff;
    font-size: 1em;
    margin: 0;
    margin-top: -2px
}
.deals-mobile .cta-container button {
    float: right;
    border-radius: 5px;
    display: none;
    width: 55%;
    max-width: none;
    margin: 0;
    text-align: center;
    font-size: 1.1em;
    background-color: #fda32c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fda32c), to(#f37a22));
    background-image: -webkit-linear-gradient(top, #fda32c, #f37a22);
    background-image: -moz-linear-gradient(top, #fda32c, #f37a22);
    background-image: -o-linear-gradient(top, #fda32c, #f37a22);
    background-image: -ms-linear-gradient(top, #fda32c, #f37a22);
    background-image: linear-gradient(top, #fda32c, #f37a22);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fda32c', EndColorStr='#f37a22')
}
.deals-mobile .cta-container button:hover {
    background-color: #fdb238;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fdb238), to(#ff8229));
    background-image: -webkit-linear-gradient(top, #fdb238, #ff8229);
    background-image: -moz-linear-gradient(top, #fdb238, #ff8229);
    background-image: -o-linear-gradient(top, #fdb238, #ff8229);
    background-image: -ms-linear-gradient(top, #fdb238, #ff8229);
    background-image: linear-gradient(top, #fdb238, #ff8229);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fdb238', EndColorStr='#ff8229')
}
.deals-mobile .cta-container button:active {
    background-color: #f37a22;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f37a22), to(#fda32c));
    background-image: -webkit-linear-gradient(top, #f37a22, #fda32c);
    background-image: -moz-linear-gradient(top, #f37a22, #fda32c);
    background-image: -o-linear-gradient(top, #f37a22, #fda32c);
    background-image: -ms-linear-gradient(top, #f37a22, #fda32c);
    background-image: linear-gradient(top, #f37a22, #fda32c);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f37a22', EndColorStr='#fda32c')
}
.deals-mobile .cta-container button:nth-of-type(2) {
    display: block
}


@media (max-width: 767px) {
    input, select, button{width: 100%}
    .modal-body form input, .modal-body form select,.modal-body form button, .modal-body form textarea{width: 100%;}
    .picker--time .picker__holder{margin: 0}
    .order_status{margin: 0 !important;}
    .deals {
        display: none
    }
    .deals-mobile {
        display: block
    }

    #sidebar-wrapper{margin-left: -240px;}
}
.countdownHolder {
    width: 100%;
    margin: 8px auto 5px;
    font: 18px/1.5 Lato, sans-serif;
    text-align: center;
    letter-spacing: -1px
}
.position {
    display: inline-block;
    height: 1.6em;
    overflow: hidden;
    position: relative;
    width: 1.05em
}
.digit {
    position: absolute;
    display: block;
    width: 1em;
    background-color: #009bf5;
    border-radius: .2em;
    text-align: center;
    color: #fff;
    letter-spacing: 0;
    line-height: 1.5
}
.digit.static {
    background: #009bf5
}
.countDays {}.countDiv0 {}.countDiv {
    display: inline-block;
    width: 16px;
    height: 1.6em;
    position: relative
}
.countDiv:before, .countDiv:after {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #009bf5;
    border-radius: 50%;
    left: 50%;
    margin-left: -3px;
    top: .5em;
    content: '';
    opacity: .5
}
.countDiv:after {
    top: .9em
}
.countDiv3 {
    display: none
}
#note {
    color: #666;
    font-size: 12px;
    margin: 0 auto;
    padding: 4px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
    width: 400px
}
.modal h3 {
    color: #625f78;
    width: 85%;
    margin: 0 auto;
    margin-bottom: 20px
}
.modal #countdownModal {
    margin-top: 1em
}
.modal #countdownModal+h2 {
    margin-top: .45em
}
a.cta-deals {
    background: #1dbf3c;
    padding: .5em 2.25em;
    display: inline-block;
    border-radius: 25px;
    color: #fff;
    font-size: 1.3em;
    margin-top: 5px;
    margin-bottom: 20px;
    font-weight: 300
}
a.cta-deals:hover {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background: #4ad368
}
.btn-lg {
    display: none
}

/*MyWash Pricing*/
.prices-body .pricing_text{
    float: right;
    display: inline-block;
    margin-top: 10px;
}

.prices-body .pricing_text #wash{
   font-size: 20px;
    font-weight: 300;
    margin-bottom: 35px;
}

.prices-body .pricing_text #wash h4, .prices-body .pricing_text #dryclean h4{
    font-weight: 300;
    font-size: 14px;
}

.prices-body .pricing_text #dryclean{
    font-size: 20px;
    font-weight: 300;
}


.prices-body .pricing_image_wrapper{padding: 1em;}
.prices-body #Container .mix {
    display: none
}
.prices-body .input-group {
    float: left
}
.prices-body .input-group select {
    min-width: 220px;
    width: auto
}
.prices-body select {
    position: relative;
    z-index: 100;
    border: 5px solid #f2f2f2
}
.prices-body .price-filter {
    display: inline-block
}
.prices-body .price-filter input {
    line-height: 1.5em;
    border-radius: 0 25px 25px 0;
    -webkit-appearance: none;
    appearance: none;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent;
    border: 2px solid #95bde1;
    border: 5px solid #f2f2f2;
    margin-top: 0;
    margin-left: -20px;
    padding-left: 40px;
    width: 250px;
    float: left
}
.prices-body .layout-toggles {
    display: inline-block;
    margin-top: 5px;
    height: 64px
}
.prices-body .layout-toggles #ChangeLayout {
    color: #009bf5;
    cursor: pointer;
    padding: 0
}
.prices-body .layout-toggles a {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: .5em;
    background: red;
    float: left
}
.prices-body .order-info-container {
    margin-left: .5em
}
.prices-body .order-info-container p {
    margin-top: 10px;
    color: #575758
}
.prices-body .order-info-container p span {
    display: block;
    text-align: right
}
.prices-body .prices-container {
    text-align: justify;
    -webkit-backface-visibility: hidden
}
.prices-body .prices-container .input-group {
    margin: 0 0 .5em
}
.prices-body .prices-container .controls {
    display: inline-block;
    text-align: left;
    margin: 0 0 10px .5em;
    clear: both;
    width: 97.5%
}
.prices-body .prices-container .btn-group {
    float: right
}
.prices-body .prices-container .btn-group .btn {
    text-align: center;
    border: 1px solid #009bf5;
    background: #009bf5;
    color: #fff
}
.prices-body .prices-container .btn-group .btn.actionable {
    background: transparent;
    color: #009bf5
}
.prices-body .prices-container .btn-group .btn:first-of-type {
    margin-right: 0
}
.prices-body .prices-container button {
    display: inline-block;
    padding: .35em .65em;
    background: 0;
    color: #009bf5;
    font-size: .75em;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 25px;
    min-width: 4.5em;
    cursor: pointer;
    margin-left: 0;
    margin-right: 3px;
    border: 1px solid transparent;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}
.prices-body .prices-container button.active, html.prices-body .prices-container button.active:hover {
    background: #fff;
    background: #009bf5;
    color: #fff
}
.prices-body .prices-container button:hover {
    border: 1px solid #009bf5
}
.prices-body .prices-container button:focus {
    outline: 0 none
}
.prices-body .prices-container:after {
    content: '';
    display: inline-block;
    width: 100%
}
.prices-body .prices-container:after {
    content: '';
    display: inline-block;
    width: 100%
}
.prices-body .prices-container .mix, html.prices-body .prices-container .gap {
    width: 29%;
    margin-left: 2.5%;
    float: left;
    max-width: 400px;
    margin-top: 5%;
    padding-right: 2.5%;
    border-right: 1px solid #f1f1f1;
    max-height: 180px;
    margin-bottom: 50px;
}


.prices-body .prices-container .mix:nth-child(3n+3) {  
  border-right: 0;
}
.prices-body .prices-container .mix.information .prices .table {
    padding-bottom: 0;
    margin: 0
}
.prices-body .prices-container .mix.information .prices .table td {
    vertical-align: middle
}
.prices-body .prices-container .mix.full-width {
    width: 98%;
    clear: both;
    max-width: 1440px;
    margin-left: 1%
}
.prices-body .prices-container .mix.full-width.notice .prices .table {
    padding: 1em;
    font-size: 1.35em;
    margin-bottom: 0
}
.prices-body .prices-container .mix.full-width.notice .prices .table span {
    margin-left: 0;
    font-size: .75em
}
.prices-body .prices-container .mix.full-width.notice .prices .table>tbody>tr>tdfirst-of-type {
    padding-bottom: 0;
    color: #625f78;
    text-align: left
}
.prices-body .prices-container .mix.full-width.notice .prices .table>tbody>tr>td:last-of-type {
    display: none
}
.prices-body .prices-container .mix.full-width.notice .prices .table>tbody>tr>td span {
    padding-top: 5px;
    display: block
}
.prices-container {
    margin-top: -1.25em
}
.prices-container .mix {
    text-align: left;
    background: #fff;
    margin-bottom: 1%;
    display: none;
    position: relative
}
.prices-container .mix img {
    width: 64%
}
.prices-container .mix h3 {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    color: #575758;
    opacity: 1;
    margin-top: 1em;
}
.prices-container .mix h3 span {
    display: none
}
.prices-container .mix p {
    display: block;
    color: #26cf9a!important;
    font-size: 1.125em;
    font-weight: 300;
    padding: .2em .5em;
    text-align: center;
    color: #009bf5;
    margin-bottom: 0
}
.prices-container .mix.special {
    background-size: cover;
    background-image: url(../../images/items/prices-wash-and-fold.html);
    background-repeat: no-repeat;
    position: relative
}
.prices-container .mix.special img {
    opacity: 0
}
.prices-container .mix.text {
    background: #009bf5;
    background: #fff;
    text-align: center
}
.prices-container .mix.text h3 {
    color: #009bf5
}
.prices-container .mix.text span {
    color: #009bf5;
    background: #fff;
    display: inline-block;
    text-align: center
}
.prices-container .mix.text:hover span {
    background: #32FF5F
}
.prices-container .mix.more:hover img, .prices-container .mix.more:hover h3, .prices-container .mix.more:hover span {
    -webkit-filter: blur(5px)
}
.prices-container .mix.more:hover .shield {
    visibility: visible
}
.prices-container .mix.more .shield {
    visibility: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    padding: 1.5em 1em;
    height: 100%;
    background: rgba(255, 255, 255, .9)
}
.prices-container .mix.more .shield:before {
    content: '';
    display: inline-block;
    vertical-align: middle
}
.prices-container .mix.more .shield p {
    font-size: 1em;
    line-height: 1.65;
    vertical-align: middle;
    color: #575758;
    text-align: left
}
.prices-container .mix.more:after {
    content: "i";
    background: rgba(69, 63, 57, .2);
    background: rgba(0, 156, 245, .7);
    color: #fff;
    display: inline-block;
    position: absolute;
    bottom: .75em;
    right: .75em;
    height: 22px;
    width: 22px;
    text-align: center;
    border-radius: 100%
}
.delay-10 {
    -webkit-animation-delay: 5s;
    animation-delay: 3s
}
.button-group {
    float: right;
    display: inline-block;
    padding: .35em 1em;
    background: 0;
    border: 2px solid #009bf5;
    color: #009bf5;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 25px;
    -webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
  -ms-border-radius: 25px;
    -o-border-radius: 25px;
    min-width: 6em;
    cursor: pointer;
    margin-left: .6em;
    text-align: center
}
#priceList, #priceThumbnail {
    float: right;
    display: inline-block;
    padding: .35em 1em;
    background: 0;
    border: 2px solid #009bf5;
    color: #009bf5;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 25px;
    min-width: 6em;
    cursor: pointer;
    margin-left: .6em;
    text-align: center
}
#priceList.active, #priceThumbnail.active {
    background: #009bf5;
    color: #fff
}
#priceList {
    border-radius: 25px 0 0 25px
}
#priceThumbnail {
    margin-left: 0;
    border-left: 0;
    border-radius: 0 25px 25px 0
}
html.prices-body .price-container.list .mix {
    width: 48.5%;
    padding: .85em 1em .85em 1.5em;
    position: relative;
    max-width: none
}
html.prices-body .price-container.list .mix h3 {
    display: block;
    text-align: left;
    float: left;
    margin: 0;
    margin-left: 1.5em
}
html.prices-body .price-container.list .mix h3 span {
    opacity: .5;
    font-size: .7em;
    margin-top: 2px
}
html.prices-body .price-container.list .mix.category-wf h3 span:nth-of-type(1) {
    display: block
}
html.prices-body .price-container.list .mix.dry-cleaning h3 span:nth-of-type(2), html.prices-body .price-container.list .mix.household h3 span:nth-of-type(2) {
    display: block
}
html.prices-body .price-container.list .mix.category-lp h3 span:nth-of-type(3) {
    display: block
}
html.prices-body .price-container.list .mix.household h3 span:nth-of-type(4) {
    display: block
}
html.prices-body .price-container.list .mix p {
    float: right;
    margin-top: 5px
}
html.prices-body .price-container.list .mix h3+span {
    text-align: right;
    display: block;
    float: right;
    margin: .35em 0;
    color: #009bf5;
    font-size: 1.5em
}
html.prices-body .price-container.list .mix img {
    position: absolute;
    height: 40px;
    width: 40px;
    left: .75em;
    top: 20%
}
html.prices-body .price-container.list .mix.text span {
    font-size: 1.4em
}
html.prices-body .price-container.list .mix.special {
    background-image: none
}
html.prices-body .price-container.list .mix.special img {
    visibility: visible;
    opacity: 0;
    display: none;
    position: relative
}
html.prices-body .price-container.list .mix.special:before {
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../../images/items/prices-wash-and-fold-list.html);
    background-size: cover;
    left: .75em;
    top: .85em
}
html.prices-body .price-container.list .mix.full-width {
    width: 98%
}
html.prices-body .price-container.list .mix .prices .table>tbody>tr>td {
    border-top: 0
}
@media (max-width: 1060px) {
    .prices-container .mix h3 {
        font-size: 18px
    }
}
@media (max-width: 945px) {
    .prices-container .mix h3 {
        font-size: 15px
    }
    .price-container.list .mix {
        padding-right: 1em
    }
    .price-container.list .mix h3 {
        margin-left: 2em
    }
}

@media (max-width: 994px) {
 
    #ad{display: none;width: 50%;}

}

@media (max-width: 768px) {


/*mywash order status pickup blocks customisation*/

.col-md-4.order-status{max-width: none; width: 100%}
.pickup-drop-block {
    display: inline-block;
    background: #fff;
    border: 1px solid rgb(226, 238, 242);
    margin-bottom: 0.5em;
    border-radius: 3px;
    float: left;
    width:49%;
    margin-right: 1% !important;
    font-weight: 300; 
}

.pickup-drop-block {
    margin-right: 0;
}


.pickup-drop-block img{
    float: left;
}


.pickup-drop-block h3{
    display: inline-block;
    font-weight: 300;
    vertical-align: top;
    font-size: 16px;
    margin: 0;
    line-height: 25px;
}

.pickup-drop-block h4{
    font-weight: 300;
    font-size: 14px;
}

.pickup-cancel-block {padding:0;}
.pickup-cancel-block a{
    display: inline-block;
    background: #fff;
    border: 1px solid rgb(226, 238, 242);
    margin-bottom: 0.5em;
    border-radius: 3px;
    float: left;
    width:100%;
    font-weight: 300; 
    text-align: center;
    padding: 10px;
    text-decoration: none;
    margin-top: 0.5em;
}


    .prices-container .mix.full-width.notice .prices .table>tbody>tr>td:last-of-type {
        padding: .75em
    }
}

@media (min-width:768px) and (max-width: 1000px){
    .col-md-4.order-status{max-width: none; width: 100%}
    .pickup-drop-block{
        width: 50%;
        float: left;
    }
    .pickup-cancel-block{display: block;clear: both;}
}



@media (min-width:850px) and (max-width: 899px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand.order_status {
        margin-left:-2em;
    }
}


@media (min-width:900px) and (max-width: 1029px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand.order_status {
        margin-left:-5em;
    }
}


@media (min-width:1030px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand.order_status {
        margin-left: -8.45em;
    }
}

@media(max-width: 640px){


/*mywash order status pickup blocks customisation*/

.col-md-4.order-status{max-width: none; width: 100%}
.pickup-drop-block {
    display: inline-block;
    background: #fff;
    border: 1px solid rgb(226, 238, 242);
    margin-bottom: 0.5em;
    border-radius: 3px;
    float: left;
    width:100%;
    margin-right: 1% !important;
    font-weight: 300; 
}

.pickup-drop-block {
    margin-right: 0;
}


.pickup-drop-block img{
    float: left;
}


.pickup-drop-block h3{
    display: inline-block;
    float: right;
    margin-top: 0;
    font-size: 18px;
    font-weight: 300;
}

.pickup-drop-block h4{
    font-weight: 300;
    font-size: 14px;
}

.pickup-cancel-block {padding:0;}
.pickup-cancel-block a{
    display: inline-block;
    background: #fff;
    border: 1px solid rgb(226, 238, 242);
    margin-bottom: 0.5em;
    border-radius: 3px;
    float: left;
    width:100%;
    font-weight: 300; 
    text-align: center;
    padding: 10px;
    text-decoration: none;
}

}





@media (max-width: 620px) {


    html.prices-body .price-container .mix, .price-container .gap {
        width: 47%;
        min-height: 0!important
    }
    html.prices-body .prices-container .controls {
        margin: 0 0 10px .5em;
        width: 96%
    }
    .prices-container .mix h3 {
        font-size: 18px
    }
    .prices-container .mix.text {
        margin-left: 1%;
        background: #009bf5;
        text-align: center
    }
    .prices-container .mix.text h3 {
        color: #fff
    }
    .prices-container .mix.text span {
        padding: .34em;
        font-size: .95em
    }
    .prices-container .mix.text:hover span {
        background: #32FF5F
    }
    .prices-container .mix.full-width {
        width: 100%
    }
    .prices-container .mix, .prices-container .gap {
        min-height: 250px;
        margin-left: 2%!important;
        margin-bottom: 2%
    }
    html.prices-body .prices-container button {
        margin-right: 0;
        padding: .35em .5em;
        min-width: 4em
    }
}


@media (max-width: 500px) {

/*myWash Order Status Responsive*/


#order_status{margin-bottom: 50px;}

    .price-filter {
        display: none
    }
    html.prices-body .input-group select {
        width: 160px;
        padding: .5em 2.1em .5em .65em;
        min-width: inherit;
        border-left: 0
    }
    html.prices-body .price-filter input {
        width: 170px;
        padding: .5em 2.1em .5em 1.5em
    }
    html.prices-body .prices-container .controls {
        margin: 0 0 10px .5em;
        width: 95.5%
    }
    html.prices-body .prices-container .filter:nth-of-type(n+3) {
        display: none
    }
    .prices-container .mix.full-width, .prices-container .gap.full-width {
        min-height: inherit
    }
    .prices-container .mix h3, .prices-container .gap h3 {
        font-size: 15px
    }
    .prices-container .mix .shield, .prices-container .gap .shield {
        display: none
    }
    html.prices-body .prices-container .mix.full-width {
        width: 96%;
        max-width: inherit!important
    }
    .price-container.list .mix {
        width: 96%!important;
        padding: .85em 1.25em .85em 1.5em;
        min-height: inherit
    }
    .price-container.list .mix h3 {
        display: block;
        text-align: left;
        float: left;
        margin: 0 0 2.2em;
        font-size: 1.125em
    }
    .price-container.list .mix h3 span {
        display: none;
        opacity: .5;
        font-size: .9em;
        margin-top: 2px
    }
    .price-container.list .mix p {
        float: right;
        margin: .25em 0 0;
        padding: 0
    }
    .price-container.list .mix h3+span {
        text-align: right;
        display: block;
        float: right;
        margin: .35em 0;
        color: #009bf5;
        font-size: 1.5em
    }
    .price-container.list .mix.text span {
        font-size: 1.4em
    }
    .price-container.list .mix.special {
        background-image: none
    }
    .price-container.list .mix.category-wf h3 span:nth-of-type(1) {
        display: block
    }
    .price-container.list .mix.dry-cleaning h3 span:nth-of-type(2) {
        display: block
    }
    .price-container.list .mix.category-lp h3 span:nth-of-type(3) {
        display: block
    }
    .price-container.list .mix.full-width {
        width: 49%
    }
    .price-container.list .mix.full-width.information {
        width: 65%
    }
    .price-container.list .mix .prices .table>tbody>tr>td {
        border-top: 0;
        padding: 0
    }
}



@media (max-width: 767px) {
.wash{width:32.8%}
.picker {
    width: auto !important;
}
    body{
        background-color: rgb(228, 250, 255);
    }

    .pricing .pricing_header h4, .pricing .pricing_body .items h4,.pricing .pricing_header .price_info h4, .pricing .pricing_body .price_info h4{
        font-size: 14px;
		text-align:center;
    }

    .pricing_body{
        background: #fff;
    }

    .pricing_header:hover{
        background: rgb(228, 250, 255) !important;

    }

    .price-tabs{
        margin-top: 30px;
    }

    .pricing a.category-notselected{
        border-bottom: 2px solid rgb(228, 250, 255);
    }

    .pricing .price-tabs-right {
        text-align: center;
        float: none;
        margin: 0 auto;
        width: 90%;
        margin-bottom: 20px;
    }

    .pricing a.minorder {
    border: 0;
    font-size: 16px;
    }
    /*Order Schedule*/

    form#submitorder{
        margin: 20px 0;
    }
    form#submitorder a#addclothes{
        width: 95%;
        background: #fff;
    }
    form#submitorder a.add_address{
        display: none;
    }
    form#submitorder a.add_address_mob{
        display: block;
        position: absolute;
        right: -25px;
        top: 35px;
        width: 40px;
                cursor: pointer;

    }

    a.add_address_mob img{
        width: 38px;
        cursor: pointer;
    }

    form#submitorder select{
        width: 95% !important;
        max-width: 100%;
    }
    form#submitorder input{
        width: 95%;
    }

    .mobile-button-add{
        width: 130px;
    }

    .mobile-button-add input{
        padding: 0 !important;
        width: 40px !important;
        margin: 0 !important;
    }

    button#order_submit{
        padding: .75em 2.1em .75em .5em;
        border: 1px solid #12b8db;
        font-weight: 400;
        font-size: 1.025em;
        width: 95%;
    }


    button#address_submit{
        padding: .75em 2.1em .75em .5em;
        border: 1px solid #12b8db;
        font-weight: 400;
        font-size: 1.025em;
        width: 100%;
    }

    .picker__holder{
        margin-left: 0;
    }

    /*Order Schedule*/



    .wrapper {
        padding-left: 0
    }
    #sidebar-wrapper {
        left: 0
    }
    .brand-toggle {
        display: inline-block;
        margin-left: 15px
    }
    .brand-toggle:after {
        display: inline
    }
    .wrapper.single-column {
        position: relative;
        left: 0;
        margin-left: 0
    }
    .brand-toggle.wrapper.single-column:after {
        display: none
    }
    .wrapper.single-column #sidebar-wrapper {
        left: 0;
        width: 220px;
        transition: all .4s ease 0s
    }
    .wrapper.active {
        position: relative;
        left: 85%;
        margin-left: 0
    }
    .brand-toggle.wrapper.active:after {
        display: none
    }
    .wrapper.active #sidebar-wrapper {
        left: 65%;
        width: 75%;
        transition: all .1s ease 0s

    }
    #menu-toggle {
        display: inline-block
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: .25em
    }


    .inset {
        padding: 0 15px 15px
    }
    label {
        display: block;
        width: 100%;
        text-align: left
    }
    .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
        padding: .5em .75em;
        vertical-align: middle;
        font-size: .85em
    }
    .table>tbody>tr>td:first-of-type, .table>thead>tr>td:first-of-type, .table>tfoot>tr>td:first-of-type {
        padding-left: .75em;
        text-align: left;
        font-size: .65em
    }
    .table>tbody>tr>td:last-of-type, .table>thead>tr>td:last-of-type, .table>tfoot>tr>td:last-of-type {
        padding: 0;
        padding-right: .75em;
        text-align: right;
        font-size: .85em
    }
    .prices .table>tbody>tr>td:last-of-type, thead>tr>td:last-of-type {
        min-width: 0
    }
    .table+p {
        padding: 0 .5em;
        font-size: 1em
    }
    .clickable-table>tbody>tr>td:last-of-type {
        
/*        background-image: url(/img/arrow-right.png);
*/        background-position: right 15px center;
        background-repeat: no-repeat
    }
	
	
    input, textarea {
        padding-left: 15px;
        width: 100%;
        text-align: left;
        -webkit-appearance: none
    }
    .error-copy {
        margin-left: 0;
        width: 100%
    }
    .input-group .radius-left {
        width: 60%
    }
    .input-group .radius-right {
        padding-left: 10px;
        width: 38%
    }
    .centered input {
        padding-left: 3.5em
    }
    .centered-box input {
        padding-left: 15px
    }
    .centered-box .radius-right, .centered-box .radius-left {
        width: 48%;
        max-width: none
    }
    .submit-form {
        text-align: center
    }
    .submit-form .btn-right {
        max-width: none
    }
    .input-group.special-width input {
        max-width: 270px;
        width: 49%!important
    }
    select {
       max-width: 100%;
        background-color: #fff;
    }
	
    select.half {
        width: 49%!important
    }
    button {
        padding: .5em 1.125em;
        border: 0;
        color: #fff;
        font-weight: 300;
        font-size: 1em
    }
/*Navigation Mobile*/
.page-content{background: rgb(228, 250, 255);}
.navbar{
    background: #00b7dc;
    margin-bottom: 0px;
	margin-top:30px;
}

.navbar-header{
    padding: 10px;
    text-align: center;
}

.navbar-brand{
    font-size: 1.25em;
    float: none;
    margin: 0;
    padding: 23px 0 0 20px;
    color: white;
}

.header_image_icon {
    width: 23px;
    margin-right: 0.2em;
    vertical-align: bottom;
}

.navbar .menu-toggle{
    width: 30px;
    left: 0;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    top: 2px;
}


    button.nav-settings{
        float: right;
        right: 0;
        width: 50px;
        margin: 0;
        position: absolute;
        top: 0;
    }
    button+button {
        margin-left: .5em
    }
    .star-rating {
        margin-bottom: 1em
    }
    .star-rating img {
        max-width: 35px
    }
    .order-page .input-group:first-of-type {
        margin-top: 0
    }


    .delivery-box table {
        margin-bottom: 10px;
        min-height: 0!important
    }
    .delivery-box .status-icon, .delivery-box .status-delivery-time {
        padding: 10px 0 5px 10px;
        text-align: left!important
    }
    .delivery-box .status-delivery-time {
        margin-left: 25px;
        padding: 0;
        padding-left: .75em!important;
        font-size: .75em!important
    }
    .delivery-box .status-icon {
        width: 35px
    }
    .delivery-box .status-icon img {
        width: 30px;
        height: 30px
    }
    .delivery-box .status-delivery-date {
        padding-left: 10px!important;
        text-align: left!important;
        font-size: 1.125em
    }
    .delivery-box .status-delivery-type {
        padding: 5px 10px!important;
        text-align: left!important;
        font-size: 1em
    }
    .delivery-box .progress {
        height: 8px
    }
    section img.hero {
        width: 50%
    }
    section .star-rating {
        margin-top: 1em
    }
    section h2 {
        margin-top: .5em;
        font-size: 1.5em
    }
    section h3 {
        font-size: 1.025em
    }
    section p {
        font-size: 1em
    }
    section .blue-box h4 {
        font-size: 1.25em
    }
    section .blue-box hr {
        margin: .5em auto
    }
    section .blue-box p {
        font-size: 1em
    }
    section .blue-box button.radius-right {
        padding: .65em 0 .55em;
        line-height: 1.2
    }
    section #user-promo-code {
        width: 75%;
        text-align: center;
        font-size: 1.25em
    }
    section .share-button {
        max-width: 80px;
        width: 100%
    }
    .centered img {
        margin-top: 1em;
        margin-bottom: 0;
        max-width: 65px
    }
    .centered input, .centered button {
        width: 260px
    }
    .centered .facebook {
        margin-bottom: .5em
    }
    .list-select {
        padding: 0
    }
    .list-select li label {
        font-size: .95em
    }
    .list-select li label div.copy:before {
        display: none
    }
    .centered.forgot-password img {
        margin-bottom: 15px;
        max-width: 100px
    }
}
@media (max-width: 600px) {
.wash {
    width: 32.8%;
}

.fixedBill {
	
	width:60%;
    
   /* background-color: #fff;*/
}
}
@media (max-width: 500px) {

    .wrapper.active #sidebar-wrapper {
        left: 80%;
        width: 75%;
        transition: all .1s ease 0s
    }
    .wrapper.active .brand-toggle:before {
        display: inline
    }
    .wrapper.active .brand-toggle:after {
        display: none
    }
    .col-md-4 {
        max-width: none
    }
    .wizard {
        height: 55px
    }
    .wizard h2 {
        font-size: 1.25em
    }
    .wizard ul {
        margin-top: -8px;
        width: 158px
    }
    .wizard ul li {
        width: 40px;
        height: 5px
    }
    .wizard .btn-prev a {
        top: -6px
    }
    .wizard .btn-prev img, .wizard button.btn-next {
        top: 3px;
        right: 5px;
        display: block;
        font-size: 1.25em
    }
    #page-content-wrapper {
        padding-left: 0
    }
    .centered-logo {
        display: none;
        max-width: none
    }
    .centered-box {
        margin-bottom: 1em;
        border: 0
    }
    .centered-box input, .centered-box .input-group .form-control, .centered-box select {
        margin-bottom: 0;
        padding: .35em .75em
    }
    .centered-box .input-group {
        margin: .5em 0
    }
    .centered-box .input-group .half {
        width: 40%!important
    }
    .centered-box .radius-right, .centered-box .radius-left {
        width: 44%;
        max-width: none
    }
    .centered-box .dropdown-half {
        margin: 0 auto;
        width: 90%
    }
    .centered-box button.primary, .centered-box button.register-button {
        display: none
    }
    .register-footer {
        opacity: .5
    }
    .col-md-12.full-width {
        padding: 0
    }
    .step-pane {
        padding: 0;
        min-height: initial
    }
    .step-content {
        padding: .25em 0 1em
    }
    .progress-container {
        margin: 0;
        margin-left: 6%;
        width: 0;
        height: 370px;
        -webkit-transform: scale(0.75);
        -o-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75)
    }
    .ad.text {
        width: auto
    }
    .modal-body {
        padding: 20px 10px
    }
    .modal-body .hero {
        width: 120px
    }
    .modal-body h2 {
        font-size: 1.25em
    }
    .modal-body h3 {
        font-size: 16px
    }
    .modal-body #user-promo-code {
        margin: .75em auto;
        padding: .25em .5em;
        width: 65%;
        font-size: 1em
    }
    .modal-body .share-button {
        width: 50px
    }
    .centered.forgot-password {
        margin-top: 0
    }
    .centered.forgot-password img {
        margin-bottom: 15px;
        max-width: 100px
    }
    .how-it-works {
        padding-top: .5em
    }
    .how-it-works h2 {
        margin-top: 0;
        font-size: 1.4em
    }
    .how-it-works .copy-container span {
        -webkit-transform: scale(0.75)
    }
    .how-it-works p {
        padding: 0 1em;
        font-weight: 400;
        font-size: 1.25em!important;
        line-height: 1.5
    }
    .how-it-works button {
        padding: .35em 1.125em
    }
    .how-it-works .bx-wrapper .bx-pager {
        margin-top: 10px;
        margin-bottom: 13px
    }


}

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

.wash {
    width: 100%;
	margin:0 0 15px 0;
}
.col-md-8 {
    overflow: hidden !important;
}
input, select {
    width:100%;
    background-color: transparent;
}
.btn-width{width:100%}
.add_address {
    display: inline-block;
    width: 48%;
	 cursor: pointer;
	   margin-top: 10px;
}

input[type=submit]{
width:100%;
}
}

@media (min-width: 320px) and (max-width: 430px){
    .progress-container{
        margin-left: -3%;
        margin-top: -50px;
    }
input[type=submit]{
width:100%;
}

    
}

@media print {
    * {
        transition: none!important
    }
    .print-show {
        display: block
    }
    .print-hide {
        display: none
    }
    #sidebar-wrapper {
        display: none
    }
    header {
        display: none
    }
    .wrapper {
        padding-left: 0
    }
    .table {
        margin: 1em auto;
        border: 1px solid #000;
        max-width: 500px
    }
    .table td {
        border-top: 0!important;
        border-bottom: 1px solid #000
    }
    .print-header {
        margin: 1em;
        text-align: center
    }
    .print-header img {
        width: 80px;
        margin: 30px auto 10px 1em
    }
    .print-header h2 {
        margin-top: .5em;
        font-size: 1.5em
    }
    .footer {
        text-align: center;
        display: none
    }
}
* {
    box-sizing: border-box
}
html.signin-page .navbar {
    display: none
}
.service-status {
    background: #ffa13c;
    text-align: center;
    color: #fff;
    line-height: 1.5;
    position: relative;
    z-index: 1000000;
    margin-top: -22px
}
.service-status a {
    color: #fff;
    text-decoration: underline
}

.col{color:#178ea3}
.alig{font-family:'Trebuchet MS'; font-size:15px; text-align:center}

.orderhi{font-family:'Trebuchet MS'; font-weight: 300; font-size: 1.1em;}

.now{width: 254px; margin-top:20px; text-align:centre}

.priceorder{float:right;height:70px; margin-right:10px;}

.editprofile{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #95bde1; color: #006286;}

.fixedBill {
	position:fixed;
	width:75%;
    z-index: 9;
   /* background-color: #fff;*/
}

.fixedBill1 {
	
	width:100%;
    z-index: 9;
   /* background-color: #fff;*/
}
.page-content.inset {
	/*margin-top:93px;*/
}