/*
	Theme Name: Home Control
	Theme URI: https://visualfoundry.net
	Description: This is the theme for Home Control created for the Genesis Framework.
	Author: Greg Dixon
	Author URI: https://visualfoundry.net

	Version: 2.0.01

	Tags: black, red, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis
	Template Version: 2.2.3

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* # Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Gallery
	- Forms
	- Tables
	- Screen Reader Text
- Structure and Layout
	- Site Containers
	- Column Widths and Positions
	- Column Classes
- Common Classes
	- Avatar
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Genesis eNews Extended
	- Jetpack
- Skip Links
- Site Header
	- Title Area
	- Widget Area
- Site Navigation
	- Accessible Menu
	- Site Header Navigation
	- After Header Navigation
	- Footer Navigation
- Content Area
	- Entries
	- Entry Meta
	- Pagination
	- Comments
- Sidebars
- Footer Widgets
- Site Footer
- Media Queries
	- Max-width: 1340px
	- Max-width: 1200px
	- Max-width: 1023px
	- Max-width: 860px
- Print Styles
*/


/* # Insert other style sheets
---------------------------------------------------------------------------------------------------- */
/*@import url("ism/css/my-slider.css");
@import url("css/roundslider.min.css");*/
@import url("weather/css/weather.css");
/*@import url("weather/css/weather-helper.css");*/



/* # Add fonts
---------------------------------------------------------------------------------------------------- */
@font-face{
	font-family:'digital-clock-font';
	src: url('fonts/digital-7 (italic).ttf');
}


/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* ## Box Sizing
--------------------------------------------- */

html,
input[type="search"]{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}


/* ## Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/* # Defaults
---------------------------------------------------------------------------------------------------- */

/* ## Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
}

/* Chrome fix */
body > div {
	font-size: 2rem;
}

body {
	background-color: #eee;
	color: #333;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	font-size: 2rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	line-height: 1.2;
	margin: 0;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

a {
	color: #c3251d;
/*	text-decoration: underline;*/
	text-decoration: none;
}

a:hover,
a:focus {
	color: #333;
	text-decoration: none;
}

p {
	margin: 0 0 28px;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-top: 1px solid #eee;
	clear: both;
	margin: 1em 0;
}

b,
strong {
	font-weight: 700;
}

blockquote,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 40px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}


/* ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	line-height: 1.2;
	margin: 40px 0 4px;
}

h1 {
	font-size: 36px;
	font-size: 3.6rem;
}

h2 {
	font-size: 30px;
	font-size: 3rem;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
}

h4 {
	font-size: 20px;
	font-size: 2rem;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}

/* ## Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

figure {
	margin: 0;
}

/* ## Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0 0 28px;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery img {
	border: 1px solid #eee;
	height: auto;
	padding: 4px;
}

.gallery img:hover,
.gallery img:focus {
	border: 1px solid #999;
}

/* ## Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #333;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	padding: 16px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input + label {
	cursor: pointer;
    background-repeat: no-repeat;
}
input:checked + label {
	cursor: pointer;
	opacity: 1;
    background-repeat: no-repeat;
}





input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-moz-placeholder {
	color: #333;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #333;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	background-color: #333;
	border: 0;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	padding: 16px 24px;
	text-decoration: none;
	white-space: normal;
	width: auto;
}
button.small {
	padding: 8px 12px;
	margin-top: 4px;
	min-width: 128px;
	background-color: #CCC;

}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus  {
	background-color: #c3251d;
	color: #fff;
}

button.selected,
.button.selected {
	background-color: #c3251d;
}

.entry-content .button:hover,
.entry-content .button:focus {
	color: #fff;
}

.button {
	display: inline-block;
}

a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
	padding: 8px 16px;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
	background-color: #eee;
	border-width: 0;
	color: #777;
	cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

/* ## Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.3;
	margin-bottom: 40px;
	width: 100%;
	word-break: break-word;
}

tbody {
	border-bottom: 1px solid #eee;
}

td,
th {
	text-align: left;
	padding: 0 10px 10px;
}

td {
	border-top: 1px solid #eee;
}

th {
	font-weight: 600;
}

td:first-child,
th:first-child {
	padding-left: 0;
}

/* ## Screen Reader Text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus  {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 15px 23px 14px;
	color: #333;
	background: #fff;
	z-index: 100000; /* Above WP toolbar. */
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}

.more-link {
    position: relative;
}


/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* ## Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
	margin: 0 auto;
	max-width: 1280px;
}

.site-inner {
	clear: both;
	padding-top: 40px;
	word-wrap: break-word;
}

.landing-page .site-inner {
	max-width: 800px;
}

/* ## Column Widths and Positions
--------------------------------------------- */

/* ### Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	width: 1060px;
}

.content-sidebar-sidebar .content-sidebar-wrap {
	float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	float: right;
}

/* ### Content */

.content {
	float: right;
	width: 880px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
	float: left;
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
	width: 660px;
}

.full-width-content .content {
	width: 100%;
}

/* ### Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 360px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
	float: left;
}

/* ### Secondary Sidebar */

.sidebar-secondary {
	float: left;
	width: 180px;
}

.content-sidebar-sidebar .sidebar-secondary {
	float: right;
}

/* ## Column Classes
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-one,
.one-half,
.one-half-responsive,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
	border-top: 1px solid #eee;
}

.five-sixths.noborder,
.four-sixths.noborder,
.one-fourth.noborder,
.one-half.noborder,
.one-sixth.noborder,
.one-third.noborder,
.three-fourths.noborder,
.three-sixths.noborder,
.two-fourths.noborder,
.two-sixths.noborder,
.two-thirds.noborder {
	border-top: 0;
}

.one-half-responsive,
.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-one {
	width: 97.4358974%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/* # Common Classes
---------------------------------------------------------------------------------------------------- */

/* ## Avatar
--------------------------------------------- */

.avatar {
	border-radius: 50%;
	float: left;
}

.author-box .avatar,
.alignleft .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

/* ## Genesis
--------------------------------------------- */

.breadcrumb {
	background-color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 1px;
	padding: 12px 30px;
}

.after-entry,
.archive-description,
.author-box {
	background-color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 40px;
	padding: 60px;
}

.archive-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}

/* ## Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
}

.entry-content .search-form,
.site-header .search-form {
	margin-bottom: 40px;
	width: 50%;
}

.site-header .search-form {
	float: right;
	margin: 12px auto 0;
}

.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	margin-top: 10px;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* ## Titles
--------------------------------------------- */

.archive-description .entry-title,
.archive-title,
.author-box-title {
	font-size: 20px;
	font-size: 2rem;
}

.entry-title {
	font-size: 36px;
	font-size: 3.6rem;
}

.entry-title a,
.sidebar .widget-title a {
	color: #333;
	text-decoration: none;
}

.entry-title a:hover,
.entry-title a:focus {
	color: #c3251d;
}

.widget-title {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 20px;
}

/* ## WordPress
--------------------------------------------- */

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

img.alignnone,
.alignnone {
	margin-bottom: 12px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
	margin: 0 0 28px;
}


/* # Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	margin-bottom: 40px;
	word-wrap: break-word;
}

.widget p:last-child,
.widget ul > li:last-of-type,
.widget-area .widget:last-of-type {
	margin-bottom: 0;
}

.widget ul > li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.widget ul > li:last-of-type {
	padding-bottom: 0;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: 0;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* ## Featured Content
--------------------------------------------- */

.featured-content .entry {
	background: none;
	padding: 0;
}

.featured-content .entry:last-of-type {
	margin-bottom: 0;
}

.featured-content .entry-title {
	font-size: 20px;
	font-size: 2rem;
}


/* # Plugins
---------------------------------------------------------------------------------------------------- */

/* ## Genesis eNews Extended
--------------------------------------------- */

.sidebar .enews-widget,
.sidebar .enews-widget .widget-title {
	color: #fff;
}

.sidebar .widget.enews-widget {
	background-color: #333;
}

.sidebar .enews-widget input,
.sidebar .enews-widget input:focus {
	border: 1px solid #333;
}

.sidebar .enews-widget input[type="submit"] {
	background-color: #c3251d;
	color: #fff;
}

.sidebar .enews-widget input:hover[type="submit"],
.sidebar .enews-widget input:focus[type="submit"]  {
	background-color: #fff;
	color: #333;
}

.enews-widget input {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 16px;
}

.enews-widget input[type="submit"] {
	margin: 0;
	width: 100%;
}

.enews form + p {
	margin-top: 24px;
}

/* ## Jetpack
--------------------------------------------- */

#wpstats {
	display: none;
}


/* # Skip Links
---------------------------------------------------------------------------------------------------- */

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}

/* Display outline on focus */
:focus {
	color: #333;
	outline: #ccc solid 1px;
}


/* # Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: #fff;
}

.site-header > .wrap {
	padding: 20px 0;
}

/* ## Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 10px 0;
	width: 300px;
}

.header-image .title-area {
	margin: 0 auto;
	max-width: 300px;
	padding: 0;
}

.header-full-width .title-area {
	float: none;
	width: 100%;
}

.site-title {
	font-size: 30px;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.2;
}

.site-title a,
.site-title a:hover,
.site-title a:focus {
	color: #333;
	text-decoration: none;
}

.header-image .site-title > a {
	background-position: center !important;
	background-size: contain !important;
	float: left;
	min-height: 80px;
	width: 100%;
}

.site-description {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
}

.site-description,
.site-title {
	margin-bottom: 0;
}

.header-image .site-description,
.header-image .site-title {
	display: block;
	text-indent: -9999px;
}

/* ## Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 800px;
}


/* # Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
}

.genesis-nav-menu a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 32px 14px;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus  {
	color: #c3251d;
/*	text-decoration: underline;*/
	text-decoration: none;
}

.genesis-nav-menu .sub-menu {
	border-top: 1px solid #eee;
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	border: 1px solid #eee;
	border-top: 0;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 20px;
	position: relative;
	width: 200px;
	word-wrap: break-word;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -56px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	float: right;
}

/* ## Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

.sub-menu-toggle,
.menu-toggle {
	display: none;
	visibility: hidden;
}

/* ## Site Header Navigation
--------------------------------------------- */

.site-header .genesis-nav-menu li li {
	margin-left: 0;
}

/* ## After Header Navigation
--------------------------------------------- */

.nav-primary {
	background-color: #fff;
	border-top: 1px solid #eee;
}

/* ## Footer Navigation
--------------------------------------------- */

.site-footer .genesis-nav-menu {
	padding-bottom: 20px;
}

.site-footer .genesis-nav-menu a {
	padding: 0 20px 10px;
}


/* # Content Area
---------------------------------------------------------------------------------------------------- */

/* ## Entries
--------------------------------------------- */

.entry {
	background-color: #fff;
	margin-bottom: 40px;
	padding: 70px 80px;
}

.entry-content ol,
.entry-content ul {
	margin-bottom: 28px;
/*	margin-left: 40px;*/
}

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content code {
	background-color: #333;
	color: #eee;
}

/* ## Entry Meta
--------------------------------------------- */

p.entry-meta {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 0;
}

.entry-header .entry-meta {
	margin-bottom: 24px;
}

.entry-footer .entry-meta {
	border-top: 1px solid #eee;
	padding-top: 24px;
}

.entry-categories,
.entry-tags {
	display: block;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

/* ## Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 40px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination a {
	background-color: #fff;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	padding: 8px 12px;
	text-decoration: none;
}

.archive-pagination a:hover,
.archive-pagination a:focus,
.archive-pagination .active a {
	background-color: #c3251d;
	color: #fff;
}

/* ## Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	background-color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 40px;
}

.comment-respond,
.entry-pings {
	padding: 60px 60px 32px;
}

.entry-comments {
	padding: 60px;
}

.comment-list li {
	padding: 40px 0 0 30px;
}

.comment-list .depth-1 {
	padding-left: 0;
}

.comment-header {
	margin-bottom: 30px;
}

.comment-content {
	clear: both;
}

.comment-content ul > li {
	list-style-type: disc;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.comment-header p {
	margin-bottom: 0;
}

.entry-pings .reply {
	display: none;
}


/* # Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 40px;
}

.sidebar .widget {
	background-color: #fff;
	padding: 40px;
}



/* # Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	clear: both;
	padding: 60px 0;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width: 380px;
}

.footer-widgets-1 {
	margin-right: 70px;
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
}

.footer-widgets-3 {
	float: right;
}


/* # Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #fff;
	border-top: 1px solid #eee;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	padding: 60px 0;
	text-align: center;
}

.site-footer p {
	margin-bottom: 0;
}


/* # Tool Tips
---------------------------------------------------------------------------------------------------- */

/* include tooltip.css */

.hidden-field {
	visibility: hidden;
	height: 0;
	width: 0;
}

/* ## Custom Buttons and Switches
/
--------------------------------------------- */

/* Home Page: Banner
--------------------------------------------- */

.container-home-banner {
	position: relative;
}

/* Status */
.container-home-banner .house-status-display {
	position: relative;
	overflow: hidden;
	height: 200px;
    -webkit-border-radius: 5px; border-radius: 5px; 
}
.container-home-banner .house-status-display .house-status label {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 120px;
	padding: 10px;
    font-family: sans-serif;
    font-size: 1.1em;
	color: #fff;
	background: rgba(0,0,0,0.4);
	text-align: center;
    -webkit-border-radius: 5px; border-radius: 5px; 
}

/* Weather */
.container-home-banner #dash-weather {
	position: absolute;
	padding-top: 10px;
	top: 0;
	right: 0;
}
.container-home-banner #dash-weather .current-icon {
	text-align: center;
	font-size: 5em;
}
.container-home-banner #dash-weather .forecast-icon {
	text-align: center;
	font-size: 2em;
}
.container-home-banner #dash-weather .current-temp {
	font-size: 45px;
}

.container-home-banner #dash-weather table {
	line-height: 1;
	margin-bottom: 0px;
}
.container-home-banner #dash-weather tbody {
	border-bottom: 0px;
}
.container-home-banner #dash-weather td {
	padding-right: 10px;
	border-top: 0px;
}

/* Home Page: Rooms
--------------------------------------------- */
.container-home-rooms .auto-devices {
	float: left;
}
.container-home-rooms .light-devices.label span {
	width: auto!important;
	float: left;
}
.container-home-rooms .light-devices.label span.auto-devices,
.container-home-rooms .light-devices.label span.override-devices {
	float: right;
	padding-left: 5px;
}
.container-home-rooms .light-devices.label {
	 display: block;
	 padding-top: 16px;
}
.container-home-rooms .room-controls {
	float: right!important;
}
.container-home-rooms .room-controls span {
}


/* Home Page: Cinema
--------------------------------------------- */
.cinema.play {
 	position: relative;
 	float: right;
 	margin-top: 20px;
 	margin-right: 20px;
	width: 277px;
	height: 231px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    z-index: 8;
}
.cinema.play .movie {
	position: absolute;
	top: 16px;
	left: 30px;
    z-index: 1;
}
.cinema.play .stage {
	position: absolute;
	top: 0px;
	left: 0px;
    z-index: 2;
}
.cinema.play .stagefront {
	position: absolute;
	top: 0px;
	left: 0px;
    z-index: 12;
}

.cinema.play input {
	display:none;
	top: 18px;
    z-index: 10;
}

.cinema.play input + label {
    display: block;
    cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 230px;
	width: 257px;
    padding: 0;
    transition: background-color 4s ease-in;
    z-index: 11;
}
.cinema.play input + label .stage {
	position: absolute;
	overflow: hidden;
	top: 30px;
	left: 30px;
	height: 136px;
	width: 194px;
}
.cinema.play input + label .stage .curtain-left {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
	left: -20px;
	height: 150px;
	width: 113px;
    margin: 0px;
    background-image: url("images/cinema-curtain-left.png");
    background-repeat: no-repeat;
    transition: all 3s linear 0s; 
    z-index: 12;
}
.cinema.play input:checked + label .stage .curtain-left {
    left: -115px;
}
.cinema.play input + label .stage .curtain-right {
    content: "";
    display: block; 
    position: absolute;
    top: 0px;
	height: 150px;
	width: 110px;
    margin: 0px;
	left: 92px;
    background-image: url("images/cinema-curtain-right.png");
    background-repeat: no-repeat;
    transition: all 3s linear 0s; 
    z-index: 13;
}
.cinema.play input:checked + label .stage .curtain-right {
	left: 205px;
}

/* Custom checkbox: Cinema Shades
--------------------------------------------- */
.cinema.shades {
 	position: relative;
 	float: right;
 	margin-top: 20px;
	width: 150px;
	height: 231px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    z-index: 8;
}
.cinema.shades .window {
	position: absolute;
	top: 0px;
	left: 0px;
    z-index: 2;
}
.cinema.shades input {
	display:none;
	top: 18px;
    z-index: 10;
}
.cinema.shades input + label {
    content: "";
    display: block;
    position: absolute;
    cursor: pointer;
    top: 0px;
	left: 0px;
	height: 230px;
	width: 130px;
    margin: 0px;
    z-index: 12;
}
.cinema.shades input + label .blind {
    position: absolute;
    left: -5px;
	height: 230px;
    transition: all 3s linear 0s; 
    z-index: 11;
}
.cinema.shades input:checked + label .blind {
	height: 10px;
}
.cinema.shades input + label .blind .trapezoid-top {
	width: 140px;
	height: 4.2%;
	background: #EDE0C5;
	transform: perspective(10px) rotateX(1deg);
}
.cinema.shades input + label .blind .trapezoid-bottom {
	width: 140px;
	height: 4.2%;
	background: #D4BE90;
	transform: perspective(10px) rotateX(-1deg);
}

/* Custom checkbox: Cinema Screen
--------------------------------------------- */
.cinema.screen {
    position: relative;
    float: right;
    overflow: hidden;
    margin-top: 20px;
    width: 418px;
    height: 255px;
    z-index: 8;
}
.cinema.screen .screentop {
    overflow: hidden;
    width: 418px;
    height: 235px;
    position: absolute;
    top: 20px;
}
.cinema.screen input {
    display: none;
    z-index: 10;
}
.cinema.screen input + label {
    content: "";
    display: block;
    position: absolute;
    cursor: pointer;
    top: -20px;
    left: 0px;
    margin: 0px;
    z-index: 12;
}
.cinema.screen input + label .screen {
    position: absolute;
    width: 418px;
    top: 0;
    transition: all 5s linear 0s; 
    z-index: 11;
}
.cinema.screen input:checked + label .screen {
    top: -220px;
}



/*
.cinema.screen input + label .blind .trapezoid-top {
   width: 140px;
   height: 4.2%;
   background: #EDE0C5;
   transform: perspective(10px) rotateX(1deg);
}
.cinema.screen input + label .blind .trapezoid-bottom {
   width: 140px;
   height: 4.2%;
   background: #D4BE90;
   transform: perspective(10px) rotateX(-1deg);
}
*/

/* Custom checkbox: Apple Style On-Off
--------------------------------------------- */
.onoffswitch {
    position: relative; width: 60px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 36px; padding: 0; line-height: 36px;
    border: 2px solid #CCCCCC; border-radius: 36px;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 36px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 23px;
    border: 2px solid #CCCCCC; border-radius: 36px;
    transition: all 0.3s ease-in 0s; 
}

.green .onoffswitch-checkbox:checked + .onoffswitch-label { background-color: #49E845; }
.green .onoffswitch-checkbox:checked + .onoffswitch-label, .green .onoffswitch-checkbox:checked + .onoffswitch-label:before { border-color: #49E845; }

.red .onoffswitch-checkbox:checked + .onoffswitch-label { background-color: #cd5b55; }
.red .onoffswitch-checkbox:checked + .onoffswitch-label, .red .onoffswitch-checkbox:checked + .onoffswitch-label:before { border-color: #cd5b55; }

.yellow .onoffswitch-checkbox:checked + .onoffswitch-label { background-color: #e9d40c; }
.yellow .onoffswitch-checkbox:checked + .onoffswitch-label, .yellow .onoffswitch-checkbox:checked + .onoffswitch-label:before { border-color: #e9d40c; }

.brown .onoffswitch-checkbox:checked + .onoffswitch-label { background-color: #7a5230; }
.brown .onoffswitch-checkbox:checked + .onoffswitch-label, .brown .onoffswitch-checkbox:checked + .onoffswitch-label:before { border-color: #7a5230; }

.gray .onoffswitch-checkbox:checked + .onoffswitch-label { background-color: #737373; }
.gray .onoffswitch-checkbox:checked + .onoffswitch-label, .gray .onoffswitch-checkbox:checked + .onoffswitch-label:before { border-color: #737373; }

.blue .onoffswitch-checkbox:checked + .onoffswitch-label { background-color: #1a1aff; }
.blue .onoffswitch-checkbox:checked + .onoffswitch-label, .blue .onoffswitch-checkbox:checked + .onoffswitch-label:before { border-color: #1a1aff; }

.light-blue .onoffswitch-checkbox:checked + .onoffswitch-label { background-color: #0099ff; }
.light-blue .onoffswitch-checkbox:checked + .onoffswitch-label, .light-blue .onoffswitch-checkbox:checked + .onoffswitch-label:before { border-color: #0099ff; }



.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}




/* Switch Controls (new)
--------------------------------------------- */
/*
.onoffswitch.green .onoffswitch-checkbox:checked + .onoffswitch-label { background-color: #49E845; }
.onoffswitch.green .onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch.green .onoffswitch-checkbox:checked + .onoffswitch-label:before { border-color: #49E845; }
*/



/* Custom checkbox: Light Bulb
--------------------------------------------- */
.onoffswitchCustom {
    position: relative;
    background-image: url("/wp-content/uploads/2016/12/LightBulb-on.png");
	height: 60px;
	width: 60px;
    -webkit-user-select:none;
    -moz-user-select:none; 
    -ms-user-select: none;
}
.onoffswitchCustom-checkbox {
    display: none;
}
.onoffswitchCustom-label {
    display: block;
    cursor: pointer;
	height: 60px;
	width: 60px;
    padding: 0;
    background-image: url("/wp-content/uploads/2016/12/LightBulb-off.png");
    transition: all 0.2s linear 0s;
}
.onoffswitchCustom-checkbox:checked + .onoffswitchCustom-label { opacity: 0; }


.onoff {
    position: relative;
    background-repeat: no-repeat;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoff-checkbox {
    display: none;
}
.onoff-label {
    display: block;
    background-repeat: no-repeat;
    padding: 0;
    transition: all 0.2s linear 0s;
}
.onoff-checkbox:checked + .onoff-label { opacity: 0; }

.onoff.light {
	height: 60px;
	width: 60px;
    background-image: url("images/LightBulb-on.png");
}
.onoff-label.light {
    cursor: pointer;
	height: 60px;
	width: 60px;
    background-image: url("images/LightBulb-off.png");
}




/* Landing Page
--------------------------------------------- */
.master-devices {
	display: block!important;
	margin-top: 6px;
	height: 80px;
}
.master-devices span div {
	float: right;
	margin-right: 10px;
}
.thermostat-devices {
	float: right;
	height: 140px;
}
.car-door-devices {
    position: relative;
	float: right;
	height: 120px;
	margin-top: 10px;
}

/* Motion Page
--------------------------------------------- */
.motion-devices {
	height: 50px;
}

.motion-devices .lowbattery {
	margin-left: -70px;
}

/* Doors Page
--------------------------------------------- */
.door-exterior-devices,
.door-interior-devices {
	height: 90px;
}
.door-exterior-devices .lowbattery,
.door-interior-devices .lowbattery {
	margin-left: -80px;
	margin-top: 70px;
}
.door-exterior-devices .lowbattery.lock,
.door-interior-devices .lowbattery.lock {
	margin-top: 0px;
}
.door-exterior-devices .onoffswitch,
.door-interior-devices .onoffswitch {
	margin-left: 130px;
}
.door-exterior-devices .door.lock.onoff,
.door-interior-devices .door.lock.onoff {
	margin-left: -11px;
}

/* Outdoor Page
--------------------------------------------- */
.pool-devices {
	height: 70px;
}

/* Irrigation Page
--------------------------------------------- */
.irrigation-program-devices {
	height: 70px;
}
.irrigation-devices {
	height: 90px;
}
.irrigation-devices .timer {
	left: 0!important;
}

.irrigation-schedule {
    margin:  20px;
    background: beige;
    padding-top: 12px;
    border-radius: 8px;
    display: none;
}
.irrigation-schedule p {
    display: block;
    height: 30px;
    width: 30px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    transition: all 0.5s linear 0s;
}
table.irrigation-schedule th,
table.irrigation-schedule td {
    text-align: center;
}
.irrigation-schedule p.grass {
    background-image: url("images/irrigation-grass.png");
}
.irrigation-schedule p.plant {
    background-image: url("images/irrigation-plant.png");
}
.irrigation-schedule .hotweather {
    opacity: 0;
}


/* Light Page
--------------------------------------------- */
.light-devices {
	height: 80px;
}
.light-devices span {
	width: 100%;
}
.light-devices span .exterior-light {
	left: 39%;
}
.light-devices span .garden-lights,
.light-devices span .onoffbulb {
	left: 40%;
}
#container-lights div span {
	float: left;
}
#container-lights .room-controls {
	height: 70px;
	padding-top: 26px;
	margin-left: 10px;
}
.timer-devices,
.door-interior-mini-devices,
.auto-devices,
.override-devices {
	margin-left: 4px;
}

/* Water Leak Page
--------------------------------------------- */
.leak-devices {
	height: 90px;
}
.leak-devices .lowbattery {
	margin-left: -90px;
}

/* Master Settings Page
--------------------------------------------- */
.setting-devices {
	height: 60px;
}

/* Music Page
--------------------------------------------- */
.audio-speaker-devices {
	height: 90px;
}


/* Battery Status
--------------------------------------------- */
.battery .high {
	height: 20px;
	width: 35px;
    background-image: url("images/battery-high-small.png");
    background-repeat: no-repeat;
}
.battery .low {
	height: 20px;
	width: 35px;
    background-image: url("images/battery-low-small.png");
    background-repeat: no-repeat;
}
.battery .reset {
	height: 30px;
	width: 35px;
    cursor: pointer;
    background-image: url("images/reset.jpg");
    background-repeat: no-repeat;
}


/* ---------------------------------------------
/*
/* Custom Display Controls
/*
/*
--------------------------------------------- */

/* Status Icons
--------------------------------------------- */
.house-status.icon.morning.checked {
	height: 200px;
	width: 1120px;
    background-image: url("images/status_morning.jpg");
}
.house-status.icon.day.checked {
	height: 200px;
	width: 1120px;
    background: url("images/status_day.jpg");
}
.house-status.icon.evening.checked {
	height: 200px;
	width: 1120px;
    background-image: url("images/status_evening.jpg");
}
.house-status.icon.night.checked {
	height: 200px;
	width: 1120px;
    background-image: url("images/status_night.jpg");
}
.house-status.icon.night.checked ~ #dash-weather {
	color: #fff;
}



/* Watering Can
--------------------------------------------- */
.watering-can.onoff input {
	display:none;
}
.watering-can.onoff input + label {
	height: 80px;
	width: 105px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/watering-can-off.jpg");
    transition: all 0.2s linear 0s;
}
.watering-can.onoff input:checked + label {
	height: 80px;
	width: 105px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/watering-can-on.jpg");
}

/* Tap
--------------------------------------------- */
.tap.onoff {
	height: 80px;
	width: 73px;
    background-image: url("images/tap-off.jpg");
}
.tap.onoff.checked {
	height: 80px;
	width: 73px;
    background-image: url("images/tap-on.jpg");
}

/* Hal
--------------------------------------------- */
.hal {
	height: 40px;
	width: 40px;
    background-image: url("images/hal-off.png");
}
.hal.checked {
	height: 40px;
	width: 40px;
    background-image: url("images/hal-on.png");
}

/* Door Blue
--------------------------------------------- */
.door-interior.door.blue.onoff {
	height: 80px;
	width: 37px;
    background-image: url("images/door-blue-closed.jpg");
}
.door-interior.door.blue.onoff.checked {
	height: 80px;
	width: 37px;
    background-image: url("images/door-blue-opened.jpg");
}

/* Door Blue Mini
--------------------------------------------- */
.door-interior-mini.door.blue.onoff {
	height: 45px;
	width: 21px;
    background-image: url("images/door-blue-mini-closed.jpg");
}
.door-interior-mini.door.blue.onoff.checked {
	height: 45px;
	width: 21px;
    background-image: url("images/door-blue-mini-opened.jpg");
}

/* Door Red
--------------------------------------------- */
.door-exterior.door.red.onoff {
	height: 80px;
	width: 37px;
    background-image: url("images/door-red-closed.jpg");
}
.door-exterior.door.red.onoff.checked {
	height: 80px;
	width: 37px;
    background-image: url("images/door-red-opened.jpg");
}

/* Door Lock
--------------------------------------------- */
.door.lock.onoff input {
	display:none;
}
.door.lock.onoff input + label {
	width: 54px;
	height: 41px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/deadbolt-unlocked.png");
}
.door.lock.onoff input:checked + label {
	width: 54px;
	height: 41px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/deadbolt-locked.png");
}

/* Door Switch LED Levels
--------------------------------------------- */
.door-switch-led input {
	display:none;
}
.door-switch-led input + label {
	height: 45px;
	width: 29px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/wall-switch-led-off.jpg");
}
.door-switch-led input:checked + label {
	height: 45px;
	width: 29px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/wall-switch-led-on.jpg");
}

/* TV
--------------------------------------------- */
.tv-devices {
	margin: 0 2px;
}

.tv.onoff input {
	display:none;
}
.tv.onoff input + label {
	height: 40px;
	width: 40px;
	display:inline-block;
    background-image: url("images/tv-off.png");
    background-repeat: no-repeat;
}
.tv.onoff input:checked + label {
	height: 40px;
	width: 40px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/tv-on.png");
    background-repeat: no-repeat;
}


/* Fan
--------------------------------------------- */
.fan-devices {
	height: 75px;
}

.fan.onoff input {
	display:none;
}
.fan.onoff input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/fan-off.png");
}
.fan.onoff input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/fan-on.gif");
}


/* Christmas Tree
--------------------------------------------- */
.christmas-tree input {
	display:none;
}
.christmas-tree input + label {
	height: 60px;
	width: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/christmas-tree-off.png");
}
.christmas-tree input:checked + label {
	height: 60px;
	width: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/christmas-tree-on.png");
}

/* Party Lights
--------------------------------------------- */
.party-lights input {
	display:none;
}
.party-lights input + label {
	height: 60px;
	width: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/party-lights-off.png");
}
.party-lights input:checked + label {
	height: 60px;
	width: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/party-lights-on.png");
}

/* Hourglass
--------------------------------------------- */
/*
.hourglass.onoff {
	height: 0px;
	width: 0px;
    background-image:none;
}
.hourglass.onoff.checked {
	height: 40px;
	width: 40px;
    background-image: url("images/hourglass.gif");
}
*/
.hourglass.onoff input {
	display:none;
}
.hourglass.onoff input + label {
	height: 0px;
	width: 0px;
    background-image:none;
	display:inline-block;
	cursor: pointer;
}
.hourglass.onoff input:checked + label {
	height: 40px;
	width: 40px;
    background-image: url("images/hourglass.gif");
}

/* Door Mini Blue
--------------------------------------------- */
.door-mini.blue.onoff input {
	display:none;
}
.door-mini.blue.onoff input + label {
	width: 24px;
	height: 40px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/door-blue-mini-closed.jpg");
}
.door-mini.blue.onoff input:checked + label {
	width: 24px;
	height: 40px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/door-blue-mini-opened.jpg");
}

/* Hotel DND tag
--------------------------------------------- */
.dnd-tag.onoff input {
	display:none;
}
.dnd-tag.onoff input + label {
	width: 24px;
	height: 40px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/dnd_on.png");
}
.dnd-tag.onoff input:checked + label {
	width: 24px;
	height: 40px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/dnd_off.png");
}

/* Speaker
--------------------------------------------- */
.audio.speaker.onoff input {
	display:none;
}
.audio.speaker.onoff input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/speaker-off.png");
}
.audio.speaker.onoff input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/speaker-on.png");
}

/* Pool Light
--------------------------------------------- */
.pool-light.onoff input {
	display:none;
}
.pool-light.onoff input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/pool-light-off.png");
}
.pool-light.onoff input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/pool-light-on.png");
}

/* Pool Waterfall
--------------------------------------------- */
.pool-waterfall.onoff input {
	display:none;
}
.pool-waterfall.onoff input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/pool-waterfall-off.png");
}
.pool-waterfall.onoff input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/pool-waterfall-on.gif");
}

/* Pool Pump
--------------------------------------------- */
.pool-pump.onoff input {
	display:none;
}
.pool-pump.onoff input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/pool-pump-off.png");
}
.pool-pump.onoff input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/pool-pump-on.gif");
}

/* Pool Heater
--------------------------------------------- */
.pool-heater.onoff input {
	display:none;
}
.pool-heater.onoff input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/pool-heater-off.png");
}
.pool-heater.onoff input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/pool-heater-on.gif");
}

/* Pool Salinator
--------------------------------------------- */
.pool-salinator.onoff input {
	display:none;
}
.pool-salinator.onoff input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/pool-salinator-off.png");
}
.pool-salinator.onoff input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/pool-salinator-on.gif");
}


/* Connection
--------------------------------------------- */
.connected.onoff input {
	display:none;
}
.connected.onoff input + label {
	width: 40px;
	height: 40px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/connected-on.png");
}
.connected.onoff input:checked + label {
	width: 40px;
	height: 40px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/connected-off.png");
}

/* Exterior Light
--------------------------------------------- */
.exterior-light.onoff input {
	display:none;
}
.exterior-light.onoff input + label {
	width: 70px;
	height: 70px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/light-exterior-off.png");
}
.exterior-light.onoff input:checked + label {
	width: 70px;
	height: 70px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/light-exterior-on.png");
}

/* Garden Light
--------------------------------------------- */
.garden-lights.onoff input {
	display:none;
}
.garden-lights.onoff input + label {
	height: 60px;
	width: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/garden-light-off.png");
}
.garden-lights.onoff input:checked + label {
	height: 60px;
	width: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/garden-light-on.png");
}

/* Light Bulb Blue
--------------------------------------------- */
.onoffbulb.blue.onoff input {
	display:none;
}
.onoffbulb.blue.onoff input + label {
	height: 60px;
	width: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/LightBulb-off.png");
    transition: all 0.2s linear 0s;
}
.onoffbulb.blue.onoff input:checked + label {
	height: 60px;
	width: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/LightBulb-on-blue.png");
}

/* light switch - On-Off 
--------------------------------------------- */
.onoffbulb.yellow.onoff input {
	display:none;
}
.onoffbulb.yellow.onoff input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/LightBulb-off.png");
}
.onoffbulb.yellow.onoff input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/LightBulb-on.png");
}

/* People - Greg
--------------------------------------------- */
.people-greg input {
	display:none;
}
.people-greg input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/people-greg-off.png");
}
.people-greg input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/people-greg-on.png");
}

/* People - Jeanette
--------------------------------------------- */
.people-jeanette input {
	display:none;
}
.people-jeanette input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/people-jeanette-off.png");
}
.people-jeanette input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/people-jeanette-on.png");
}

/* People - Alex
--------------------------------------------- */
.people-alex input {
	display:none;
}
.people-alex input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/people-alex-off.png");
}
.people-alex input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/people-alex-on.png");
}

/* People - Laura
--------------------------------------------- */
.people-laura input {
	display:none;
}
.people-laura input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/people-laura-off.png");
}
.people-laura input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/people-laura-on.png");
}

/* People - Bella
--------------------------------------------- */
.people-bella input {
	display:none;
}
.people-bella input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/people-bella-off.png");
}
.people-bella input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/people-bella-on.png");
}

/* People - Visitor
--------------------------------------------- */
.people-visitor input {
	display:none;
}
.people-visitor input + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor: pointer;
    background-image: url("images/people-visitor-off.png");
}
.people-visitor input:checked + label {
	width: 60px;
	height: 60px;
	display:inline-block;
	opacity: 1;
    background-image: url("images/people-visitor-on.png");
}

/* light switch - Dimmer
--------------------------------------------- */
.dimmerbulb.yellow {
	position: relative;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.dimmerbulb.yellow input[type=range] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
	margin: 10px;
	width: 100%;
	border: 0px;
}
.dimmerbulb.yellow input[type=range]:focus { outline: none; }
.dimmerbulb.yellow input[type=range]::-moz-focus-inner { border: 0; }

.dimmerbulb.yellow input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 36px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 0px 0px 0px #000000;
	background: #FFFFFF;
	border-radius: 36px;
	border: 2px solid #CCCCCC;
}
.dimmerbulb.yellow input[type=range]::-moz-range-track {
	width: 100%;
	height: 36px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 0px 0px 0px #000000;
	background: #FFFFFF;
	border-radius: 36px;
	border: 2px solid #CCCCCC;
}
.dimmerbulb.yellow input[type=range]::-ms-track {
	width: 100%;
	height: 36px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 0px 0px 0px #000000;
	background: #FFFFFF;
	border-radius: 36px;
	border: 2px solid #CCCCCC;
}

.dimmerbulb.yellow input[type=range]::-ms-fill-lower {
	background: #B6B6B6;
	border: 1px solid #8A8A8A;
	border-radius: 40px;
	box-shadow: 0px 0px 0px #000000;
}
.dimmerbulb.yellow input[type=range]::-ms-fill-upper {
	background: #B6B6B6;
	border: 1px solid #8A8A8A;
	border-radius: 40px;
	box-shadow: 0px 0px 0px #000000;
}

.dimmerbulb.yellow input[type=range]:focus::-webkit-slider-runnable-track { background: #B6B6B6; }
.dimmerbulb.yellow input[type=range]:focus::-moz-range-track { background: #B6B6B6; }
.dimmerbulb.yellow input[type=range]:focus::-ms-track { background: #B6B6B6; }

.dimmerbulb.yellow input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
	height: 60px;
	width: 35px;
	margin-top: -20px;
	border: 0px;
}
.dimmerbulb.yellow input[type=range]::-moz-range-thumb {
	-moz-appearance: none;
	background:url('images/LightBulb-000.png') center no-repeat;
	height: 75px;
	width: 44px;
	margin-top: -30px;
	border: 0px;
}
.dimmerbulb.yellow input[type=range]::-ms-thumb {
	-moz-appearance: none;
	background:url('images/LightBulb-000.png') center no-repeat;
	height: 38px;
	width: 22px;
	margin-top: -20px;
	border: 0px;
}

.dimmerbulb.yellow input[type=range]:focus::-ms-fill-lower { background: #B6B6B6; }
.dimmerbulb.yellow input[type=range]:focus::-ms-fill-upper { background: #B6B6B6; }


.dimmerbulb.yellow input[type=range][level="0"]::-webkit-slider-thumb { background:url('images/LightBulb-000.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="0"]::-moz-range-thumb { background:url('images/LightBulb-000.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="0"]::-ms-thumb { background:url('images/LightBulb-000.png') center no-repeat; -webkit-appearance: none; }

.dimmerbulb.yellow input[type=range][level="25"]::-webkit-slider-thumb { background:url('images/LightBulb-025.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="25"]::-moz-range-thumb { background:url('images/LightBulb-025.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="25"]::-ms-thumb { background:url('images/LightBulb-025.png') center no-repeat; -webkit-appearance: none; }

.dimmerbulb.yellow input[type=range][level="33"]::-webkit-slider-thumb { background:url('images/LightBulb-033.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="33"]::-moz-range-thumb { background:url('images/LightBulb-033.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="33"]::-ms-thumb { background:url('images/LightBulb-033.png') center no-repeat; -webkit-appearance: none; }

.dimmerbulb.yellow input[type=range][level="50"]::-webkit-slider-thumb { background:url('images/LightBulb-050.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="50"]::-moz-range-thumb { background:url('images/LightBulb-050.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="50"]::-ms-thumb { background:url('images/LightBulb-050.png') center no-repeat; -webkit-appearance: none; }

.dimmerbulb.yellow input[type=range][level="66"]::-webkit-slider-thumb { background:url('images/LightBulb-066.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="66"]::-moz-range-thumb { background:url('images/LightBulb-066.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="66"]::-ms-thumb { background:url('images/LightBulb-066.png') center no-repeat; -webkit-appearance: none; }

.dimmerbulb.yellow input[type=range][level="75"]::-webkit-slider-thumb { background:url('images/LightBulb-075.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="75"]::-moz-range-thumb { background:url('images/LightBulb-075.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="75"]::-ms-thumb { background:url('images/LightBulb-075.png') center no-repeat; -webkit-appearance: none; }

.dimmerbulb.yellow input[type=range][level="100"]::-webkit-slider-thumb { background:url('images/LightBulb-100.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="100"]::-moz-range-thumb { background:url('images/LightBulb-100.png') center no-repeat; -webkit-appearance: none; }
.dimmerbulb.yellow input[type=range][level="100"]::-ms-thumb { background:url('images/LightBulb-100.png') center no-repeat; -webkit-appearance: none; }


/* Audio Volume - Dimmer
--------------------------------------------- */
* {user-select: none;user-drag:none}

.audio-speaker-volume-devices .volume-control {
	width: 100%;
	margin: auto;
	display: flex;
	float: right;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
}
.audio-speaker-volume-devices .volume-control .volume {
	width: 100%;
	margin-left: 10px;
	position: relative;
	z-index: 10;
}
.audio-speaker-volume-devices .volume-control input {
	background: none;
	border:none;
	padding-left: 0;
	padding-right: 0;
	z-index: 100;
}
.audio-speaker-volume-devices .volume-control input:focus {
	outline: none;
}
.audio-speaker-volume-devices .volume-control input[type=range] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
	width: 100%;
	margin-top: 8px;
}
.audio-speaker-volume-devices .volume-control input[type=range]::-moz-range-track {
	height: 36px;
	width: 36px;
	border-radius: 36px;
	background: #ffffff;
	cursor: pointer;
	border: 2px solid #CCCCCC;
	box-shadow: 1px 1px 1px #565656;
	z-index: 1000;
}
.audio-speaker-volume-devices .volume-control input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
	height: 36px;
	width: 36px;
	border-radius: 36px;
	background: #ffffff;
	cursor: pointer;
	border: 2px solid #CCCCCC;
	box-shadow: 1px 1px 1px #565656;
	z-index: 1000;
}
.audio-speaker-volume-devices .volume-control input[type=range]::-moz-range-thumb {
	height: 36px;
	width: 36px;
	border-radius: 36px;
	background: #ffffff;
	cursor: pointer;
	border: 2px solid #CCCCCC;
	box-shadow: 1px 1px 1px #565656;
	z-index: 1000;
}
.audio-speaker-volume-devices .volume-control input[type=range]::-moz-focus-outer {border: 0;}

.audio-speaker-volume-devices .volume-control .speaker {
	background-image: url("images/speaker-volume-speaker.png");
	width: 50px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: 3px center;
	cursor: pointer;
	opacity: .9;
	transition: all .2s ease-in-out;
}
.audio-speaker-volume-devices .volume-control .speaker.disabled {
	cursor: not-allowed;
}
.audio-speaker-volume-devices .volume-control .speaker:hover {
	opacity: 1;
	transition: all .2s ease-in-out;
}
.audio-speaker-volume-devices .volume-control .speaker-volume {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(74,74,74,.002);
}
.audio-speaker-volume-devices .volume-control .speaker-volume div {
	background-image: url("images/speaker-volume-volume.png");
	width: 50px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 30px;
	overflow: hidden;
	transition: all .2s ease-in-out;
	background-color: inherit;
}
.audio-speaker-volume-devices .volume-control .speaker:after {
	content: '';
	width: 18px;
	height: 3px;
	background-color: #fff;
	display: block;
	position: relative;
	top: -20px;
	left: -2px;
	transform: rotate(-45deg) scaleX(0);
	transform-origin: 100% 0;
	border-top: 2px #4a4a4a solid;
	transition: all .2s ease-in-out;
}
.audio-speaker-volume-devices .volume-control .speaker.muted:after {
	height: 10px;
	width: 40px;
	border-radius: 2px;
	border: none;
	background-color: #CCC;
	transform: rotate(-45deg) scaleX(1);
	top: -40px;
	left: -6px;
	transition: all .2s ease-in-out;
}
.audio-speaker-volume-devices .volume-control .volume .bar-back {
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 28px;
	height: 30px;
	border-radius: 30px;
	display: block;
	border: 2px solid #CCC;
	position: absolute;
	z-index: -1;
}
.audio-speaker-volume-devices .volume-control .volume .bar {
	top: 0;
	left: 0;
	width: 100%;
	min-width: 30px;
	margin-top: 28px;
	height: 30px;
	border-radius: 30px;
	border: 1px;
	background-color: #CCC;
	position: absolute;
	z-index: -1;
}


/* Apple Button Group
--------------------------------------------- */
.container-home-climate .onoffswitch-climate-devices,
.button-multi-choice-devices {
	margin: 20px;
}
.button-multi-choice-devices input {
	display:none;
}

.button-multi-choice-devices input + label {
	display:inline-block;
	min-width: 80px;
	margin:-2px;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color: #b3b3b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.button-multi-choice-devices input:checked + label {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	background-color:#e0e0e0;
}


/* Low Battery
--------------------------------------------- */
.lowbattery {
	height: 20px;
	width: 35px;
    background-image: url("images/battery-low-small.png");
    background-repeat: no-repeat;
}


/* Custom checkbox: Garage Door
--------------------------------------------- */
.roller-door.onoff {
    position: relative;
    overflow: hidden;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	height: 110px;
	width: 128px;
	border: 4px solid #636363;
	border-bottom: 1px solid #c9c9c9;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;

}
.roller-door.onoff input {
	display:none;
}
.roller-door.onoff input + label {
	display: block;
	cursor: pointer;
	height: 105px;
	width: 120px;
	margin: 0px;
	padding: 0;
	transition: background-color 4s ease-in;
}
.roller-door.onoff input + label:before {
    content: "";
    margin-left: 1px;
	height: 105px;
	width: 120px;
    background-image: url("images/garage-door.jpg");
    position: absolute; top: 0;
    top: 0px;
    transition: all 3s linear 0s; 
}
.roller-door.onoff input:checked + label {
	background-color: #FFFFD1;
	height: 105px;
	width: 120px;
}
.roller-door.onoff input:checked + label:before {
    top: -100px;
}

/* Cars
--------------------------------------------- */
.car.onoff {
	position: absolute;
	float: left;
}

/* Car - BMW X5
--------------------------------------------- */
.car-bmw-x5.off {
	width: 115px;
	height: 105px;
    background-image: url("images/car-bmw-x5-away.png");
}
.car-bmw-x5.on {
	width: 115px;
	height: 105px;
    background-image: url("images/car-bmw-x5.png");
}

/* Car - BMW X535
--------------------------------------------- */
.car-bmw-535.off {
	width: 120px;
	height: 105px;
    background-image: url("images/car-bmw-535-away.png");
}
.car-bmw-535.on {
	width: 120px;
	height: 105px;
    background-image: url("images/car-bmw-535.png");
}

/* Car - Mazda 3
--------------------------------------------- */
.car-mazda-3.off {
	width: 120px;
	height: 105px;
    background-image: url("images/car-mazda-3-away.png");
}
.car-mazda-3.on {
	width: 120px;
	height: 105px;
    background-image: url("images/car-mazda-3.png");
}


/* Custom range: Thermostat
/*
/* Control uses the JQuery library 'roundSlider'
/* https://roundsliderui.com/document.html
/*
--------------------------------------------- */
.thermostat {
	position: relative;
	height: 170px;
	float: left;
	padding-right: 10px;
	padding-top: 10px;
}
.thermostat .rs-border  {
    border-color: #cccccc;
}
.thermostat .rs-first .rs-handle {
    background-color: red;
}
.thermostat .rs-second .rs-handle {
    background-color: blue;
}
.thermostat .rs-handle {
	outline: none;
}
.thermostat .rs-range-color {
    background-color: #DCDCDC;
}
.thermostat .heating .rs-range-color {
    background-color: #ffcccc;
}
.thermostat .cooling .rs-range-color {
    background-color: #cce0ff;
}

.thermostat .rs-path-color {
	background-color: #C0C0C0;
}
.thermostat .heating .rs-path-color {
	background-color: #ff8080;
}
.thermostat .cooling .rs-path-color {
	background-color: #66a3ff;
}

.thermostat .temperature {
	position: absolute;
	font-size: 36px;
	line-height: 1;
	top: 40px;
	width: 100%;
	color: #333;
	text-align: center;
    z-index: 3;
}
.thermostat .cooling .temperature {
	color: #0000ff;
}
.thermostat .heating .temperature {
	color: #ff0000;
}

.thermostat .temperature:after {
	content: "\00b0";
}
.thermostat .status {
	position: absolute;
	line-height: 1;
	top: 76px;
	left: 30px;
	width: 22px;
	height: 22px;
    z-index: 99;
}
.thermostat .cooling ~ .status {
	background:url('images/thermostat-cool.png') center no-repeat;
}
.thermostat .heating ~ .status {
	background:url('images/thermostat-heat.png') center no-repeat;
}
.thermostat .label {
	position: absolute;
	top: 120px;
	left: 0px;
	width: 100%;
	text-align: center;
    z-index: 99;
}
.thermostat .rs-tooltip-text {
	top: 66px;
	font-size: 16px;
}



/* Multi-choice control
--------------------------------------------- */
/*
.multi-choices {
	padding: 20px;
	overflow: hidden;
}

.multi-choice-title {
	margin-bottom: 0px;
	font-size: 14px;
}

.multi-choices input {
	display: none;
}

.multi-choices label {
	float: left;
}

.multi-choices label {
	display: inline-block;
	width: 76px;
	padding: 6px 0 6px 0;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:	all 0.1s ease-in-out;
	-ms-transition:		all 0.1s ease-in-out;
	-o-transition:		all 0.1s ease-in-out;
	transition:			all 0.1s ease-in-out;
}

.multi-choices label:hover {
	cursor: pointer;
}

.multi-choices input:checked + label {
	background-color: #123b7c;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.multi-choices label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.multi-choices label:last-of-type {
	border-radius: 0 4px 4px 0;
}
*/

/* master toggle button
--------------------------------------------- */
.master-toggle {
	position:relative;
	display:inline-block;
	width:40px;
	height:60px;
	background-color:#bbb;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-align:center;
}

.master-toggle input {
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
}

.master-toggle label {
	display:block;
	position:absolute;
	top:1px;
	right:1px;
	bottom:1px;
	left:1px;
	background-image:-webkit-linear-gradient(top,#fff 0%,#ddd 50%,#fff 50%,#eee 100%);
	background-image:-moz-linear-gradient(top,#fff 0%,#ddd 50%,#fff 50%,#eee 100%);
	background-image:-ms-linear-gradient(top,#fff 0%,#ddd 50%,#fff 50%,#eee 100%);
	background-image:-o-linear-gradient(top,#fff 0%,#ddd 50%,#fff 50%,#eee 100%);
	background-image:linear-gradient(top,#fff 0%,#ddd 50%,#fff 50%,#eee 100%);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.4),
		inset 0 -1px 1px #888,
		inset 0 -5px 1px #bbb,
		inset 0 -6px 0 white;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,0.4),
		inset 0 -1px 1px #888,
		inset 0 -5px 1px #bbb,
		inset 0 -6px 0 white;
	box-shadow:0 2px 3px rgba(0,0,0,0.4),
		inset 0 -1px 1px #888,
		inset 0 -5px 1px #bbb,
		inset 0 -6px 0 white;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font:normal 11px Arial,Sans-Serif;
	color:#666;
	text-shadow:0 1px 0 white;
	cursor:text;
}

.master-toggle label:before {
	content:attr(data-off);
	position:absolute;
	top:6px;
	right:0;
	left:0;
	z-index:4;
}

.master-toggle label:after {
	content:attr(data-on);
	position:absolute;
	right:0;
	bottom:11px;
	left:0;
	color:#666;
	text-shadow:0 -1px 0 #eee;
}

.master-toggle input:checked + label {
	background-image:-webkit-linear-gradient(top,#eee 0%,#ccc 50%,#fff 50%,#eee 100%);
	background-image:-moz-linear-gradient(top,#eee 0%,#ccc 50%,#fff 50%,#eee 100%);
	background-image:-ms-linear-gradient(top,#eee 0%,#ccc 50%,#fff 50%,#eee 100%);
	background-image:-o-linear-gradient(top,#eee 0%,#ccc 50%,#fff 50%,#eee 100%);
	background-image:linear-gradient(top,#eee 0%,#ccc 50%,#fff 50%,#eee 100%);
	-webkit-box-shadow:0 0 1px rgba(0,0,0,0.4),
		inset 0 1px 7px -1px #ccc,
		inset 0 5px 1px #fafafa,
		inset 0 6px 0 white;
	-moz-box-shadow:0 0 1px rgba(0,0,0,0.4),
		inset 0 1px 7px -1px #ccc,
		inset 0 5px 1px #fafafa,
		inset 0 6px 0 white;
	box-shadow:0 0 1px rgba(0,0,0,0.4),
		inset 0 1px 7px -1px #ccc,
		inset 0 5px 1px #fafafa,
		inset 0 6px 0 white;
}

.master-toggle input:checked:hover + label {
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4),
		inset 0 1px 7px -1px #ccc,
		inset 0 5px 1px #fafafa,
		inset 0 6px 0 white;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4),
		inset 0 1px 7px -1px #ccc,
		inset 0 5px 1px #fafafa,
		inset 0 6px 0 white;
	box-shadow:0 1px 3px rgba(0,0,0,0.4),
		inset 0 1px 7px -1px #ccc,
		inset 0 5px 1px #fafafa,
		inset 0 6px 0 white;
}

.master-toggle input:checked + label:before {
	z-index:1;
	top:11px;
}

.master-toggle input:checked + label:after {
	bottom:9px;
	color:rgba(238, 16, 16, 0.45);
/*	text-shadow:none;*/
	z-index:4;
}

/* push button
--------------------------------------------- */
.push-button {
	width:50px;
	height:50px;
	border-top:2px solid #fff;
	border-radius:50%;
/*	margin:10px auto 20px;
*/
	margin: 10px;
	background-color:#EEEEEE;
	background: linear-gradient(#EDEAE1,#CDC8B5);
	text-align:center;
	box-shadow:
		0 0px 2px 3px rgba(158, 158, 158, 0.4), 
		0 0px 5px #B7B6B6, 
		0 0 0 2px #BBB7AE, 
		inset 0 -3px 1px 2px rgba(186, 178, 165, 0.5),
		inset 0 3px 1px 2px rgba(246, 245, 241, 0.3);
	cursor:pointer;
	position:relative;
}
.push-button:active {
	width:50px;
	height:50px;
	border-radius:50%;
	border-top:none;
	border:2px solid #BAB7AE;
	background-color:#EEEEEE;
	text-align:center;
	position:relative;
	color:#BAB7AE;
/*	font-size:64px;
	line-height:50px;
*/	text-shadow:
		0 1px 1px white,
		0 1px 1px #BAB7AE;
	
	box-shadow:	0 0 0 0 #BBB7AE;
}
.push-button:before {
	content:" ";
	display:block;
	position:absolute;
	z-index:-90;
/*	width:135px;
	height:135px;
*/	border-radius:50%;
	border-top:2px solid #CCC8BF;
	border-bottom: 1px solid #F4F3F1;
	box-shadow: inset 0 -2px 0 2px #F7F6F2, inset 0 2px 1px 1px #CCC8BF;
	left:-17.5px; 
	top:-20px;
	background:-moz-linear-gradient(#DAD6CB,#F1EDEA);
	box-shadow: inset 1px 0 1px 0px #D9D9D9; 
}
p, p a {
	text-shadow: 1px 1px 1px white;
	color:#7E7E7E;
/*	text-align:center;*/
/*	font-size:18px;
	line-height:2;*/
	text-decoration:none;
/*	margin-bottom:30px;*/
}
.push-button span {
	display:inline-block;
	box-shadow: 
		inset 0 1px 1px 1px #7E7E7E, 
		0 1px 1px white;
	height:15px; 
	width:15px;
	border-radius:50%;
	background: linear-gradient(rgba(238, 16, 16, 0.63),rgba(238, 16, 16, 0.45));
	margin:17px auto;
}


/* waiting gif
--------------------------------------------- */
.wait-gif {
	visibility: hidden;
}

.dnd {
	display: none;
}

/* loader
--------------------------------------------- */
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #EEEEEE; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.se-pre-con {
	/*position: fixed;*/
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/preloader.gif) center no-repeat #fff;
}

/* Responsive Styling
--------------------------------------------- */
th.location:after {
	content: "Location";
}
th.automate:after {
	content: "Automate";
}
th.lights {
	text-align: center;
}
th.lights:after {
	content: "Lights";
}

.center-container {
	position: relative;
}
.center-container.login-container {
	height: 400px;
}
.center-container.thermostat-container {
	height: 160px;
}
.center-container .center-content {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}
/*
.content-container.leak-devices { height: 100px; }
.content-container.door-devices { height: 100px; }
.content-container.motion-devices { height: 55px; }
.content-container.light-devices { height: 70px; }
.content-container.rooms { height: 90px; }
.content-container.general { height: 90px; }
.content-container.security { height: 60px; }
.center-container.cinema-play-container { height: 246px; }
.center-container.cinema-shades-container { height: 230px; }
*/

.content-container a {
	color: #333;
}
.content-container.door-lock,
.content-container.master {
	height: 86px;
}

.content-container.heading {
	 	font-weight: 600;
}
.content-container.content {
	position: relative;
}
.content-container.label {
		display: table-cell;
		vertical-align: middle
}
.content-container.content span {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}
.content-container.heading.label {
	text-align: left;
}
.content-container.heading.content {
	text-align: center;
}

.content-container.heading.light:after { content: "Light"; }
.content-container.heading.location:after { content: "Location"; }
.content-container.heading.automate:after { content: "Automate"; }
.content-container.heading.lights:after { content: "Lights"; }
.content-container.heading.off-on:after { content: "Off-On"; }
.content-container.heading.setting:after { content: "Setting"; }
.content-container.heading.status:after { content: "Status"; }
.content-container.heading.enable:after { content: "Enable"; }
.content-container.heading.door:after { content: "Door"; }
.content-container.heading.autolock:after { content: "Auto-lock"; }
.content-container.heading.lock:after { content: "Lock"; }


/* Video scaling
--------------------------------------------- */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Document Styling
--------------------------------------------- */
.document p {
	text-align: left;
	color: #333;
	margin: 20px 0 20px;
}
.document li {
	list-style-type: disc;
	list-style-position: inside;
	margin-top: 2px;
	margin-bottom: 2px;
}
.document ul {
	margin-left: 6px;
}
.document ul ul {
	margin: 10px 0 10px 20px;
}
.document ul ul li {
	list-style-type: circle;
}


/* CPT Styling
--------------------------------------------- */

.inventory table {
	margin-bottom: 0;
}

.inventory table li {
	line-height: 1.3;
}

.archive h1,
.single h1 {
	margin: 0px 0 20px;
}

.single table,
.single table tbody,
.single table tr,
.single table td,
.single .one-half {
	border: none;
}
.single-inventory img {
	width: 100%;
	border-radius: 4px;
}

.document ul.fa-ul {
	margin-left: 30px;
}
.fa-ul li {
	list-style: none;
}



/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1340px) {

	.site-inner,
	.wrap {
		max-width: 1140px;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 920px;
	}

	.content,
	.site-header .widget-area {
		width: 800px;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 580px;
	}

	.sidebar-primary {
		width: 300px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		width: 340px;
	}

	.footer-widgets-1 {
		margin-right: 60px;
	}

	#my-slider {
		width: 100%;
	}

	.container-home-climate. onoffswitch-climate-devices,
	.button-multi-choice-devices {
		margin-left: 4px;
	}

}


@media only screen and (max-width: 1340px) {

	.site-inner,
	.wrap {
		max-width: 960px;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 740px;
	}

	.content,
	.site-header .widget-area {
		width: 620px;
	}

	.one-half.responsive.wide,
	.one-sixth.responsive.wide,
	.one-third.responsive.wide,
	.three-fourths.responsive.wide,
	.three-sixths.responsive.wide,
	.two-fourths.responsive.wide,
	.two-sixths.responsive.wide,
	.two-thirds.responsive.wide {
		margin: 0;
		width: 100%;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 400px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		width: 300px;
	}

	.footer-widgets-1 {
		margin-right: 30px;
	}

}

@media only screen and (max-width: 1023px) {

	.site-inner,
	.wrap {
		max-width: 800px;
	}

	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.js .genesis-nav-menu .sub-menu a,
	.js .genesis-nav-menu .sub-menu, 
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.site-header .widget-area,
	.title-area {
		width: 100%;
	}

	.site-header .wrap {
		padding-left: 5%;
		padding-right: 5%;
	}

	.genesis-nav-menu li,
	.header-image .title-area,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

	.genesis-nav-menu,
	.site-description,
	.site-header .title-area,
	.site-header .widget-area,
	.site-title {
		text-align: center;
	}

	.site-header .search-form {
		margin: 16px auto;
	}

	.js nav.nav-primary,
	.js .site-header nav  {
		display: none;
		position: relative;
	}

	.js .site-header nav .wrap {
		padding: 0;
	}

	.js nav.pagination {
		display: block;
	}

	.menu-toggle,
	.sub-menu-toggle {
		border-width: 0;
		background-color: #fff;
		color: #333;
		display: block;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		visibility: visible;
	}
	
	.sub-menu-toggle:hover,
	.sub-menu-toggle:focus {
		border-width: 0;
	}

	.menu-toggle {
		border-top: 1px solid #eee;
		line-height: 20px;
		position: relative;
		right: 0;
		z-index: 1000;
		width: 100%;
	}

	.site-header .menu-toggle {
		border: 0;
	}

	.menu-toggle:before,
	.menu-toggle.activated:before {
		margin-right: 10px;
		text-rendering: auto;
		-webkit-transform: translate(0, 0);
		-ms-transform:     translate(0, 0);
		transform:         translate(0, 0);
	}

	.sub-menu-toggle {
		float: right;
		padding: 10px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 100;
	}

	.sub-menu-toggle:before {
		display: inline-block;
		text-rendering: auto;
		-webkit-transform: translate(0, 0);
		-ms-transform:     translate(0, 0);
		transform:         translate(0, 0);
	}

	.sub-menu-toggle.activated:before {
		content: "\f142";
	}

	.js .nav-primary .genesis-nav-menu .menu-item,
	.js .site-header .genesis-nav-menu .menu-item {
		display: block;
		float: none;
		margin: 1px 0;
		position: relative;
		text-align: left;
	}

	.js .genesis-nav-menu .menu-item:hover {
		position: relative;
	}

	.js .nav-primary .genesis-nav-menu .menu-item a,
	.js .site-header .genesis-nav-menu .menu-item a {
		border: none;
		padding: 12px 0;
		width: 100%;
	}

	.js .genesis-nav-menu .sub-menu {
		border: none;
	}

	.js .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
	.js .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
		left: 0;
		margin-left: 0;
	}

	.js .genesis-nav-menu > .menu-item-has-children > a:after {
		content: none;
	}

	.js .genesis-nav-menu .sub-menu {
		clear: both;
		display: none;
		margin: 0;
		opacity: 1;
		padding-left: 15px;
		position: static;
		width: 100%;
	}

	.js .genesis-nav-menu .sub-menu .sub-menu {
		margin: 0;
	}

	.js nav button:hover,
	.js .menu-toggle:hover,
	.js .nav-primary {
		background-color: #fff;
		color: #000;
	}

	.js nav button:focus,
	.js .menu-toggle:focus {
		background-color: #fff;
		color: #c3251d;
	}

	.footer-widgets-1,
	.footer-widgets-2 {
		margin: 0 auto 40px;
	}

	.thermostat-devices {
		height: 300px;
		max-width: 360px;
	}

}

@media only screen and (max-width: 860px) {

	body > div {
		font-size: 1.8rem;
	}

	body {
		font-size: 18px;
		font-size: 1.8rem;
	}

	.site-inner {
		padding: 5% 5% 0;
	}

	.wrap {
		padding-left: 5%;
		padding-right: 5%;
	}

	.after-entry,
	.archive-description,
	.author-box,
	.comment-respond,
	.entry,
	.entry-comments,
	.entry-pings,
	.sidebar .widget {
		padding: 30px;
		margin-bottom: 5%;
	}

	.sidebar {
		margin-bottom: 5%;
	}

	.pagination {
		margin: 5% auto;
	}

	.archive-pagination li a {
		margin-bottom: 4px;
	}

	.one-half.responsive,
	.one-sixth.responsive,
	.one-third.responsive,
	.three-fourths.responsive,
	.three-sixths.responsive,
	.two-fourths.responsive,
	.two-sixths.responsive,
	.two-thirds.responsive {
		margin: 0;
		width: 100%;
	}

	.content-container.heading {
		display: none;
	}

	.garage {
		margin: 0;
		left: 50%;
	}

	.multi-choices label {
		width: 59px;
	}

}

@media only screen and (max-width: 723px) {

    .irrigation-schedule {
        font-size: 14px;
        margin: 0;
    }
    .irrigation-schedule p {
        height: 24px;
        width: 24px;
        background-size: 24px 24px;
    }
        
    table.irrigation-schedule th,
    table.irrigation-schedule td {
        padding-left: 0;
        padding-right: 0;
    }

	.car-door-devices {
		height: 240px;
		max-width: 300px;
	}

}

@media only screen and (max-width: 610px) {

	.cinema.play {
		margin-right: 0;
	}

}

@media only screen and (max-width: 550px) {

	.button-multi-choice-devices {
		margin: 20px 8px 20px 8px;
	}
	.button-multi-choice-devices input + label {
		min-width: 60px;
		padding: 4px 12px;
	}
	.cinema.play {
		float: none;
		margin: 0 auto;
	}
	.cinema.shades {
		float: none;
		margin: 0 auto;
		margin-top: 14px;
	}

	th.automate:after {
		content: "Auto";
	}
	.car-door-devices {
		float: none;
		margin: 0 auto;
		margin-top: 10px;
		height: 460px;
		max-width: 140px;
	}
	.thermostat-devices {
		float: none;
		margin: 0 auto;
		height: 620px;
		max-width: 180px;
	}


}

@media only screen and (max-width: 510px) {

	.thermostat {
/*		left: 50%;
		transform: translate(-50%);
*/	}
	.roller-door {
		float: none;
		margin: 0 auto;
	}

}

@media only screen and (max-width: 400px) {

	.container-home-banner .bannerSlides .container .label {
		top: 8px;
		left: 8px;
		width: 90px;
		padding: 6px;
		font-size: 1em;
	}

}