/* Global Styles */
html,
body { width: 100%;	height: 100%;	font-family: "Architects Daughter", cursive, Helvetica, sans-serif;	}
.text-vertical-center {	display: table-cell;	text-align: center;	vertical-align: middle;}
.text-vertical-center h1 {margin: 0;	padding: 0;	font-size: 4.5em;	font-weight: 700;	}
.text-muted {color: #000;	}
.text-bold {font-weight: bold;	}
.text-error {background-color: rgba(0,0,0,0.7); margin-top:5px; border-radius:10px; padding: 10px; color: #FFF;}

/* Custom Horizontal Rule */
hr.small {max-width: 100px;	}

/* Navbar */
.topnav {font-size: 14px;	}
.navbar-default {background-color: rgba(0, 0, 0, .8);	border-color: transparent;	color: #fff;	}
.navbar-default .navbar-brand {color: rgba(36, 160, 0, 1.0);	font-family: "Architects Daughter", cursive, Helvetica, sans-serif;	font-weight: bold;	}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {color: rgba(36, 160, 0, 1.0);	}
.navbar-default .navbar-collapse {border-color: rgba(255, 255, 255, .02);	}
.navbar-default .navbar-toggle {background-color: rgba(36, 160, 0, 1.0);	border-color: rgba(36, 160, 0, 1.0);	color: #fff;	}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: rgba(36, 160, 0, 1.0);	}
.navbar-default .nav li a {font-family: "Architects Daughter", cursive, Helvetica, sans-serif;	text-transform: uppercase;	font-weight: bold;	letter-spacing: 1px;	color: #fff;	font-size: 1.2em;	}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {color: rgba(36, 160, 0, 1.0);	outline: 0}
.navbar-default .navbar-nav>.active>a {border-radius: 0;	color: #222;	background-color: rgba(36, 160, 0, 1.0);	}
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {color: #222;	background-color: rgba(36, 160, 0, 1.0);	}
.top-menu-active .current {color: rgba(36, 160, 0, 1.0) !important;	}
	 	 
/* Header */
.logo {position: absolute;	margin-left: 30px;	margin-top: 50px;	}
.contact-header {
    background: url(../img/bg-contact.jpg) no-repeat fixed;	background-color: #FFF;	display: table;	position: relative;		
	border-radius: 0;	background-clip: border-box;	-webkit-box-shadow: none;	box-shadow: none;	border: 0;	min-height: 100%;			
	padding: 100px 0;	text-align: center;	width: 100%;		height: 100%;	
	-webkit-background-size: cover;	-moz-background-size: cover;	background-size: cover;	-o-background-size: cover;}

.about-header {
    display: table;	position: relative;	width: 100%;	height: 100%;	background: url(../img/bg-about.jpg) no-repeat fixed;	-webkit-background-size: cover;	-moz-background-size: cover;	background-size: cover;	-o-background-size: cover;	background-color: #BAA8D0;	}

.feedback-header {
    display: table;	position: relative;	width: 100%;	height: 100%;	background: url(../img/bg-feedback.jpg) no-repeat fixed;	-webkit-background-size: cover;	-moz-background-size: cover;	background-size: cover;	-o-background-size: cover;	background-color: #BABABA;	}

.about-team {display:inline-block;	vertical-align:middle;	-ms-touch-action:manipulation;	touch-action:manipulation;	cursor:pointer;	-webkit-user-select:none;	-moz-user-select:none;	-ms-user-select:none;	user-select:none;}

.text-vertical-center a {transition: all .5s ease;	text-decoration: none;	outline:none;	}

/*
.text-vertical-center a:hover {text-shadow:1px 0px #555;	-moz-transform:scale(1.5);	-webkit-transform:scale(1.5);	-o-transform:scale(1.5);	}
*/


section h2.section-heading {font-size: 40px;	margin-top: 0;	margin-bottom: 15px}
section h3.section-subheading {font-size: 18px;	font-family: "Architects Daughter", cursive, Helvetica, sans-serif;	text-transform: none;	font-weight: 400;	margin-bottom: 75px}
section#team {margin-top: 100px;	}
section#about {margin-top: 100px;	}
section#contact {margin: 20px auto 50px;	}
section#feedback {margin-top: 100px;	}
section#contact .section-heading {color: #222;	}
section#contact .form-group {margin-bottom: 25px;	}
section#contact .form-group input,
section#contact .form-group textarea {padding: 20px;	}
section#contact .form-group input.form-control {height: auto}
section#contact .form-group textarea.form-control {height: 236px}
section#contact .form-control:focus {border-color: #fed136;	box-shadow: none}
section#contact::-webkit-input-placeholder {font-family: "Architects Daughter", cursive, Helvetica, sans-serif;	text-transform: uppercase;	font-weight: 700;	color: #bbb}
section#contact:-moz-placeholder {font-family: "Architects Daughter", cursive, Helvetica, sans-serif;	text-transform: uppercase;	font-weight: 700;	color: #bbb}
section#contact::-moz-placeholder {font-family: "Architects Daughter", cursive, Helvetica, sans-serif;	text-transform: uppercase;	font-weight: 700;	color: #bbb}
section#contact:-ms-input-placeholder {font-family: "Architects Daughter", cursive, Helvetica, sans-serif;	text-transform: uppercase;	font-weight: 700;	color: #bbb}
section#contact .text-danger {color: #e74c3c}
/* End Header */

/* Menu Stickers */
.sticker {position: relative;	width: 128px;	height: 128px;	}
.sticker-c {position: relative;	width: 150px;	height: 240px;	}
.sticker-md {position: relative;	width: 225px;	height: 225px;	}
.sticker-lg {position: relative;	width: 256px;	height: 256px;	}
.menu-style {margin: 30px;	text-align:center;	font-weight:bold;	font-size:18px;	display:inline-block;	vertical-align:middle;	color: #000;	-ms-touch-action:manipulation;	touch-action:manipulation;	cursor:pointer;	-webkit-user-select:none;	-moz-user-select:none;	-ms-user-select:none;	user-select:none;}

.c-style {display:inline-block; border-color: 1px solid #000;}
.c-style-home {display:inline-block; border-color: 1px solid #000;margin-top:5%;}


/* Footer */
footer {padding: 5px 0;	}
hr {background-color: rgba(208,207,207,1.00);	height: 1px;	}

/* Timeline */
.timeline {list-style: none;	padding: 0;	position: relative}
.timeline:before {top: 0;	bottom: 0;	position: absolute;	content: "";	width: 2px;	background-color: #f1f1f1;	left: 40px;	margin-left: -1.5px}
.timeline>li {margin-bottom: 50px;	position: relative;	min-height: 50px}
.timeline>li:before,
.timeline>li:after {content: " ";	display: table}
.timeline>li:after {clear: both}
.timeline>li .timeline-panel {width: 100%;	float: right;	padding: 0 20px 0 100px;	position: relative;	text-align: left}
.timeline>li .timeline-panel:before {border-left-width: 0;	border-right-width: 15px;	left: -15px;	right: auto}
.timeline>li .timeline-panel:after {border-left-width: 0;	border-right-width: 14px;	left: -14px;	right: auto}
.timeline>li .timeline-image {left: 0;	margin-left: 0;	width: 80px;	height: 80px;	position: absolute;	z-index: 100;	background: url(../img/about-empty.png);	color: #fff;	border-radius: 100%;	border: 7px solid #f1f1f1;	text-align: center}
.timeline>li .timeline-image h4 {font-size: 10px;	margin-top: 12px;	line-height: 14px}
.timeline>li.timeline-inverted>.timeline-panel {float: right;	text-align: left;	padding: 0 20px 0 100px}
.timeline>li.timeline-inverted>.timeline-panel:before {border-left-width: 0;	border-right-width: 15px;	left: -15px;	right: auto}
.timeline>li.timeline-inverted>.timeline-panel:after {border-left-width: 0;	border-right-width: 14px;	left: -14px;	right: auto}
.timeline>li:last-child {margin-bottom: 0}
.timeline .timeline-heading h4 {margin-top: 0;	color: inherit}
.timeline .timeline-heading h4.subheading {text-transform: none;	color: #000;	}
.timeline .timeline-body>p,
.timeline .timeline-body>ul {margin-bottom: 0}

.team-member {text-align: center;	margin-bottom: 50px}
.team-member img {margin: 0 auto;	border: 7px solid #fff}
.team-member h4 {margin-top: 25px;	margin-bottom: 0;	text-transform: none}
.team-member p {margin-top: 0}

/* Custom Buttons */
.my-btn {
    /*border-color: #3581FE;*/
    font-family: "Architects Daughter", cursive, Helvetica, sans-serif;	text-transform: uppercase;	font-weight: bold;	border-radius: 6px;	font-size: 22px;	padding: 20px 40px;	width: 200px;	margin-bottom: 10px;	 	}

.my-btn:hover,
.my-btn:focus,
.my-btn:active,
.my-btn.active {
    /*
	color: #fff;	background-color: #0275FE;	border-color: #0275FE;	*/
	font-weight: 700;	background-image: none
}

.btn-lg {width: 150px;	font-size: 22px;	 font-weight: bold;}

.btn-blue {color: #000;	background-color: #8DD3EC;	border-color: #8DD3EC;	}
.btn-blue:hover {color: #000;		background-color: #4BBAE1;	border-color: #4BBAE1;	}

.btn-yellow {color: #000;	background-color: #ECD18C;	border-color: #ECD18C;	}
.btn-yellow:hover {color: #000;	background-color: #E1B74A;	border-color: #E1B74A;	}

.btn-green {color: #000;	background-color: #A6DC9E;	border-color: #A6DC9E;	}
.btn-green:hover {color: #000;	background-color: #72C866;	border-color: #72C866;	}

.btn-red {color: #000;	background-color: #D9A1A0;	border-color: #D9A1A0;	}
.btn-red:hover {color: #000;	background-color: #C36B69;	border-color: #C36B69;	}

.btn-purple {color: #000;	background-color: #BAA8D0;	border-color: #BAA8D0;	}
.btn-purple:hover {color: #000;	background-color: #9376B5;	border-color: #9376B5;	}

.btn-grey {color: #000;	background-color: #BABABA;	border-color: #BABABA;	}
.btn-grey:hover {color: #000;	background-color: #939393;	border-color: #939393;	}

input[type="text"] {font-size:18px;	margin-bottom: 10px;	}

/* End Custom Buttons */

/* Menu Tooltip */
.tool-tip{
	color: #000;	background-color: transparent;	text-shadow: none;	font-size: 1.5em;	visibility: hidden;	-webkit-border-radius: 7px;	-moz-border-radius: 7px;	-o-border-radius: 7px;	border-radius: 7px;	text-align: center;	opacity: 0;	z-index: 999;	padding: 3px 8px;	position: absolute;	cursor: default;	-webkit-transition: all 240ms ease-in-out;	-moz-transition: all 240ms ease-in-out;	-ms-transition: all 240ms ease-in-out;	-o-transition: all 240ms ease-in-out;	transition: all 240ms ease-in-out; outline:none;	}

.tool-tip,
.tool-tip.top{top: auto;	bottom: 114%;	left: 50%;	}

.tool-tip.top:after,
.tool-tip:after{position: absolute;	bottom: -12px;	left: 50%;	margin-left: -7px;	content: ' ';	height: 0px;	width: 0px;	border: 6px solid transparent;	border-top-color: rgba( 0, 0, 0, .7);	}

/* default heights, width and margin w/o Javscript */
.tool-tip,
.tool-tip.top{width: 500px;	height: 40px;	margin-left: -250px;	}

/* tool tip position right */
.tool-tip.right{top: 50%;right: auto;left: 106%;margin-top: -15px;margin-right: auto;	margin-left: auto;}
.tool-tip.right:after{left: 185px;top: 50%;	margin-top: -6px;bottom: auto;border-top-color: transparent;	border-right-color: rgba( 0, 0, 0, .7);	}

/* tool tip position left */
.tool-tip.left{top: 50%;left: auto;right: 105%;margin-top: -15px;	margin-left: auto;	}
.tool-tip.left:after{left: auto;right: 182px;top: 50%;margin-top: -6px;bottom: auto;border-top-color: transparent;   border-left-color: rgba( 0, 0, 0, .7);	}

/* tooltip on focus left and right */
.on-focus .tool-tip.left,
.on-focus .tool-tip.right{margin-top: -19px;
}

/* on hover of element containing tooltip default*/
*:not(.on-focus):hover > .tool-tip,
.on-focus input:focus + .tool-tip{
	visibility: visible;	opacity: 1;	-webkit-transition: all 240ms ease-in-out;	-moz-transition: all 240ms ease-in-out;	-ms-transition: all 240ms ease-in-out;	-o-transition: all 240ms ease-in-out;	transition: all 240ms ease-in-out;	}

/* tool tip slide out */
*:not(.on-focus) > .tool-tip.slideIn,
.on-focus > .tool-tip{display: block;	}
.on-focus > .tool-tip.slideIn{z-index: -1;	}
.on-focus > input:focus + .tool-tip.slideIn{z-index: 1;	}

/* top slideIn */
*:not(.on-focus) > .tool-tip.slideIn,
*:not(.on-focus) > .tool-tip.slideIn.top,
.on-focus > .tool-tip.slideIn,
.on-focus > .tool-tip.slideIn.top{bottom: 50%;	}

*:not(.on-focus):hover > .tool-tip.slideIn,
*:not(.on-focus):hover > .tool-tip.slideIn.top,
.on-focus > input:focus + .tool-tip.slideIn,
.on-focus > input:focus + .tool-tip.slideIn.top{bottom: 110%;	}	


/* left slideIn */
*:not(.on-focus) > .tool-tip.slideIn.left,
.on-focus > .tool-tip.slideIn.left{right: 50%;	}
*:not(.on-focus):hover > .tool-tip.slideIn.left,
.on-focus > input:focus + .tool-tip.slideIn.left{right: 30%;}

/* right slideIn */
*:not(.on-focus) > .tool-tip.slideIn.right,
.on-focus > .tool-tip.slideIn.right{left: 50%;		}
*:not(.on-focus):hover > .tool-tip.slideIn.right,
.on-focus > input:focus + .tool-tip.slideIn.right{left: 30%;}

/* End Tooltip */

/* Moving CLOUDS with Plane */
.frame {height: auto;	margin: 15% auto 0;	position: absolute;	width: 100%;	}

svg {  max-width: 100%;	height: auto;	display: block;	}

/*Paper Plane*/
/*Paper Plane: Container*/
.plane-container {width: 200px;	margin: 0px auto;	z-index: 3;	}
 /*Paper Plane: Image*/
.plane {width: 100%;	height: 60px;	}

/*Paper Plane: Animation*/
.plane-container {
  -webkit-animation: paper-plane-scoping 2s alternate infinite;	-moz-animation: paper-plane-scoping 2s alternate infinite;	animation: paper-plane-scoping 2s alternate infinite;	-webkit-animation-timing-function: linear;	-moz-animation-timing-function: linear;	animation-timing-function: linear;	}

@-webkit-keyframes paper-plane-scoping {
  0% {-webkit-transform: translateY(0px);	-moz-transform: translateY(0px);	transform: translateY(0px);	}
  100% {-webkit-transform: translateY(100px);	-moz-transform: translateY(100px);	transform: translateY(100px);	}
}

.plane {
  -webkit-animation-timing-function: ease-in-out;	-moz-animation-timing-function: ease-in-out;	animation-timing-function: ease-in-out;	-webkit-animation: paper-plane-soaring 4s forwards infinite;	-moz-animation: paper-plane-soaring 4s forwards infinite;	animation: paper-plane-soaring 4s forwards infinite;	}
@-webkit-keyframes paper-plane-soaring {
  0% {-webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	transform: rotate(0deg);	}
  40% {-webkit-transform: rotate(15deg);	-moz-transform: rotate(15deg);	transform: rotate(15deg);	}
  50% {-webkit-transform: rotate(15deg);	-moz-transform: rotate(15deg);	transform: rotate(15deg);	}
  60% {-webkit-transform: rotate(-10deg);	-moz-transform: rotate(-10deg);	transform: rotate(-10deg);	}
  70% {-webkit-transform: rotate(-10deg);	-moz-transform: rotate(-10deg);	transform: rotate(-10deg);	}
  100% {-webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	transform: rotate(0deg);	}
}

/**
 * Clouds
 */
.clouds {position: absolute;	top: 0;	left: 0;	right: 0;	bottom: 0;	overflow: hidden;	transform: translateZ(0);	}
.cloud {position: absolute;	/*top: 20%;*/
  width: 300px;	right: 0;	opacity: 1;	}
.cloud.front {z-index: 9;	}
.cloud.distant {z-index: 1;	}
.cloud.background {z-index: 1;	}

/*Cloud Sizing*/
.cloud.smaller {margin-right: 400px;	width: 100px;	margin-top: 25px;	}
.cloud.small {margin-right: 200px;	width: 150px;	}
.cloud.big {width: 500px;	margin-top: 25px;	margin-right: 150px;	}
.cloud.massive {width: 600px;	margin-top: 5px;	margin-right: 0px;	}


/*Cloud: Animation*/
.cloud {-webkit-animation-name: cloud-movement;	-webkit-animation-timing-function: linear;	-webkit-animation-direction: forwards;	-webkit-animation-iteration-count: infinite;	-webkit-animation-duration: 8s;	-moz-animation-name: cloud-movement;	-moz-animation-timing-function: linear;	-moz-animation-direction: forwards;	-moz-animation-iteration-count: infinite;	-moz-animation-duration: 8s;	animation-name: cloud-movement;	animation-timing-function: linear;	animation-direction: forwards;	animation-iteration-count: infinite;	animation-duration: 8s; 	}
.slow {-webkit-animation-duration: 9.2s;	-moz-animation-duration: 9.2s;	animation-duration: 9.2s;	}
.slower {-webkit-animation-duration: 11.2s;	-moz-animation-duration: 11.2s;	animation-duration: 11.2s;	}
.slowest {-webkit-animation-duration: 13.5s;	-moz-animation-duration: 13.5s;	animation-duration: 13.5s;	}
.super-slow {-webkit-animation-duration: 20.5s;	-moz-animation-duration: 20.5s;	animation-duration: 20.5s;	}

@-webkit-keyframes cloud-movement {
  0% {opacity: 0.1;	-webkit-transform: translateX(300px);	-moz-transform: translateX(300px);	transform: translateX(300px);	}
  10% {opacity: 0.7;	}
  90% {opacity: 0;	}
  100% {opacity: 0;	-webkit-transform: translateX(-1000px);	-moz-transform: translateX(-1000px);	transform: translateX(-1000px);	}
}

/* End Plane Clouds */

.data-container {background-color: rgba(255, 255, 255, .2);	border: 0;	border-radius: 6px;	padding: 20px; text-align: center; margin-bottom: 10px; }
	
/* Water */

#water-container {position: relative;	top: 50%;	height: 250px;	width: 400px;	margin: 0px auto;	}
#water-loader {position: relative;	height: 200px;	width: 100px;	float: left;	}
#water-loader-average {position: relative;	height: 200px;	width: 100px;	margin: 50px 0px 0px 250px;	}
#water-glass {position: relative;	height: 100%;	background: rgba(255,255,255,.1);	border-radius: 0% 0% 15% 15%;	border: 3px solid;	border-top: 0;	border-bottom: 20px solid;	border-color: rgba(255,255,255,.7);	overflow: hidden;	}
#water-glass-average {position: relative;	height: 100%;	background: rgba(255,255,255,.1);	border-radius: 0% 0% 15% 15%;	border: 3px solid;	border-top: 0;	border-bottom: 20px solid;	border-color: rgba(255,255,255,.7);	overflow: hidden;	}
#water {position: absolute;	top:100%;	right:0;	bottom:0;	left:0;	background: linear-gradient(to bottom, #98d9fa, #51c2fa);	box-shadow: inset 0 2px 1px rgba(255,69,0,.2);	opacity: .7;	/* 98d9fa 51c2fa */
}
#water-average {position: absolute;	top:100%;	right:0;	bottom:0;	left:0;	background: linear-gradient(to bottom, #98d9fa, #51c2fa);	box-shadow: inset 0 2px 1px rgba(255,69,0,.7);	opacity: .7;	}
#water-counter {position: absolute;	line-height: 200px;	font-size: 22px;	color: rgba(0,0,0,1);	left: 30%;	}
#water-counter-average {position: absolute;	line-height: 200px;	font-size: 22px;	color: rgba(0,0,0,1);	left: 35%;	}
#lemon {display: none;	position: absolute;	top:0;	right:0;	height:79px;	width:79px;	margin-top:-38px;	margin-right:-38px;	background: radial-gradient(#f7f3b6 10%, #d7d26c);	border-radius: 50%;	border: 4px solid #47582e;	box-shadow: inset 0 0 0 2px #f7f3b6;	}
#straw {display: none;	position: absolute;	bottom:20px;	right:30%;	height:220px;	width:6px;	background: steelblue;	border-radius: 0 6px 0 0;		-webkit-transform: rotate(-18.5deg);	-webkit-transform-origin: left bottom;transform: rotate(-18.5deg);	transform-origin: left bottom;	}
#straw:after {content: '';	position: absolute;	top:0;	right:0;	height:6px;	width:80px;	background: inherit;	border-radius: 0 6px 0 0;	}
#water-cubes {position: absolute;	top:0;	right:0;	bottom:0;	left:0;	}
#water-cubes div {/*display: none;*/
    position: absolute;	width:50px;	height:50px;	background: rgba(255,255,255,.3);	border-radius: 10px;	box-shadow: inset 0 0 10px rgba(255,255,255,.6);	}
#water-cubes div:nth-child(1) {bottom:0;	}
#water-cubes div:nth-child(2) {bottom:45px;	left:25px;	-webkit-transform: rotate(32deg);	-webkit-transform-origin: center bottom;transform: rotate(32deg);	transform-origin: center bottom;		}
#water-cubes div:nth-child(3) {bottom:90px;	left:20px;	-webkit-transform: rotate(-34deg);	-webkit-transform-origin: center bottom;transform: rotate(-34deg);	transform-origin: center bottom;		}
#coaster {width: 130%;	height: 4px;	margin-left: -15%;	background: steelblue;	border-radius: 2px;	}
#coaster-average {width: 130%;	height: 4px;	margin-left: -15%;	background: crimson;	border-radius: 2px;	}


/* End Water */

/* Electrcity */

#light-bulb-container {position: relative;	top:50%;	height:150px;	width:600px;	margin: 0px auto;	}
#light-bulb1 {width: 150px;	height: 150px;	float: left;	}
#light-bulb2 {width: 150px;	height: 150px;	float: left;	}
#light-bulb3 {width: 150px;	height: 150px;	float: left;	}
#light-bulb4 {width: 150px;	height: 150px;	float: left;	}

/* End Electrcity */

/* Air */

#smoke-container {position: relative;	width: 600px;	height: 400px;	margin: 0px auto;	color: #fff;	padding: 20px;	}
#car {width: 320px;	height: 369px;	position:relative;	margin: 0px auto;	z-index: 1;	}
canvas {position: absolute;	bottom: 90px;	left: 180px;	}
.smokey {display: none;	}

/* End Air */

/* Waste */

#truck-container {position: relative;	height: 300px;	width: 600px;	margin: 0px auto;	padding: 20px;	}
#truck {width: 550px;	height: 240px;	position:relative;	margin: 0px auto;	background: url(../img/truck.gif);	}

/* End Waste */


/* Slider UI */

.slider-data-container {position: relative; width:800px;		height: 250px;	 border: 1px solid #000; text-align: center;margin: 0px auto;}
.slider-ui-container-1, .slider-ui-container-2 {position: relative;	width: 450px;	height: 120px;	margin: 0px auto 25px;}
.slider-ui-container-lg {position: relative;	width: 450px;	height: 120px;	top: 40%;	margin: 0 auto;}
.slider-image-container {position: relative;	width: 800px;	height:300px;	top: 20%;  margin: 0 auto;}


#slider-shower {
	border-width: 1px;	border-style: solid;	border-color: #333 #333 #777 #333;	border-radius: 25px;	width: 250px;	position: absolute;	height: 13px;	background-color: #8e8d8d;	background: url('../img/slider-ui-track.png') repeat top left;	
	box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5), 0 1px 0 0px rgba(250, 250, 250, .5);	left: 100px; bottom: 60px; }

#slider-brush {
	border-width: 1px;	border-style: solid;	border-color: #333 #333 #777 #333;	border-radius: 25px;	width: 250px;	position: absolute;	height: 13px;	background-color: #8e8d8d;	background: url('../img/slider-ui-track.png') repeat top left;	
	box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5), 0 1px 0 0px rgba(250, 250, 250, .5);	left: 100px;	 bottom: 60px;	}

#slider-heater {
	border-width: 1px;	border-style: solid;	border-color: #333 #333 #777 #333;	border-radius: 25px;	width: 250px;	position: absolute;	height: 13px;	background-color: #8e8d8d;	background: url('../img/slider-ui-track.png') repeat top left;	
	box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5), 0 1px 0 0px rgba(250, 250, 250, .5);	left: 100px;	 bottom: 60px;	}

#slider-dryer {
	border-width: 1px;	border-style: solid;	border-color: #333 #333 #777 #333;	border-radius: 25px;	width: 250px;	position: absolute;	height: 13px;	background-color: #8e8d8d;	background: url('../img/slider-ui-track.png') repeat top left;	
	box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5), 0 1px 0 0px rgba(250, 250, 250, .5);	left: 100px;	 bottom: 60px;	}

#slider-transport {
	border-width: 1px;	border-style: solid;	border-color: #333 #333 #777 #333;	border-radius: 25px;	width: 250px;	position: absolute;	height: 13px;	background-color: #8e8d8d;	background: url('../img/slider-ui-track.png') repeat top left;	
	box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5), 0 1px 0 0px rgba(250, 250, 250, .5);	left: 100px;	 bottom: 60px;	}

#slider-paper {
	border-width: 1px;	border-style: solid;	border-color: #333 #333 #777 #333;	border-radius: 25px;	width: 250px;	position: absolute;	height: 13px;	background-color: #8e8d8d;	background: url('../img/slider-ui-track.png') repeat top left;	
	box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5), 0 1px 0 0px rgba(250, 250, 250, .5);	left: 100px;	 bottom: 60px;}

#slider-plastic {
	border-width: 1px;	border-style: solid;	border-color: #333 #333 #777 #333;	border-radius: 25px;	width: 250px;	position: absolute;	height: 13px;	background-color: #8e8d8d;	background: url('../img/slider-ui-track.png') repeat top left;	
	box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5), 0 1px 0 0px rgba(250, 250, 250, .5);	left: 100px;	 bottom: 60px;}

.slider-title {display: inline-block;	width: 150px;	height: 25px;	position: absolute;	top: 70px; left: 150px;	}
.slider-value-left {display: inline-block;	width: 75px;		height: 45px;	position: absolute;	top: 25px;	left: 10px;}
.slider-value-0 {display: inline-block;	width: 25px;		height: 25px;	position: absolute;	top:-5px; 	left: 225px;	}
.slider-value-right {display: inline-block;	width: 75px;		height: 45px;	position: absolute;	top: 25px;	left: 370px;	}
.slider-value-off {display: inline-block;	width: 60px;		height: 25px;	position: absolute;	top: 33px;	left: 10px;}
.slider-value-on {display: inline-block;	width: 60px;		height: 25px;	position: absolute;	top: 33px;	left: 350px;	}
.slider-title-lg {display: inline-block;	width: 150px;	height: 25px;	position: absolute;	top: 70px; 	left: 150px;	}
.slider-value-left-lg {display: inline-block;	width: 75px;		height: 25px;	position: absolute;	top: 25px;	left: 10px;}
.slider-value-0-lg {display: inline-block;	width: 175px;	height: 50px;	position: absolute;	top:-5px; 	left: 150px;	}
.slider-value-right-lg {display: inline-block;	width: 75px;		height: 25px;	position: absolute;	top: 25px;	left: 350px;	}

#slider-shower .ui-slider-handle {
	position: absolute;	z-index: 2;	width: 50px;	height: 50px;	cursor: pointer;	font-weight: bold;	color: #1C94C4;	outline: none;	top: -16px;	margin-left: -22px;	background: url('../img/slider-ui-handle-leaf-green.png') no-repeat 50% 50%;	}

#slider-brush .ui-slider-handle {
	position: absolute;	z-index: 2;	width: 50px;	height: 50px;	cursor: pointer;	font-weight: bold;	color: #1C94C4;	outline: none;	top: -16px;	margin-left: -22px;	background: url('../img/slider-ui-handle-leaf-orange.png') no-repeat 50% 50%;	}

#slider-heater .ui-slider-handle {
	position: absolute;	z-index: 2;	width: 50px;	height: 50px;	cursor: pointer;	font-weight: bold;	color: #1C94C4;	outline: none;	top: -16px;	margin-left: -22px;	background: url('../img/slider-ui-handle-bird-blue.png') no-repeat 50% 50%;	}

#slider-dryer .ui-slider-handle {
	position: absolute;	z-index: 2;	width: 50px;	height: 50px;	cursor: pointer;	font-weight: bold;	color: #1C94C4;	outline: none;	top: -16px;	margin-left: -22px;	background: url('../img/slider-ui-handle-bird-green.png') no-repeat 50% 50%;	}

#slider-transport .ui-slider-handle {
	position: absolute;	z-index: 2;	width: 50px;	height: 50px;	cursor: pointer;	font-weight: bold;	color: #1C94C4;	outline: none;	top: -16px;	margin-left: -22px;	background: url('../img/slider-ui-handle-kid.png') no-repeat 50% 50%;	}

#slider-paper .ui-slider-handle {
	position: absolute;	z-index: 2;	width: 50px;	height: 50px;	cursor: pointer;	font-weight: bold;	color: #1C94C4;	outline: none;	top: -16px;	margin-left: -22px;	background: url('../img/slider-ui-handle-paper.png') no-repeat 50% 50%;	}

#slider-plastic .ui-slider-handle {
	position: absolute;	z-index: 2;	width: 50px;	height: 50px;	cursor: pointer;	font-weight: bold;	color: #1C94C4;	outline: none;	top: -16px;	margin-left: -22px;	background: url('../img/slider-ui-handle-bottle.png') no-repeat 50% 50%;	}
	
.ui-slider-range {
	position: absolute;
	border: 0;
	top: 0;
	height: 100%;
	border-radius: 25px;
		
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}

.slider-bg {width: 800px;	height: 300px;	background: url(../img/slider-bg.png);	z-index: 1;	 position: absolute;}
.slider-tree {width: 800px;	height: 300px;	background: url(../img/slider-trees.png) no-repeat 0 -300px;	z-index: 2;	position: absolute; }
.slider-bird {width: 800px;	height: 300px;	background: url(../img/slider-birds.png) no-repeat 0 -300px;	z-index: 3;	position: absolute; }
.slider-kid {width: 800px;	height: 300px;	background: url(../img/slider-kids.png) no-repeat 0 -300px;	z-index: 4;	position: absolute; }
.slider-animal {width: 800px;	height: 300px;	background: url(../img/slider-animals.png) no-repeat 0 0;	z-index: 5;	position: absolute; }

/* End Slider UI */

#custom-search-input {padding: 3px;border: solid 1px #E4E4E4;border-radius: 6px;background-color: #fff;}
#custom-search-input input {border: 0;box-shadow: none;}
#custom-search-input button {margin: 2px 0 0 0;background: none;box-shadow: none;border: 0;color: #666666;padding: 0 8px 0 10px;border-left: solid 1px #ccc;}
#custom-search-input button:hover {border: 0;box-shadow: none;border-left: solid 1px #ccc;}
#custom-search-input .glyphicon-search{font-size: 23px;}
.custom-search-margin {margin: 30% auto 20%;}

/** Thought Bubble **/
p.thought {
position:relative; width:350px; padding:20px 40px;margin:10px auto 40px;
/**give the bubble's background a gradient**/
background:#f7a944; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fac868), to(#f3961c));background:-moz-linear-gradient(#fac868, #f3961c);background:-o-linear-gradient(#fac868, #f3961c);background:linear-gradient(#fac868, #f3961c);
/**give the corners a large curve**/
-webkit-border-radius:180px;-moz-border-radius:180px;border-radius:180px;
/**add a drop shadow to the bubble**/
-webkit-box-shadow: -3px 4px 8px #989898;-moz-box-shadow: -3px 4px 8px #989898;box-shadow: -3px 4px 8px #989898;
/**style the text**/
color:#575544;font-size:1.2em;font-weight:bold;letter-spacing:.06em;
}

p.thought-home {
position:relative; width:350px; padding:20px 40px;margin:60px auto 40px;
background:#f7a944; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fac868), to(#f3961c));background:-moz-linear-gradient(#fac868, #f3961c);background:-o-linear-gradient(#fac868, #f3961c);background:linear-gradient(#fac868, #f3961c);
-webkit-border-radius:180px;-moz-border-radius:180px;border-radius:180px;
-webkit-box-shadow: -3px 4px 8px #989898;-moz-box-shadow: -3px 4px 8px #989898;box-shadow: -3px 4px 8px #989898;
color:#575544;font-size:1.2em;font-weight:bold;letter-spacing:.06em;
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera < 12.1 */
animation: fadein 2s;
}

@keyframes fadein {from { opacity: 0; }to   { opacity: 1; }} 	/* Firefox < 16 */
@-moz-keyframes fadein {from { opacity: 0; }to   { opacity: 1; }} 	/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {from { opacity: 0; }to   { opacity: 1; }} 	/* Internet Explorer */
@-ms-keyframes fadein {from { opacity: 0; } to   { opacity: 1; }} 	/* Opera < 12.1 */
@-o-keyframes fadein {from { opacity: 0; }to   { opacity: 1; }}

/* Desktops and laptops  */
@media only screen and (min-width:1025px) {

.info-modal .modal-content {
	border-radius: 0;	background-clip: border-box;	-webkit-box-shadow: none;	box-shadow: none;	border: 0;	min-height: 100%;	
	padding: 100px 0;	text-align: center;	width: 100%;		height: 100%;	
	-webkit-background-size: cover;	-moz-background-size: cover;	background-size: cover;	-o-background-size: cover;	}
	
.info-modal .modal-content h2 {margin-bottom: 15px;	font-size: 3em}
.info-modal .modal-content p {margin-bottom: 30px}
.info-modal .modal-content p.item-intro {margin: 20px 0 30px;	font-family: "Architects Daughter", cursive, Helvetica, sans-serif;	font-style: italic;	font-size: 16px}
.info-modal .modal-content ul.list-inline {margin-bottom: 30px;	margin-top: 0}
.info-modal .modal-content img {margin-bottom: 30px}
.info-modal .close-modal {position: fixed;	width: 75px;	height: 75px;	background-color: transparent;	top: 45px;	right: 25px;	cursor: pointer; z-index: 10;}
.info-modal .close-modal:hover {opacity: .3}
.info-modal .close-modal .lr {height: 75px;	width: 1px;	margin-left: 35px;	background-color: #222;		-ms-transform: rotate(45deg);	-webkit-transform: rotate(45deg);	transform: rotate(45deg);z-index: 1051}
.info-modal .close-modal .lr .rl {height: 75px;	width: 1px;	background-color: #222;	-ms-transform: rotate(90deg);	-webkit-transform: rotate(90deg);transform: rotate(90deg);	z-index: 1052}
.info-modal .modal-backdrop {opacity: 0;	display: none}
.modal-bg {display: table;	position: relative;  	}

.c-style-home {display:inline-block; border-color: 1px solid #000; margin-top:20%;}

/**Large Circle**/
p.thought:before {
content:"";position:absolute; bottom:100px; left:-40px; background:#f3961c;width:30px; height:30px;
/*add a curve to the corners the same size as the height and width*/
-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
/*add a drop shadow*/
-webkit-box-shadow: -3px 3px 4px #989898;-moz-box-shadow: -3px 3px 4px #989898;box-shadow: -3px 3px 8px #989898;
}
/**Small Circle**/
p.thought:after {
content:"";position:absolute;bottom:80px;left:-60px;width:15px;height:15px;background:#f3961c;
-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-shadow: -3px 3px 4px #989898;-moz-box-shadow: -3px 3px 4px #989898;box-shadow: -3px 3px 8px #989898;
}
	
p.thought-home {
position:relative; width:350px; padding:20px 40px;margin:60px auto 40px;
/**give the bubble's background a gradient**/
background:#f7a944; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fac868), to(#f3961c));background:-moz-linear-gradient(#fac868, #f3961c);background:-o-linear-gradient(#fac868, #f3961c);background:linear-gradient(#fac868, #f3961c);
/**give the corners a large curve**/
-webkit-border-radius:180px;-moz-border-radius:180px;border-radius:180px;
/**add a drop shadow to the bubble**/
-webkit-box-shadow: -3px 4px 8px #989898;-moz-box-shadow: -3px 4px 8px #989898;box-shadow: -3px 4px 8px #989898;
/**style the text**/
color:#575544;font-size:1.2em;font-weight:bold;letter-spacing:.06em;
}	
/**Large Circle**/
p.thought-home:before {
content:"";position:absolute; bottom:30px; left:-40px; background:#f3961c;width:30px; height:30px;
-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
-webkit-box-shadow: -3px 3px 4px #989898;-moz-box-shadow: -3px 3px 4px #989898;box-shadow: -3px 3px 8px #989898;
}
/**Small Circle**/
p.thought-home:after {
content:"";position:absolute;bottom:20px;left:-60px;width:15px;height:15px;background:#f3961c;
-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-shadow: -3px 3px 4px #989898;-moz-box-shadow:-3px 3px 4px #989898;box-shadow: -3px 3px 8px #989898;
}

}

@media (min-width:768px) {
    
.navbar-default {background-color: rgba(0, 0, 0, .8);	-webkit-transition: padding .3s;	-moz-transition: padding .3s;	transition: padding .3s;	border: 0;	}
.navbar-default .navbar-brand {font-size: 2em;	-webkit-transition: all .3s;	-moz-transition: all .3s;	transition: all .3s;	font-weight: bold;	margin-left: -50px;	}
.navbar-default .navbar-nav>.active>a {border-radius: 3px;	}
.navbar-default.navbar-shrink {background-color: #222;	padding: 10px 0;	}
.navbar-default.navbar-shrink .navbar-brand {font-size: 1.5em}
.navbar-default .nav li a {font-family: "Architects Daughter", cursive, Helvetica, sans-serif;	text-transform: uppercase;	font-weight: bold;	letter-spacing: 1px;	color: #fff;	}
.top-menu-active .current {color: rgba(36, 160, 0, 1.0) !important;	}

.timeline:before {left: 50%}
.timeline>li {margin-bottom: 100px;	min-height: 100px}
.timeline>li .timeline-panel {width: 41%;	float: left;	padding: 0 20px 20px 30px;	text-align: right}
.timeline>li .timeline-image {width: 100px;	height: 100px;	left: 50%;	margin-left: -50px}
.timeline>li .timeline-image h4 {font-size: 13px;	margin-top: 16px;	line-height: 18px}
.timeline>li.timeline-inverted>.timeline-panel {float: right;	text-align: left;	padding: 0 30px 20px 20px}

}

@media (min-width:992px) {
.timeline>li {min-height: 150px}
.timeline>li .timeline-panel {padding: 0 20px 20px}
.timeline>li .timeline-image {width: 150px;	height: 150px;	margin-left: -75px}
.timeline>li .timeline-image h4 {font-size: 18px;	margin-top: 30px;	line-height: 26px}
.timeline>li.timeline-inverted>.timeline-panel {padding: 0 20px 20px}
}

@media (min-width:1200px) {
.timeline>li {min-height: 170px}
.timeline>li .timeline-panel {padding: 0 20px 20px 100px}
.timeline>li .timeline-image {width: 170px;	height: 170px;	margin-left: -85px}
.timeline>li .timeline-image h4 {margin-top: 40px}
.timeline>li.timeline-inverted>.timeline-panel {padding: 0 100px 20px 20px}
}