/*===Main===*/
	@import url('https://fonts.googleapis.com/css?family=Roboto:300');

	.smartBlueH{color: #00adef; font-size: 28px;}
	.saleSept17 .saleRedH{
    color: #EE4433;
    font-size: 28px
}
	.smartBlueP{color: #00adef; font-size: 18px;}
	.bannerSmartBlueH{color: #00adef; font-size: 42px;}
	.fwbWhite{background-color: #fff !important;}

	.smartHomesIndex a, .smartHomesIndex h3, .smartHomesIndex h2, .smartHomesIndex span, .smartHomesIndex p, .smartHomesIndex .smartBlueP, .smartHomeBackBtn a{font-family: 'Roboto', sans-serif !important;}
	.smartHomesIndex h2, .smartHomesIndex p, .smartHomesIndex a{font-weight: 300 !important;}

/*===Header===*/


/*===Body===*/
	.fwHeader{padding: 10px 0; margin-bottom: 0 !important; display: block;}
	.cmp .fwHeader h2{margin: 0;}
	.cmp .fullWidthTextBanner .fwtbInner p{font-size: 18px !important;}
	.fullWidthTextBanner .row-ITS{margin-bottom: 0 !important;}
	/*Smart Homes*/
		/*How to Install*/
			.guardzillaHowToSteps .howToStepsInner .howToStepsNum{background-color: #6EBE62 !important;}
			.lifxHowToSteps .howToStepsInner .howToStepsNum{background-color: #440099 !important;}
			.howToSteps .howToStepsInner .howToStepsNum {margin: 0 5px; width: 8vw; height: 8vw; border-radius: 50%; display: block; font-size: 4.5vw; text-align: center; overflow: hidden; line-height: 8vw; vertical-align: middle; color: #fff; background-color: #00adef; margin: 0 auto; float: none; margin-bottom: 10px;}
			.howToStepsNumPar div p{font-size: 16px; text-align: center;}

		/*Interactive home*/
			.interactiveHomeButs{position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
			.interactiveHomeButs .interactiveHomeButton{height: 40px; width: 40px; border-radius: 50%; position: absolute;}
			.interactiveHomeButs .interactiveHomeButton p{text-align: center; font-size: 28px;}
			.interactiveHomeButton:hover{cursor: pointer;}
			.ihbNestThermo{background-color: #fff; left: 73%; top: 38%; border: 2px solid rgba(238, 43, 67, 1);}
			.ihbNestThermo p{color: rgba(238, 43, 67, 1);}
			.ibhNestProtect{background-color: #fff; left: 49%; top: 38%; border: 2px solid  rgba(133, 80, 141, 1);}
			.ibhNestProtect p{color: rgba(133, 80, 141, 1);}
			.ihbNEnergenieOutlet{background-color: #fff; left: 49%; top: 74%; border: 2px solid rgba(161, 195, 95, 1);}
			.ihbNEnergenieOutlet p{color: rgba(161, 195, 95, 1);}
			.ihbHueLights{background-color: #fff; left: 19%; top: 78%; border: 2px solid rgba(254, 209, 73, 1);}
			.ihbHueLights p{color: rgba(254, 209, 73, 1);}
			.ihbTplink{background-color: #fff; left: 79%; top: 70%; border: 2px solid rgba(0, 173, 239, 1);}`
			.ihbTplink p{color: rgba(0, 173, 239, 1);}
			.ihbYaleDoor{background-color: #fff; left: 88%; top: 20%; border: 2px solid rgba(246, 138, 30, 1);}
			.ihbYaleDoor p{color: rgba(246, 138, 30, 1);}
			.ihbYcam{background-color: #fff; left: 75%; top: 8%; border: 2px solid rgba(246, 138, 30, 1);}
			.ihbYcam p{color: rgba(246, 138, 30, 1);}
			.interactiveHomeText{background-color: #fff; padding: 12px; max-width: 200px; border-radius: 6px; position: absolute;}
			.interactiveHomeText h3{text-align: center; margin-bottom: 10px; font-size: 18px; color: #333;}
			.interactiveHomeText a{color: #00adef; text-align: cetner; text-decoration: underline;}
			.interactiveHomeText .smartBlueH{font-size: 18px;}
			.ihtNestThermo{left: 58%; top: 38%; border: 2px solid rgba(238, 43, 67, 1);}
			.ibtNestProtect{left: 34%; top: 38%; border: 2px solid  rgba(133, 80, 141, 1);}
			.ihtNEnergenieOutlet {left: 34%; top: 74%; border: 2px solid rgba(161, 195, 95, 1);}
			.ihtHueLights{left: 4%; top: 78%; border: 2px solid rgba(254, 209, 73, 1);}
			.ihtTplink{left: 64%; top: 70%; border: 2px solid rgba(0, 173, 239, 1);}
			.ihtYaleDoor{left: 73%; top: 20%; border: 2px solid rgba(246, 138, 30, 1);}
			.ihtYcam{left: 60%; top: 8%; border: 2px solid rgba(246, 138, 30, 1);}
			.interactiveHomeBox{background-color: #fff; padding: 20px; max-width: 400px; width: 100%; margin: 5% 0 0 5%;}
			.ihBoxinner{border: 1px solid #000; padding: 22px;}

		/*Cat Footer Commands*/
			.catFooterCommands .fwtbInnerContent h3{font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 26px;}
			.catFooterCommands .catFooterIfttt h3{color: #fff;}
			.catFooterCommands .fwtbInner{max-width: none;}
			.catFooterCommands .fwtbInnerContent a{max-width: 150px; width: 100%; display: block; margin-top: 40px; padding: 10px 20px; text-align: center; font-size: 16px;}
			.catFooterCommands .catFooterWrap{max-width: 445px; margin: 0 auto; dislay: block; float: none;}
			.catFooterCommands .catFooterAlexa a{color: #000; border: 2px solid #000;}
			.catFooterCommands .catFooterAlexa a:hover{background-color: #353535; color: #fff; border-color: #fff; cursor: pointer;}
			.catFooterCommands .catFooterIfttt a{color: #fff; border: 2px solid #fff;}
			.catFooterCommands .catFooterIfttt a:hover{background-color: #fff; color: #000; border-color: #353535; cursor: pointer;}
			.catFooterCommands .fwtbInnerContent img{max-width: 200px; width: 100%; display: block; float: none; margin: 0 auto 20px auto;}
			.catFooterCommands .fwtbInnerContent{padding: 80px 40px;}
			.catFooterCommands .catFooterAlexa{background-color: #fff;}
			.catFooterCommands .catFooterIfttt{background-color: #353535;}

		/*Day in life*/
			.whitePoints{padding: 20px 0;}
			.whitePointsElement{background-color: #fff; margin-bottom: 10px;}
			.whitePointsElement img{width: 100%;}
			.whitePointsInner{padding: 10px 20px; min-height: 115px; position: relative;}
			.dayTimeImg{width: 100%; max-width: 64px; display: inline-block; vertical-align: middle;}
			.dayTimeHeader{color: #00aedf; font-size: 22px !important; margin-bottom: 10px; text-align: center;}
			.cmp .fullWidthTextBanner .fwtbInner .whitePointsInner p:first-child{font-size: 18px !important;}
			.cmp .fullWidthTextBanner .fwtbInner.whitePointsInner p:last-child{font-size: 14px !important;}
			.clocksHeader{vertical-align: middle; display: inline-block; padding-top: 10px;}

		/*Required Brands*/
			.brandsRequire{text-align: center;}
			.brandsRequire .brandsLogoWrap, .brandsRequire img{max-width: 75px; width: 100%; display: inline-block}
			.brandsRequire .brandsLogoWrap p{text-align: center;}

		/*Header image*/
			.smartHomesIndex .contentHeaderText{margin-top: 0;}
			.contentHeader.smartHierBot .smartTextWrap, .smartHomesIndex .contentHeader .smartTextWrap{max-width: none; text-align: center;}
			.contentHeader.smartHierBot .fwbBannerText, .smartHomesIndex .contentHeader .fwbBannerInnerText{height: 22vw;}
			.contentHeader.smartHierBot, .smartHomesIndex .contentHeader{margin-bottom: 20px;}
			.headerShopBtn{display: block; width: 100%; margin: 20px auto 0 auto; float: none; background-color: #1ca902; border: 2px solid #fff; text-align: center; font-size: 20px !important; padding: 10px 0; color: #fff;}
			.headerShopBtn:hover{background-color: #fff; color: #1ca902; border-color: #1ca902;}

		/*Home Header Cat Buttons*/
			.smartCatHeadButs{width: 100%; margin: 0 auto; float: none; display: block; max-width: 990px; margin-top: 60px;}

			.smartCatHeadButton a::before{content: ''; display: block; width: 32px; height: 32px; background-size: contain; position: absolute; top: -14px; left: 50%; margin-left: -15px;}
			.smartCatHeadButton.smartCatHeadSec a::before{background-image: url("https://its-london.s3.amazonaws.com/CMS/CMPs/Smart%20Homes/Dev/src/security.png");}
			.smartCatHeadButton.smartCatHeadHeat a::before{background-image: url("https://its-london.s3.amazonaws.com/CMS/CMPs/Smart%20Homes/Dev/src/heating.png");}
			.smartCatHeadButton.smartCatHeadLight a::before{background-image: url("https://its-london.s3.amazonaws.com/CMS/CMPs/Smart%20Homes/Dev/src/lighting.png");}
			.smartCatHeadButton.smartCatHeadPower a::before{background-image: url("https://its-london.s3.amazonaws.com/CMS/CMPs/Smart%20Homes/Dev/src/power.png");}
			.smartCatHeadButton.smartCatHeadSafe a::before{background-image: url("https://its-london.s3.amazonaws.com/CMS/CMPs/Smart%20Homes/Dev/src/safety.png");}

			.smartCatHeadButton a:hover{background-color: rgba(53, 53, 53, 0.9);}
			.smartCatHeadButton a{background-color: rgba(53, 53, 53, 0.7); padding: 22px 20px; text-align: center; text-transform: uppercase; font-size: 17px; display: block; position: relative; color: #fff;}

		/*About*/
			.smartAboutExtra{margin-bottom: 10px;}
			.smartAboutExtraText{padding: 10px;}
			.smartAboutExtra .smartAboutExtraText h2{font-size: 16px !important; text-align: left; font-weight:bold;}

		/*Full Width Images*/
			.imageInner{position: absolute; left: 18%; top: 10%; max-width: 500px; width: 100%;}
			.brandCompatibility a:last-child img{padding-right: 0;}
			.brandCompatibility a img{display: inline-block; max-width: 46%; vertical-align: middle; line-height: 40px; padding: 0 4% !important;}
			.cmp .hwHeadWhite{background-color:#fff;}

		/*Full Width Image Text*/
			.fullWidthSmart
			{
			    margin-left: calc(-100vw / 2 + 1007px / 2);
			    margin-right: calc(-100vw / 2 + 1007px / 2);
			}

			.imageOpaqueText{background-color: rgba(0, 0, 0, 0.5); padding: 20px;}
			.imageOpaque h2, .imageOpaque p{color: #fff;}
			.opaqueButton{display: inline-block; float: right; margin-top: 20px;}
			.opaqueButton a{color: #fff; font-size: 18px; padding: 10px 40px; display: inline-block; border: 2px solid #fff;}
			.opaqueButton:hover{background-color: rgba(0, 0, 0, 0.5);}
			.fwbAppShot .fwtbInner{max-width: none;}
			.fwbAppShot div .fwtbInnerImg{height: 413px;}
			.fwbAppShot div .fwbBannerInnerText h2, .fwbAppShot div .fwbBannerInnerText p{max-width: 450px; float: right; display: block; width: 100%;}
			.fwbAppShot .fwtbInnerImg{position: relative; overflow: hidden;}
			.fwbAppShot .fwtbInnerImg .fwtbAppShotCenter{min-width: 1000px; width: 100%; position: absolute; left: 50%; top: 0; margin-left: -500px;}
			.fwbAppShot .fwtbInnerImg .fwtbAppShotCenter img{display: block; width: 100%; margin: 0 auto; float: none;}
			.fwtbInnerImg {max-height: 412px;}
			.standardText{padding: 20px 0;}
			.fullWidthTextBanner{margin-bottom: 0 !important;}
			/*Amazon*/
				.amazonEchoBanner, .rightFooterText{right: 15% !important; left: inherit; width: 400px;}
				.amazonEchoBanner .imageOpaque h2{font-size: 3vw;}
				.amazonEchoBanner .opaqueButton{margin-top: 0; margin: 0 auto; display: block; width: 100%; max-width: 177px; float: none;}

			/*Footer banner*/
				.footerBanner{position: relative;}
				.footerBanner .footerBannerText{position: absolute; max-width: 990px; display: block; margin: 0 auto; float: none; top: 15%; padding: 0 40px; width: 100%; left: 0; right: 0;}
				.footerBanner .footerBannerText h2, .footerBanner .footerBannerText a{color: #fff;}
				.footerBanner .footerBannerText h2{margin-bottom: 20px; font-size: 42px; text-align: left;}
				.footerBanner .footerBannerText a{text-align: center; font-size: 17px; padding: 10px 30px; border: 2px solid #fff; text-decoration: none;}
				.footerBanner .footerBannerText a:hover{background-color: #fff; color: #000;}
				.footerBanner .footerBannerText .leftFooterText{max-width: 400px; width: 100%; float: left;}
				.footerBanner .footerBannerText .rightFooterText{max-width: 400px; width: 100%; float: right;}
				.footerBanner .footerBannerText .rightFooterText h2{text-align: right;}
				.footerBanner .footerBannerText .rightFooterText a{float: right;}

				.smartHierBot{margin-bottom: 20px;}
				.smartHierBot .footerBannerText a, .smartHierBot .footerBannerText h2{font-family: 'Roboto', sans-serif !important;}
				.smartHierBot .footerBannerText h2{font-size: 36px;}

			/*How it Works*/
				.smartHowItWorks div div div h2, .smartHowItWorks div div div h2 span{font-size: 2vw;}
				.smartHowItWorks{position: relative;}

		/*Smart Brands*/
			.smartBrands div{margin-bottom: 20px;}
			.smartBrands div img{
				-webkit-box-shadow: 9px 8px 20px -7px rgba(0,0,0,0.35);
				-moz-box-shadow: 9px 8px 20px -7px rgba(0,0,0,0.35);
				box-shadow: 9px 8px 20px -7px rgba(0,0,0,0.35);}
			.smartBrands .pad{padding-left: 1%; padding-right: 1%;}
			.smartBrands .d-1of3{position: relative; padding: 0 1%;}
			.smartIFTTT .imageOpaque h2{font-size: 38px;}
			.brandHoverOverlay{position: absolute; background-color: rgba(0, 0, 0, 0.2); width: 94% !important; height: 100%; left: 3%; top: 0; display: none;}
			.smartBrands div:hover{cursor: pointer;}
			.vidFeatureInner{margin: 100px auto !important;}

		/*Smart Directory*/
			.innerContentWide a .smartDirCat{background-color: #fff; padding-left: 1.2%; padding-right: 1.2%;}
			.smartDirCat p{font-size: 16px !important; text-align: center; color: #00adef; background-color: #f7f7f7; width: 100%; display: inline-block; padding: 10px 0;}
			.smartDirCat .smartDirCatInner:hover p{background-color: #b3b3b3; color: #fff; transition: background-color 0.2s}
			.smartDirCat .smartDirCatInner:hover
			{
				-webkit-box-shadow: 7px 7px 38px -17px rgba(102,102,102,1);
				-moz-box-shadow: 7px 7px 38px -17px rgba(102,102,102,1);
				box-shadow: 7px 7px 38px -17px rgba(102,102,102,1);
				transition: box-shadow 0.2s;
			}
			.smartDirCat img{width: 100%;}

		/*Categories*/
			.smartCategory ul li{font-size: 14px;}
			.fullWidthTextBanner:nth-of-type(odd){}
			.fullWidthTextBanner:last-child{margin-bottom: 20px !important;}
			.fullWidthTextBanner:nth-child(even) .fwtbInner .fwbBannerInnerText{float: right !important;}
			.smartCat:nth-child(odd) .fwtbInner .fwtbInnerImg{float: right !important;}
			.cmp .fullWidthTextBanner:nth-child(even).fwbImg div .fwbBannerInnerText div{float: left;}
			.smartCategoryImg, .smartCategoryImg img{max-height: 210px; width: 100%; max-width: 495px;}
			/*Bullets*/
				.smartCategory ul li{background-repeat: no-repeat !important; background-position: 0 0 !important; padding: 4px 0 4px 40px; margin-bottom: 10px;}
				.smartLighting ul li{background: url('https://its-london.s3.amazonaws.com/CMS/CMPs/Smart%20Homes/Dev/categories/bullets/lightingBullet.jpg');}
				.smartSecurity ul li{background: url('https://its-london.s3.amazonaws.com/CMS/CMPs/Smart%20Homes/Dev/categories/bullets/securityBullet.jpg');}
				.smartHeating ul li{background: url('https://its-london.s3.amazonaws.com/CMS/CMPs/Smart%20Homes/Dev/categories/bullets/heatingBullet.jpg');}
				.smartSafety ul li{background: url('https://its-london.s3.amazonaws.com/CMS/CMPs/Smart%20Homes/Dev/categories/bullets/safetyBullet.jpg');}
				.smartPower ul li{background: url('https://its-london.s3.amazonaws.com/CMS/CMPs/Smart%20Homes/Dev/categories/bullets/powerBullet.jpg');}

			/*Full Width Text Banner*/
				.fullWidthTextBanner{background-color: #fff;}
				.fwbImg{padding: 0;}
				.fwtbInner{max-width: 990px; margin: 0 auto; display: block; width: 100%; float: none !important; overflow: hidden;}
				.fwtbInner .fwbBannerInnerText h2, .fwtbInner .fwbBannerInnerText h2 span{text-align: left; font-size: 34px;}
				.fwtbInnerImg img{width: 100%;}
				.fwbBannerInnerText
				{
					position: relative;
					height: 413px;
					width: 50%;
					margin: 0 auto;
					overflow: hidden;
				}
  				.fwbBannerInnerText .smartTextWrap
  				{
  					max-width: 493px;
					width: 100%;
					transform: translate(0%, -50%);
					-ms-transform: translate(0%, -50%);
					-webkit-transform: translate(0%, -50%);
					-moz-transform: translate(0%, -50%);
					-o-transform: translate(0%, -50%);
					transform: translate(0%, -50%);
					position: absolute;
					top: 50%;
					overflow: auto;
				}

				.fullWidthTextBanner:nth-child(even) .fwtbInner .fwbBannerInnerText .smartTextWrap{padding-left: 60px;}
				.fullWidthTextBanner:nth-child(odd) .fwtbInner .fwbBannerInnerText .smartTextWrap{padding-right: 60px; right: 0;}

				/*Categories*/
					/*.fwbBrands{border-top: 20px solid #eee; border-bottom: 20px solid #eee;}*/
					.fwbBrands img:hover{cursor: pointer;}
					.test{background-color: rgba(238, 238, 238, 1); display: inline-block; width: 100%; overflow: hidden;}

				/*fwbImg*/
					.cmp .fwbImg{margin-bottom: 0 !important;}
					.cmp .fwbImg .fwtbInner .fwtbInnerImg img{display: block;}

		/*ShopNow*/
			.shopNow div div{width: 100%; display: block; float: left; margin-top: 0px;}
			.shopNow div div a{border: none; text-align: center; display: block;}

	/*Smart Brands*/
		/*Cats*/
			.fwbBrands .smartWhatWorksWith{padding-bottom: 0;}

		/*Home*/
			.smartHomeBrand:before{padding-bottom: 100%; content: ""; display: block;}
			.smartHomeBrand{position: relative; background-color: #ddd; margin-bottom: 2%; transition: all 0.2s;}
			.smartHomeBrand.pad{padding-left: 1.5% !important; padding-right: 1.5% !important;}
			.smartHomeBrand div{position: absolute; top: 25%; padding: 10px 20px 20px 23px;}
			.gof5Brand div img{width: 93% !important;}
			.smartHomeBrand div img{width: 100%; filter: brightness(0.7); max-width: 170px; transition: all 0.2s;}
			.smartHomeBrandHover{background-color: #00b9f1; transition: all 0.2s;}
			.saleSept17 .smartHomeBrandHover{background-color: #EE4433; transition: all 0.2s;}
			.smartHomeBrand:hover{cursor: pointer;}
			.smartHomeBrand:hover div img{filter: brightness(1); transition: all 0.2s;}
			.smartHomeBrand:hover:before{transform: scale(1.05); box-shadow: 0px 5px 33px rgba(0,0,0,0.5);}
		 	.catButtons{background-color: #00adef; font-size: 16px; color: #fff; padding: 10px 20px; display: inline-block; margin-top: 10px; text-align: center;}
			.catButtons:hover{color: #00adef; background-color: #fff; border: 2px solid #00adef; margin-top: 10px; padding: 8px 18px; cursor: pointer;}
			.smartCatProdBut{background-color: #909090; font-size: 16px; color: #fff; padding: 10px 20px; display: inline-block; margin-top: 10px; text-align: center;}
			.smartCatProds{margin: 20px 0; background-color: #fff; padding: 20px;}
			.smartCatProdInner img{max-width: 200px; width: 100%; margin: 0 auto; display: block; float: none;}
			.smartCatProdInner h3{font-size: 14px; min-height: 54px; margin-top: 10px;}
			.smartCatProduct.pad{padding-left: 1.5%; padding-right: 1.5%;}
			.smartCatProduct{background-color: #fff;}
			.smartCatProdInner{padding: 10px;}
			.smartCatProds .smartCatShopAll .smartCatProdInner p{font-size: 50px !important; text-align: center;}
			.smartCatProds .smartCatShopAll .smartCatProdInner p span{font-size: 30px !important; display: block; text-align: center;}
			.smartCatProds .smartCatShopAll .smartCatProdInner .smartCatShopAllBtn{background-color: #1CA902; color: #fff; text-align: center; padding: 10px 0; width: 100%; margin: 20px auto 0 auto; display: block; font-size: 20px !important;}
			.smartCatShopAll{margin-top: 20px;}

			/*Banners*/
				.twoLineBanner .footerBannerText div h2{font-size: 29px; color: #fff; text-align: left !important; margin-bottom: 0;}
				.twoLineBanner .footerBannerText div p{font-size: 14px; color: #fff; text-align: left; margin-bottom: 5px;}

		/*Hive*/
			/*Steps*/
				.hiveStepsImage{max-width: 808px; width: 100%; margin: 0 auto; display: block;}
				.hiveStepsText div div{background-color: #eee; padding: 10px 20px; margin-top: 20px;}
			/*Shop Now*/
				.hiveShopNow .imageOpaque h2, .hiveShopNow div a{color: #ea762f;}
				.hiveShopNow .opaqueButton{width: 80%; display: block; margin-top: 0px; float: left;}
				.hiveShopNow .opaqueButton a{border: 2px solid #ea762f;}
			/*Heating*/
				.smartCategories .hiveHeatingSchedules, .smartCategories .hiveInstallation{padding-bottom: 28px;}
				.hiveInstallation a{padding-left: 5px;}

		/*Canary*/
			body .contentArea .meetCanary{float: none; overflow: hidden; margin-bottom: 20px;}

		/*Hue*/
			/*Steps*/
				.hueSteps{margin-top: 20px !important;}
				.hueStep{border: 10px solid #252525; border-radiuX: 50%; max-height: 125px; max-width: 125px; width: 100%; padding: 26px; margin: 0 auto; display: block;}
				.hueStepsNum .hueStep::after{position:absolute; width: 90%; background: #252525; top: 22%; height: 2px; left: 0;}
				.hueStepsNum .hueStep p{font-size: 40px; text-align: center;}
				.hueStepsText{padding-top: 20px;}
				.hueStepsText div{padding: 0 10px;}
				.hueStepsText div p{font-size: 20px;}

			/*Slider*/
				.smartSliderContent{height: 310px; padding: 20px;}
				.hueSliderContent1{background-image: url("https://its-london.s3.amazonaws.com/CMS/CMPs/Smart%20Homes/final_uploads/img/brands/hue/slider/hueSliderAmbiance.jpg");}
				.hueSliderContent2{background-image: url("https://its-london.s3.amazonaws.com/CMS/CMPs/Smart%20Homes/final_uploads/img/brands/hue/slider/hueSliderWhite.jpg");}
				.hueSliderContent3{background-image: url("https://its-london.s3.amazonaws.com/CMS/CMPs/Smart%20Homes/final_uploads/img/brands/hue/slider/hueSliderColour.jpg");}
				.smartSliderContent h2, .smartSliderContent p{color: #fff;}
				.smartSliderContent .smartSliderContentText h2{text-align: left; padding: 0 0 0 20px;}
				.smartSliderContent p{background-color: rgba(0, 0, 0, 0.5); display: inline-block; width: 100%; max-width: 300px; padding: 20px;}
				.hueLightTypes{margin-bottom: 15px;}

		/*Nest*/
			.nestThermoText div{margin-top: 20px;}
			.nestThermoText p{padding: 20px 40px 0 40px;}

			/*Points*/
				.nestPoint{background-color: #eee;}
				.nestPoint:hover{cursor: pointer;}
				.nestPoint a{background-color: #aeaeae; color: #fff; padding: 7px 0; max-width: 200px; width: 100%; margin: 10px auto; display: block; float: none; text-align: center; font-size: 16px;}
				.nestPoint a:hover{background-color: #979797;}
				.nestPoint div{padding: 10px 20px;}
				.nestPoints .nestPoint{margin-bottom: 10px;}
				.nestPoint div img{display: block; width: 100%; float: none; margin: 0 auto; max-width: 180px;}
				.nestPoint div h3{text-align: center; font-size: 20px; font-weight: 500 !important;}
				.nestPoint div p, .nestPoint div h3{color: #000;}
				.nestPoint div p{display: none;}
				.nestPointBtn{background-color:#00AFD8;}
				.nestPointBtn div{color: #fff; font-size: 20px; text-align: center; display: block; padding: 10px 0;}
				.nestPointBtn:hover{background-color: #119cbd;}

			/*Easy install*/
				.nestEasyInstall{background-color: #eee;}
				.nestEasyInstallNum{display: block; width: 100%; margin: 0 auto; float: none !important; overflow: hidden; padding: 10px 0 20px 0;}
				.nestEasyInstallNum ul{width: 100%; text-align: center;}
				.nestEasyInstallNum ul li{display: inline; text-align: center;}
				.nestEasyInstallNum ul li div{margin: 0 5px; width: 4vw; height: 4vw; border: 0.4vw solid #00AFD8; border-radius: 50%; display: inline-block; font-size: 2.5vw; text-align: center; overflow: hidden; line-height: 3.4vw; vertical-align: middle; color: #00AFD8;}
				.nestEasyInstallNum ul li:hover div{background-color: #00AFD8; color: #fff; cursor: pointer;}
				.nestEasyInstallPic img{width: 100%; margin: 0 auto;}
				.nestEasyInstallText{padding: 20px;}
				.nestEasyInstallText div h3{text-align: center; font-weight: 500; font-size: 20px;}
				.easyInstallText1, .easyInstallText2, .easyInstallText3{display: none;}
				.easyInstallActive div{background-color: #00AFD8; color: #fff !important;}
				.easyInstallOutdoorImg1, .easyInstallOutdoorImg2, .easyInstallOutdoorImg3, .easyInstallIndoorImg1, .easyInstallIndoorImg2, .easyInstallIndoorImg3{display: none;}
				.easyInstallImgActive, .easyInstallImgActive2, .easyActiveText{display: block !important;}
				.nestEasyInstallText h2{margin-bottom: 0px !important;}

		/*Canary*/
			/*Shop Now*/
				.canaryShopNow div div a, .canaryShopNow div h2{color: #000;}
				.canaryShopNow div div{border-color: #000;}

		/*Yale*/
			.conexisPoint img{float: left; padding-right: 20px;}
			.conexisPoint div{padding: 20px 0; float: none !important;}
			.conexisPoint div h3{font-size: 16px;}
			.fwbBannerInnerText .smartTextWrap .conexisPoint div p{font-size: 14px !important;}

		/*Smart App*/
			.cmp .smartApp{margin-top: 20px;}
			.smartAppRow img, .smartAppRow p{display: inline;}
			.smartAppRow{margin-bottom: 10px;}
			.smartAppRow p{line-height: 58px; vertical-align: text-bottom; padding-left: 5px; font-size: 18px !important;}
			.smartAppRow a img{max-width: 140px;}
			.smartAppTextCont{margin-top: 20px;}

		/*Categories*/
			/*Videos*/
				.activeCatVideo{display: block !important;}
				.catVideo{display: none;}
				.catVideoNav{text-align: center; margin-top: 10px;}
				.catVideoNav ul{display: inline-block;}
				.catVideoNav ul li{display: inline-block; float: left; text-align: center; color: #fff; font-size: 18px; margin-right: 10px; max-width: 150px; width: 100%;}
				.catVideoNav ul li p{text-align: center; padding: 0 0 5px 0; font-size: 18px;}
				.catVideoNav ul li img{width: 100%;}
				.catVideoNav ul li:last-child{margin-right: 0;}
				.catVideoNav ul li:hover{cursor: pointer;}
				.catVideoNav ul li:hover img{opacity: 0.7;}



/*===Footer===*/


/*===Media Queries===*/

	@media(min-width: 1634px)
	{
		/*Smart Brands*/
			/*.smartHomesIndex .fwbImg{position: relative; overflow: hidden; display: block; height: 413px;}
			.smartHomesIndex .fwbImg img{position: absolute; top: 0; left: 0; width: 100%;}*/
	}

	@media(max-width: 1029px)
	{
		.smartCatHeadButs{display: none;}

		/*Smart Brands*/
			.fullWidthSmart{margin-left: 0; margin-right: 0;}
			.fullWidthTextBanner:nth-child(even) .fwtbInner .fwbBannerInnerText .smartTextWrap{padding-left: 60px; padding-right: 60px;}
			.fullWidthTextBanner:nth-child(odd) .fwtbInner .fwbBannerInnerText .smartTextWrap{padding-left: 60px; padding-right: 60px; right: 0;}

			/*Hive*/
				/*Steps*/
					.hiveSteps img{display: none !important;}
					.hiveStepsText .hiveStepsInstall div{margin-top: 0;}
	}

	@media(max-width: 767px)
	{
		.brandCompatibility a img{max-width: 35%; display: block; margin: 0 auto; float: none; width: 100%;}
		.fwbBannerInnerText{height: auto;}
		.fwbBannerInnerText .smartTextWrap{position: static; transform: none; top: 0; max-width: none; padding: 10px 0;}
		.fullWidthTextBanner:nth-child(even) .fwtbInner .fwbBannerInnerText .smartTextWrap{padding-left: 30px; padding-right: 30px;}
		.fullWidthTextBanner:nth-child(odd) .fwtbInner .fwbBannerInnerText .smartTextWrap{padding-left: 30px; padding-right: 30px; right: 0;}
		.fwbBannerInnerText{width: 100%;}

		/*Header Img*/
			.smartCatHeadButs{margin-top: 20px;}
			.smartCatHeadButton a::before{display: none;}
			.smartCatHeadButton a{padding: 7px 20px; font-size: 14px;}

		/*Smart Shop*/
			.smartDirCat{margin-bottom: 10px; padding: 0 1.5%;}

		/*Interactive Homes*/
			.whitePointsInner{min-height: 185px}


		/*Steps*/
			.howToStepsInner p{margin-bottom: 20px;}
			.howToSteps .howToStepsInner .howToStepsNum{width: 12vw; height: 12vw; font-size: 6.5vw; line-height: 12vw;}


			.fwbBannerInnerText div{transform: none; position: static; left: 0; top: 0;}

		/*Brands*/
			.smartBrands div img{box-shadow: none;}
			.brandCompatibility a img{padding-right: 0; display: block; width: 100%; float: none; margin: 0 auto;}

		/*Nest*/
			.nestThermoText div img{display: none;}
			/*East Install */
				.nestEasyInstallNum ul li div{font-size: 5.5vw; line-height: 10vw; border: 1vw solid #00AFD8; width: 12vw; height: 12vw;}

		/*Footer banner*/
			.footerBanner .fwImage{min-width: 800px;}
			.footerBanner .footerBannerText{left: 0; top: 30px;}
			.footerBanner{overflow: hidden; padding: 0 0 20px 0; margin-top: 20px;}
			.footerBanner .footerBannerText .rightFooterText, .footerBanner .footerBannerText .leftFooterText{float: left; max-width: none;}
			.footerBanner .footerBannerText h2, .footerBanner .footerBannerText div a{color: #fff; font-size: 18px; text-align: center !important; display: inherit; border-color: #fff; margin-left: 20px; margin-right: 20px; float: none !important;}
			.cmp .footerBanner .footerBannerText h2{font-size: 26px; color: #fff;}
			.cmp .footerBanner .footerBannerText p{ color: #fff;}
			.footerBanner .footerBannerText div a:hover{background-color: rgba(0, 0, 0, 0.2); color: #fff;}
			.footerBanner .footerBannerText .rightFooterText h2, .footerBanner .footerBannerText .rightFooterText a{text-align: left;}
			.footerBanner .footerBannerText .rightFooterText a{float: left; color: #fff;}
			.fwtbInner .fwbBannerInnerText h2, .fwtbInner .fwbBannerInnerText h2 span{text-align: center; font-size: 32px;}

	@media(max-width: 480px)
	{
		/*Full Width image Text*/
			.whitePointsInner{min-height: 0;}

			.smartHowItWorks img{width: auto !important; height: 140px;}
			.smartAmazonEcho img{width: auto !important; height: 160px;}
			.smartIFTTT img{width: auto !important; height: 160px;}

			.fwbAppShot .fwtbInnerImg .fwtbAppShotCenter{min-width: 0; position: static; left: 0; float: none; margin: 0 auto; display: block;}

			.interactiveHome, .smartCatHeadButs{display: none;}

		/*Footer banners*/
			.cmp .footerBanner .footerBannerText h2{margin-top: 0px;}

		/*Brands*/
			.brandHoverOverlay{width: 96% !important;}

		/*App*/
			.smartAppRow p{line-height: 14px;}

		.fwbAppShot div .fwtbInnerImg {height: auto;}

		/*FwbBanner*/
			.fwbBannerInnerText{width: 100%;}
	}

	@media(max-width: 310px)
	{

	}