/*
	Table of Contents


	III. Modules --------------------------------------
	     01. Article ----------------------------------
	     02. Article Intro ----------------------------
	     03. Article Primary --------------------------
	     04. Article Secondary ------------------------
	     05. Article Build ----------------------------
	     06. Button -----------------------------------
	         Button Block -----------------------------
	         Btn Primary ------------------------------
	         Btn Secondary ----------------------------
	         Btn Orange -------------------------------
	         Btn green --------------------------------
	         Btn White --------------------------------
	     07. Form Elements ----------------------------
	     08. Form -------------------------------------
	     09. Form Find --------------------------------
	     10. Form Find Secondary ----------------------
	     11. Form Login -------------------------------
	     12. Intro ------------------------------------
	         Secondary --------------------------------
	         Tertiary ---------------------------------

	     26. Section ----------------------------------
	     27. Section Primary --------------------------
	     28. Section Secondary ------------------------
	     29. Section Lights ---------------------------
	     30. Section Locks ----------------------------
	     31. Section Thermostat -----------------------
	     32. Section Leave ----------------------------
	     33. Section Afford ---------------------------
	     34. Section Ask ------------------------------
	     35. Section Features -------------------------
	     36. Section Responsibility -------------------
	     37. Section Articles -------------------------
	     38. Section Build ----------------------------
	     39. Section Map ------------------------------
	     40. Section Hardware -------------------------
	     41. Section Soon -----------------------------
	     42. Slider -----------------------------------
	     43. Table ------------------------------------
	     44. Widget -----------------------------------
	     45. Widget Hardware --------------------------
 */

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

.HandPhoneImg{
  position: absolute;
  right:10px;
  bottom:0px;
  width:560px;
}

.intro-actions { position: absolute; left: -135px; bottom:430px; width: 100%; text-align: center; z-index: 80; }


/* ------------------------------------------------------------ *\
	Article Primary
\* ------------------------------------------------------------ */
.article-primary { display: -webkit-flex; display: -ms-flexbox; display: flex; letter-spacing: 0.015em; }
.article-primary p { color: #c7c7c7; font-size: 18px; font-weight: 300; }
.article-primary .article-image { width: 66.66%; }
.article-primary .article-content { width: 33.33%; padding: 133px 8% 145px 8.5%; font-size: 24px; line-height: 1.2; }
.article-primary .article-title { font-size: 32px; font-weight: 400; line-height: 1.43; margin-bottom: 37px; }
.article-primary:nth-child(2n+2) .article-image { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
@media(max-width: 1440px){
	.article-primary .article-content { padding: 133px 5% 145px 5.5%; }
}
@media (max-width: 1023px) {
	.article-primary .article-content { padding: 100px 5% 115px 5.5%; width: 50%; }
	.article-primary .article-image { width: 50%; }
}
@media (max-width: 767px) {
	.article-primary { display: block; }
	.article-primary .article-content { width: 100%; padding: 50px 15px; font-size: 14px; }
	.article-primary .article-image { width: 100%; padding-top: 40%; }
	.article-primary .article-title { margin-bottom: 20px; font-size: 20px; }
}
/* ------------------------------------------------------------ *\
	Article Secondary
\* ------------------------------------------------------------ */
.article-secondary {height:100%; font-size: 18px; line-height: 1.67; font-weight: 200; position: relative;}
.article-secondary .article-image { text-align: right; margin-right: -125px;}
.article-secondary .article-image.rel{z-index: 5; position: relative;}
/*.article-secondary .article-content { max-width: 655px; }*/
.article-secondary .article-title { font-size: 48px; font-weight: 200; line-height: 1.1; margin-bottom: 30px; }
@media (max-width: 767px) {
	.article-secondary { font-size: 14px; }
	.article-secondary .article-title { font-size: 36px; }
	.article-secondary .article-image { margin-right: 0; }
}

/* ------------------------------------------------------------ *\
	Parallax
\* ------------------------------------------------------------ */

@media only screen and (min-width : 900px) and (max-width : 1025px) {  /* Styles */
  .maxWid{width:1024px; height:100%; margin:0 auto;}
}
@media only screen and (min-width : 1025px) {
	.maxWid{width:1024px; height:100%; margin:0 auto;}
}

.hei100{
	height: 100%;
}

.sect-container{
	max-width: 1300px;
	margin: 0 auto;
}

.section {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	-webkit-background-size:100% auto;
	background-size:100% auto;
}

.section-image-secondary{
	height:100%;
	max-width:311px;
}

.section-image-secondary .PaxImg{
	position: relative;
	/* opacity: 0.65; */
	background-attachment: fixed;
	background-position: left 80% bottom 45%;
	background-repeat: no-repeat;
	height:100%;
	width:100%;
	-webkit-background-size:311px auto;
	background-size:311px auto;
}

.section-image-flt{
	height:100%;
	max-width:311px;
}

.section-primary .section-image-secondary { width: 311px /*calc(34% - 40px)*/; /*position: absolute;*/ display: block; height:100%; bottom: 0; right: 135px; }
.section-primary .section-image-secondary div { opacity: 0; visibility: hidden; transition: opacity .9s, visibility .5s; position: absolute; bottom: 0; right: 0; }
.section-primary .section-image-secondary div.visible { opacity: 1; visibility: visible; }

#sect6 .section-image-flt .PaxImg{
	position: relative;
	/*background-attachment: fixed;*/
	background-position: center center;
	background-repeat: no-repeat;
	height:100%;
	width:100%;
}

#sect2 .section-image-secondary .OffImage{
	background-image: url('/images/iPhoneWht_02LightsOff.png');
}

#sect2 .section-image-secondary .OnImage{
	background-image: url('/images/iPhoneWht_03LightsOn.png');
}

#sect3 .section-image-secondary .OffImage{
	background-image: url('/images/iPhoneWht_06DoorLocked.png');
}

#sect3 .section-image-secondary .OnImage{
	background-image: url('/images/iPhoneWht_07DoorUnlocked.png');
}

#sect4 .section-image-secondary .OffImage{
	background-image: url('/images/iPhoneWht_05Thermo10.png');
}

#sect4 .section-image-secondary .OnImage{
	background-image: url('/images/iPhoneWht_04Thermo21.png');
}

#sect5 .section-image-secondary .OffImage{
	background-image: url('/images/iPhoneWht_08Security.png');
}

#sect6 .section-image-flt .OffImage{
	background-image: url('/images/iPhoneWht_09Afford.png');
}

@media (max-width: 767px) {
	.section {
		-webkit-background-size:auto 100%;
		background-size:auto 100%;
	}

	.HandPhoneImg{ display: none;}
	.section-image{display: none;}
	/*.section-image-secondary{display: none !important;}*/
	.section-image-flt{display: none;}
	.section-image-secondary .PaxImg{
		background-attachment:inherit;
	  background-position: center center;
		-webkit-background-size:211px auto;
		background-size:211px auto;
	}
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section {}
.section:after { }
/* ------------------------------------------------------------ *\
	Section Primary
\* ------------------------------------------------------------ */
.section-primary { /*min-height: 100vh; height: 100%;*/ position: relative; font-size: 24px; line-height: 1.25; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: visible;
/*background: linear-gradient(to bottom,  rgba(31,31,31,0.43) 0%,rgba(31,31,31,0.43) 1%,rgba(55,55,55,0.43) 50%,rgba(28,28,28,0.43) 100%) no-repeat fixed 100% 100%;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e1f1f1f', endColorstr='#6e1c1c1c',GradientType=0 );*/
}
.section-primary img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.section-primary h2 { margin-bottom: 6px; }
.section-primary p { letter-spacing: -0.015em; }
.section-primary .shell { margin: 0 auto; position: relative; }
.section-primary .section-image { position: absolute; top: 0; left: 0; width: 100%; }
.section-primary .section-image img { opacity: 0; visibility: hidden; transition: opacity .5s, visibility .5s; position: absolute; top: 0; left: 0; }
.section-primary .section-image img.visible { opacity: 1; visibility: visible; }
.section-primary .section-content {padding-right: calc(((100vw - 1024px)/2) + 415px); margin-bottom: 5%; position: relative; }

.section-Wedge {
	min-height: 40vh;
	height: 450px;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}

@media (max-width: 1023px) {
	.section-primary { height: 800px; padding-right: 20%; }
}
@media (max-width: 767px) {
	.section-primary { min-height: 0; height: auto; padding-top: 480px; position: relative; font-size: 15px; }
  .section-primary .shell { /*position: static;*/ margin: 0 auto; position: relative; }
	.section-primary .section-content { position: static; padding-right: 0; }
  .section-primary .section-image { /*display: none;*/ }
	.section-primary .section-image-secondary { position: absolute; width: 100%; right: 0; left: 0; text-align: center; height: 490px; bottom: auto; top: 0px; margin:0 auto;}
	/*.section-primary .section-image-secondary div { max-height: 100%; right: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }*/
}
/* ------------------------------------------------------------ *\
	Section Secondary
\* ------------------------------------------------------------ */
.section-secondary { min-height: 100vh; padding-top: 170px;
	background: linear-gradient(to bottom,  rgba(31,31,31,0.43) 0%,rgba(31,31,31,0.43) 1%,rgba(55,55,55,0.43) 50%,rgba(28,28,28,0.43) 100%);
}
@media (max-width: 767px) {
	.section-secondary { min-height: 0; padding: 160px 0 0 0; }
}
/* ------------------------------------------------------------ *\
	Section Lights
\* ------------------------------------------------------------ */
.section-lights { color: #000; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; }
.section-lights .section-image { bottom: 0; right: 0; opacity: 0; visibility: hidden; transition: opacity .5s, visibility .5s; }
.section-lights .section-image.visible { opacity: 1; visibility: visible; }
@media (max-width: 767px) {
	.section-lights { color: #fff; }
}
/* ------------------------------------------------------------ *\
	Section Locks
\* ------------------------------------------------------------ */
.section-locks .section-content { padding-top: 47%; }
.section-locks .section-image img { max-width: 570px; }
@media (max-width: 1023px) {
	.section-locks .section-content { padding-top: 50%; }
}
@media (max-width: 767px) {
	.section-locks .section-content { padding-top: 0; }
}
/* ------------------------------------------------------------ *\
	Section Thermostat
\* ------------------------------------------------------------ */
.section-thermostat .section-content { padding-top: 50%; }
.section-thermostat .section-image { padding-top: 150px; }
.section-thermostat .section-image img { max-width: 477px; }
@media (max-width: 1023px) {
	.section-thermostat .section-content { padding-top: 65%; }
	.section-thermostat .section-image { padding-top: 100px; }
}
@media (max-width: 767px) {
	.section-thermostat .section-content { padding-top: 0; }
}
/* ------------------------------------------------------------ *\
	Section Leave
\* ------------------------------------------------------------ */
.section-leave { }
.section-leave .section-image { position: relative; height: 245px; }
.section-leave .section-image img { max-width: 555px; }
.section-leave .section-content{margin-bottom: 0;}
@media (max-width: 1023px) {
	.section-leave .section-image img { max-width: 100%; }
}
@media (max-width: 767px) {
	.section-leave .section-image { height: auto; }
	.section-leave .section-image img { max-width: 100%; position: relative; }
}
/* ------------------------------------------------------------ *\
	Section Afford
\* ------------------------------------------------------------ */
.section-afford { min-height:100vh; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
	font-size: 20px; line-height: 1.25; padding-bottom: 200px; padding-top: 100px;
}
.section-afford h1 { border-bottom: 1px solid  #a1a1a1; font-size: 72px; text-align: center; padding-bottom: 30px; margin-bottom: 27px; margin-top: 35px;}
.section-afford h1 strong { font-size: 120px; display: inline-block; font-weight: 200; margin-left: -20px; }
.section-afford h1 span { font-size: 18px; margin-left: -4px; }
.section-afford h2 { margin-bottom: 20px; font-size: 32px; font-weight: 400;}
.section-afford p { margin-bottom: 22px;}
.section-afford .shell{padding-left: 30px;}
.section-afford .section-content { width: 31%; float: left; padding:0 18px;}
.section-afford .section-image { width: 28.02%; float: left; margin-right: 3.6%; margin-left: 1.5%; margin-top: 13px; }
.section-afford .section-aside { width: 31.29%; float: right; padding-top: 42px; }

.section-afford .section-image-flt { position: absolute; top: 0; right: 0; left:0; width: 100%; margin:0 auto;}
.section-afford .section-image-flt img { opacity: 0; visibility: hidden; transition: opacity .5s, visibility .5s; position: absolute; top: 0; left: 0; }
.section-afford .section-image-flt img.visible { opacity: 1; visibility: visible; }

@media (max-width: 1023px) {
	.section-afford { font-size: 18px; }
	.section-afford h2 { font-size: 50px; }
}
@media (max-width: 767px) {
	.section-afford { padding-top: 0; padding-bottom: 50px; font-size: 15px; }
	.section-afford h2 { font-size: 40px; }
	.section-afford .section-content { width: 100%; float: none; }
	.section-afford .section-image { margin: 50px auto 20px; }
	.section-afford .section-aside { width: 100%; float: none; }
}

/* ------------------------------------------------------------ *\
	Section Ask
\* ------------------------------------------------------------ */
.section-ask { position: relative; text-align: center; padding: 60px 0 60px; z-index: 60; background-color: #222; }
.section-ask h2 { margin-bottom: 16px; }
.section-ask p { letter-spacing: -0.01em; }
.section-ask .section-image {
	position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: .5;
	background: url('/css/images/temp/section-ask.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  z-index: -1;
 }
.section-ask .section-inner { max-width: 700px; margin: auto; }
.section-ask .section-content { position: relative; }
.section-ask .list-primary { padding-top: 24px; }
@media (max-width: 767px) {
	.section-ask { font-size: 15px; padding: 50px 15px 70px; }
	.section-ask .btn { font-size: 16px; padding: 10px 25px; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider {}
.slider .slides { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Widget Hardware
\* ------------------------------------------------------------ */
.widget-hardware { width: 33.33%; color: #fff; font-size: 14px; font-weight: 400; line-height: 1.43; }
.widget-hardware .widget-image { text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; min-height: 450px; margin-bottom: 35px; }
.widget-hardware .widget-image img { margin: auto auto 0; }
.widget-hardware .widget-title { font-size: 18px; font-weight: 400; margin-bottom: 5px; }
.widget-hardware .widget-content { position: relative; padding-left: 70px; }
.widget-hardware .widget-icon { width: 55px; height: 55px; border-radius: 50%; border: 3px solid transparent; display: block; position: absolute; top: 0; left: 0; }
.widget-hardware .widget-icon i { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; }
.widget-hardware .widget-icon.green { border-color: #dfdd37; }
.widget-hardware .widget-icon.orange { border-color: #f37232; }
.widget-hardware .widget-icon.yellow { border-color: #f7ac2e; }
@media (max-width: 767px) {
	.widget-hardware { width: 100%; margin-bottom: 50px; }
	.widget-hardware .widget-image { min-height: 0; margin-bottom: 20px; }
}