body {

	font-family: 'Lato', 'Arial', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #000;
	-webkit-font-smoothing: antialiased;
	overflow-y: scroll;
	overflow-x: hidden;
}


h2
	{
	color: #000000;
	font-weight: 700;
	font-size: 20px;
		
	}
	
	

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a{
	text-decoration:none;
	color:#037afc;
}



/*===== input focus effects css ===== */
:focus{outline: none;}

.col-3{float: center; width: 37.00%; margin: 40px 3%; position: relative;} /* necessary to give position: relative to parent. */

.col-13{float: center; width: 75.00%; margin: 25px 3%; position: relative;} /* necessary to give position: relative to parent. */

input[type="text"]{font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px;}

input[type="tel"]{font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px;}

input[type="password"]{font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px;}

.effect-2{border: 0; padding: 7px 0; border-bottom: 1px solid #ccc;}

.effect-2 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s;}

.effect-2:focus ~ .focus-border{width: 100%; transition: 0.4s; left: 0;}

/*===================================*/




.space{
	color: #a7a5b3;
}


hr {
	margin:20px 0px;
	border:0px;
	border-bottom: solid #E3E3E3 1px;
}



button{
	border:0px;
	border-radius:25px;
	color:white;
	background-image: linear-gradient(120deg, #5c22ff 0%, #723493 100%);
	font-weight:400;
	padding:8px 15px;
}



.loading{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-image:url('http://app.getlaundri.com/images/backgrounds/loadscreen/1.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-color:#ffffff;
	color:#000000;
	font-weight:400;
	z-index:30;
	text-align:center;
	transition: opacity 0.25s;
	-webkit-transition: opacity 0.25s;
	
} 

.loading-background{
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background-color:#FFFFFF;
}

.login-button{
	/*background-color:#00ADEF;
	color:white;
	width:175px;
	max-width:100%;
	margin-bottom:20px;
	padding:15px;
	border-radius: 3px;
}*/


font-size: 1.2rem;
    background-image: linear-gradient(120deg, #5c22ff 0%, #723493 100%);font-weight: 700;
    color:white;
    line-height: 1em;
	border: 1px solid transparent;
    padding: 1.00rem 5.0rem 1.00rem 5rem;
    position: relative;
    border-radius: 80px;
    background-clip: padding-box;
    text-align: center;
    box-sizing: content-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: background-color .3s ease-in,border .3s ease-in;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    transform: translateY(0px);
border: none;
}



.register-button{
	/*background-color:#16be3d;
	color:white;
	width:175px;
	max-width:100%;
	margin-bottom:5px;
	padding:15px;
	border-radius: 3px;
}*/
font-size: 1.2rem;
    background-image: linear-gradient(120deg, #ff0b7c 0%, #bc0f59 100%);
    color:white;
    line-height: 1em;
	border: 1px solid transparent;
    padding: 1.00rem 5.0rem 1.00rem 5rem;
    position: relative;
    border-radius: 80px;
    background-clip: padding-box;
    text-align: center;
    box-sizing: content-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: background-color .3s ease-in,border .3s ease-in;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    transform: translateY(0px);
border: none;
}








.signup-button{
	/*background-color:#16be3d;
	color:white;
	width:175px;
	max-width:100%;
	margin-bottom:5px;
	padding:15px;
	border-radius: 3px;
}*/
font-size: 1.2rem;
    background-image: linear-gradient(120deg, #5cb6fc 0%, #0157d2 100%);
    color:white;
    line-height: 1em;
	border: 1px solid transparent;
    padding: 1.00rem 5.0rem 1.00rem 5rem;
    position: relative;
    border-radius: 80px;
    background-clip: padding-box;
    text-align: center;
    box-sizing: content-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: background-color .3s ease-in,border .3s ease-in;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    transform: translateY(0px);
border: none;
}













.guest-button{
	background-color:#16be3d;
	color:white;
	width:225px;
	max-width:100%;
	margin-bottom:0px;
	padding:15px;
	border-radius: 1px;
}

.loading-hr{
	margin:10px 0px;
	width:300px;
	max-width:100%;
	display:inline-block;
	border-color:#484848;
}

.loading a{
	color:white;
}

.loading-welcome{
	padding:105px 10px;
	font-size:24px;
}

.loading-motto{
	font-size:16px;
	padding:10px;
}

.loading-logo{
	position:absolute;
	top:35%;
	margin-top:-15px;
	left: 0px;
	right:0px;
}

.loading-logo-signin{
	position:absolute;
	top:20%;
	margin-top:-15px;
	left: 0px;
	right:0px;
}

.loading-logo img{
	width:450px;
	max-width:80%;
}

.loading-logo-signin img{
	width:450px;
	max-width:70%;
}



.loading-app-icons img{
	width:450px;
	max-width:40%;
}



.loading-bottom{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	padding:25px 10px;
	text-align:center;
}

.loading-close{
	opacity:0.0;
}

.page-header{
	position:relative;
	background: url('http://app.getlaundri.com/css/style.css');
	background-color:#013660;
	color: white;

}

.page-header a{
	color:inherit;
}

.page-header-back{
	display:inline-block;
	padding:20px;
	font-size:18px;
	height:58px;
	line-height:20px;
}

.page-header-back img{
	margin-top:-13px;
	position:relative;
	top:8px;
	width:30px;
	height:30px;
}

.page-header-right{
	position:absolute;
	right:0px;
	top:0px;
	height:40px;
}

.page-header-item{
	position:relative;
	display:inline-block;
	width:100%;
	height:100%;
	padding:15px;
	line-height:20px;
	text-align:center;
}

.page-header-item-count{
	position:absolute;
	top:3px;
	right:-2px;
	background-color:#FF0000;
	border-radius:100%;
	color:white;
	font-size:12px;
	padding:5px;
	line-height:1.0;
	height:20px;
	width:20px;
	text-align:center;
}

#pages{
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	/*background-color:#FFF;*/
	overflow:hidden;
	transition: transform 0.25s;
	-webkit-transition: -webkit-transform 0.25s;
}

.panel{
	position:absolute;
	top:45px;
	left:0px;
	right:0px;
	bottom:0px;
	padding:20px;
	overflow:auto;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000;
	-webkit-perspective: 1000;
	transition: transform 0.25s;
	-webkit-transition: -webkit-transform 0.25s;
}

.panel-main-first{
	position:absolute;
	top:80px;
	left:0px;
	right:0px;
	bottom:0px;
	padding:20px;
	overflow:auto;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000;
	-webkit-perspective: 1000;
	transition: transform 0.25s;
	-webkit-transition: -webkit-transform 0.25s;
	-webkit-overflow-scrolling: touch;
}

.panel-main-second{
	position:absolute;
	top:98px;
	left:0px;
	right:0px;
	bottom:0px;
	padding:0px;
	overflow:auto;
	transform: translate3d(105%,0,0);
	-webkit-transform: translate3d(105%,0,0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000;
	-webkit-perspective: 1000;
	transition: transform 0.25s;
	-webkit-transition: -webkit-transform 0.25s;
	-webkit-overflow-scrolling: touch;
}

.panel-main-third{
	position:absolute;
	top:98px;
	left:0px;
	right:0px;
	bottom:0px;
	padding:20px;
	overflow:auto;
	transform: translate3d(210%,0,0);
	-webkit-transform: translate3d(210%,0,0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000;
	-webkit-perspective: 1000;
	transition: transform 0.25s;
	-webkit-transition: -webkit-transform 0.25s;
	-webkit-overflow-scrolling: touch;
}

.panel-main-first2{
	position:absolute;
	top:90px;
	left:0px;
	right:0px;
	bottom:0px;
	padding:20px;
	overflow:auto;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000;
	-webkit-perspective: 1000;
	transition: transform 0.25s;
	-webkit-transition: -webkit-transform 0.25s;
	-webkit-overflow-scrolling: touch;
}

.panel-main-second2{
	position:absolute;
	top:90px;
	left:0px;
	right:0px;
	bottom:0px;
	padding:20px;
	overflow:auto;
	transform: translate3d(105%,0,0);
	-webkit-transform: translate3d(105%,0,0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000;
	-webkit-perspective: 1000;
	transition: transform 0.25s;
	-webkit-transition: -webkit-transform 0.25s;
	-webkit-overflow-scrolling: touch;
}

.panel-main-third2{
	position:absolute;
	top:90px;
	left:0px;
	right:0px;
	bottom:0px;
	padding:20px;
	overflow:auto;
	transform: translate3d(210%,0,0);
	-webkit-transform: translate3d(210%,0,0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000;
	-webkit-perspective: 1000;
	transition: transform 0.25s;
	-webkit-transition: -webkit-transform 0.25s;
	-webkit-overflow-scrolling: touch;
}

.panel-main-first.page-panels-second{
	transform: translate3d(-100%,0,0);
	-webkit-transform: translate3d(-100%,0,0);
}

.panel-main-second.page-panels-second{
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

.page-main-third.page-panels-second{
	transform: translate3d(100%,0,0);
	-webkit-transform: translate3d(100%,0,0);
}

.panel-main-first.page-panels-third{
	transform: translate3d(-200%,0,0);
	-webkit-transform: translate3d(-200%,0,0);
}

.panel-main-second.page-panels-third{
	transform: translate3d(-100%,0,0);
	-webkit-transform: translate3d(-100%,0,0);
}

.panel-main-third.page-panels-third{
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

.panel-menu{
	padding:0px;
}

.hidden{
	display:none !important;
}

.right-page{
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	width:100%;
	z-index:5;
	background-color:white;
	overflow: auto;
	box-shadow:-2px 0px 2px rgba(0,0,0,0.5);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000;
	-webkit-perspective: 1000;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transition: transform 0.25s;
	-webkit-transition: -webkit-transform 0.25s;
}

.close-right{
	transform: translate3d(105%,0,0);
	-webkit-transform: translate3d(105%,0,0);
}

.bottom-page{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	height:100%;
	z-index:5;
	background-color:white;
	overflow: auto;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000;
	-webkit-perspective: 1000;
	transition: transform 0.25s;
	-webkit-transition: -webkit-transform 0.25s;
}

.close-bottom{
	transform: translate3d(0,105%,0);
	-webkit-transform: translate3d(0,105%,0);
}

.scale-back{
	overflow:hidden !important;
	transform: scale(0.85) translate3d(0,0,0);
	-webkit-transform: scale(0.85) translate3d(0,0,0);
}


.submenu{
	position:relative;
	border-bottom:solid #E9E9E9 1px;
}

.submenu-selected{
	position:absolute;
	bottom:0px;
	left:0px;
	width:33%;
	border-bottom:solid #037afc 3px;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transition: transform 0.25s;
	-webkit-transition: -webkit-transform 0.25s;
}

.submenu2{
	position:relative;
	border-bottom:solid #E9E9E9 1px;
}

.submenu-selected2{
	position:absolute;
	bottom:0px;
	left:0px;
	width:50%;
	border-bottom:solid #037afc 3px;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transition: transform 0.25s;
	-webkit-transition: -webkit-transform 0.25s;
}
.slide-right{
	transform: translate3d(100%,0,0);
	-webkit-transform: translate3d(100%,0,0);
}

.slide-right-2{
	transform: translate3d(200%,0,0);
	-webkit-transform: translate3d(200%,0,0);
}

.submenu-item{
	display:inline-block;
	width:33%;
	text-align:center;
	padding:15px;
	color:black;
}

.submenu-item2{
	display:inline-block;
	width:50%;
	text-align:center;
	padding:15px;
	color:black;
}

.date-selector{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:10;
	background-color:rgba(0,0,0,0.75);
	color:white;
}

.page-menu-option{
	font-size:16px;
	padding:25px;
	border-bottom:solid #cdcdd1 1px;
	color:#D9D9D9;
}

.page-menu-option-text
	{
		color: #515152 ;
	}

/* Lists */
.list-item{
	padding:20px;
	border-bottom:solid #E9E9E9 1px;
}


/* Notifications */
.notification-item{
	font-size:12px;
	padding:22px;
	border-bottom:solid #E9E9E9 1px;
	color:#929292;
}

.notification-item[data-read='0']{
	background-color:rgba(0,0,255,0.05);
}

.notification-item-title{
	font-size:14px;
	color:black;
}


/* Orders */
.order-header{
	margin:20px -20px 10px;
	padding:10px;
	text-align:center;
	background-color:rgba(0,0,0,0.05);

}

.order-header2{
	margin:20px -20px 10px;
	padding:10px;
	text-align:left;
	background-color:rgba(0,0,0,0.05);
}

.order-header3{
	margin:20px -20px 10px;
	padding:2px;
	text-align:center;
	background-color:rgba(0,0,0,0.05);

}

.order-header-first{
	margin-top:-20px;
}

.address-selected{
	background-color:#037afc;
	color:white;
}

.price-table{
	margin:-20px 0px 30px;
	width:100%;
}

.price-table-title{
	color:black;
	font-weight:bold;
}

.price-table td{
	padding:20px;
	border-bottom:solid #E9E9E9 1px;
}

.price-table tr:nth-child(even){
	background-color:#FCFCFC;
}



.history-item{
	text-align:center;
	padding-bottom:10px;
}

.history-item-map{
	margin-bottom:15px;
}

.history-dates{
	margin:10px 10px;
	border:solid #037afc 1px;
	border-radius:0px;
	background-color:#037afc;
	line-height:1.5;
	color: white;
	box-shadow: 1px 1px 1px #888888;
}

.history-pickup-date{
	padding:10px;
	display:inline-block;
	width:50%;
	border-right:solid #FFFFFF 1px;
	font-size:16px;
}

.history-pickup-desc{
	font-size:12px;
	color:#FFFFFF;
}

.history-deliver-date{
	padding:10px;
	display:inline-block;
	width:50%;
	font-size:16px;
}

.history-deliver-desc{
	font-size:12px;
	color:#FFFFFF;
}

.share-promo{
	padding:10px;
	font-size:18px;
	text-align:center;
}

.share-code{
	margin:10px 10px 20px;
	padding:12px 10px;
	font-size:16px;
	text-align:center;
	background-color:white;
	border-radius:05px;
	border:solid #CDCDCD 1px;
}




/* Custom Text Fields */
.custom
    {
	border:1px solid #cdcdcd;
	border-radius:0px; /*This makes the curves on the input field*/
    padding:17px 30px; /*height and width*/
	margin: 5px 1px 3px 0px;
    text-align: center;
	font-size: 10px; 
	font-family: 'Lato', sans-serif;
	width:80%;
	}

.timeleft
    {
	border:1px solid #cdcdcd;
	border-radius:5px; /*This makes the curves on the input field*/
    padding:17px 30px; /*height and width*/
	margin: 5px 1px 3px 0px;
    text-align: center;
	font-size: 10px; 
	font-family: 'Lato', sans-serif;
	width:45%;
	color:#000000;
	}

.timeright
    {
	border:1px solid #cdcdcd;
	border-radius:5px; /*This makes the curves on the input field*/
    padding:17px 30px; /*height and width*/
	margin: 5px 1px 3px 0px;
    text-align: center;
	font-size: 10px; 
	font-family: 'Lato', sans-serif;
	width:45%;
	color:#000000;
	}	

.notes
    {
	border:1px solid #cdcdcd;
	border-radius:50px 50px 50px 50px; /*This makes the curves on the input field*/
    padding:17px 30px; /*height and width*/
	margin: 5px 1px 3px 0px;
    text-align: center;
	font-size: 10px; 
	font-family: 'Lato', sans-serif;
	width:90%;
	color:#000000;
	}	

.profile-input
    {
  padding: 10px;
  width: 100%;
  border: none;
  border-bottom: solid 2px #c9c9c9;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
	}	


.customtime1
    {
	border:1px solid #cdcdcd;
	border-radius:50px; /*This makes the curves on the input field*/
    padding:17px 30px; /*height and width*/
	margin: 5px 1px 3px 0px;
    text-align: center;
	font-size: 10px; 
	font-family: 'Lato', sans-serif;
	width:55%;
	color:#000000;
	} 
		
.profile-title
	{
	color: #037afc;
	font-weight: 500;	
	}

.share-title
	{
	color: #068bfe;
	font-weight: 500;	
	}

.green-title
	{
	color: #16be3d;
	font-weight: 500;	
	}
		
.arrow
	{
		float: right;
	}
	
	
	
/* ============================================================
  FAQ Section
============================================================ */	
label {
  cursor: pointer;
}
#menu-toggle {
  display: none; /* hide the checkbox */
}
#menu-toggle2 {
  display: none; /* hide the checkbox */
}
#menu-toggle3 {
  display: none; /* hide the checkbox */
}
#menu-toggle4 {
  display: none; /* hide the checkbox */
}
#menu-toggle5 {
  display: none; /* hide the checkbox */
}
#menu-toggle6 {
  display: none; /* hide the checkbox */
}
#menu-toggle7 {
  display: none; /* hide the checkbox */
}
#menu-toggle8 {
  display: none; /* hide the checkbox */
}
#menu-toggle9 {
  display: none; /* hide the checkbox */
}
#menu-toggle10 {
  display: none; /* hide the checkbox */
}
#order-minimum {
  display: none; /* hide the checkbox */
}
#delivery-fee {
  display: none; /* hide the checkbox */
}
#menu {
  display: none;
}
#menu-toggle:checked + #menu {
  display: block;
}
#menu-toggle2:checked + #menu {
  display: block;
}
#menu-toggle3:checked + #menu {
  display: block;
}
#menu-toggle4:checked + #menu {
  display: block;
}
#menu-toggle5:checked + #menu {
  display: block;
}
#menu-toggle6:checked + #menu {
  display: block;
}
#menu-toggle7:checked + #menu {
  display: block;
}
#menu-toggle8:checked + #menu {
  display: block;
}
#menu-toggle9:checked + #menu {
  display: block;
}
#menu-toggle10:checked + #menu {
  display: block;
}
#order-minimum:checked + #menu {
  display: block;
}
#delivery-fee:checked + #menu {
  display: block;
}
ul
{
    list-style-type: none;
}









/*================================================
             CUSTOM CSS FOR BUTTONS
=================================================*/


/*CTA Buttons*/
.btn_cta1, .btn_cta2, .btn_cta3{
    font-size: 1.0rem;
    font-weight: 700;
    line-height: 1em;
	border: 1px solid transparent;
    padding: 1.10rem 7.5rem 1.10rem 7.5rem;
    position: relative;
    border-radius: 80px;
    background-clip: padding-box;
    text-align: center;
    box-sizing: content-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: background-color .3s ease-in,border .3s ease-in;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);*/
    transform: translateY(0px);
border: none;
margin-top: 160px;
}


.btn_cta3{
background-image: linear-gradient(120deg, #5c22ff 0%, #723493 100%);
}

.btn_cta3:hover{
background-image: linear-gradient(120deg, #5c22ff 0%, #723493 100%);
}




.customtime
    {
  width: 42%;
  height: 38px;
  padding-right: 0px;
  padding-left: 0px;
  margin: 10px;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  border-radius: 0px;
  background-color: transparent;
  color: #000;
  font-size: 17px;
  /*background:white;*/
  -webkit-appearance: none;
	}
.customtime:focus {
  border-bottom-width: 1px;
  border-bottom-color: #019cf8;
}