/*
<----------------||----------------$Global----------------||---------------->
*/
.parent-name-fields input{
    margin-right:10px !important;
    width:calc(50% - 9px)!important;
  }
  .parent-name-fields input:last-child{
    margin-right:0px !important;
  }
html {
	font-size: 62.5%;
	box-sizing: border-box;
}
/* Box-Sizing */
*, *:before, *:after { box-sizing: inherit; margin: 0; padding: 0; }
body {
	font-family: "museo-sans",sans-serif;
	color: #222;
	font-size: 1.6rem;
	line-height: 1.5em;
	font-style: normal;
	font-weight: 500;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; /* For some Androids */
}
/* Lists */
dt { font-weight: 700; }
ol { padding-left: 4.0rem; }
ul { list-style: none; }
ul.disc { list-style-type: disc; padding-left: 4.0rem; }
ul.disc ul { list-style-type: circle; padding-left: 3.0rem; }
/* Horizontal Rule */
hr { display: block; height: .2rem; border: inset 0; border-top: .2rem solid #ccc; margin: 3.0rem 0; padding: 0; }
/* Media-Embeds */
audio, video, canvas, img, svg,
iframe, object, embed { vertical-align: middle; height: auto; max-width: 100%; }
/* Links */
a, a:active, a:hover, a:visited {
	outline: 0;
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
			transition: color 0.3s ease;
}
p a, p a:visited { line-height: inherit; }
/* Paragraph */
p { margin: 0 0 2.0rem 0; }
/* Text Selection */
::-moz-selection { background: #008fd5; color: #F5F5F5; text-shadow: none; }
::selection { background: #008fd5; color: #F5F5F5; text-shadow: none; }

/*
<----------------||----------------$WordPress----------------||---------------->
*/
/* http://codex.wordpress.org/CSS */
.alignnone { margin: .5rem 2.0rem 2.0rem 0; }
.aligncenter, div.aligncenter { display: block; margin: .5rem auto .5rem auto; }
.alignright { float: right; margin: .5rem 0 2.0rem 2.0rem; }
.alignleft { float: left; margin: .5rem 2.0rem 2.0rem 0; }
.aligncenter { display: block; margin: .5rem auto .5rem auto; }
a img.alignright { float: right; margin: .5rem 0 2.0rem 2.0rem; }
a img.alignnone { margin: .5rem 2.0rem 2.0rem 0; }
a img.alignleft { float: left; margin: .5rem 2.0rem 2.0rem 0; }
a img.aligncenter { display: block; margin-right: auto; margin-left: auto; }
.wp-caption { padding: .5rem .3rem 1.0rem; max-width: 96%; border: .1rem solid #f0f0f0; background: #fff; text-align: center; }
.wp-caption.alignnone { margin: .5rem 2.0rem 2.0rem 0; }
.wp-caption.alignleft { margin: .5rem 2.0rem 2.0rem 0; }
.wp-caption.alignright { margin: .5rem 0 2.0rem 2.0rem; }
.wp-caption img { margin: 0; padding: 0; max-width: 98.5%; width: auto; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 0 .4rem .5rem; font-size: 1.1rem; line-height: 1.7rem; }

/*
<----------------||----------------$Type----------------||---------------->
*/
/*Fonts*/
@font-face {
	font-family: 'oysterregular';
	src: url('fonts/oyster__-webfont.eot');
	src: url('fonts/oyster__-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/oyster__-webfont.woff2') format('woff2'),
		 url('fonts/oyster__-webfont.woff') format('woff'),
		 url('fonts/oyster__-webfont.ttf') format('truetype'),
		 url('fonts/oyster__-webfont.svg#oysterregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {font-family: 'BowlerHand-Bold';src: url('fonts/2C4B49_0_0.eot');src: url('fonts/2C4B49_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2C4B49_0_0.woff2') format('woff2'),url('fonts/2C4B49_0_0.woff') format('woff'),url('fonts/2C4B49_0_0.ttf') format('truetype');}
.museo-sans {
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 500;
	font-weight: 700;
}
/* Headers */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: 700;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
}
h1 {
	margin-bottom: 1.4rem;
	font-size: 4.6rem;
	line-height: 5.0rem;
}
h2 {
	margin-bottom: 1.0rem;
	font-size: 3.6rem;
	line-height: 4.0rem;
}
h3 {
	margin-bottom: 1.0rem;
	font-size: 2.4rem;
	line-height: 2.4rem;
}
h4 {
	margin-bottom: .4rem;
	font-size: 2.1rem;
	line-height: 3.0rem;
}
h5 {
	font-size: 1.7rem;
	line-height: 2.4rem;
}
h6 {
	font-size: 1.4rem;
	line-height: 2.1rem;
}
/* Paragraphs */
p {
	margin: 0 0 2.0rem 0;
	line-height: 1.5em;
}
strong {
	font-weight: 700;
}
/* Links */
a, a:visited {
	color: #DB2779;
	-webkit-transition: color 0.3s ease;
			transition: color 0.3s ease;
}
a:hover, a:active {
	color: #C4035B;
}

/*
<----------------||----------------$Forms----------------||---------------->
*/
/* Input Placeholder */
::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; }
::-moz-placeholder { color: #999; opacity: 1; filter: alpha(opacity=100); /*FF19 fix*/ }
:-ms-input-placeholder { color: #999; }

.searchbox ::-webkit-input-placeholder { color: #222; }
.searchbox :-moz-placeholder { color: #222; }
.searchbox ::-moz-placeholder { color: #222; opacity: 1; filter: alpha(opacity=100); /*FF19 fix*/ }
.searchbox :-ms-input-placeholder { color: #222; }
form {
	margin: 0 auto;
}
	form ul {
		margin: 0 -.5rem 2.0rem;
	}
	form ul.billing-info {
		margin-bottom: 0;
	}
		form li {
			position: relative;
			padding: 0 .5rem;
			margin-bottom: 1.0rem;
		}
		form .half {
			width: 50%;
			float: left;
		}
		form .third {
			width: 33.333%;
			float: left;
		}
		form .twothirds {
			width: 66.666%;
			float: left;
		}
		form .fourth {
			width: 25%;
			float: left;
		}
		form .threefourths {
			width: 75%;
			float: left;
		}
		form .full {
			width: 100%;
			float: none;
			clear: both;
		}
		form .billing {
			display: none;
		}
		.submit {
			text-align: center;
		}
			label {
				position: relative;
				display: block;
			}
			form li.inline label {
				display: inline;
			}
			input[type=text], input[type=date], input[type=week],
			input[type=email], input[type=month], input[type=tel],
			input[type=password], input[type=url], input[type=time],
			input[type=number], input[type=datetime], input[type="datetime-local"],
			input.date-picker,
			textarea,
			select {
				padding: .6rem 1.2rem;
				width: 100%;
				height: 4.0rem;
				outline: none;
				border: .2rem solid #CCC;
				background: #fff;
				font-weight: 500;
				font-family: "museo-sans", sans-serif;
				line-height: 2.4rem;
				border-radius: 0;
				box-shadow: 0 .5rem 0 0 rgba(0,0,0,0);
				-webkit-transition: all 0.3s ease;
						transition: all 0.3s ease;
			}
			input:focus,
			textarea:focus,
			select:focus {
				border: .2rem solid #DB2779;
				box-shadow: 0 .5rem 0 0 rgba(0,0,0,0.15);
				-webkit-transform: translateY(-.5rem);
					-ms-transform: translateY(-.5rem);
						transform: translateY(-.5rem);
			}
			select {
				border: 0;
				outline: .2rem solid #ccc;
				outline-offset: -.2rem;
			}
			select:focus {
				border: 0;
				outline: .2rem solid #DB2779;
				outline-offset: -.2rem;
			}
			html.touch select,
			html.touch input,
			html.touch textarea {
				-webkit-appearance: none;
			}
			html.touch input[type=radio] {
				-webkit-appearance: radio;
			}
			html.touch input[type=checkbox] {
				-webkit-appearance: checkbox;
			}
			input.date-picker {
				box-shadow: none;
				border: .2rem solid #CCC;
				-webkit-transform: none;
					-ms-transform: none;
						transform: none;
			}
			input.date-picker.open {
				border: .2rem solid #DB2779;
			}
			input[type=radio]:focus,
			input[type=checkbox]:focus {
				border: none;
				box-shadow: none;
				-webkit-transform: translateY(0);
					-ms-transform: translateY(0);
						transform: translateY(0);
			}
			input[type=file]:focus {
				border: none;
			}
			input[type=color] {
				padding: 0;
			}
			input[disabled],
			select[disabled] {
				opacity: 0.3;
				filter: alpha(opacity=30);
			}
			textarea {
				resize: vertical;
				line-height: inherit;
				padding: .8rem 1.2rem;
				height: 12.0rem;
				display: block;
			}
	/* Errors */
	div.error {
		color: #DB2779;
		font-size: 1.2rem;
		text-align: center;
		margin-bottom: 2.0rem;
		font-weight: 700;
	}
	form li span.error {
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: top 0.3s ease;
				transition: top 0.3s ease;
	}
	input:focus ~ span.error,
	textarea:focus ~ span.error,
	select:focus ~ span.error {
		top: -.5rem;
	}
	input.date-picker ~ span.error {
		top: 0;
	}
		form li span.error span.req {
			position: absolute;
			left: -.5rem;
			top: 0;
			width: 1.0rem;
			text-align: center;
			font-size: 2.4rem;
			line-height: 4.0rem;
			color: #DB2779;
			padding-top: .6rem;
		}
		form li span.error span.msg {
			position: absolute;
			left: 1.5rem;
			bottom: -6.8rem;
			background: #DB2779;
			border-radius: .3rem;
			line-height: 2.4rem;
			white-space: nowrap;
			color: #fff;
			font-size: 1.2rem;
			padding: 0 1.5rem;
			z-index: 1;
		}
			form li span.error span.msg:after {
				content: '';
				position: absolute;
				left: 2.0rem;
				top: -.8rem;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 .8rem .8rem .8rem;
				border-color: transparent transparent #DB2779 transparent;
			}

/*
<----------------||----------------$Buttons----------------||---------------->
*/
input[type=submit], input[type=button], input[type=reset],
button, a.button, .button {
	display: inline-block;
	padding: 1.0rem 2.0rem;
	border: none;
	border-radius: .5rem;
	background: #744DC8;
	box-shadow: none;
	color: #F5F5F5;
	font-weight: 700;
	font-style: normal;
	font-size: 1.6rem;
	line-height: 1.5em;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	box-shadow: 0 .5rem 0 0 rgba(0,0,0,0.15);
	-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
			transform-origin: center bottom;
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
 	-webkit-backface-visibility: hidden;
 			backface-visibility: hidden;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover,
button:hover, a.button:hover, .button:hover {
	border: none;
	background: #5B30B7;
	color: #F5F5F5;
	box-shadow: 0 .5rem 0 0 rgba(0,0,0,0);
	-webkit-transform: scale(.97);
		-ms-transform: scale(.97);
			transform: scale(.97);
}
input[type=submit]:disabled, input[type=button]:disabled, input[type=reset]:disabled,
button:disabled, a.button:disabled, .button:disabled {
	background: #744DC8;
	opacity: .5;
	filter: alpha(opacity=50);
	box-shadow: 0 .5rem 0 0 rgba(0,0,0,0.15);
	-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
}
input[type=submit].pink, input[type=button].pink, input[type=reset].pink,
button.pink, a.pink {
	background: #E3488F;
}
input[type=submit].pink:hover, input[type=button].pink:hover, input[type=reset].pink:hover,
button.pink:hover, a.pink:hover {
	background: #DB2779;
}
input[type=submit].pink:disabled, input[type=button].pink:disabled, input[type=reset].pink:disabled,
button.pink:disabled, a.pink:disabled {
	background: #E3488F;
}
input[type=submit].red, input[type=button].red, input[type=reset].red,
button.red, a.red {
	background: #ED192D;
}
input[type=submit].red:hover, input[type=button].red:hover, input[type=reset].red:hover,
button.red:hover, a.red:hover {
	background: #ED192D;
}
input[type=submit].red:disabled, input[type=button].red:disabled, input[type=reset].red:disabled,
button.red:disabled, a.red:disabled {
	background: #ED192D;
}
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus {
	border: none;
}
:focus {
	outline: none;
}

/* Join button */
.btn-group {
	text-align: center;
	font-size: 0.01rem;
	margin-bottom: 2.0rem;
}
	.btn-group > div {
		-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
		display: inline-block;
		border-radius: .5rem;
		-webkit-transform-origin: center bottom;
			-ms-transform-origin: center bottom;
				transform-origin: center bottom;
		background: rgba(0,0,0,0.15);
	}
		.btn-group > div > button#switch-left {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			-webkit-transform: perspective(60.0rem) rotateY(30deg);
					transform: perspective(60.0rem) rotateY(30deg);
			-webkit-transform-origin: right;
				-ms-transform-origin: right;
					transform-origin: right;
		}
		.btn-group > div > button#switch-right {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
			-webkit-transform: perspective(60.0rem) rotateY(-30deg);
					transform: perspective(60.0rem) rotateY(-30deg);
			-webkit-transform-origin: left;
				-ms-transform-origin: left;
					transform-origin: left;
		}
		.btn-group > div > button#switch-left,
		.btn-group > div > button#switch-right {
			background: #fff;
			color: #744DC8;
			border: .2rem solid #744DC8;
			box-shadow: 0 0 0 black;
		}
		.btn-group > div > button#switch-left:hover,
		.btn-group > div > button#switch-right:hover {
			-webkit-transform: translateY(0) skewY(0);
				-ms-transform: translateY(0) skewY(0);
					transform: translateY(0) skewY(0);
		}
		.btn-group > div > button#switch-left.active,
		.btn-group > div > button#switch-right.active {
			background: #744DC8;
			color: #F5F5F5;
			-webkit-transform: translateY(0) skewY(0);
				-ms-transform: translateY(0) skewY(0);
					transform: translateY(0) skewY(0);
		}
		.btn-group > div > button#switch-left.active.press {
			-webkit-transform: perspective(60.0rem) rotateY(30deg);
					transform: perspective(60.0rem) rotateY(30deg);
			-webkit-transform-origin: right;
				-ms-transform-origin: right;
					transform-origin: right;
		}
		.btn-group > div > button#switch-right.active.press {
			-webkit-transform: perspective(60.0rem) rotateY(-30deg);
					transform: perspective(60.0rem) rotateY(-30deg);
			-webkit-transform-origin: left;
				-ms-transform-origin: left;
					transform-origin: left;
		}
/*Home*/
#welcome button,
#how button,
#about button,
#campuses button,
#team button {
	font-size: 2.2rem;
	background: #E3488F;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 2;
	-webkit-transform: translate(-50%,50%);
		-ms-transform: translate(-50%,50%);
			transform: translate(-50%,50%);
}
#welcome button:hover,
#how button:hover,
#about button:hover,
#campuses button:hover,
#team button:hover {
	background: #DB2779;
	-webkit-transform: translate(-50%,50%) scale(.97);
		-ms-transform: translate(-50%,50%) scale(.97);
			transform: translate(-50%,50%) scale(.97);
}

/*
<----------------||----------------$iScroll----------------||---------------->
*/
#main,
.pop,
.scroll,
#results,
#dashboard section > div,
#team > div > div {
	overflow: hidden;
	/* Prevent native touch events on Windows */
	-ms-touch-action: none;
	/* Prevent the callout on tap-hold and text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
			user-select: text;
	/* Prevent text resize on orientation change, useful for web-apps */
	-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
			text-size-adjust: none;
}
	#main > div,
	.pop > div,
	.scroll > div,
	#results > div,
	#dashboard section > div > div,
	#team > div > div > div {
		/* Prevent elements to be highlighted on tap */
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		/* Put the scroller into the HW Compositing layer right from the start */
		-webkit-transform: translateZ(0);
			-ms-transform: translateZ(0);
				transform: translateZ(0);
	}
	/*Scrollbar*/
	.iScrollVerticalScrollbar {
		width: 1.0rem !important;
		bottom: .4rem !important;
		top: .4rem !important;
		right: .4rem !important;
		padding: 0 !important;
		background: transparent !important;
		min-height: 0 !important;
	}
	#dashboard .iScrollVerticalScrollbar {
		width: .4rem !important;
		bottom: .2rem !important;
		top: .2rem !important;
		right: .2rem !important;
	}
	.dialog > div .iScrollVerticalScrollbar,
	#team .iScrollVerticalScrollbar,
	#sotm-about .iScrollVerticalScrollbar,
	#manager-about .iScrollVerticalScrollbar {
		width: .4rem !important;
		bottom: .4rem !important;
		top: .4rem !important;
		right: .4rem !important;
	}
		.iScrollIndicator {
			border: none !important;
			border-radius: .5rem !important;
			padding: 0 !important;
			margin: 0 !important;
			left: auto !important;
		}
		body.community .pop .iScrollIndicator,
		body.dashboard .pop .iScrollIndicator {
			background: rgba(255,255,255,0.5) !important;
		}

@media only screen and (max-width: 768px) {
	.iScrollVerticalScrollbar {
		width: .4rem !important;
		bottom: .2rem !important;
		top: .2rem !important;
		right: .2rem !important;
	}
}

/*
<----------------||----------------$Animations----------------||---------------->
*/
/* Fadein Animation */
@-webkit-keyframes fadeIn {
	from { opacity:0; filter: alpha(opacity=0); }
	to { opacity:1; filter: alpha(opacity=100); }
}
@keyframes fadeIn {
	from { opacity:0; filter: alpha(opacity=0); }
	to { opacity:1; filter: alpha(opacity=100); }
}

/*spin*/
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
	from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/*
<----------------||----------------$Loader----------------||---------------->
*/
.loader {
	position: absolute;
	top: 0;
	left: -100%;
	bottom: 0;
	width: 100%;
	background: #fff;
	opacity: 0;
	z-index: 10000;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.6s ease, left 0s ease 0.6s;
			transition: opacity 0.6s ease, left 0s ease 0.6s;
}
.fade .loader {
	background: rgba(255,255,255,0.5);
}
#availability .loader {
	top: 3.4rem;
}
body.dashboard section .loader {
	top: 4.0rem;
}
body.dashboard #calendar .loader > span {
	margin-top: -4.6rem;
}
.loading .loader {
	left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.6s ease, left 0s ease 0s;
			transition: opacity 0.6s ease, left 0s ease 0s;
}
	.loader > span {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 6.4rem;
		height: 6.4rem;
		font-size: 6.4rem;
		line-height: 6.4rem;
		margin: -3.2rem 0 0 -3.2rem;
		text-align: center;
		-webkit-animation: none;
				animation: none;
	}
	.loading .loader > span {
		-webkit-animation: spin 0.9s linear infinite;
				animation: spin 0.9s linear infinite;
	}
	body.dashboard section .loader > span,
	body.dashboard .pop #availability .loader > span {
		width: 3.2rem;
		height: 3.2rem;
		font-size: 3.2rem;
		line-height: 3.2rem;
		margin: -1.6rem 0 0 -1.6rem;
	}
	body.dashboard .pop .loader > span,
	body.dashboard #results .loader > span {
		width: 6.4rem;
		height: 6.4rem;
		font-size: 6.4rem;
		line-height: 6.4rem;
		margin: -3.2rem 0 0 -3.2rem;
	}
		.loader > span:after {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			content: "\eb28";
			font-family: 'csc';
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			color: #744DC8;
		}
/*search-loading*/
#sitter-search.loading .loader {
	top: 6.0rem;
	z-index: 200;
}
#results .loader {
	bottom: 3.0rem;
	right: 3.0rem;
	left: auto;
	top: auto;
	width: 3.2rem;
	height: 3.2rem;
}
	body.dashboard #results .loader > span {
		width: 3.2rem;
		height: 3.2rem;
		font-size: 3.2rem;
		line-height: 3.2rem;
		margin: -1.6rem 0 0 -1.6rem;
	}
.loading #results > div:first-child {
	opacity: 0;
	filter: alpha(opacity=0);
}
#results > div:first-child {
	opacity: 1;
	filter: alpha(opacity=100);
}
/*pop-loading*/
.pop .loader {
	background: transparent;
	top: 0;
}
.pop #availability .loader {
	background: rgba(255,255,255,0.5);
}
.pop > div > div > div,
.pop h2{
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.6s ease;
			transition: opacity 0.6s ease;
}
.pop.open > div > div > div,
.pop.open h2 {
	opacity: 1;
	filter: alpha(opacity=100);
}
.pop.loading > div > div > div,
.pop.loading h2 {
	opacity: 0;
	filter: alpha(opacity=0);
}

/*
<----------------||----------------$Global----------------||---------------->
*/
body,html{
	width: 100%;
	height: 100%;
}
body {
	background: #f5f5f5;
	-webkit-animation: fadeIn 1s;
			animation: fadeIn 1s;
}
body.dashboard {
	background: #ccc;
	overflow: hidden;
}
	#main,
	#dashboard {
		position: absolute;
		top: 6.0rem;
		bottom: 0;
		right: 0;
		left: 0;
	}
	body.home #main {
		z-index: 200;
	}
	header,
	footer,
	section {
		width: 100%;
	}
		header > div,
		footer > div,
		section > div {
			width: 96.0rem;
			margin: 0 auto;
			position: relative;
		}

/*
<----------------||----------------$Header----------------||---------------->
*/
header#header {
	background: #9025B2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
/*body.community header#header,*/
body.home header#header {
	box-shadow: 0 .5rem 0 0 rgba(0,0,0,0.15);
}
	#header > div {
		height: 4.0rem;
		line-height: 4.0rem;
		width: 100%;
	}
	body.home #header > div {
		height: 6.0rem;
		line-height: 6.0rem;
		width: 102.4rem;
	}
		#logo {
			position: absolute;
			left: 1.8rem;
			top: 0;
			-webkit-transition: left ease 0.3s, -webkit-transform ease 0.3s;
					transition: left ease 0.3s, transform ease 0.3s;
		}
			#logo > a {
				display: inline-block;
				color: #f5f5f5;
				text-indent: -999.9rem;
				background: transparent url(img/csc-logo.svg) no-repeat left scroll;
				background-size: auto 3.2rem;
				width: 11.0rem;
			}
			body.home #logo > a {
				background-size: auto 4.5rem;
				width: 15.8rem;
			}
			@media screen and (max-width: 768px) {
				#logo > a {
					background-size: auto 4.5rem;
					width: 15.8rem;
				}
			}
		nav#nav {
			position: absolute;
			right: 0;
			top: 0;
			font-size: 1.2rem;
			text-align: center;
			text-transform: uppercase;
		}
		body.home nav#nav {
			font-size: 1.4rem;
		}
			#nav > a {
				display: block;
				float: left;
				padding: 0 2.0rem;
				color: #f5f5f5;
				background: transparent;
				-webkit-transition: background 0.3s ease;
						transition: background 0.3s ease;
			}
			#nav > a:hover {
				background: #A543C4;
			}
		/*	#nav > a.current,
			#nav > a.current:hover,*/
			#nav > a.active,
			#nav > a.active:hover,
			body.community #nav > a.community,
			body.community #nav > a.coummunity:hover {
				background: #77089A;
			}

/*
<----------------||----------------$Home----------------||---------------->
*/
body.home section {
	padding: 14.0rem 0;
	position: relative;
}
	body.home section h2 {
		text-align: center;
		margin-bottom: 3.0rem;
		font-size: 5.0rem;
		text-transform: uppercase;
		font-family: 'oysterregular';
		font-weight: bold;
		line-height: 1;
		letter-spacing: .5rem;
	}

/*<----------------$Hero---------------->*/
#hero {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 80.0rem;
}
	#hero > div {
		width: 100%;
		height: 100%;
		background: #ccc url(img/masthead-home.jpg) no-repeat center scroll;
		background-size: cover;
		-webkit-transform: translateZ(0);
				transform: translateZ(0);
	}

/*<----------------$welcome---------------->*/
section#welcome {
	padding: 0;
	height: 60.0rem;
	height: -webkit-calc(100vh - 12.0rem);
	height: calc(100vh - 12.0rem);
	max-height: 60.0rem;
}
	#welcome > div {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		max-width: 96.0rem;
		height: auto;
		text-align: center;
		color: #FFF;
		display: none;
		-webkit-transform: translate(-50%,-60%);
			-ms-transform: translate(-50%,-60%);
				transform: translate(-50%,-60%);
	}
	#welcome > div.active,
	#welcome > div:nth-of-type(1) {
		display: block;
	}
		#welcome h2 {
			line-height: 1;
			font-family: 'oysterregular';
			text-transform: uppercase;
			font-weight: normal;
			font-size: 18.0rem;
			margin-bottom: 1.0rem;
		}
		#welcome p {
			font-size: 2.4rem;
			line-height: 1.5em;
			margin-bottom: 4.0rem;
			text-shadow: 0 .2rem 0 rgba(0, 0, 0, 0.15);
		}
		/*Pager*/
		ul#welcome-pager {
			position: absolute;
			left: 50%;
			bottom: 10.0rem;
			-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
					transform: translateX(-50%);
		}
			ul#welcome-pager > li {
				margin-left: 2.0rem;
				float: left;
			}
			ul#welcome-pager > li:first-child {
				margin-left: 0;
			}
				ul#welcome-pager > li > span {
					display: block;
					background-color: #9025B2;
					cursor: pointer;
					width: 2.0rem;
					height: 2.0rem;
					border-radius: 50%;
					border: .2rem solid #FFF;
					box-shadow: 0 0 0 .3rem #9025B2;
					-webkit-transition: background-color 0.3s ease;
							transition: background-color 0.3s ease;
				}
				ul#welcome-pager > li.current > span {
					background-color: #E3488F;
				}

/*<----------------$How---------------->*/
section#how {
	background: #F5F5F5;
}
	/*Steps*/
	#how > div {

	}
		#how > div > div {
			width: 32.0rem;
			float: left;
			margin: 0 0 2.0rem;
			background-color: transparent;
			background-image: url(img/how-1.svg);
			background-repeat: no-repeat;
			background-position: top center;
			background-attachment: scroll;
			background-size: 20.0rem 20.0rem;
		}
		#how > div > div:nth-of-type(2) {
			background-image: url(img/how-2.svg);
			position: relative;
		}
			#how > div > div:nth-of-type(2):before,
			#how > div > div:nth-of-type(2):after {
				content: '';
				position: absolute;
				top: 50%;
				left: 0;
				height: 80%;
				width: .4rem;
				background: #ddd;
				border-radius: .3rem;
				-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
						transform: translateY(-50%);
			}
			#how > div > div:nth-of-type(2):after {
				left: auto;
				right: 0;
			}
		#how > div > div:nth-of-type(3) {
			background-image: url(img/how-3.svg);
		}
			#how > div > div p {
				font-size: 1.8rem;
				text-align: center;
				margin: 22.0rem 3.0rem 0;
				color: #333;
			}
	/*$Faqs*/
	#how > p {
		text-align: center;
		font-size: 2.2rem;
		color: #333;
		margin: 3.0rem 0;
	}
		#how > p a {
			font-weight: 700;
		}
	.faqs-wrap {
		width: 76.0rem;
		margin: 0 auto;
		height: 0;
		overflow: hidden;
	}
	.faqs-wrap.active {
		height: auto;
		overflow: visible;
	}
		ul.faqs {
			opacity: 0;
			filter: alpha(opacity=0);
			-webkit-transition: opacity 0.6s ease;
					transition: opacity 0.6s ease;
		}
		.faqs-wrap.active ul.faqs {
			opacity: 1;
			filter: alpha(opacity=100);
		}
			.faqs li {
				position: relative;
				display: block;
				margin: 0 0 1.0rem 0;
				height: 7.0rem;
				overflow: hidden;
				background: #FFF;
				border-radius: .5rem;
				-webkit-transform: translateX(10.0rem);
					-ms-transform: translateX(10.0rem);
						transform: translateX(10.0rem);
				-webkit-transition: height 0.3s ease, -webkit-transform 0.6s ease;
						transition: height 0.3s ease, transform 0.6s ease;
			}
			.faqs li:nth-of-type(even) {
				-webkit-transform: translateX(-10.0rem);
					-ms-transform: translateX(-10.0rem);
						transform: translateX(-10.0rem);
			}
			.faqs-wrap.active .faqs li {
				-webkit-transform: translateX(0);
					-ms-transform: translateX(0);
						transform: translateX(0);
			}
			.faqs li.active {
				height: auto;
			}
				.faqs li h3 {
					position: relative;
					display: block;
					padding: 0 3.0rem;
					margin: 0;
					height: 7.0rem;
					line-height: 7.0rem;
					overflow: hidden;
					cursor: pointer;
					font-size: 1.6rem;
				}
				/*Open-Close*/
				.faqs > li h3 > span {
					display: block;
					position: absolute;
					top: 50%;
					right: 3.0rem;
					height: 2.0rem;
					width: 2.0rem;
					margin-top: -1.0rem;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
					-webkit-transition: -webkit-transform 0.3s ease;
							transition: transform 0.3s ease;
				}
				.faqs > li.active h3 > span {
					-webkit-transform: rotate(-135deg);
						-ms-transform: rotate(-135deg);
							transform: rotate(-135deg);
				}
					.faqs > li h3 > span:before,
					.faqs > li h3 > span:after {
						content: '';
						position: absolute;
						top: 50%;
						left: 0;
						margin: -.3rem 0 0 0;
						width: 2.0rem;
						height: .6rem;
						background: #ddd;
						-webkit-transition: background 0.3s ease;
								transition: background 0.3s ease;
					}
					.faqs > li h3 > span:after {
						top: 0;
						left: 50%;
						margin: 0 0 0 -.3rem;
						width: .6rem;
						height: 2.0rem;
					}
						.faqs > li:hover h3 > span:before,
						.faqs > li:hover h3 > span:after {
							background: #DB2779;
						}
						.faqs > li.active h3 > span:before,
						.faqs > li.active h3 > span:after {
							background: #DB2779;
						}
			.faqs li > div {
				padding: 0 3.0rem 2.0rem;
			}
			.faqs li.active > div {
				height: auto;
			}

/*<----------------$About---------------->*/
section#about {
	background: #ddd;
}
	/*Slides*/
	#about > div {

	}
		#about .content {
			width: 50%;
			margin-left: 50%;
		}
			#about h3 {
				font-size: 2.2rem;
				margin-bottom: 2.0rem;
				line-height: 1.5em;
				font-weight: 500;
			}
		#about #photos {
			margin-left: 0;
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 46%;
		}
			#about #photo-1 {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 30.0rem;
				border: .5rem solid #F5F5F5;
				background: #CCC url(img/about-photo-kids.jpg) no-repeat center scroll;
				background-size: cover;
				-webkit-transform: rotate(-3deg);
					-ms-transform: rotate(-3deg);
						transform: rotate(-3deg);
			}
			#about #photo-2 {
				position: absolute;
				top: 65%;
				left: 20%;
				width: 60%;
				height: 16.0rem;
				border: .5rem solid #F5F5F5;
				background: #CCC url(img/about-photo-play.jpg) no-repeat center scroll;
				background-size: cover;
				-webkit-transform: rotate(6deg);
					-ms-transform: rotate(6deg);
						transform: rotate(6deg);
			}

/*<----------------$Map---------------->*/
section#campuses {
	padding: 0;
	height: 54.0rem;
	position: relative;
}
	#campuses h2 {
		position: absolute;
		top: 16.0rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	#map {
		height: 100%;
		width: 100%;
	}
		#map img {
			max-width: none;
		}
		#map .gm-style-iw {
			padding: 1.0rem;
			text-align: center;
			line-height: 1.5em;
			font-size: 1.6rem;
			white-space: nowrap;
			font-family: 'Gotham', sans-serif;
		}
			#map .infowindow a {

			}

/*<----------------$Team---------------->*/
section#team {
	background: #ddd;
}
	#team > div {

	}
		#team > div > div {
			position: absolute;
			top: -2.0rem;
			left: -200%;
			background: #F5F5F5;
			width: 54.0rem;
			margin-left: -27.0rem;
			height: 38.0rem;
			border-radius: .5rem;
			box-shadow: 0 .5rem 0 0 rgba(0,0,0,0.15);
			opacity: 0;
			filter: alpha(opacity=0);
			z-index: 0;
			-webkit-transform: translateY(20%);
				-ms-transform: translateY(20%);
					transform: translateY(20%);
			-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease, left 0s ease 0.3s;
					transition: opacity 0.3s ease, -ms-transform 0.3s ease, left 0s ease 0.3s;
					transition: opacity 0.3s ease, transform 0.3s ease, left 0s ease 0.3s;
		}
		#team > div > div.active {
			left: 50%;
			opacity: 1;
			filter: alpha(opacity=100);
			z-index: 1;
			-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
					transform: translateY(0);
			-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease, left 0s ease 0s;
					transition: opacity 0.3s ease, -ms-transform 0.3s ease, left 0s ease 0s;
					transition: opacity 0.3s ease, transform 0.3s ease, left 0s ease 0s;
		}
			#team > div > div:before {
				content: '';
				position: absolute;
				top: 0;
				left: 1.0rem;
				right: 1.0rem;
				height: 4.0rem;
				z-index: 1;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(50%,rgba(245,245,245,1)), color-stop(100%,rgba(245,245,245,0)));
				background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,0) 100%);
				background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(245,245,245,0) 100%);
				background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,0) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00f5f5f5',GradientType=0 );
			}
			#team > div > div:after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 1.0rem;
				right: 1.0rem;
				height: 4.0rem;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0)), color-stop(50%,rgba(245,245,245,1)), color-stop(100%,rgba(245,245,245,1)));
				background: -webkit-linear-gradient(top,  rgba(245,245,245,0) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%);
				background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%);
				background: linear-gradient(to bottom,  rgba(245,245,245,0) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=0 );
			}
			#team > div > div > div {
				padding: 6.0rem;
			}
				#team > div > div > div h3 {
					text-align: center;
					font-size: 2.4rem;
					margin-bottom: 1.0rem;
					line-height: 1;
				}
				#team > div > div > div h4 {
					margin-bottom: 2.0rem;
					font-weight: 500;
					font-style: italic;
					font-size: 1.8rem;
					line-height: 1;
					text-align: center;
				}
				#team span.x {
					position: absolute;
					width: 3.2rem;
					height: 3.2rem;
					font-size: 3.2rem;
					line-height: 3.2rem;
					top: 3.0rem;
					right: 3.0rem;
					left: auto;
					margin-left: 0;
					background: transparent;
					text-align: center;
					cursor: pointer;
					opacity: 1;
					filter: alpha(opacity=100);
					color: #A543C4;
				}
		#team ul {
			width: 96.0rem;
			margin: 0 auto;
			position: relative;
			-webkit-transition: opacity 0.3s ease;
					transition: opacity 0.3s ease;
		}
		#team.show-arrows ul {
			opacity: 0.5;
			filter: alpha(opacity=50);
			pointer-events: none;
		}
			#team ul > li {
				float: left;
				width: 22.5rem;
				height: 34.0rem;
				margin-right: 2.0rem;
				margin-bottom: 2.0rem;
				border: .5rem solid #F5F5F5;
				background: #F5F5F5;
				cursor: pointer;
				position: relative;
				-webkit-transition: -webkit-transform 0.3s ease;
						transition: transform 0.3s ease;
			}
			#team ul > li:last-child {
				margin-right: 0;
			}
			#team ul > li:hover {
				-webkit-transform: scale(1.05);
					-ms-transform: scale(1.05);
						transform: scale(1.05);
			}
				#team ul > li > div {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
				}
				#team ul > li > div:first-child {
					background-color: transparent;
					background-image: none;
					background-repeat: no-repeat;
					background-position: center;
					background-attachment: scroll;
					background-size: cover;
					height: 23.0rem;
				}
				#team ul > li > div:last-child {
					padding: 3.0rem 0 0;
					text-align: center;
					top: auto;
					bottom: 0;
					height: 10.0rem;
				}
					#team ul > li > div span {
						width: 3.6rem;
						height: 3.6rem;
						position: absolute;
						top: -1.8rem;
						left: 50%;
						margin-left: -1.8rem;
						border-radius: 50%;
						background: #744DC8;
						line-height: 3.6rem;
						text-align: center;
						color: #F5F5F5;
						font-size: 1.6rem;
					}
					#team ul h4 {
						font-size: 2.0rem;
						margin-bottom: 1.0rem;
						line-height: 1;
					}
					#team ul h5 {
						font-weight: 500;
						font-style: italic;
						font-size: 1.4rem;
						line-height: 1;
					}
	/*Cycle Arrows*/
	#team span.arrow-right,
	#team span.arrow-left {
		position: absolute;
		top: 50%;
		left: 0;
		width: 4.0rem;
		height: 6.0rem;
		background: #744DC8;
		border-top-right-radius: .5rem;
		border-bottom-right-radius: .5rem;
		cursor: pointer;
		opacity: 0;
		z-index: 2;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
		-webkit-transition: opacity 0.3s ease, background 0.3s ease, width 0.3s ease;
				transition: opacity 0.3s ease, background 0.3s ease, width 0.3s ease;
	}
	#team span.arrow-right {
		left: auto;
		right: 0;
		border-radius: 0;
		border-top-left-radius: .5rem;
		border-bottom-left-radius: .5rem;
	}
	#team.show-arrows span {
		opacity: 1;
		filter: alpha(opacity=100);
	}
		#team span.arrow-right:hover,
		#team span.arrow-left:hover {
			width: 6.0rem;
		}
		#team span.arrow-right:after,
		#team span.arrow-left:after {
			content: '';
			position: absolute;
			left: 50%;
			top: 2.0rem;
			margin: 0 0 0 -.5rem;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 1.0rem 1.0rem 1.0rem 0;
			border-color: transparent #F5F5F5 transparent transparent;
		}
		#team span.arrow-right:after {
			left: auto;
			right: 50%;
			margin: 0 -.5rem 0 0;
			border-width: 1.0rem 0 1.0rem 1.0rem;
			border-color: transparent transparent transparent #F5F5F5;
		}


/*<----------------$Testimonials---------------->*/
section#testimonials {
	position: static;
	background: #744DC8;
	color: #FFF;
}
	#testimonials > div {
		position: relative;
	}
		#testimonials > div > div {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			opacity: 0;
			filter: alpha(opacity=0);
			padding: 0 0 10.6rem;
			-webkit-transform: translateY(1.0rem);
				-ms-transform: translateY(1.0rem);
					transform: translateY(1.0rem);
			-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
					transition: opacity 0.3s ease, -ms-transform 0.3s ease;
					transition: opacity 0.3s ease, transform 0.3s ease;
		}
		#testimonials > div > div.active {
			opacity: 1;
			filter: alpha(opacity=100);
			position: relative;
			-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
					transform: translateY(0);
			-webkit-transition: opacity 0.3s ease 0.3s, -webkit-transform 0s ease;
					transition: opacity 0.3s ease 0.3s, -ms-transform 0s ease;
					transition: opacity 0.3s ease 0.3s, transform 0s ease;
		}
			/*Type*/
			#testimonials p {
				font-size: 2.2rem;
				text-align: center;
				position: relative;
			}
				#testimonials p:before,
				#testimonials p:after {
					content: '';
					position: absolute;
					top: -6.0rem;
					left: -1.0rem;
					width: 6.0rem;
					height: 6.0rem;
					background: transparent url(img/66.svg) no-repeat center scroll;
					background-size: 100% auto;
				}
				#testimonials p:after {
					top: auto;
					left: auto;
					bottom: -6.0rem;
					right: -1.0rem;
					background: transparent url(img/99.svg) no-repeat center scroll;
					background-size: 100% auto;
				}
			#testimonials h4 {
				text-align: center;
				text-transform: uppercase;
				letter-spacing: .5rem;
				font-size: 1.8rem;
				margin-bottom: 2.0rem;
			}
			/*Controls*/
			#testimonials .photo,
			#testimonials .arrow-left,
			#testimonials .arrow-right {
				position: absolute;
				left: 50%;
				background-color: transparent;
				background-image: none;
				background-repeat: no-repeat;
				background-position: center;
				background-attachment: scroll;
				background-size: cover;
			}
			#testimonials .photo {
				margin-left: -5.2rem;
				width: 10.4rem;
				height: 10.4rem;
				border-radius: 50%;
				border: .4rem solid #5B30B7;
				background-image: url(img/parent-1.jpg);
			}
			#testimonials > div > div:nth-of-type(2) .photo {
				background-image: url(img/parent-2.jpg);
			}
			#testimonials > div > div:nth-of-type(3) .photo {
				background-image: url(img/parent-3.jpg);
			}
			#testimonials .arrow-left,
			#testimonials .arrow-right {
				bottom: 0;
				margin-left: -20.0rem;
				height: 10.4rem;
				width: 10.0rem;
				background-image: url(img/arrow-left.svg);
				background-size: 100% auto;
				cursor: pointer;
				-webkit-transition: -webkit-transform 0.3s ease;
						transition: -ms-transform 0.3s ease;
						transition: transform 0.3s ease;
			}
			#testimonials .arrow-right {
				background-image: url(img/arrow-right.svg);
				background-size: 100% auto;
				left: auto;
				right: 50%;
				margin-left: 0;
				margin-right: -20.0rem;
			}
				#testimonials .arrow-left:hover {
					-webkit-transform: translateX(-1.0rem);
						-ms-transform: translateX(-1.0rem);
							transform: translateX(-1.0rem);
				}
				#testimonials .arrow-right:hover {
					-webkit-transform: translateX(1.0rem);
						-ms-transform: translateX(1.0rem);
							transform: translateX(1.0rem);
				}
/*
<----------------||----------------$Dashboard----------------||---------------->
*/
section#page-view {
	padding: 10.0rem 0 6.0rem;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
	#page-view > div {
		max-width: 70.0rem;
	}

/*
<----------------||----------------$Dashboard----------------||---------------->
*/
/*Welcome*/
#welcome-parent {
	position: absolute;
	top: 4.0rem;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.75);
	display: none;
}
	#welcome-parent h1 {
		color: #FFF;
	}

/*<----------------$Side-Nav---------------->*/
#side-nav {
	background: #333;
	position: absolute;
	top: 1.0rem;
	bottom: 1.0rem;
	right: 0;
	width: 28.0rem;
	padding-top: 7.0rem;
	line-height: 1;
	border-top-left-radius: .5rem;
	border-bottom-left-radius: .5rem;
	-webkit-transform: translateX(22.0rem);
		-ms-transform: translateX(22.0rem);
			transform: translateX(22.0rem);
	-webkit-transition: -webkit-transform 0.6s ease;
			transition: -ms-transform 0.6s ease;
			transition: transform 0.6s ease;
}
#side-nav.nav-open {
	-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
			transform: translateX(0);
}
	#side-nav a {
		background: #333;
		position: relative;
		display: block;
		height: 7.0rem;
		width: 100%;
		color: #f5f5f5;
		line-height: 7.0rem;
		padding-left: 6.1rem;
		text-decoration: none;
		font-weight: 700;
		border-bottom: .1rem solid #222;
		-webkit-transition: background 0.3s ease;
				transition: background 0.3s ease;
	}
	#side-nav a:first-child {
		border-top: .1rem solid #222;
	}
	#side-nav a:hover {
		background: #222;
	}
		#side-nav a span {
			color: #f5f5f5;
			font-weight: 500;
			opacity: 0;
			filter: alpha(opacity=0);
			-webkit-transition: color 0.3s ease, opacity 0.6s ease 0s;
					transition: color 0.3s ease, opacity 0.6s ease 0s;
		}
		#side-nav a:hover span,
		#side-nav.nav-open a span {
			opacity: 1;
			filter: alpha(opacity=100);
			-webkit-transition: color 0.3s ease, opacity 0.6s ease 0.3s;
					transition: color 0.3s ease, opacity 0.6s ease 0.3s;
		}
		/* Nav Icons */
		#side-nav a span.icon {
			position: absolute;
			font-size: 3.2rem;
			top: 0;
			left: 0;
			text-align: center;
			line-height: 7.0rem;
			height: 7.0rem;
			width: 6.0rem;
			opacity: 1;
			filter: alpha(opacity=100);
		}

		/* Active Colors */
		#side-nav a[href="#calendar"].active span.icon {
			color: #E26376;
		}
		#side-nav a[href="#invoices"].active span.icon {
			color: #3BA5ED;
		}
		#side-nav a[href="#profile"].active span.icon {
			color: #4E5EB6;
		}
		#side-nav a[href="#reviews"].active span.icon {
			color: #54FBC3;
		}
		#side-nav a[href="#notifications"].active span.icon {
			color: #B05CF2;
		}
.nav-toggle {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 7.0rem;
	width: 6.0rem;
	cursor: pointer;
}
#home-nav-toggle {
	display: none;
}
	.nav-toggle > div {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 3.0rem;
		height: 2.0rem;
		margin: -1.0rem 0 0 -1.5rem;
		border-top: .4rem solid #f5f5f5;
		border-bottom: .4rem solid #f5f5f5;
	}
		.nav-toggle > div:before,
		#home-nav-toggle > div:before {
			content: '';
			position: absolute;
			top: .4rem;
			left: 0;
			width: 100%;
			height: .4rem;
			background: #f5f5f5;
		}
		.mobile-back {
			display: none;
		}

/*<----------------$Structure---------------->*/
body.dashboard #footer {
	display: none;
}
#dashboard {
	overflow: hidden;
	top: 4.0rem;
	right: 0;
}
	#dashboard > div {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 6.0rem;
		margin: .5rem;
		-webkit-transform: translateX(0) translateZ(0);
			-ms-transform: translateX(0);
				transform: translateX(0) translateZ(0);
		-webkit-transition: -webkit-transform 0.6s ease;
				transition: -ms-transform 0.6s ease;
				transition: transform 0.6s ease;
	}
	#dashboard.nav-open > div {
		-webkit-transform: translateX(-22.0rem) translateZ(0);
			-ms-transform: translateX(-22.0rem);
				transform: translateX(-22.0rem) translateZ(0);
	}
		#dashboard section {
			position: absolute;
			opacity: 0;
			filter: alpha(opacity=0);
			padding: .5rem;
			font-size: 1.2rem;
			line-height: 1.5em;
			z-index: 0;
			-webkit-transition: opacity 0.3s ease 0s, height 0.6s ease 0.6s, width 0.6s ease 0.6s, left 0.6s ease;
					transition: opacity 0.3s ease 0s, height 0.6s ease 0.6s, width 0.6s ease 0.6s, left 0.6s ease;
		}
		#dashboard section.active {
			opacity: 1;
			filter: alpha(opacity=100);
			z-index: 1;
			-webkit-transition: opacity 0.3s ease 0.6s, height 0.6s ease 0s, width 0.6s ease 0s, left 0.6s ease;
					transition: opacity 0.3s ease 0.6s, height 0.6s ease 0s, width 0.6s ease 0s, left 0.6s ease;
		}
			#dashboard section h3 {
				position: absolute;
				color: #222;
				color: rgba(0,0,0,0.6);
				top: 0;
				width: 100%;
				height: 4.0rem;
				margin-bottom: 0;
				line-height: 4.0rem;
				text-align: left;
				font-size: 1.8rem;
				padding-left: 2.0rem;
			}
			#dashboard section h4 {
				font-size: 1.6rem;
			}
				#dashboard section h3 span {
					position: absolute;
					top: 0;
					right: 0;
					width: 4.0rem;
					text-align: center;
					font-size: 1.6rem;
					line-height: 4.0rem;
					cursor: pointer;
					z-index: 2;
					border-left: .2rem solid #333;
					border-left: .2rem solid rgba(0,0,0,0.1);
				}
				#dashboard.noclose section h3 span.close {
					display: none;
				}
				#dashboard section span#views {
					position: absolute;
					top: 0;
					right: 8.0rem;
					height: 4.0rem;
				}
				#dashboard.noclose section h3 span.edit,
				#dashboard.noclose section span#views {
					right: 4.0rem;
				}
				#dashboard.noclose section h3 span.edit,
				#dashboard.noclose section h3 span.expand,
				#dashboard.noclose section h3 span.contract {
					right: 0;
				}
				#dashboard.noclose section#notifications h3 span.close {
					display: block;
				}
				#dashboard.noclose section#notifications h3 span.edit {
					right: 4.0rem;
				}
					#dashboard section span#views span {
						display: block;
						float: left;
						padding: 0 1.0rem;
						border-left: .2rem solid #333;
						border-left: .2rem solid rgba(0,0,0,0.1);
						cursor: pointer;
						text-transform: uppercase;
						font-weight: 700;
						font-size: 1.2rem;
						line-height: 4.0rem;
						color: #222;
						color: rgba(0,0,0,0.6);
						background: transparent;
						-webkit-transition: background 0.3s ease, border 0.3s ease;
								transition: background 0.3s ease, border 0.3s ease;
					}
					#dashboard section span#views span.active {
						background: #F9BAC4;
						border-color: transparent;
					}
				#dashboard section h3 span.edit,
				#dashboard section h3 span.expand,
				#dashboard section h3 span.contract {
					right: 4.0rem;
				}
				#dashboard section h3 span.earnings {
					width: 40%;
					right: 4.0rem;
					padding-right: 1.0rem;
					text-align: right;
					border-left: none;
					cursor: default;
					opacity: 1;
					filter: alpha(opacity=100);
					-webkit-transition: opacity 0.6s ease 0.6s;
							transition: opacity 0.6s ease 0.6s;
				}
					#dashboard section h3 span.earnings > span {
						position: relative;
						font-weight: 500;
						border-left: none;
						cursor: default;
					}
				#dashboard section h3 span.earnings.hide{
					opacity: 0;
					filter: alpha(opacity=0);
				}
				#dashboard section h3 span.contract {
					display: none;
				}
				#dashboard section.max h3 span.contract {
					display: block;
				}
				#dashboard section.max h3 span.expand {
					display: none;
				}
			#dashboard section > div {
				background: #fff;
				position: relative;
				width: 100%;
				height: 100%;
				border-radius: .5rem;
				z-index: 1;
				/* Safari border-radius fix */
				-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
			}
				#dashboard section > div > div {
					border-top: 4.0rem solid transparent;
					position: relative;
				}
				#dashboard section#calendar > div > div {
					padding: 1.5rem 1.5rem 7.0rem;
				}
				#dashboard section#invoices > div > div,
				#dashboard section#reviews > div > div,
				#dashboard section#notifications > div > div {
					border-top: 7.0rem solid transparent;
				}
				#dashboard .thead {
					position: absolute;
					top: 4.0rem;
					left: 0;
					right: 0;
					height: 3.0rem;
					background: #ddd;
				}
				#dashboard #invoices .thead {
					background: #90CBF6;
				}
				#dashboard #reviews .thead {
					background: #B7FEE7;
				}
				#dashboard #notifications .thead {
					background: #DEB7FB;
				}
					#dashboard .thead > span {
						display: block;
						float: left;
						height: 3.0rem;
						line-height: 3.0rem;
						text-align: center;
						font-weight: 700;
						font-size: 1.2rem;
						text-transform: uppercase;
						border-left: .1rem solid #333;
						border-left: .1rem solid rgba(0,0,0,0.1);
					}
					#dashboard .thead > span:first-child {
						border-left: none;
					}
						#dashboard #invoices .thead > span {
							width: 33.333%;
						}
						#dashboard #reviews .thead > span {
							width: 50%;
						}
						#dashboard #notifications .thead > span {
							width: 70%;
						}
						#dashboard #notifications .thead > span:first-child {
							width: 30%;
						}
				#dashboard table.dash {
					width: 100%;
					table-layout: fixed;
				}
					#dashboard table.dash thead tr {
						background: #F5F5F5;
					}
						#dashboard table.dash thead tr th {
							position: relative;
						}
							#dashboard table.dash thead tr th span {
								position: absolute;
								left: 0;
								top: -3.0rem;
								height: 3.0rem;
								line-height: 3.0rem;
								visibility: hidden;
							}
					#dashboard table.dash tr td {
						background: #fff;
						border-left: .1rem solid #ddd;
						border-bottom: .1rem solid #ddd;
					}
					#dashboard table.dash tr td:first-child {
						border-left: none;
					}
					#dashboard table.dash tr:nth-of-type(even) td {
						background: #f5f5f5;
					}
						#dashboard table.dash tr td {
							padding: 1.0rem .5rem;
							text-align: center;
							min-width: 5.0rem;
						}
						#dashboard table.dash tr td.loadmore {
							text-align: center;
							font-weight: bold;
							color: #9025B2;
						}
						#dashboard table.dash tr td.nodata {
							text-align: center;
							font-weight: bold;
						}
						#dashboard #notifications table.dash tr td.sub {
							text-align: left;
							padding: 1.0rem 2.0rem 1.0rem 1.0rem;
						}
						#dashboard #invoices table.dash tr td {
							width: 33.333%;
						}
						#dashboard #invoices table.dash tr td.status {
							text-transform: capitalize;
						}
						#dashboard #reviews table.dash tr td {
							width: 50%;
						}
						#dashboard #notifications table.dash tr td {
							width: 70%;
						}
						#dashboard #notifications table.dash tr td:first-child {
							width: 30%;
						}
							#dashboard img {
								border-radius: 50%;
							}
							#dashboard td img {
								width: 5.0rem;
								height: 5.0rem;
							}
				/* Full Calendar */
				.fc .fc-toolbar > * > * {
					float: none;
				}
				.fc th {
					padding: .6rem 0;
				}
				#dashboard .fc .fc-toolbar h2 {
					font-size: 2.0rem;
					line-height: 1;
					font-weight: 500;
					margin: 0;
				}
				#dashboard .fc .fc-toolbar {
					position: relative;
				}
					#dashboard .fc .fc-toolbar button {
						text-shadow: none;
						box-shadow: none;
						border: none;
						text-transform: uppercase;
					}
					#dashboard .fc .fc-toolbar .fc-right button,
					#dashboard .fc .fc-toolbar .fc-left button {
						position: absolute;
						top: 50%;
						left: 0;
						margin-top: -1.2rem;
						height: 2.4rem;
						width: 2.4rem;
						line-height: 2.4rem;
						padding: 0;
						font-size: 1.2rem;
						color: #222;
						background: #eee;
						border: .1rem solid #ddd;
						border-radius: 50%;
						-webkit-transition: background 0.3s ease;
								transition: background 0.3s ease;
					}
					#dashboard .fc .fc-toolbar .fc-right button {
						left: auto;
						right: 0;
					}
					#dashboard .fc .fc-toolbar .fc-right button:hover,
					#dashboard .fc .fc-toolbar .fc-left button:hover {
						background: #ddd;
						color: #222;
					}
				#dashboard .fc .fc-toolbar .fc-center {
					position: relative;
				}
					#dashboard .fc .fc-toolbar .fc-center button {
						position: absolute;
						top: 0;
						left: 0;
						height: 4.0rem;
						width: 100%;
						text-indent: -999.9rem;
						background: none;
					}
				#dashboard .fc .fc-toolbar button.fc-state-active {
					background: #E26376;
					color: #f5f5f5;
				}
				.fc-view .fc-day-header {
					background: #f5f5f5;
				}
				.fc button .fc-icon {
					position: absolute;
					top: 0;
					left: 0;
					margin: 0;
					width: 2.4rem;
					height: 2.4rem;
				}
				.fc button .fc-icon-right-single-arrow {
					left: auto;
					right: 0;
				}
					.fc button .fc-icon:after {
						position: absolute;
						top: 0;
						left: 50%;
						width: 1.4rem;
						margin-left: -.8rem;
						height: 100%;
						text-align: center;
						line-height: 2.1rem;
					}
					.fc button .fc-icon-right-single-arrow:after {
						margin-left: -.5rem;
						margin-top: -.1rem;
					}
				.fc-event {
					border: 0 solid transparent !important;
					cursor: pointer;
					padding: 1.0rem;
				}
				.fc-event.selected-timeslot {
					background: #E34890;
					/*box-shadow: inset 0 0 0 .2rem #E34890;*/
				}
				.fc-event.booking_status_available {
					background-color: blue;
					background-color: #1A659E;
				}
				.fc-event.booking_status_requested {
					background-color: orange;
					background-color: #F5831A;
				}
				.fc-event.booking_status_accepted {
					background-color: green;
					background-color: #13B053;
				}
				.fc-event.booking_status_completed {
					background-color: blue;
					background-color: #1A659E;
				}
				.sitter .fc-event.booking_status_completed {
					background-color: gray;
				}
				.fc-event.booking_status_approved {
					background-color: gray;
				}
				.fc-event.booking_status_canceled,
				.fc-event.booking_status_declined {
					background-color: #ED192D;
				}
			/* Modules */
			#calendar {
				top: 0;
				left: 0;
				width: 45%;
				height: 70%;
			}
				#calendar > button {
					position: absolute;
					left: 50%;
					bottom: 2.0rem;
					width: 80%;
					z-index: 300;
					-webkit-transform: translateX(-50%) translateZ(0);
						-ms-transform: translateX(-50%) translateZ(0);
							transform: translateX(-50%) translateZ(0);
				}
				#calendar > button:hover {
					    -webkit-transform: translateX(-50%) translateZ(0) scale(.97);
					    -ms-transform: translateX(-50%) translateZ(0) scale(.97);
					    transform: translateX(-50%) translateZ(0) scale(.97);
				}
					#calendar:after {
						content: '';
						position: absolute;
						bottom: .5rem;
						left: 1.5rem;
						right: 1.5rem;
						height: 4.0rem;
						z-index: 200;
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
						background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
						background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
						background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=0 );
					}
			#invoices {
				bottom: 0;
				left: 0;
				width: 45%;
				height: 30%;
			}
				#invoices table tr {
					cursor: pointer;
				}
			#profile {
				top: 0;
				left: 45%;
				width: 30%;
				height: 50%;
			}
				#profile h4 {
					background: #4E5EB6;
					text-align: center;
					margin-bottom: 0;
				}
				#profile table.dash thead tr {
					background: #A0AAE4;
				}
					#profile table.dash thead tr th {
						height: 3.0rem;
						text-transform: uppercase;
						border-left: .1rem solid #333;
						border-left: .1rem solid rgba(0,0,0,0.1);
					}
				#profile table.dash thead tr th:first-child {
					border-left: none;
				}
				#profile h4 {
					background: #A0AAE4;
					margin-bottom: 1.5rem;
					text-transform: uppercase;
					font-size: 1.2rem !important;
				}
				#profile .about {
					padding: 0 1.5rem 1.5rem;
				}
				#profile .info {
					position: relative;
					padding: 1.5rem;
					height: 13.0rem;
					line-height: 1.5em;
				}
					#profile .info > div {
						margin-left: 11.0rem;
						margin-top: 1.0rem;
					}
						#profile .info h5 {
							font-size: 1.4rem;
						}
						#profile .info img {
							width: 10.0rem;
							height: 10.0rem;
							position: absolute;
						}

			#reviews {
				bottom: 0;
				left: 45%;
				width: 30%;
				height: 50%;
			}
				#reviews table tr {
					cursor: pointer;
				}
			#notifications {
				top: 0;
				right: 0;
				width: 25%;
				height: 100%;
			}
				#notifications table tr {
					cursor: pointer;
				}
				#notifications ul li {
					padding: 1.0rem 1.5rem;
				}
				#notifications ul li:nth-of-type(even) {
					background: #f5f5f5;
				}
					#notifications ul li > span {
						margin-right: .5rem;
						font-weight: 700;
					}

			/* Calendar */
			#dashboard.calendar #calendar {
				height: 100%;
				width: 100%;
			}
			#dashboard.calendar.invoices #calendar {
				height: 70%;
			}
			#dashboard.profile.notifications #calendar,
			#dashboard.reviews.notifications #calendar {
				width: 45%;
			}
			#dashboard.profile #calendar,
			#dashboard.reviews #calendar {
				width: 65%;
			}
			#dashboard.notifications #calendar {
				width: 75%;
			}
			/* Invoices */
			#dashboard.invoices #invoices {
				height: 100%;
				width: 100%;
			}
			#dashboard.calendar.invoices #invoices {
				height: 30%;
			}
			#dashboard.profile.notifications #invoices,
			#dashboard.reviews.notifications #invoices {
				width: 45%;
			}
			#dashboard.profile #invoices,
			#dashboard.reviews #invoices {
				width: 65%;
			}
			#dashboard.notifications #invoices {
				width: 75%;
			}
			/* Profile */
			#dashboard.profile #profile {
				left: 0;
				height: 100%;
				width: 100%;
			}
			#dashboard.profile.reviews #profile {
				height: 50%;
			}
			#dashboard.calendar.notifications #profile,
			#dashboard.invoices.notifications #profile {
				left: 45%;
				width: 30%;
			}
			#dashboard.calendar #profile,
			#dashboard.invoices #profile {
				left: 65%;
				width: 35%;
			}
			#dashboard.notifications #profile {
				left: 0;
				width: 75%;
			}
			/* Reviews */
			#dashboard.reviews #reviews {
				left: 0;
				height: 100%;
				width: 100%;
			}
			#dashboard.profile.reviews #reviews {
				height: 50%;
			}
			#dashboard.calendar.notifications #reviews,
			#dashboard.invoices.notifications #reviews {
				left: 45%;
				width: 30%;
			}
			#dashboard.calendar #reviews,
			#dashboard.invoices #reviews {
				left: 65%;
				width: 35%;
			}
			#dashboard.notifications #reviews {
				left: 0;
				width: 75%;
			}

	/* Section Backgrounds */
	#dashboard section#calendar > div > h3 {
		background: #E26376;
	}
	#dashboard section#invoices > div > h3 {
		background: #3BA5ED;
	}
	#dashboard section#profile > div > h3 {
		background: #4E5EB6;
	}
	#dashboard section#reviews > div > h3 {
		background: #54FBC3;
	}
	#dashboard section#notifications > div > h3 {
		background: #B05CF2;
	}

/*
<----------------||----------------$Sitter-Search----------------||---------------->
*/
#sitter-search {
	background: #fff;
	position: absolute;
	top: 4.0rem;
	right: auto;
	left: -100%;
	bottom: 0;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	margin: 0;
	-webkit-transform: none;
		-ms-transform: none;
			transform: none;
	-webkit-transition: opacity 0.3s ease, left 0s ease 0.3s;
			transition: opacity 0.3s ease, left 0s ease 0.3s;
}
#sitter-search.open {
	opacity: 1;
	filter: alpha(opacity=100);
	left: 0;
	-webkit-transform: none;
		-ms-transform: none;
			transform: none;
	-webkit-transition: opacity 0.3s ease, left 0s ease 0s;
			transition: opacity 0.3s ease, left 0s ease 0s;
}
	#sitter-search > div {
		position: relative;
		width: 100%;
		height: 100%;
	}
/* Filter */
#filter {
	position: absolute;
	top: 0;
	left: 0;
	background: #E3488F;
	height: 6.0rem;
	width: 100%;
	z-index: 300;
}
	#filter > div {
		width: 100%;
		height: 100%;
		padding: 0;
	}
	#filter > div > form {
		width: 100%;
		height: 100%;
		padding: 0;
	}
		#filter form ul {
			margin: 0;
		}
			#filter form > ul > li {
				float: left;
				position: relative;
				padding: 0;
				margin-bottom: 0;
				border-right: .2rem solid rgba(0,0,0,0.1);
			}
				#filter li.cleardates span {
					color: #ED192D;
					display: block;
					text-align: center;
					font-size: 1.4rem;
					font-weight: bold;
					width: 100%;
					cursor: pointer;
				}
			#filter .searchbox {
				float: left;
				padding: 1.0rem 1.8rem;
				width: 36.0rem;
				border-right: .2rem solid rgba(0,0,0,0.1);
			}
				#filter .searchbox input {
					border: none;
					background: rgba(255,255,255,0.6);
					border-radius: .3rem;
				}
				#filter .searchbox input:focus {
					-webkit-transform: none;
						-ms-transform: none;
							transform: none;
					box-shadow: none;
				}
				#filter form > ul > li > span {
					position: relative;
					display: block;
					line-height: 6.0rem;
					padding: 0 2.0rem 0 3.8rem;
					color: #f5f5f5;
					cursor: pointer;
					-webkit-transform: translateZ(0);
							transform: translateZ(0);
				}
					#filter form > ul > li > span:after {
						content: '';
						position: absolute;
						top: 50%;
						left: 1.8rem;
						margin-top: -.6rem;
						border-style: solid;
						border-width: .6rem 0 .6rem 1.0rem;
						border-color: transparent transparent transparent #f5f5f5;
						-webkit-transition: -webkit-transform 0.3s ease;
								transition: transform 0.3s ease;
					}
					#filter form > ul > li:hover > span:after {
						-webkit-transform: rotate(90deg);
							-ms-transform: rotate(90deg);
								transform: rotate(90deg);
					}
				#filter form > ul > li:first-child > span {
					padding: 0 2.0rem;
				}
					#filter form > ul > li:first-child > span:after {
						display: none;
					}
				#filter form > ul > li > ul.dropdown {
					position: absolute;
					top: -60.0rem;
					left: -.2rem;
					opacity: 0;
					filter: alpha(opacity=0);
					width: 30.0rem;
					padding: 2.0rem 2.0rem 1.0rem;
					background: #f5f5f5;
					border-bottom-left-radius: .5rem;
					border-bottom-right-radius: .5rem;
					border: .2rem solid rgba(0,0,0,0.15);
					border-top: none;
					-webkit-transition: opacity 0.3s ease, top 0s ease 0.3s;
							transition: opacity 0.3s ease, top 0s ease 0.3s;
				}
				#filter form > ul > li:hover > ul.dropdown,
				#filter form > ul > li > ul.dropdown.invalid {
					top: 6.0rem;
					opacity: 1;
					filter: alpha(opacity=100);
					-webkit-transition: opacity 0.3s ease, top 0s ease 0s;
							transition: opacity 0.3s ease, top 0s ease 0s;
				}
				#filter form > ul > li > ul.dropdown.right {
					left: auto;
					right: -.2rem;
				}
				/* Date / Time picker */
				#filter .booking .time-input tr.text-center td:first-child {
					left: 6.5rem;
				}
				#filter .booking .time-input tr.text-center td {
					left: 17.5rem;
				}
				#filter .booking .time-input td.form-group {
					width: 10.0rem !important;
				}
				#filter .booking .time-input tr td input {
					width: 6.5rem;
				}

/* Results */
#results {
	position: absolute;
	top: 6.0rem;
	bottom: 0;
	width: 100%;
}
	#results > div:first-child {
		position: relative;
		margin: 0 auto;
		width: 100%;
	}
		#results > div:first-child > div {
			padding: 3.0rem;
		}
			#results .sitter {
				position: relative;
				float: left;
				width: 33%;
			}
			#results .sitter:nth-of-type(3n+2) {
				width: 34%;
			}
				#results .sitter > div {
					cursor: pointer;
					margin: 1.0rem;
					padding: 1.0rem;
					min-height: 14.0rem;
				}
				#results > div > div:nth-child(3n+4){
					clear: both;
				}
				#results .sitter img {
					position: absolute;
					top: 2.0rem;
					left: 2.0rem;
					width: 10.0rem;
					height: 10.0rem;
					border-radius: 50%;
					-webkit-transition: -webkit-transform 0.3s ease;
							transition: -ms-transform 0.3s ease;
					        transition: transform 0.3s ease;
				}
				#results .sitter:hover img {
					-webkit-transform: scale(1.05);
					    -ms-transform: scale(1.05);
					        transform: scale(1.05);
				}
				#results .sitter .info {
					margin-left: 11.0rem;
				}
					#results .sitter > div .info h5 {
						-webkit-transition: color 0.3s ease;
								transition: color 0.3s ease;
					}
					#results .sitter > div:hover .info h5 {
						color: #9025B2;
					}
					#results .sitter .info span {
						font-size: 1.4rem;
					}
				#results > div > div .rating {
					font-size: 1.4rem;
				}
		#results #no-results {
			padding: 5.0rem;
		}
			#results #no-results > div {
				padding: 0 !important;
			}
#close-sitter-search {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 2.0rem;
	line-height: 6.0rem;
	color: #f5f5f5;
	cursor: pointer;
	border-left: .2rem solid rgba(0,0,0,0.1);
	z-index: 400;
}

/*
<----------------||----------------$Communities----------------||---------------->
*/
body.community #main {
	top: 4.0rem;
}
	#community {

	}
		section#masthead {
			background: #444;
		}
			#masthead > div {
				position: relative;
				width: 100%;
				background: transparent no-repeat bottom center scroll;
				background-size: cover;
			}
				#masthead > div:before {
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: rgba(0,0,0,0.3);
				}
				#masthead h1 {
					position: relative;
					color: #fff;
					line-height: 35.0rem;
					font-family: 'oysterregular';
					font-weight: normal;
					text-transform: uppercase;
					font-size: 18.0rem;
					text-align: center;
					margin-bottom: 0;
				}
		#manager-about,
		#sotm-about {
			position: absolute;
			left: -100%;
			top: 4.0rem;
			bottom: 0;
			width: 100%;
			opacity: 0;
			filter: alpha(opacity=0);
			-webkit-transition: opacity 0.3s ease, left 0s ease 0.3s;
					transition: opacity 0.3s ease, left 0s ease 0.3s;
		}
		#manager-about.active,
		#sotm-about.active {
			left: 0;
			opacity: 1;
			filter: alpha(opacity=100);
			-webkit-transition: opacity 0.3s ease, left 0s ease 0s;
					transition: opacity 0.3s ease, left 0s ease 0s;
		}
			#manager-about > div,
			#sotm-about > div {
				background: #f5f5f5;
				position: absolute;
				left: 50%;
				top: 50%;
				width: 50.0rem;
				max-height: 50.0rem;
				margin-left: -25.0rem;
				border-radius: .5rem;
				box-shadow: 0 .5rem 0 0 rgba(0,0,0,0.15);
				-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
						transform: translateY(-50%);
			}
				#manager-about > div > div,
				#sotm-about > div > div {
					padding: 6.0rem;
				}
				#manager-about > div:before,
				#sotm-about > div:before {
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					right: 1.0rem;
					left: 1.0rem;
					height: 4.0rem;
					z-index: 1;
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(50%,rgba(245,245,245,1)), color-stop(100%,rgba(245,245,245,0)));
					background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,0) 100%);
					background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(245,245,245,0) 100%);
					background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,0) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00f5f5f5',GradientType=0 );
				}
				#manager-about > div:after,
				#sotm-about > div:after {
					content: '';
					position: absolute;
					bottom: 0;
					left: 0;
					right: 1.0rem;
					left: 1.0rem;
					height: 4.0rem;
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0)), color-stop(50%,rgba(245,245,245,1)), color-stop(100%,rgba(245,245,245,1)));
					background: -webkit-linear-gradient(top,  rgba(245,245,245,0) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%);
					background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%);
					background: linear-gradient(to bottom,  rgba(245,245,245,0) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=0 );
				}
			#manager-about h3,
			#sotm-about h3 {
				text-align: center;
			    font-size: 2.4rem;
			    margin-bottom: 1.0rem;
			    line-height: 1;
			}
			#manager-about h4,
			#sotm-about h4 {
				margin-bottom: 2.0rem;
			    font-weight: 500;
			    font-style: italic;
			    font-size: 1.8rem;
			    line-height: 1;
			    text-align: center;
			}
		.close-manager-about,
		.close-sotm-about {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background: #000;
			background: rgba(0,0,0,0.3);
		}
		.close-manager-about.x,
		.close-sotm-about.x {
			position: absolute;
			width: 3.2rem;
			height: 3.2rem;
			font-size: 3.2rem;
			line-height: 3.2rem;
			top: 3.0rem;
			right: 3.0rem;
			left: auto;
			margin-left: 0;
			background: transparent;
			text-align: center;
			cursor: pointer;
			opacity: 1;
			filter: alpha(opacity=100);
			color: #A543C4;
		}
		/* Sitter of the Month */
		section#sotm {
			background: #ddd;
			position: relative;
		}
			#sotm > div {
				padding: 8.0rem 0 7.0rem;
				text-align: center;
			}
				#sotm img {
					position: absolute;
					background: #ddd;
					top: -6.0rem;
					left: 50%;
					width: 12.0rem;
					height: 12.0rem;
					margin-left: -6.0rem;
					border: .4rem solid #ccc;
					border-radius: 50%;
				}
				#sotm h3 {
					font-weight: 500;
				}
					#sotm h3 > span {
						font-weight: 700;
					}
				#sotm h4 {
					font-weight: 500;
				}
				#sotm > div > div p {
					font-size: 1.8rem;
				}
		/* News & Events */
		section#news-events {
			padding: 14.0rem 0;
		}
			#news-events > div > div {
				width: 50%;
				float: left;
				padding: 0 3.0rem;
			}
				#news-events h2 {
					text-align: center;
					margin-bottom: 3.0rem;
					font-size: 5.0rem;
					text-transform: uppercase;
					font-family: 'oysterregular';
					font-weight: bold;
					line-height: 1;
					letter-spacing: .5rem;
				}
					#news h3 {
						margin-bottom: 2.0rem;
					}
						#news h3 > span {
							font-weight: 500;
						}
					#news p {
						margin-bottom: 0;
						font-size: 1.8rem;
					}
				/* Events */
				#events .event {
					position: relative;
					display: block;
					background: #fff;
					border-radius: .5rem;
					margin-top: 2.0rem;
					cursor: pointer;
					min-height: 8.0rem;
				}
				#events .event:first-child {
					margin-top: 0;
				}
					#events .event .date {
						float: left;
						margin: 1.0rem;
						background: #fff;
						border-top-left-radius: .5rem;
						border-bottom-left-radius: .5rem;
						text-align: center;
						line-height: 1;
					}
						#events .event .date > div {
							border: .2rem solid #9025B2;
							border-radius: .5rem;
							padding: .5rem 1.0rem;
							color: #222;
						}
					#events .event .date span {
						display: block;
						font-size: 1.4rem;
						line-height: 1;
						text-transform: uppercase;
					}
					#events .event .date span.month {

					}
					#events .event .date span.day {
						font-size: 2.0rem;
						font-weight: 700;
					}
					#events .event .date span.year {

					}
					#events .event .content {
						float: left;
						color: #222;
					}
						#events .event .content h3 {
							color: #C4035B;
							padding: 1.5rem 0 .5rem;
							margin-bottom: 0;
						}
						#events .event .content span {
							font-size: 1.4rem;
						}
		/* Manager */
		section#manager {
			background: #ddd;
		}
			#manager > div {
				padding: 7.0rem 0;
			}
				#manager img {
					position: absolute;
					width: 16.0rem;
					height: 16.0rem;
					border-radius: 50%;
					margin-right: 2.0rem;
					border: .4rem solid #F5F5F5;
					background: #F5F5F5;
				}
				#manager > div > div {
					margin-left: 18.0rem;
					font-size: 1.8rem;
				}
					#manager h3 {
						margin-bottom: 2.0rem;
						line-height: 1;
					}
						#manager h3 > span {
							font-weight: 500;
						}

/*
<----------------||----------------$Pops----------------||---------------->
*/
.pop {
	position: absolute;
	top: 4.0rem;
	bottom: 0;
	left: -100%;
	width: 100%;
	opacity: 0;
	z-index: 600;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.3s ease, left 0s ease 0.3s;
			transition: opacity 0.3s ease, left 0s ease 0.3s;
}
body.home .pop {
	top: 6.0rem;
}
#events-view.pop {
	z-index: 10000;
}

#book-sitter {
	z-index: 1;
}
#sitter-search {
	z-index: 2;
}
#sitter-profile {
	z-index: 3;
}
.pop.open {
	opacity: 1;
	filter: alpha(opacity=100);
	left: 0;
	-webkit-transition: opacity 0.3s ease, left 0s ease 0s;
			transition: opacity 0.3s ease, left 0s ease 0s;
}
	.pop h2 {
		padding: 2.0rem 5.0rem;
		background: #5B30B7;
		color: #f5f5f5;
		margin-bottom: 0;
	}
	.pop span.close {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #000;
		background: rgba(0,0,0,0.6);
	}
	.pop .pop-bg {
		background: #f5f5f5;
		position: absolute;
		left: 50%;
		width: 70.0rem;
		height: 100%;
		margin-left: -35.0rem;
	}
	.pop > div {
		min-height: 100%;
	}
		.pop > div > div {
			position: relative;
			left: 50%;
			width: 70.0rem;
			margin-left: -35.0rem;
		}
			.pop > div > div > div {
				padding: 5.0rem;
			}
			#events-view.pop .content > div {
				position: absolute;
				left: -100%;
				top: 0;
				width: 100%;
				display: none;
			}
			#events-view.pop .content > div.active {
				left: 0;
				display: block;
				position: relative;
			}
		.pop span.close.x {
			position: absolute;
			width: 5.0rem;
			height: 5.0rem;
			line-height: 5.0rem;
			top: 10.0rem;
			left: 50%;
			margin-left: 35.0rem;
			background: #ccc;
			text-align: center;
			cursor: pointer;
			border-top-right-radius: .5rem;
			border-bottom-right-radius: .5rem;
		}
		/* Next-Prev-Arrows */
		.next,
		.prev {
			background: #ccc;
			position: absolute;
			left: 50%;
			bottom: 50%;
			width: 5.0rem;
			height: 5.0rem;
			margin-bottom: -2.5rem;
			font-size: 2.2rem;
			text-align: center;
			line-height: 5.0rem;
			cursor: pointer;
		}
		.next {
			margin-left: 35.0rem;
			border-top-right-radius: .5rem;
			border-bottom-right-radius: .5rem;
		}
		.prev {
			margin-left: -40.0rem;
			border-top-left-radius: .5rem;
			border-bottom-left-radius: .5rem;
		}

/*<----------------$Booking---------------->*/
.booking {

}
	.booking h2 {
		position: relative;
	}
	.booking h3 {
		margin-bottom: 2.0rem;
	}
	.booking h2.requested {
		background-color: #F5831A;
	}
	.booking h2.accepted {
		background-color: #13B053;
	}
	.booking h2.declined {
		background-color: #ED192D;
	}
	.booking h2.canceled {
		background-color: #ED192D;
	}
	.booking h2.completed {
		background-color: #1A659E;
	}
	.sitter .booking h2.completed {
		background-color: gray;
	}
	.booking h2.approved {
		background-color: gray;
	}
	.booking h2 span.status {
		float: right;
		font-size: 1.6rem;
		line-height: 8.0rem;
		text-transform: capitalize;
		padding: 0 4.0rem;
		background: rgba(0,0,0,0.1);
		position: absolute;
		top: 0;
		right: 0;
	}
	.booking form .button {
		line-height: 4.0rem;
		padding: 0 2.0rem;
	}
	.booking ul ul.sub {
		margin: 0 -.5rem;
	}
	.booking ul.choose-sitter {
		margin-bottom: 0;
	}
		.booking ul ul,
		.booking ul ul.sub li,
		.booking ul li.children li,
		.booking ul.choose-sitter li li {
			margin-bottom: 0;
		}
		.booking ul.choose-sitter li li {
			float: left;
		}
			.booking ul.choose-sitter li li.favorites {
				max-width: 70%;
			}
			.booking ul.choose-sitter li li.book.favs {
				height: 90px;
				padding-top: 23px;
			}
			.booking ul.choose-sitter li li.favorites img {
				display: block;
				width: 9.0rem;
				height: 9.0rem;
				float: left;
				margin: 0 .5rem 1.0rem;
				border-radius: 50%;
				cursor: pointer;
			}
			.booking ul.choose-sitter li li.favorites img:nth-of-type(4n+1) {
				margin-left: 0;
			}
			.booking ul.choose-sitter  li span.or {
				margin-right: 1.0rem;
			}
	.booking ul li.children {
		margin-bottom: 3.0rem;
	}
		.booking ul li.children li {
			float: left;
			margin-left: .5rem;
		}
		.booking ul li.children li:first-child {
			margin-left: 0;
		}
		.booking .booking-info > div > div {
			width: 50%;
			float: left;
			padding-left: 1.5rem;
		}
		.booking .booking-info > div > div:first-child {
			padding-left: 0;
			padding-right: 1.5rem;
		}
		.booking .booking-info > .special {
			clear: both;
			padding-top: 1.0rem;
		}
		.booking .booking-info .child-hours {
			margin-bottom: 1em;
		}
			.booking .booking-info .child-hours th {
				text-align: left;
				padding-right: 1.0rem;
			}
	.booking .children {

	}
		.booking .children > div {
			position: relative;
			min-height: 10.0rem;
			margin-bottom: 2.0rem;
		}
			.booking .children > div > img {
				position: absolute;
				left: 0;
				width: 10.0rem;
				border-radius: 50%;
			}
			.booking .children > div > div {
				margin-left: 12.0rem;
			}
				.booking .children h4 {
					margin-bottom: 0;
					font-size: 1.8rem;
				}
	.booking .notes {

	}
		.notes .small {
			font-style: italic;
			font-size: 1.4rem;
			margin-bottom: 2.0rem;
		}
		.notes textarea {
			margin-bottom: 2.0rem;
		}
		.notes .textarea {
			height: 12.0rem;
			border: .2rem solid #ccc;
			padding: .8rem 1.2rem;
			margin-bottom: 2.0rem;
		}
	.dialog table,
	.booking table {
		position: relative;
		table-layout: fixed;
	}
	.booking hr {
		margin: 6.0rem 0;
	}
	.booking form .dropdown-menu {
		position: absolute;
		top: 4.2rem !important;
		padding: 0;
		margin: 0;
		width: 30.0rem;
		z-index: 99999;
	}
		.booking form .dropdown-menu li {
			padding: 0;
		}
	.dialog form .dropdown-menu {
		position: absolute;
		margin: 0;
		padding: 0;
		top: 4.2rem !important;
		width: 30.0rem;
		z-index: 99999;
	}
		.dialog form .dropdown-menu li {
			padding: 0;
		}
	.dialog .parent .dropdown-menu {
		left: auto !important;
		right: .5rem !important;
	}
		.dialog .dropdown-menu table,
		.booking .dropdown-menu table {
			background: #fff;
			width: 30.0rem;
			position: relative;
			z-index: 9999;
		}
		.dialog .dropdown-menu table tbody,
		.booking .dropdown-menu table tbody {
			border: .1rem solid #ccc;
		}
			.dialog .dropdown-menu table thead th,
			.dialog .dropdown-menu table tbody td,
			.booking .dropdown-menu table thead th,
			.booking .dropdown-menu table tbody td {
				border: .1rem solid #ccc;
				text-align: center;
				position: relative;
			}
			.dialog form ul.ng-valid-date-disabled li,
			.dialog form ul.ng-alid-date li,
			.dialog form ul.ng-valid-date-disabled,
			.dialog form ul.ng-valid-date,
			.booking form ul.ng-valid-date-disabled li,
			.booking form ul.ng-alid-date li,
			.booking form ul.ng-valid-date-disabled,
			.booking form ul.ng-valid-date {
				margin-bottom: 0;
			}
			.dialog table button,
			.dialog table button:hover,
			.booking table button,
			.booking table button:hover {
				border-radius: 0;
				box-shadow: none;
				background: none;
				border: 0;
				padding: .4rem 1.2rem;
				-webkit-transform: none;
					-ms-transform: none;
						transform: none;
			}
				.dialog table button:disabled,
				.booking table button:disabled {
					opacity: .25;
				}
				.dialog table button,
				.dialog table button span,
				.booking table button,
				.booking table button span {
					color: #222;
				}
				.dialog table button.active,
				.dialog table button.active span,
				.booking table button.active,
				.booking table button.active span {
					color: #E3488F;
				}
				.dialog table .pull-right,
				.dialog table .pull-left,
				.dialog table .pull-right,
				.dialog table .pull-left {
					position: relative;
					display: block;
					height: 100%;
					width: 100%;
					padding: 0;
				}
					.dialog table .pull-right:after,
					.dialog table .pull-left:after,
					.booking table .pull-right:after,
					.booking table .pull-left:after {
						content: '';
						position: absolute;
						top: 50%;
						left: 50%;
						margin: -.5rem 0 0 -.4rem;
						width: 0;
						height: 0;
						border-style: solid;
					}
					.dialog table .pull-left:after,
					.booking table .pull-left:after {
						border-width: .5rem .8rem .5rem 0;
						border-color: transparent #222222 transparent transparent;
					}
					.dialog table .pull-right:after,
					.booking table .pull-right:after {
						border-width: .5rem 0 .5rem .8rem;
						border-color: transparent transparent transparent #222222;
					}
					/*Time Input*/
					.booking table.time-input {
						position: relative;
						top: -.2rem;
					}
					.booking ul.select-hours,
					.booking ul.select-minutes {
						display: none;
						position: absolute;
						left: 1.0rem;
						top: 4.0rem;
						width: 4.5rem;
						font-size: 1.4rem;
						line-height: .75em;
						padding: 1.0rem 0 0;
						overflow: auto;
						background: #fff;
						border: .2rem solid #ddd;
						text-align: center;
						z-index: 100;
					}
					.booking ul.select-minutes {
						left: 10.0rem;
					}
					#filter .booking ul.select-hours {
						left: .5rem;
						width: 6.5rem;
					}
					#filter .booking ul.select-minutes {
						left: 11.5rem;
						width: 6.5rem;
					}
					.booking .time-input tr.text-center {
						position: absolute;
						width: 100%;
						left: 0;
						top: 3.0rem;
					}
					.booking .time-input tr.text-center:first-child {
						top: 1.0rem;
					}
						.booking .time-input tr.text-center td {
							position: absolute;
							left: 13.5rem;
							top: -.8rem;
							width: 3.0rem;
							height: 2.0rem;
							background: #ccc;
						}
						.booking .time-input tr.text-center td[ng-show] {
							display: none;
						}
						.booking .time-input tr.text-center td:first-child {
							left: 4.5rem;
						}
							.booking .time-input tr.text-center td a,
							.booking .time-input tr.text-center td a span {
								display: block;
								width: 100%;
								height: 100%;
								text-align: center;
								line-height: 2.0rem;
								cursor: pointer;
							}
						.booking .time-input td.form-group {
							width: 8.0rem !important;
						}
							.booking .time-input tr td button,
							.booking .time-input tr td input {
								width: 4.5rem;
								margin: .2rem 3.0rem 0 .5rem;
								padding: .6rem 1.0rem;
								text-align: center;
							}
							.booking .time-input tr td:first-child input {
								margin-right: 3.5rem;
								margin-left: 0;
							}
							.booking .time-input td button.btn {
								padding: 0;
								background: #ccc;
								background: #744DC9;
								height: 4.0rem;
								width: 3.5rem;
								line-height: 4.0rem;
								text-align: center;
								font-size: 1.4rem;
								color: #fff;
								border-radius: .5rem;
								-webkit-transition: all 0.3s ease;
										transition: all 0.3s ease;
								-webkit-font-smoothing: antialiased;
								-webkit-text-size-adjust: 100%;
								box-shadow: 0 .5rem 0 0 rgba(0,0,0,0.15);
								-webkit-transform-origin: center bottom;
									-ms-transform-origin: center bottom;
										transform-origin: center bottom;
								-webkit-transform: translateZ(0);
										transform: translateZ(0);
							}
							.booking .time-input td button.btn:hover {
								box-shadow: 0 .5rem 0 0 rgba(0,0,0,0);
								-webkit-transform: scale(.97);
									-ms-transform: scale(.97);
										transform: scale(.97);
							}
							.booking .time-input .glyphicon-chevron-up:after,
							.booking .time-input .glyphicon-chevron-down:after {
								content: '';
								position: absolute;
								top: 50%;
								left: 50%;
								margin: -.4rem 0 0 -.5rem;
								width: 0;
								height: 0;
								border-style: solid;
							}
							.booking .time-input .glyphicon-chevron-up:after {
								border-width: 0 .5rem .8rem .5rem;
								border-color: transparent transparent #222 transparent;
							}
							.booking .time-input .glyphicon-chevron-down:after {
								border-width: .8rem .5rem 0 .5rem;
								border-color: #222 transparent transparent transparent;
							}

	.booking li.labels {

	}
		.booking li span.label {
			background: #ccc;
			line-height: 4.0rem;
			height: 4.0rem;
			padding: 0 1.5rem;
			font-size: 1.4rem;
			font-weight: 700;
			text-align: center;
			width: 30%;
			float: left;
			-webkit-transition: all 0.3s ease;
					transition: all 0.3s ease;
		}
			.booking ul .byday > ul {
				margin: 0;
			}
		#filter .booking li.labels.date {
			width: 100%;
			float: none;
		}
			.booking li.labels.date .label {
				width: 23%;
			}
			.booking li.labels.date input {
				float: right;
				width: 77%;
			}
		#respond-booking li.labels.date,
		#opening-form li.labels.date {
			width: 65%;
			float: left;
		}
		.booking li.labels.time {
			width: 35%;
			float: left;
		}
		#filter .booking li.labels.time {
			width: 100%;
			float: none;
		}
		.booking li.labels .occur span.label {
			width: 40%;
		}
		.booking li.labels span.label.unit,
		.booking .hours li span.label {
			position: absolute;
			top: 0;
			left: 42%;
			font-size: 1.6rem;
			padding: 0;
			text-align: left;
			font-weight: 500;
			background: none;
		}
		.booking .hours li span.label {
			width: 60%;
			left: 14%;
		}
		.booking li.labels .byday span.label {
			width: 100%;
			display: block;
		}
		.booking li.labels .byday li.left {
			padding: 0;
		}
		.booking li.labels .byday li.dotw {
			background: #fff;
			border: .2rem solid #ccc;
			height: 4.0rem;
			text-align: center;
		}
		.booking li.labels input,
		.booking li.labels select {
			width: 70%;
		}
		.booking li input:focus ~ .label,
		.booking li select:focus ~ .label {
			-webkit-transform: translateY(-.5rem);
				-ms-transform: translateY(-.5rem);
					transform: translateY(-.5rem);
		}
		.booking li.date input:focus ~ .label,
		.booking li.time input:focus {
			box-shadow: none;
			-webkit-transform: none;
				-ms-transform: none;
					transform: none;
		}
		.booking li.labels .occur input,
		.booking li.labels .occur select {
			width: 60%;
		}
		.booking li.labels .byday label {
			display: inline-block;
			margin-right: 1.2rem;
			line-height: 4.0rem;
			height: 4.0rem;
			font-weight: 700;
		}
			.booking li.labels .byday label span {
				font-size: 1.4rem;
			}
		.booking li.labels .byday input,
		.booking li.labels .byday select {
			width: auto;
			margin-right: .6rem;
		}
		.booking .edit-address > label,
		.booking .hours > label {
			margin: 0 0 1.0rem .5rem;
		}

		.booking li.slider {
			margin-bottom: 2.0rem;
			overflow-x: hidden;
			padding-top: 2rem;
		}
			.booking li.slider .slider-new {
				margin-top: 1.5rem;
			}
			.booking li.slider .note {
				display: block;
				font-size: 1.4rem;
				text-align: center;
				margin-top: 1.5rem;
			}
		.booking li.exact-range input[type=radio] {
			margin-right: .3rem;
		}
		.booking li.exact-range label:first-child {
			margin-bottom: 1.5rem;
		}
		.booking li.exact-range .note {
			font-size: 1.4rem;
			margin-left: 2.2rem;
		}

/* RZ Slider */
rzslider .rz-bubble,
rzslider .rz-bubble.rz-limit {
	color: #222;
	font-size: 1.4rem;
}
.slider .rz-bubble.date {
	display: block;
	font-weight: bold;
	width: 100%;
	color: #ccc;
	text-align: center;
	font-size: 1.4rem;
	line-height: 2.4rem;
	margin-bottom: .5rem;
}
rzslider .rz-bubble.prev-day,
rzslider .rz-bubble.next-day {
	display: none;
}
span.rz-bubble {
	font-size: 13px !important;
}
span.rz-bubble:nth-child(9) {
	transform: translateX(-90px);
	margin-left: 60px !important;
}
span.rz-bubble:nth-child(5) {
	margin-left: 11px !important;
}
span.rz-bubble:nth-child(8) {
	margin-left: -30px !important;
}

span.rz-bubble:nth-child(9) {
	transform: translateX(-34px);
}
.slider-new span.rz-bubble:nth-child(5) {
	transform: translateX(34px);
}

rzslider .rz-pointer {
	background-color: #E3488F;
}
	rzslider .rz-pointer.rz-active:after {
		background-color: rgba(0,0,0,0.3);
	}
rzslider .rz-bar {
	background: #ccc;
}
rzslider .rz-bar.rz-selection {
	background: #E3488F;
}

/*<----------------$Cancel-Booking---------------->*/
#book-cancel,
#book-decline {
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.3s ease, left 0s ease 0.3s;
			transition: opacity 0.3s ease, left 0s ease 0.3s;
}
#book-cancel.active,
#book-decline.active {
	left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.3s ease, left 0s ease 0s;
			transition: opacity 0.3s ease, left 0s ease 0s;
}
	#book-cancel > div,
	#book-decline > div {
		background: #f5f5f5;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 50.0rem;
		height: 36.0rem;
		margin-left: -25.0rem;
		margin-top: -18.0rem;
		padding: 5.0rem;
		border-radius: .5rem;
		box-shadow: 0 .5rem 0 0 rgba(0,0,0,0.15);
	}
		#book-cancel p,
		#book-decline p {
			text-align: center;
			font-size: 1.4rem;
			margin-bottom: 1.0rem;
		}
		#book-cancel h2,
		#book-decline h2 {
			background: none;
			padding: 0;
			margin-bottom: 2.0rem;
			color: #222;
			text-align: center;
			font-size: 3.0rem;
			line-height: 1
		}
	.close-book-cancel,
	.close-book-decline {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #000;
		background: rgba(0,0,0,0.3);
	}
	#close-book-cancel,
	#close-book-decline {
		position: absolute;
		width: 3.2rem;
		height: 3.2rem;
		line-height: 3.2rem;
		top: 3.0rem;
		right: 3.0rem;
		left: auto;
		margin-left: 0;
		background: transparent;
		text-align: center;
		cursor: pointer;
		opacity: 1;
		filter: alpha(opacity=100);
		color: #A543C4;
	}
.cancel-booking {
	font-size: 1.3rem !important;
}

/*<----------------$View-Invoice---------------->*/
#view-invoice {

}
	#view-invoice h2 {
		position: relative;
	}
		#view-invoice h2 button {
			position: absolute;
			right: 5.0rem;
			top: 50%;
			margin-top: -2.2rem;
		}
	#view-invoice .address {
		font-size: 1.4rem;
		line-height: 1.25em;
		margin-bottom: 2.0rem;
	}
		#view-invoice .address img {
			margin-bottom: 1.0rem;
			width: 16.0rem;
		}
	#view-invoice .parent {
		font-size: 1.8rem;
		font-weight: 700;
		margin-bottom: 2.0rem;
		text-align: center;
	}
	#view-invoice .disclaimer {
		width: 30.0rem;
		text-align: right;
		float: right;
		font-size: 1.4rem;
		margin: .5rem 0 1.5rem;
	}
	#view-invoice .total {
		clear: both;
		font-weight: 700;
		font-size: 2.0rem;
		text-align: right;
	}
	#view-invoice table {
		width: 100%;
		font-size: 1.4rem;
	}
		#view-invoice table thead tr th {
			background: #ddd;
			border: .1rem solid #ddd;
			padding: .4rem;
			text-align: left;
		}
		#view-invoice table tbody tr td {
			border: .1rem solid #ddd;
			padding: .2rem .6rem;
		}
		#view-invoice table tbody tr td.rates {
			text-align: right;
			border: none;
		}
		#view-invoice table tbody tr td.status {
			text-transform: capitalize;
		}

/*<----------------$Edit-Profile---------------->*/
.edit-profile {

}
	.edit-profile ul {
		position: relative;
	}
	.edit-profile ul ul {
		margin-bottom: 0;
	}
		.edit-profile ul ul.sub li {
			margin-bottom: 0;
		}
		.edit-profile li.photo {
			position: absolute;
			width: 14.5rem;
			top: 0;
			overflow: hidden;
		}
			.edit-profile li.photo img {
				border-radius: 50%;
				width: 100%;
			}
			.edit-profile li.photo button {
				position: absolute;
				border-radius: 50%;
				padding: 0;
				width: 3.2rem;
				height: 3.2rem;
				bottom: .5rem;
				right: 1.0rem;
				background: #B05CF2;
			}
			.edit-profile .child li.photo button {
				width: 2.8rem;
				height: 2.8rem;
				font-size: 1.4rem;
			}
			.edit-profile li.photo button.red {
				background: #ED192D;
			}
		.edit-profile li.name {
			width: 46.5rem;
			padding-left: 1.5rem;
			margin-left: 14.5rem;
		}
	.edit-profile .children .submit {
		margin-top: 3.0rem;
		min-height: 0;
	}
		.edit-profile .child {
			position: relative;
			padding: 3.0rem 2.5rem 1.0rem;
			border-radius: .5rem;
			background: #ddd;
			margin-top: 3.0rem;
		}
		.edit-profile .child:first-child {
			margin-top: 0;
		}
			.edit-profile .child ul {

			}
				.edit-profile .child li.photo {
					width: 10.0rem;
				}
				.edit-profile .child li.name {
					width: 46.0rem;
					margin-left: 10.0rem;
				}
				.edit-profile .child .remove-child {
					position: absolute;
					padding: 0;
					top: -1.2rem;
					right: -1.2rem;
					width: 3.2rem;
					height: 3.2rem;
					border-radius: 50%;
					text-align: center;
				}

/*<----------------$Notifications---------------->*/
#view-notification {

}
	#view-notification h3 {
		margin-bottom: 2.0rem;
	}
	#view-notification .unique {
		display: none;
	}

/*<----------------$Notification-Settings---------------->*/
#notification-settings {

}
	#notification-settings ul {

	}
		#notification-settings ul li {
			position: relative;
			background: #fff;
			border-radius: .5rem;
			font-weight: 700;
			height: 4.6rem;
			line-height: 4.6rem;
			padding: 0 3.0rem;
		}
			#notification-settings ul li input[type=checkbox] {
				visibility: hidden;
			}

/* Custom Checkbox */
.slide {
	width: 6.0rem;
	height: 3.0rem;
	background: #ddd;
	border-radius: 5.0rem;
	position: absolute;
	right: 3.0rem;
	top: .8rem;
}
	.slide label {
		display: block;
		width: 2.4rem;
		height: 2.4rem;
		border-radius: 5.0rem;
		cursor: pointer;
		position: absolute;
		top: .3rem;
		z-index: 1;
		left: .3rem;
		background: #fff;
		-webkit-transition: left 0.3s ease, background 0.3s ease;
				transition: left 0.3s ease, background 0.3s ease;
	}
		.slide.checked label,
		.slide input[type=checkbox]:checked + label {
			left: 3.3rem;
			background: #E3488F;
		}

/*
<----------------||----------------$Dialogs----------------||---------------->
*/
.dialog {
	position: absolute !important;
	top: 4.0rem;
	bottom: 0;
	left: -100%;
	width: 100%;
	opacity: 0;
	z-index: 300;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.6s ease, left 0s ease 0.3s;
			transition: opacity 0.6s ease, left 0s ease 0.3s;
}
body.home .dialog {
	top: 6.0rem;
}
.dialog.open {
	opacity: 1;
	filter: alpha(opacity=100);
	left: 0;
	-webkit-transition: opacity 0.6s ease, left 0s ease 0s;
			transition: opacity 0.6s ease, left 0s ease 0s;
}
	/* Gradient Sheen */
	.dialog span.close {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		opacity: 0.9;
		filter: alpha(opacity=90);
		background: #e3488f;
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#e3488f), color-stop(100%,#77089a));
		background: -webkit-linear-gradient(45deg,  #e3488f 0%,#77089a 100%);
		background: -webkit-linear-gradient(45deg, #e3488f 0%, #77089a 100%);
		background: linear-gradient(45deg,  #e3488f 0%,#77089a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3488f', endColorstr='#77089a',GradientType=1 );
	}
	.dialog > div {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: scale(.9) translateZ(0);
				transform: scale(.9) translateZ(0);
		-webkit-transition: -webkit-transform 0.6s ease;
				transition: transform 0.6s ease;
	}
	.dialog.open > div {
		-webkit-transform: scale(1) translateZ(0);
				transform: scale(1) translateZ(0);
	}
		.dialog h2 {
			background: none;
			padding: 0;
			margin-bottom: 2.0rem;
			color: #222;
			text-align: center;
			font-size: 3.0rem;
			line-height: 1;
		}
		#login p {
			text-align: center;
		}
			/*Step Nav*/
			.dialog > div > ul {
				position: absolute;
				top: 50%;
				left: 50%;
				margin-left: 29.0rem;
				opacity: 0;
				filter: alpha(opacity=0);
				-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
						transform: translateY(-50%);
				-webkit-transition: opacity 0.3s ease 0.6s;
						transition: opacity 0.3s ease 0.6s;
			}
			.dialog.open > div > ul {
				opacity: 1;
				filter: alpha(opacity=100);
			}
			.dialog > div.parent > ul#sitter-progress,
			.dialog > div.sitter > ul#parent-progress,
			.dialog > div.login > ul {
				display: none;
			}
				.dialog > div > ul:before {
					content: '';
					position: absolute;
					top: .4rem;
					left: 50%;
					margin-left: -.2rem;
					width: .4rem;
					height: 17.0rem;
					background: #c891d9;
				}
				.dialog > div > ul > li {
					position: relative;
					width: 3.0rem;
					height: 3.0rem;
					margin-bottom: 2.0rem;
					border-radius: 50%;
					border: .4rem solid #c891d9;
					background: #9025B2;
					cursor: pointer;
				}
				.dialog > div > ul > li:last-child {
					margin-bottom: 0;
				}
					.dialog > div > ul > li:before {
						content: '';
						position: absolute;
						top: 50%;
						left: 50%;
						margin-top: -.8rem;
						margin-left: -.8rem;
						width: 1.6rem;
						height: 1.6rem;
						border-radius: 50%;
						background: #e3488f;
						opacity: 0;
						filter: alpha(opacity=0);
						-webkit-transition: opacity 0.3s ease;
								transition: opacity 0.3s ease;
					}
					.dialog > div.parent.join > ul#parent-progress > li.trigger-join:before,
					.dialog > div.parent.step1 > ul#parent-progress > li.trigger-step1:before,
					.dialog > div.parent.step2 > ul#parent-progress > li.trigger-step2:before,
					.dialog > div.parent.step3 > ul#parent-progress > li.trigger-step3:before,
					.dialog > div.sitter.join > ul#sitter-progress > li.trigger-join:before,
					.dialog > div.sitter.step1 > ul#sitter-progress > li.trigger-step1:before,
					.dialog > div.sitter.step2 > ul#sitter-progress > li.trigger-step2:before,
					.dialog > div.sitter.step3 > ul#sitter-progress > li.trigger-step3:before {
						opacity: 1;
						filter: alpha(opacity=100);
					}
			/*White Panels*/
			.dialog > div > div {
				background: #f5f5f5;
				position: absolute;
				width: 50.0rem;
				max-height: 60.0rem;
				top: 50%;
				left: -100%;
				opacity: 0;
				filter: alpha(opacity=0);
				border-radius: .5rem;
				box-shadow: 0 .5rem 0 0 rgba(0,0,0,0.15);
				z-index: 0;
				-webkit-transform: translate(-50%,-50%);
					-ms-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
				-webkit-transition: opacity 0.3s ease, left 0s ease 0.3s, z-index 0s ease 0.3s;
						transition: opacity 0.3s ease, left 0s ease 0.3s, z-index 0s ease 0.3s;
			}
			.dialog > div > #tos {
				box-shadow: none;
			}
			.dialog > div > div.active {
				left: 50%;
				opacity: 1;
				filter: alpha(opacity=100);
				z-index: 1;
				-webkit-transition: opacity 0.3s ease, left 0s ease 0s, z-index 0s ease 0s;
						transition: opacity 0.3s ease, left 0s ease 0s, z-index 0s ease 0s;
			}
				.dialog > div > div > div {
					padding: 5.0rem;
				}
				.dialog > div > div > div.scroll {
					padding: 0;
					max-height: 60.0rem;
				}
					.dialog .scroll > div {
						padding: 5.0rem;
					}
					.dialog .scroll:before {
						content: '';
						position: absolute;
						top: 0;
						left: .5rem;
						right: .5rem;
						height: 4.0rem;
						z-index: 1;
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(50%,rgba(245,245,245,1)), color-stop(100%,rgba(245,245,245,0)));
						background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,0) 100%);
						background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(245,245,245,0) 100%);
						background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,0) 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00f5f5f5',GradientType=0 );
					}
					.dialog .scroll:after {
						content: '';
						position: absolute;
						bottom: 0;
						left: .5rem;
						right: .5rem;
						height: 4.0rem;
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0)), color-stop(50%,rgba(245,245,245,1)), color-stop(100%,rgba(245,245,245,1)));
						background: -webkit-linear-gradient(top,  rgba(245,245,245,0) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%);
						background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%);
						background: linear-gradient(to bottom,  rgba(245,245,245,0) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=0 );
					}
						.dialog .child {
							position: relative;
						}
						.dialog .child .dob {
							padding-right: 4.7rem;
						}
							.dialog .remove-child {
								position: absolute;
								padding: 0;
								top: 0;
								right: 0;
								width: 3.5rem;
								height: 4.0rem;
								text-align: center;
							}
		/* Close X & Lock*/
		.dialog span.close.x,
		.dialog span.lock {
			position: absolute;
			width: 3.2rem;
			height: 3.2rem;
			font-size: 3.2rem;
			line-height: 3.2rem;
			top: 3.0rem;
			right: 3.0rem;
			left: auto;
			margin-left: 0;
			background: transparent;
			text-align: center;
			cursor: pointer;
			opacity: 1;
			filter: alpha(opacity=100);
			color: #A543C4;
		}
		.dialog span.lock {
			width: 2.4rem;
			height: 2.4rem;
			font-size: 2.4rem;
			line-height: 2.4rem;
			right: auto;
			top: 3.4rem;
			left: 3.4rem;
			cursor: default;
		}
			.dialog span.lock > span {
				position: absolute;
				left: -16.0rem;
				bottom: -1.5rem;
				width: 16.0rem;
				font-family: 'Gotham', sans-serif;
				background: rgba(0,0,0,0.8);
				padding: 1.5rem 2.0rem;
				font-size: 1.2rem;
				line-height: 1.5em;
				color: #FFF;
				opacity: 0;
				filter: alpha(opacity=0);
				border-radius: .5rem;
				text-align: left;
				-webkit-transform: translate(-50%,100%);
					-ms-transform: translate(-50%,100%);
						transform: translate(-50%,100%);
				-webkit-transition: opacity 0.3s ease, left 0s ease 0.3s;
						transition: opacity 0.3s ease, left 0s ease 0.3s;
			}
				.dialog span.lock:hover > span {
					opacity: 1;
					filter: alpha(opacity=100);
					left: 50%;
					-webkit-transition: opacity 0.3s ease, left 0s ease 0s;
							transition: opacity 0.3s ease, left 0s ease 0s;
				}
				.dialog span.lock > span:after {
					content: '';
					position: absolute;
					left: 50%;
					top: -1.0rem;
					margin-left: -1.0rem;
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 0 1.0rem 1.0rem 1.0rem;
					border-color: transparent transparent rgba(0,0,0,0.8) transparent;
				}

/*<----------------$Join---------------->*/
#join-intro {
	position: relative;
	height: 2.4rem;
}
	#join-intro > span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: opacity 0.3s ease;
				transition: opacity 0.3s ease;
	}
	#join-intro > span.active {
		opacity: 1;
		filter: alpha(opacity=100);
	}

/*<----------------$Sitter-Profile---------------->*/
#sitter-profile .content > div > div {

}
	#sitter-profile .info {
		position: relative;
		margin-bottom: 2.0rem;
	}
		#sitter-profile .info > img {
			position: absolute;
			left: 0;
			height: 15.0rem;
			width: 15.0rem;
			border-radius: 50%;
		}
		#sitter-profile .info > div {
			margin-left: 17.0rem;
			margin-top: 2.0rem;
			min-height: 15.0rem;
		}
		#sitter-profile .info button {
			position: absolute;
			top: 5px;
			right: 0;
		}
#sitter-profile #availability {
	margin-bottom: 2.0rem;
}
/*	#availability h3 {
		float: left;
	}*/
	#availability .note {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 1.4rem;
		font-style: italic;
	}
	#availability .helper {
		display: block;
		width: 100%;
		text-align: center;
	}
	#availability .actions {
		text-align: center;
	}
	#availability #week-view {
		clear: both;
		position: relative;
		margin-bottom: 2.0rem;
	}
		#availability .slider {
			margin-bottom: 2.0rem;
		}
		#week-view .fc-center {
			position: relative;
		}
			#week-view h2 {
				color: #222;
				background: none;
				font-size: 2.0rem;
				line-height: 1;
				font-weight: 500;
				padding: 0;
			}
			#week-view .fc-toolbar {
				position: relative;
				margin-bottom: 1.0rem;
				height: 2.4rem;
			}
				#week-view .fc-today-button {
					text-indent: -999.9rem;
					color: #f5f5f5;
					background: none;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					box-shadow: none;
					border: none;
				}
				#week-view .fc-prev-button,
				#week-view .fc-next-button {
					position: absolute;
					top: 50%;
					left: 0;
					margin-top: -1.2rem;
					height: 2.4rem;
					width: 2.4rem;
					line-height: 2.4rem;
					padding: 0;
					font-size: 1.2rem;
					color: #222;
					background: #eee;
					border: .1rem solid #ddd;
					border-radius: 50%;
					-webkit-transition: background 0.3s ease;
							transition: background 0.3s ease;
				}
				#week-view .fc-next-button {
					left: auto;
					right: 0;
				}
				#week-view .fc-prev-button:hover,
				#week-view .fc-next-button:hover {
					background: #ddd;
					color: #222;
				}
		#week-view .fc-view {
			background: #fff;
			font-size: 1.4rem;
		}
			#week-view .fc-view .fc-day-grid-event > .fc-content {
				white-space: normal;
			}
	#ratings > div:first-child {
		margin: 0;
		padding: 0;
		border: none;
	}
		.icon-star-full {
			color: #E3488F;
		}
		.icon-star-empty {
			color: #ccc;
		}

/*
<----------------||----------------$Footer----------------||---------------->
*/
footer#footer {
	background: #9025B2;
	color: #f5f5f5;
	box-shadow: 0 -.5rem 0 0 rgba(0,0,0,0.15);
	position: relative;
}
	#footer p {
		line-height: 10.0rem;
		text-align: center;
		margin-bottom: 0;
	}
		#footer p span {
			padding: 0 1.0rem;
		}
	#footer a,
	#footer a:hover {
		color: #D698E9;
	}

/*
<----------------||----------------$Mobile----------------||---------------->
*/
#load-more-sitters {
	display: none;
}
html.touch,
html.touch body {
	overflow: hidden;
}
	html.touch .pop > div {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	html.touch .pop .content {
		position: absolute;
		width: 100%;
		left: 0;
		margin-left: 0;
	}
		html.touch .pop .content > h2,
		html.touch .pop .content > div {
			position: absolute;
			top: 0;
			left: 50%;
			width: 70.0rem;
			margin-left: -35.0rem;
		}
		html.touch .pop .content > div {
			top: 8.0rem;
		}
	html.touch body.community #main,
	html.touch .pop .content,
	html.touch .scroll,
	html.touch #results {
		height: 100%;
		overflow: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	html.touch #manager-about .scroll > div,
	html.touch #sotm-about .scroll > div {
		height: 100%;
		overflow: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	/* Remove translateZ on touch devices */
	html.touch body.community #main > div,
	html.touch #hero > div,
	html.touch .pop > div,
	html.touch .scroll > div,
	html.touch #results > div,
	html.touch #dashboard section > div > div,
	html.touch #team > div > div > div,
	html.touch #filter form > ul > li > span,
	html.touch .booking .time-input td button.btn {
		-webkit-transform: none;
			-ms-transform: none;
				transform: none;
	}
	html.touch #dashboard > div {
		-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
				transform: translateX(0);
	}
	html.touch #dashboard.nav-open > div {
		-webkit-transform: translateX(-22.0rem);
			-ms-transform: translateX(-22.0rem);
				transform: translateX(-22.0rem);
	}
	html.touch .dialog > div {
		-webkit-transform: scale(.9);
				transform: scale(.9);
	}
	html.touch .dialog.open > div {
		-webkit-transform: scale(1);
				transform: scale(1);
	}
html.touch #results {
	padding-bottom: 6.0rem;
}
html.touch #dashboard section > div {
	height: 100%;
}
	html.touch #dashboard section > div > div {
		height: 100%;
		overflow: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
html.touch #load-more-sitters {
	display: block;
	position: absolute;
	display: block;
	left: 50%;
	bottom: 3.0rem;
	-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
			transform: translateX(-50%);
}
html.touch #results > div:first-child > div {
	padding-bottom: 8.0rem;
}

@media only screen and (max-width: 1080px) {
	section#welcome {
		min-height: 58.0rem;
	}
}
@media only screen and (max-width: 768px) {

/*<----------------$Global-Mobile---------------->*/
section#welcome {
	min-height: intrinsic;
}
body.home section {
  padding: 10.0rem 0;
}
header > div,
footer > div,
section > div {
	width: 100% !important;
}

/*<----------------$Scroll-Mobile---------------->*/
/*.pop > div,
.scroll,
#results,
#dashboard section > div {
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}*/

/*<----------------$Forms-Mobile---------------->*/
form .half,
form .third,
form .twothirds,
form .fourth,
form .threefourths {
	width: 100%;
	float: none;
}
.edit-profile li.photo {
	position: relative;
	margin: 0 auto 1.0rem;
}
.edit-profile li.name,
.edit-profile .child li.name {
	width: 100%;
	padding: 0 .5rem;
	margin: 0 0 1.0rem;
}
	.edit-profile ul ul.sub li {
		margin-bottom: 1.0rem;
	}
	.edit-profile ul ul.sub li:last-child {
		margin-bottom: 0;
	}
input[type=text], input[type=date], input[type=week],
input[type=email], input[type=month], input[type=tel],
input[type=password], input[type=url], input[type=time],
input[type=number], input[type=datetime], input[type="datetime-local"],
input.date-picker,
textarea,
select {
	-webkit-appearance: none;
			appearance: none;
}

/*<----------------$Header-Mobile---------------->*/
header#header {
	height: 6.0rem;
}
body.community #main {
	top: 6.0rem;
	bottom: 0;
	height: auto !important;
}
body.home header#header {
	box-shadow: none;
}
	header#header > div {
		height: 6.0rem;
		line-height: 6.0rem;
	}
		#logo {
			left: 5.0rem;
			right: 5.0rem;
			text-align: center;
		}
		body.home #logo {
			background: #9025B2;
			left: 0;
			right: 0;
			padding-left: 2.0rem;
			text-align: left;
			box-shadow: 0 .5rem 0 0 rgba(0,0,0,0.15);
		}

/*<----------------$Footer-Mobile---------------->*/
#footer {
	padding: 3.0rem 0;
}
	#footer p {
		line-height: 1.5em;
	}
		#footer p span {
			display: block;
			visibility: hidden;
			height: 0;
		}

/*<----------------$Nav-Mobile---------------->*/
body.home #home-nav-toggle {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 6.4rem;
	height: 6.0rem;
	padding: 0 2.0rem;
	cursor: pointer;
}
	#home-nav-toggle > div {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 2.4rem;
		height: 2.0rem;
		margin: -1.0rem 0 0 -1.2rem;
		border-top: .4rem solid #f5f5f5;
		border-bottom: .4rem solid #f5f5f5;
	}
nav#nav {
	display: none;
}
body.home nav#nav {
	background: #9025B2;
	display: block;
	top: 6.0rem;
	left: 0;
	-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
			transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.6s ease;
			transition: -ms-transform 0.6s ease;
			transition: transform 0.6s ease;
}
body.home nav#nav.nav-open {
	-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
			transform: translateY(0);
}
	#nav > a {
		float: none;
		width: 100%;
	}

/*<----------------$Home-Mobile---------------->*/
/*Welcome*/
#hero > div {
	background: #ccc url(img/masthead-home-mobile.jpg) no-repeat center scroll;
	background-size: 100% 100%;
}
#welcome > div {
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
ul#welcome-pager {
	bottom: 5.0rem;
}
#welcome h2 {
	font-size: 11.0rem;
	padding: 0 2.0rem;
	line-height: .75em;
}
#welcome p {
	font-size: 1.8rem;
	padding: 0 2.0rem;
}
/*How*/
#how > p {
	padding: 0 2.0rem;
}
#how > div > div {
	width: 100%;
	background-size: 25.0rem 25.0rem;
}
	#how > div > div p {
		margin: 25.0rem 2.0rem 0;
	}
.faqs-wrap {
	width: 100%;
	padding: 0 2.0rem;
}
	.faqs li h3 {
		font-size: 1.4rem;
		line-height: 1.5em;
		padding: 1.5rem 6.0rem 1.5rem 3.0rem;
	}
	#how > div > div:nth-of-type(2):before,
	#how > div > div:nth-of-type(2):after {
		display: none;
	}
/*About*/
#about .content {
	width: 100%;
	margin-left: 0;
	padding: 0 2.0rem 0;
}
#about #photos {
	display: none;
	top: 0;
	left: 50%;
	margin-left: -15.0rem;
	width: 30.0rem;
	height: 20.0rem;
}
	#about #photo-1 {
		height: 20.0rem;
	}
	#about #photo-2{
		display: none;
	}
/*Team*/
#team ul {
	width: 100%;
}
	#team ul > li {
		width: 100%;
		height: 45.0rem;
		float: none;
	}
	#team ul > li:hover {
		-webkit-transform: none;
				transform: none;
	}
		#team ul > li > div:first-child {
			height: 34.0rem;
		}
		#team > div {
			padding: 2.0rem;
		}
			#team > div > div {
				width: 100%;
				margin: 0;
				top: 50%;
    			margin-top: -20.0rem;
				z-index: 100000;
			}
			#team > div > div.active {
				left: 2.0rem;
				right: 2.0rem;
				width: auto;
			}
				#team > div > div > div {

				}

/* Parents Say */
#testimonials > div {
	padding: 0 2.0rem;
}
	#testimonials p:before, #testimonials p:after {
		display: none;
	}
	#testimonials p {
		font-size: 1.8rem;
	}
	#testimonials .arrow-left {
		margin-left: -15.0rem;
	}
	#testimonials .arrow-right {
		margin-right: -15.0rem;
	}

#page-view > div {
	width: 100%;
	padding: 0 3.0rem;
}

/*<----------------$Pop-Mobile---------------->*/
.pop {
	top: 6.0rem;
	bottom: 0;
	width: 100%;
	height: auto;
	opacity: 1;
	background: #ddd;
	filter: alpha(opacity=100);
	-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
			transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.6s ease, left 0s ease 0.6s;
			transition: -ms-transform 0.6s ease, left 0s ease 0.6s;
			transition: transform 0.6s ease, left 0s ease 0.6s;
}
	.pop.open {
		-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
				transform: translateY(0);
		-webkit-transition: -webkit-transform 0.6s ease, left 0s ease 0s;
				transition: -ms-transform 0.6s ease, left 0s ease 0s;
				transition: transform 0.6s ease, left 0s ease 0s;
	}
		html.touch .pop > div {
			min-height: 0;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
		}
		/*#view-invoice.pop,
		#sitter-profile.pop.arrows,
		#view-notification.pop.arrows,*/
		.pop.arrows {
			padding-bottom: 5.0rem !important;
		}
		/*#view-invoice.pop > div,
		#sitter-profile.pop.arrows > div,
		#view-notification.pop.arrows > div,*/
		.pop.arrows > div {
			bottom: 5.0rem !important;
			height: auto !important;
		}
			.pop .pop-bg {
				display: none;
			}
			.pop h2 {
				padding: 0 2.0rem;
				font-size: 1.8rem;
				height: 4.0rem;
				line-height: 4.0rem;
			}
			.pop > div > div {
				background: #f5f5f5;
				left: auto;
				width: 100%;
				height: auto;
				margin-left: 0;
				min-height: 100%;
			}
				.pop > div > div > div {
					padding: 3.0rem;
				}
				html.touch .pop .content > h2,
				html.touch .pop .content > div {
					width: 100%;
					left: 0;
					margin-left: 0;
				}
	/* Close */
	.pop span.close.x {
		position: absolute;
		color: #f5f5f5;
		height: 4.0rem;
		width: 5.8rem;
		padding: 0 2.0rem;
		line-height: 4.0rem;
		top: 0;
		right: 0;
		left: auto;
		margin-left: 0;
		background: transparent;
		border-radius: 0;
		border-left: .2rem solid rgba(0,0,0,0.1);
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: opacity 0.3s ease;
				transition: opacity 0.3s ease;
	}
		.pop span.close.x:before {

		}
	.pop.loading span.close.x {
		opacity: 0;
		filter: alpha(opacity=0);
	}
		/* Next-Prev-Arrows */
		.next,
		.prev {
			background: #ccc;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 50%;
			height: 5.0rem;
			margin-left: 0;
			margin-bottom: 0;
			border-radius: 0;
			font-size: 2.2rem;
			text-align: center;
			line-height: 5.0rem;
			cursor: pointer;
			z-index: 100;
		}
		.next {
			left: auto;
			right: 0;
		}

/*<----------------$Dialog-Mobile---------------->*/
.dialog > div {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	.dialog > div > ul {
		display: none;
	}
	.dialog > div > div {
		top: 0;
		left: 0 !important;
		width: 100%;
		height: 100%;
		max-height: none;
		overflow-y: auto;
		border-radius: 0;
		padding: 5.0rem 2.5rem;
		-webkit-transform: translate(0,0);
			-ms-transform: translate(0,0);
				transform: translate(0,0);
	}
		.dialog > div > div > div {
			padding: 3.0rem;
		}
	.dialog span.lock > span {
		left: 100%;
		margin-left: 2.5rem;
		-webkit-transform: translate(0,50%);
			-ms-transform: translate(0,50%);
				transform: translate(0,50%);
	}
		.dialog span.lock > span:after {
			left: 0;
			top: 2.6rem;
			margin-left: -1.0rem;
			border-width: 1.0rem 1.0rem 1.0rem 0;
			border-color: transparent rgba(0,0,0,0.8) transparent transparent;
		}

#book-cancel > div,
#book-decline > div {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
}

/*<----------------$Side-Nav-Mobile---------------->*/
	nav#side-nav {
		top: 0;
		bottom: 0;
		width: 24.0rem;
		padding-top: 0;
		border-radius: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
				transform: translateX(0);
	}
	#side-nav a {
		padding-left: 7.1rem;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
	}
	#side-nav a:hover {
		background: #333;
	}
		#side-nav a span {
			opacity: 1;
			filter: alpha(opacity=100);
			-webkit-transition: none;
					transition: none;
		}
		#side-nav a span.icon {
			left: .8rem;
			width: 7.0rem;
			font-size: 2.4rem;
		}
		#side-nav a.active span.icon {
			color: #E3488F !important;
		}
	.nav-toggle {
		left: auto;
		right: 0;
		padding: 0 2.0rem;
		height: 6.0rem;
		width: 6.4rem;
		z-index: 1000;
	}
		.nav-toggle > div {
			width: 2.4rem;
			margin: -1.0rem 0 0 -1.2rem;
		}
		html.nav-open .nav-toggle {
			-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
					transform: translateX(0);
		}
	body.search .mobile-back,
	body.community .mobile-back,
	#mobile-search {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		color: #fff;
		font-size: 2.2rem;
		height: 6.0rem;
		padding: 0 2.0rem;
		line-height: 6.0rem;
		text-align: center;
		cursor: pointer;
		z-index: 1000;
	}
	#view-invoice h2 button {
		position: absolute;
		right: 4.0rem;
		height: 4.0rem;
		padding: 0 2.0rem;
		line-height: 4.0rem;
		box-shadow: none;
		border-radius: 0;
		display: none;
	}
	#view-invoice h2 button:hover {
		-webkit-transform: none;
			-ms-transform: none;
				transform: none;
	}
	#view-invoice table {
		font-size: 1.1rem;
	}

/*<----------------$Dashboard-Mobile---------------->*/
body.dashboard {
	background: #333;
}
body.dashboard section .loader > span {
	width: 6.4rem;
	height: 6.4rem;
	font-size: 6.4rem;
	line-height: 6.4rem;
	margin: -3.2rem 0 0 -3.2rem;
}
#dashboard {
	background: none;
	top: 6.0rem;
	right: 0;
}
	#dashboard > div {
		margin: 0;
		background: #f5f5f5;
		right: 0;
		-webkit-transition: -webkit-transform 0.6s ease 0.3s;
				transition: transform 0.6s ease 0.3s;
	}
	#dashboard.nav-open > div {
		-webkit-transform: translateX(-24.0rem);
			-ms-transform: translateX(-24.0rem);
				transform: translateX(-24.0rem);
		-webkit-transition: -webkit-transform 0.6s ease 0s;
				transition: -ms-transform 0.6s ease 0s;
				transition: transform 0.6s ease 0s;
	}
		#dashboard section {
			width: 100% !important;
			height: 100% !important;
			left: 0 !important;
			z-index: 0;
			padding: 0;
			opacity: 1;
			filter: alpha(opacity=100);
			-webkit-transform: translateX(-100%);
				-ms-transform: translateX(-100%);
					transform: translateX(-100%);
			-webkit-transition: -webkit-transform 0.6s ease 0.6s;
					transition: -ms-transform 0.6s ease 0.6s;
					transition: transform 0.6s ease 0.6s;
		}
		#dashboard section.active {
			z-index: 1;
			-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
					transform: translateX(0);
			-webkit-transition: -webkit-transform 0.6s ease 0s;
					transition: -ms-transform 0.6s ease 0s;
					transition: transform 0.6s ease 0s;
		}
		#dashboard section > div {
			border-radius: 0;
			-webkit-mask-image: none;
					mask-image: none;
		}
		#dashboard section h3 span {
			display: none !important;
		}
		#dashboard section h3 span.edit {
			display: block !important;
			right: 0;
			padding: 0 2.0rem;
			width: 5.8rem;
		}
		#dashboard section span#views {
			right: 0;
		}

#dashboard section h3 {
	background: #DB2779 !important;
	color: #FFF;
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
}
#dashboard .thead {
	background: #F59CC5 !important;
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
}
	#dashboard .thead span {
		-webkit-transform: translateZ(0);
				transform: translateZ(0);
	}
#dashboard section span#views {
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
}
	#dashboard section span#views span {
		color: #FFF;
		padding: 0 2.0rem;
		-webkit-transform: translateZ(0);
				transform: translateZ(0);
	}
#dashboard section span#views span.active {
	background: #F59CC5;
	color: #222;
}
	#calendar:after {
		bottom: 0;
	}
	#dashboard section#calendar > div > div {
		padding: 2.0rem 2.0rem 7.0rem;
	}
body.dashboard .loader > span {
	width: 6.4rem;
	height: 6.4rem;
	font-size: 6.4rem;
	line-height: 6.4rem;
	margin: -3.2rem 0 0 -3.2rem;
}

/*<----------------$Booking-Mobile---------------->*/
.booking h2 span.status {
	height: 4.0rem;
	line-height: 4.0rem;
	right: 5.8rem;
	padding: 0 2.0rem;
	font-size: 1.4rem;
}
.booking li.labels.time,
.booking li.labels.date {
	width: 100%;
	float: none;
}
.booking ul ul.sub {
	position: relative;
}
.booking li.labels .byday li.dotw {
	position: absolute;
}
.booking li.exact-range .note {
	margin: 0;
}
.booking ul.choose-sitter li li {
	margin-bottom: 1.0rem;
	float: none;
}
.booking ul.choose-sitter li li.favorites {
	max-width: 100%;
}
.booking ul.choose-sitter li li:last-child {
	text-align: center;
}
.booking ul.choose-sitter li li:last-child span {
	display: block;
	margin-bottom: 1.0rem;
}

/*<----------------$Search-Mobile---------------->*/
#sitter-search {
	top: 6.0rem;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
			transform: translateX(-100%);
	-webkit-transition: -webkit-transform 0.6s ease, opacity 0s ease 0.6s, left 0s ease 0.6s;
			transition: -ms-transform 0.6s ease, opacity 0s ease 0.6s, left 0s ease 0.6s;
			transition: transform 0.6s ease, opacity 0s ease 0.6s, left 0s ease 0.6s;
}
#sitter-search.open {
	-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
			transform: translateX(0);
	-webkit-transition: -webkit-transform 0.6s ease, opacity 0s ease 0s, left 0s ease 0s;
		transition: -ms-transform 0.6s ease, opacity 0s ease 0s, left 0s ease 0s;
		transition: transform 0.6s ease, opacity 0s ease 0s, left 0s ease 0s;
}
	#filter {
		z-index: 200;
	}
	#filter form > ul {
		background: #f5f5f5;
		position: fixed;
		top: 6.0rem;
		bottom: 0;
		padding: 2.0rem 0;
		width: 100%;
		overflow: hidden;
		overflow-y: auto;
		z-index: 100;
		-webkit-overflow-scroling: touch;
		-webkit-transform: translateY(-100%);
			-ms-transform: translateY(-100%);
				transform: translateY(-100%);
		-webkit-transition: -webkit-transform 0.6s ease;
				transition: -ms-transform 0.6s ease;
				transition: transform 0.6s ease;
	}
	#filter.active form > ul {
		-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
				transform: translateY(0);
	}
		#filter form ul li {
			width: 100%;
			float: none;
			display: block;
		}
		#filter .searchbox {
			position: fixed;
			top: 0;
			width: 100%;
			padding: 1.0rem 5.2rem 1.0rem 1.8rem;
			border: none;
			z-index: 200;
			background: #E3488F;
		}
			#filter form > ul > li > span {
				display: none;
			}
			#filter form > ul > li > ul.dropdown {
				position: relative;
				top: auto !important;
				left: auto;
				width: 100%;
				opacity: 1;
				filter: alpha(opacity=100);
				padding: 0 2.0rem;
				border: none;
				border-radius: 0;
			}
				#filter form > ul > li > ul.dropdown > li {
					width: 100%;
				}
		#trigger-sitter-filter {
			position: absolute;
			top: 0;
			right: 0;
			padding: 0 2.0rem;
			line-height: 6.0rem;
			color: #f5f5f5;
			text-align: center;
			cursor: pointer;
			z-index: 300;
		}
	#results {
		opacity: 1;
		filter: alpha(opacity=100);
		z-index: 100;
		-webkit-transition: opacity 0.3s ease;
				transition: opacity 0.3s ease;
	}
	#sitter-results #results {
		opacity: 0;
		filter: alpha(opacity=0);
	}
		#results > div:first-child > div {
			padding: 1.0rem 1.0rem 7.5rem;
		}
			#results .sitter {
				width: 100% !important;
			}
	#close-sitter-search {
		display: none;
	}
	#load-more-sitters {
		position: absolute;
		display: block;
		left: 50%;
		bottom: 3.0rem;
		-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	#results .loader {
		bottom: 3.5rem;
	}

/*<----------------$Sitter-Profile-Mobile---------------->*/
#sitter-profile .info {
	text-align: center;
	margin-bottom: 6.0rem;
}
	#sitter-profile .info > img {
		position: relative;
		display: block;
		margin: 0 auto;
		left: auto;
	}
		#sitter-profile .info > div {
			margin-left: 0;
		}
		#sitter-profile .info h3 {
			height: auto;
		}
		#sitter-profile .info button {
			position: relative;
			margin-top: 10px;
		}

/*<----------------$Community-Mobile---------------->*/
#community {

}
	#masthead h1 {
		font-size: 7.0rem;
		line-height: 25.0rem;
	}

	#sotm > div {
		padding: 8.0rem 2.0rem 7.0rem
	}
		#sotm h3 > span {
			display: block;
		}

	#news-events > div > div {
		width: 100%;
		padding: 0 2.0rem;
	}
	#news {
		margin-bottom: 3.0rem;
	}
	#events .event .date {
		display: none;
	}
	#events .event .content {
		float: none;
		width: 100%;
		padding: 0 1.0rem;
	}
		#events .event .content h3 {
			font-size: 2.0rem;
		}

#manager img {
	position: relative;
	margin: 0 auto 2.0rem auto;
	display: block;
}
#manager > div > div {
	margin-left: 0;
	text-align: center;
	padding: 0 2.0rem;
}
	#manager h3 > span {
		display: block;
	}

#manager-about,
#sotm-about {
	top: .60rem;
}
	#manager-about > div,
	#sotm-about > div {
		left: 2.0rem;
		right: 2.0rem;
		width: auto;
		margin-left: 0;
		max-height: 38.0rem;
	}

} /* end max-width: 768rem */

/*
<----------------||----------------$Responsive----------------||---------------->
*/
@media only screen and (max-width: 1000px) { /* 62.5% X .75 */
	html {
		font-size: 46.875%;
	}
}
@media only screen and (min-width: 1300px) { /* 62.5% X 1.25 */
	html {
		font-size: 78.125%;
	}
}
@media only screen and (min-width: 1600px) { /* 62.5% X 1.5 */
	html {
		font-size: 93.75%;
	}
}
@media only screen and (min-width: 2000px) { /* 62.5% X 1.75 */
	html {
		font-size: 109.375%;
	}
}
@media only screen and (min-width: 2300px) { /* 62.5% X 2 */
	html {
		font-size: 125%;
	}
}
.m-show,
span.m-show {
	display: none !important;
}
.m-hide {
	display: block !important;
}
span.m-hide {
	display: inline !important;
}
@media only screen and (max-width: 768px) {
  .parent-name-fields input{
    margin:0px !important;
    width:100%;
  }
	html {
		font-size: 62.5%;
	}
	.m-hide,
	span.m-hide {
		display: none !important;
	}
	.m-show {
		display: block !important;
	}
	span.m-show {
		display: inline !important;
	}
}

/*
<----------------||----------------$Clearfix----------------||---------------->
*/
.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}

/*
<----------------||----------------$IE9----------------||---------------->
*/
.ie9 #dashboard.nav-open > div {
	right: 28.0rem;
	left: -28.0rem;
}
.ie9 #calendar > button {
	width: 35.0rem;
	margin-left: -17.5rem;
}

/*
<----------------||----------------$Print----------------||---------------->
*/
#view-invoice .address, #view-invoice .parent{display: none;}
@media print {
	#view-invoice .address, #view-invoice .parent{display: block;}
	.print{display: none;}
	.pop h2{padding:0 50px;float:right;font-size: 24px;}
	*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
	a,a:visited{text-decoration:underline}
	a[href]:after{content:" (" attr(href) ")"}
	abbr[title]:after{content:" (" attr(title) ")"}
	a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
	pre,blockquote{border:1px solid #999;page-break-inside:avoid}
	thead{display:table-header-group}
	tr,img{page-break-inside:avoid}
	img{max-width:100% !important}
	p,h2,h3{orphans:3;widows:3}
	h2,h3{page-break-after:avoid}
}

#book-form > ul.cf > li.slider {
	padding: 0 15px !important;
}
.page-community main#main {
    overflow: auto !important;
}