.top-barAlt { 
	height: 55px;
	position: fixed;
	top: 0;
	display: block;
	width: 100%;
	background: #111111;
	background: rgba(7,7,7,0.9);
	z-index: 99;
}

.regtitle1{ margin-bottom: 0;}
.regtitle2{ margin-bottom: 15px;}
.kBottomBorder{ border-bottom: solid 1px #CCC; padding-bottom: 30px; margin-bottom: 30px;}
.kTopBorder{ border-top: solid 1px #CCC; padding-top: 30px; margin-top: 30px;}
.faintUnderline{ border-bottom: solid 1px #F5F5F5; padding-bottom: 35px;}
a.editLink{ font-family: Raleway; font-size: 10px; font-weight: bold; text-transform: uppercase; float: right; color: #999;}
h3{ font-family: 'Raleway', 'Open Sans', Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: 3px;}
h4{ font-family: 'Raleway', 'Open Sans', Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; margin-bottom: 0;}
h5{ font-weight: bold; font-size: 13px; margin: 0; line-height: 1; margin: 0; margin-top: 10px;}
h5.inline{ display: inline;}

#registrationSteps{ /*width: 447px;*/ width: 264px; height: 80px; margin: auto; margin-top: 25px; margin-bottom: 20px;}
	/*#registrationSteps.connectedHomeSteps{ width: 320px;}*/
	#registrationSteps.connectedHomeSteps{ width: 200px;}
	#registrationSteps.registration{ background: url(../images/regsteps.jpg) left top;}
	#registrationSteps.payment{ background: url(../images/regsteps.jpg) left -81px;}
	#registrationSteps.location{ background: url(/en/images/connectedhome/regsteps.jpg) left top;}
	#registrationSteps.step2{ background: url(/en/images/connectedhome/regsteps.jpg) left -81px;}
	#registrationSteps.step3{ background: url(/en/images/connectedhome/regsteps.jpg) left -162px;}
	#registrationSteps.step4{ background: url(/en/images/connectedhome/regsteps.jpg) left -243px;}
	#registrationSteps.step5{ background: url(/en/images/connectedhome/regsteps.jpg) left -324px;}
	#registrationSteps.step6{ background: url(/en/images/connectedhome/regsteps.jpg) left -405px;}
	#registrationSteps.step7{ background: url(/en/images/connectedhome/regsteps.jpg) left -486px;}


#signinButton{ background-color: #7d7d7d; padding: 12px 80px;}
#signinButton:hover{ background: #3c5393;}
#errorMessage{ color: #FFFFFF; background-color: red; text-align: left; padding:0 5px;}

.discountDescription{ font-size: 14px; color: #000000; }
.todaysTotal{ color: #000000; }

/*Custom Form Select Dropdowns*/
/*div.custom_form_select{
		display: inline-block;
		width: 100%;
		overflow: hidden; 
		background: url(../images/regSelectInput.png) no-repeat right #f4f4f4;
		height: 50px;
	}
	div.custom_form_select select{ 
		background: transparent;
		-webkit-appearance:none; 
		width: 105%;
	}*/
select{
	-webkit-appearance: none;
	background: url(/en/images/regSelectInput.png) no-repeat right top #f4f4f4; width: 30px; height: 30px;
	color: grey;
}
select.inverse{ background: url(/en/images/regSelectInput.png) no-repeat right -50px #f4f4f4;}
select.withPadding{ padding: 0 10px;}
div.katoLightbox form select{ background-color: #FFF;}

input.onehalf{ width: 47% !important;}
input.onethrid, select.onethrid{ width: 30% !important;}
input.twothrids{ width: 64% !important;}
input.pcmargin, select.pcmargin{ margin-left: 5%;}
	select.pcmargin_alt{ margin-left: 3%;}

@media only screen and (max-width: 850px){
	input.pcmargin, select.pcmargin{ margin-left: 10px;}
}


button.step1Continue{ 
	font-size: 22px; 
	margin-top: 20px; 
	padding: 25px 20px;
	padding-top: 20px;
	font-weight: 400;
	text-transform: uppercase;
	background: #1d5fa6;
	height: 60px;
	line-height: 1;
}
button.step1Continue span{ color: #000; font-size: 20px; font-weight: 900; line-height: 1;}

@media only screen and (max-width: 583px){
	button.step1Continue{ 
	height: 80px;
}
}

/* START - Memebership Types (option)*/
label.badge{ line-height: 1.2;}
	label.badge div.star{ 
		display: inline-block;
		width: 45px;
		height: 45px;
		background: url(../images/regico.png) no-repeat right top;
		margin-right: 3px;
	}
	label.badge hr{
		display: inline-block;
		width: 100%;
		height: 2px;
		background: #cccccc;
		margin: 25px 0;
	}
	label.badge strong.black{ color: #000;}
	label.badge span.regprice{ color: #cc0000;}
		label.badge span.regprice span.strike{ text-decoration: line-through;}
	label.badge span.price{ font-size: 30px; font-weight: 500;}
	label.badge span.currency{ font-size: 10px;}
	label.badge div.radioCustom,
	label.badgePayType div.radioCustom,
	div.radioCustom{
		display: inline-block;
		margin-top: 20px;
		width: 45px;
		height: 45px;
		/*background: url(../images/regico.png) no-repeat right -46px;*/
		background: url(../images/regico.png) no-repeat right -92px;
	}
	label.badge div.specialbanner{
		position: absolute;
		width: 110px;
		height: 109px;
		background: url(../images/regspecial.png) no-repeat;
		margin: -20px 0 0 114px;
	}

span > input{ display: none;}
span > input + label.badge,
span > input + label.badgePayType{
	display: inline-block;
	width: 246px;
	height: 316px;
	border: solid 2px #f4f4f4;
	background-color: #f4f4f4;
	margin-right: 20px;
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	span > input + label.badge.lastNoMargin,
	span > input + label.badgePayType.lastNoMargin{ margin-right: 0;}
span > input[type=radio]:checked + label{
	border-color: #8b898a;
}
span > input[type=radio]:checked + label.badge div.radioCustom,
span > input[type=radio]:checked + label.badgePayType div.radioCustom,
span > input[type=radio]:checked + label div.radioCustom{
	/*background: url(../images/regico.png) no-repeat right -92px;*/
	background: url(../images/regico.png) no-repeat right -138px;
}
span > input[type=radio]:checked + label.badge div.star{
	background: url(../images/regico.png) no-repeat right -46px;
}
/* END - Memebership Types (option)*/
/* START - Memebership Types (option) (take 2)*/
label.badge2{ text-align: left;}
label.badge2 ul{
	position: relative;
	background-color: #f4f4f4; 
	padding-left: 10px; 
	border: solid 2px #a1a1a1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 390px;
	/*width: 235px !important;*/
}
label.badge2 .optionTitle{ display: inline-block; /*line-height: 14px;*/ vertical-align: top; font-size: 13px; margin-top: 30px;}
label.badge2 li{ 
	border-bottom: solid 1px #CCCCCC;
	line-height: 1.1;
	margin-right: 10px;
	padding: 20px 0;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
label.badge2 li.noborder{ border: none;}
label.badge2 li div.evePriceing2{ font-size: 19px;}
label.badge2 li div.cancel{ text-decoration: line-through;}
label.badge2 span.eveEspen{ font-size: 16px; font-weight: normal; line-height: 2; font-style: italic; color: #777777;}
span > input[type=radio]:checked + label.badge2 ul{ /*background-color: #3c5393;*/ background-color: #1d5fa6;}
span > input[type=radio]:checked + label.badge2 .colorchanger{ color: #f4f4f4;}
span > input[type=radio]:checked + label.badge2 .optionTitle{ color: #f4f4f4;}
span > input[type=radio]:checked + label.badge2 span.eveEspen{ color: #f4f4f4;}

label.badge2 div.spcCornor{ position: absolute; z-index: 89; top: 2px; text-align: right; width:100%; padding-right: 42px;}
/* END - Memebership Types (option) (take 2)*/
/* START - Memebership Types (option) (take 3)*/
label.badge3 div.radioCustom{ 
	background: url(../images/regico2.png) no-repeat right top;
	margin: 0 5px 0 0;
	width: 32px;
	height: 32px;
}
span > input[type=radio]:checked + label.badge3 div.radioCustom{
	background: url(../images/regico2.png) no-repeat right -32px;
}
label.badge3{ position: relative; display: inline-block;}
label.badge3 ul{ 
	width: 260px;
	height: 300px;
	padding: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #f4f4f4; 
	/*border: solid 2px #a1a1a1;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
label.badge3 li{ 
	text-align: left;
	border-bottom: solid 1px #000000;
	line-height: 1.4;
	padding: 9px 0 17px 0;
	color: #000000;
	font-size: 12px;
}
label.badge3 li.middle{ height: 140px; margin-top: 8px; }
	label.badge3.makingShorter ul{ height: 250px;}
	label.badge3.makingShorter li.middle{ height: 90px;}
label.badge3 li.bottom{ margin-top: 10px; } 
label.badge3 .optionTitle{ display: inline-block; vertical-align: top; font-size: 20px; line-height: 1; }
label.badge3 .optionTitle strong{ font-family: 'GothamHTF-Bold'; font-weight: normal !important; }
label.badge3 span.optionTitle span.px9{ font-size: 16px !important; font-weight: thin !important; }
label.badge3 li.noborder{ border: none;}
label.badge3 li div.evePriceing2{ font-size: 20px;}
label.badge3 li div.evePriceing2 strong{ font-family: 'GothamHTF-Bold'; font-weight: normal !important; }
label.badge3 li div.cancel{ text-decoration: line-through;}
span > input[type=radio]:checked + label.badge3 ul{ background-color: #1d5fa6;}
span > input[type=radio]:checked + label.badge3 .colorchanger{ color: #f4f4f4;}
span > input[type=radio]:checked + label.badge3 .optionTitle{ color: #f4f4f4;}
span > input[type=radio]:checked + label.badge3 li.middle{ color: #ffffff; } 

label.badge3 div.spcCornor{ position: absolute; z-index: 89; top: 0px; left: 171px;}
/*label.badge3 div.spcCornor{ position: absolute;}*/

@media only screen and (max-width: 1128px){
	/*label.badge3 ul:nth-child(2){ margin-right: 150px;}*/
}
@media only screen and (max-width: 714px){
	label.badge3 ul:nth-child(2){ margin-right: 20px;}
}
@media only screen and (max-width: 583px){
	label.badge3 ul:nth-child(2){ margin-right: 0;}
	label.badge3 ul{ margin-right: 0;}
}
/* END - Memebership Types (option) (take 3)*/
div.encryption{ position: absolute; top: 105px; width: 100%; text-align: right; line-height: 1;}
div.encryption span.px16{ font-weight: bold; color: #000000;}
div.encryption span.px11 a{ color: #3c5393;}
img.lockImage{ vertical-align: top; margin-left: 10px; margin-top: -10px; margin-right: 40px;}
@media only screen and (max-width: 640px){
	div.encryption span.px16{ visibility: hidden; }
	div.encryption span.px11{ visibility: hidden; }
}


#termsAndConditions{
	background-color: #f4f4f4;
	text-align: left;
	padding: 20px;
	height: 200px;
	overflow: scroll;
}
#termsAndConditions ul{ list-style: disc outside; margin-left: 20px; }
#termsAndConditions ol{ list-style: decimal outside; margin-left: 20px; }
#termsAndConditions::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
#termsAndConditions::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

div.customGrouping{ background: #f4f4f4; padding: 20px;}
div.ptImage{ display: inline-block; width: 154px; height: 67px;}
	div.ptImage.Visa{ background: url(../images/regpayment.jpg) no-repeat right top;}
	div.ptImage.MC{ background: url(../images/regpayment.jpg) no-repeat right -68px;}
	div.ptImage.PayPal{ background: url(../images/regpayment.jpg) no-repeat right -136px;}
label.badgePayType div.radioCustom{ /*float: left;*/ display: inline-block; margin-top: 13px;}
span > input + label.badgePayType{ width: 275px; height: 116px; background: #FFF;}

/*Payment Summary*/
.PaymentSummary .lineItem{ border-top:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; padding: 10px 0;}
.PaymentSummary .lineItem .desc{ float: left; width: 70%;}
.PaymentSummary .lineItem .price{ float: right; width: 30%; text-align: right;}
.PaymentSummary .totals{ float: right; /* width: 30%; */ min-width:250px;}
.PaymentSummary .totals ul{}
.PaymentSummary .totals li{ border-bottom:solid 1px #CCCCCC; padding: 10px 0;}
.PaymentSummary .totals li .title{ float: left; text-align: left; width: 70%;}
.PaymentSummary .totals li .amount{ float: left; text-align: right; width: 30%;}

/*Profile Page*/
section.firstTime{ background: #1d5fa6; color:#FFFFFF; font-size: 16px; padding:40px 0; margin-top: 56px;}
section.firstTime h3{ color:#FFFFFF; font-size: 27px; line-height: 1.2;}
section.firstTime ul{ color:#000000; line-height: 1.2;}
div.kUpgradePremium{ margin-top: 40px;}
	div.kUpgradePremium a{ width: 253px; height: 60px; font-family: Raleway; font-size: 10px; color: #234015; line-height: 1.2; padding-top: 15px;}
		div.kUpgradePremium a span{ font-size: 14px; color: #FFF;}
.profileName{ font-size: 18px; color: #000; font-family: Open+Sans; text-transform: uppercase; font-weight: bold;}
div.driverButton{ margin-top: 10px;}
#driverAvatar{ width: 253px;}
#profileVehicle{ margin-bottom: 40px;}
#profileVehicle fieldset span{ 
	display: inline-block;
	width: 50px;
	margin-right: 50px;
}
#profileVehicle fieldset span div.radioCustom{ margin-top: 0;}
	#profileVehicle fieldset span span{
		display: inline-block;
		height: 25px;
		margin: 2px 0;
		line-height: 1.1;
		text-align: center;
		vertical-align: top;
	}
	#profileVehicle select{ width: 275px; height: 50px; margin-top: 20px;}
	#profileVehicle .vehicleEC{ width: 531px; height: 279px;}
	#profileVehicle .vehicleEC.noVehicle{ background: url(../images/profileVehicles.jpg) no-repeat left top;}
	#profileVehicle .vehicleEC.black{ background: url(../images/profileVehicles.jpg) no-repeat left -279px;}
	#profileVehicle .vehicleEC.solidWhite{ background: url(../images/profileVehicles.jpg) no-repeat left -558px;}
	#profileVehicle .vehicleEC.silver{ background: url(../images/profileVehicles.jpg) no-repeat left -837px;}
	#profileVehicle .vehicleEC.dolphinGrayMetallic{ background: url(../images/profileVehicles.jpg) no-repeat left -1116px;}
	#profileVehicle .vehicleEC.metallicBrown{ background: url(../images/profileVehicles.jpg) no-repeat left -1395px;}
	#profileVehicle .vehicleEC.metallicBlue{ background: url(../images/profileVehicles.jpg) no-repeat left -1674px;}
	#profileVehicle .vehicleEC.metallicGreen{ background: url(../images/profileVehicles.jpg) no-repeat left -1953px;}
	#profileVehicle .vehicleEC.pearlWhite{ background: url(../images/profileVehicles.jpg) no-repeat left -2232px;}
	#profileVehicle .vehicleEC.multicoatRed{ background: url(../images/profileVehicles.jpg) no-repeat left -2511px;}
	#profileVehicle .vehicleEC.premiumSignatureRed{ background: url(../images/profileVehicles.jpg) no-repeat left -2790px;}


label div.swatchesInterior{ width:50px; height: 60px;}
label div.swatchTextile{ background: url(../images/profileSwatches.png) no-repeat left top;}
label div.swatchBlackleather{ background: url(../images/profileSwatches.png) no-repeat -50px top;}
label div.swatchTanleather{ background: url(../images/profileSwatches.png) no-repeat -100px top;}
label div.swatchGreyleather{ background: url(../images/profileSwatches.png) no-repeat -150px top;}
label div.swatchPianoblack{ background: url(../images/profileSwatches.png) no-repeat -200px top;}
label div.swatchObechematte{ background: url(../images/profileSwatches.png) no-repeat -250px top;}
label div.swatchObechegloss{ background: url(../images/profileSwatches.png) no-repeat -300px top;}
label div.swatchLacewood{ background: url(../images/profileSwatches.png) no-repeat -350px top;}
label div.swatchCarbonfiber{ background: url(../images/profileSwatches.png) no-repeat -400px top;}

.driverButton{
	float: left;
	width: 250px;
	height: 60px;
	margin-right: 20px;
	background: #EEE;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
	.driverButton img{ width: 40px; float: left; margin-right: 10px;}
	.driverButton div{ width: 38px; float: left; font-size: 14px; line-height: 1; margin-top: 3px; font-weight: bold;}
		.driverButton div span.greener{ font-size: 10px; color: #3c5393; white-space: nowrap;}
	.driverButton span.editWord{ float: right; font-size: 10px; line-height: 1;}

#logoutArea,
#logoutArea2,
#logoutArea3,
#logoutArea4,
.someGreyArea{ background: #EEE; padding: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
a#signoutButton,
a#btnGoogleDeauthorize,
a#btnTwitterDeauthorize,
a#btnInstagramDeauthorize,
a#btnFlickrDeauthorize{ background: #FFF; color: #999; text-decoration: none;}

/*Privacy Policy Page*/
#privacyPolicy ul,
#termsofuse ul { list-style: disc outside; margin-left: 30px;}
#privacyPolicy ul li,
#termsofuse ul li { margin-top: 10px;}
#privacyPolicy ol,
#termsofuse ol { list-style: decimal outside; margin-left: 30px;}
#privacyPolicy ol li,
#termsofuse ol li { margin-top: 10px;}

/*Connected Home Pages*/
.mapLocationContainer{
	background-color: #f2f2f2;
	padding: 20px;
}
#chooseLocation{
	background-color: #f6f6f6;
	width: 350px;
	padding: 20px;
	margin: 0 auto;
	color: #000000;
	font-weight: bold;
}
div.locNoWrap{ display: inline-block;  white-space: nowrap; overflow: hidden; width: 200px; text-align: left;}
#chooseLocation input[type=radio]{ vertical-align: top;}
#btnProceed.buttonDisable:hover{ background: #CCCCCC; cursor: default;}
section.automation .katoAppbox{ text-align: left;}
section.automation span.title{ display: inline-block; font-size: 16px; color: #000000; margin-bottom: 5px;}
section.automation span.title i.autoHint{ display: inline-block; width: 20px; height: 20px; margin-left: 5px; background: url(/en/images/connectedhome/hint.jpg) no-repeat left top; cursor: pointer;}
section.automation div.hintBox{
	position: absolute;
	top: -100px;
	/* height: 100px; */  /* Commented cause box was not high enough with mobile assessablility large font (EFSUB-219) */
	margin: 10px;
	/*padding: 10px;*/
	background: #999999;
	color: #FFFFFF;
	text-align: center;
}
.triangle-isosceles {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#000;
  background:#f3961c; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#f9d835, #f3961c);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.triangle-isosceles:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:130px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  /*border-color:#f3961c transparent;*/
  border-color:#999999 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}
div.winkBox{ position: relative; margin-top: 20px;}
div.nextBox, div.otherBox{ position: relative;}
section.automation select{ background: url(/en/images/regSelectInput.png) no-repeat right top #f4f4f4;}
section.automation select.inverted{ background-color: #FFFFFF;}
#WinkAccount,
#InsteonAccount,
#SmartThingsAccount,
#RingAccount,
#NestAccount,
#BshAccount,
#ChamberlainAccount,
#IFTTTAccount,
#ZapierAccount{
	background-color: #f6f6f6;
	padding: 8px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}
	#NestAccount .expandTitleLine,
	#WinkAccount .expandTitleLine,
	#InsteonAccount .expandTitleLine,
	#SmartThingsAccount .expandTitleLine,
	#BshAccount .expandTitleLine,
	#RingAccount .expandTitleLine,
	#ChamberlainAccount .expandTitleLine,
	#IFTTTAccount .expandTitleLine,
	#ZapierAccount .expandTitleLine{
		height: 45px;
		line-height: 40px;
		text-transform: uppercase;
		background: url(/en/images/connectedhome/expander.png) no-repeat right top;
		cursor: pointer;
		
	}
	#IFTTTAccount .expandTitleLine,
	#ZapierAccount .expandTitleLine {
		height: 45px;
		line-height: 40px;
		text-transform: uppercase;
		cursor: pointer;
		
	}
		#NestAccount .expandTitleLine.colapseIco,
		#WinkAccount .expandTitleLine.colapseIco,
		#InsteonAccount .expandTitleLine.colapseIco,
		#SmartThingsAccount .expandTitleLine.colapseIco,
		#BshAccount .expandTitleLine.colapseIco{ background: url(/en/images/connectedhome/expander.png) no-repeat right -41px;}
		#NestAccount .expandTitleLine i.NestIcon{ display: inline-block; width: 40px; height: 40px; background: url(/en/images/connectedhome/automationIcons.png) no-repeat right top;}
		#WinkAccount .expandTitleLine i.WinkIcon{ display: inline-block; width: 40px; height: 40px; background: url(/en/images/connectedhome/automationIcons.png) no-repeat right -40px;}
		#InsteonAccount .expandTitleLine i.InsteonIcon{ display: inline-block; width: 40px; height: 40px; background: url(/en/images/connectedhome/automationIcons.png) no-repeat right -200px;}
		#SmartThingsAccount .expandTitleLine i.SmartthingsIcon{ display: inline-block; width: 40px; height: 40px; background: url(/en/images/connectedhome/automationIcons.png) no-repeat right -120px;}
		#BshAccount .expandTitleLine i.BshIcon{ display: inline-block; width: 40px; height: 40px; background: url(/en/images/connectedhome/automationIcons.png) no-repeat right -280px;}
		#RingAccount .expandTitleLine i.RingIcon{ display: inline-block; width: 40px; height: 40px; background: url(/en/images/connectedhome/automationIcons.png) no-repeat right -160px;}
		#ChamberlainAccount .expandTitleLine i.ChamberlainIcon{ display: inline-block; width: 40px; height: 40px; background: url(/en/images/connectedhome/automationIcons.png) no-repeat right -240px;}
		#IFTTTAccount .expandTitleLine i.IFTTTIcon{ display: inline-block; width: 40px; height: 40px; background: url(/en/images/connectedhome/automationIcons.png) no-repeat right -80px;}
		#ZapierAccount .expandTitleLine i.ZapierIcon{ display: inline-block; width: 40px; height: 40px; background: url(/en/images/connectedhome/automationIcons.png) no-repeat right -320px;}
		#NestAccount .expandTitleLine span.title,
		#WinkAccount .expandTitleLine span.title,
		#InsteonAccount .expandTitleLine span.title,
		#SmartThingsAccount .expandTitleLine span.title,
		#BshAccount .expandTitleLine span.title,
		#RingAccount .expandTitleLine span.title,
		#ChamberlainAccount .expandTitleLine span.title,
		#IFTTTAccount .expandTitleLine span.title,
		#ZapierAccount .expandTitleLine span.title{ display: inline-block; width: 200px; font-size: 18px; font-weight: bold; color: #000000;}
		#NestAccount .expandTitleLine span.location,
		#WinkAccount .expandTitleLine span.location,
		#InsteonAccount .expandTitleLine span.location,
		#SmartThingsAccount .expandTitleLine span.location,
		#BshAccount .expandTitleLine span.location,
		#RingAccount .expandTitleLine span.location,
		#ChamberlainAccount .expandTitleLine span.location,
		#IFTTTAccount .expandTitleLine span.location,
		#ZapierAccount .expandTitleLine span.location{ font-size: 12px; font-weight: bold; color: #1d5fa6;}
	#NestAccount .specificContent,
	#WinkAccount .specificContent,
	#InsteonAccount .specificContent,
	#SmartThingsAccount .specificContent,
	#BshAccount .specificContent,
	#RingAccount .specificContent,
	#ChamberlainAccount .specificContent,
	#IFTTTAccount .specificContent,
	#ZapierAccount .specificContent{
		display: none;
	}
	#NestAccount .specificContent .topborder,
	#WinkAccount .specificContent .topborder,
	#InsteonAccount .specificContent .topborder,
	#SmartThingsAccount .specificContent .topborder,
	#BshAccount .specificContent .topborder,
	#RingAccount .specificContent .topborder,
	#ChamberlainAccount .specificContent .topborder,
	#IFTTTAccount .specificContent .topborder,
	#ZapierAccount .specificContent .topborder{ border-top: solid 1px #e8e8e8;}
	#NestAccount .specificContent .deviceFound,
	#WinkAccount .specificContent .deviceFound,
	#InsteonAccount .specificContent .deviceFound,
	#SmartThingsAccount .specificContent .deviceFound,
	#BshAccount .specificContent .deviceFound,
	#RingAccount .specificContent .deviceFound,
	#ChamberlainAccount .specificContent .deviceFound,
	#IFTTTAccount .specificContent .deviceFound,
	#ZapierAccount .specificContent .deviceFound{
		display: inline-block;
		/*display: block;*/
		/*float: left;*/
		width: 167px;
		height: 240px;
		text-align: center;
		font-size: 12px;
		text-transform: uppercase;
		/*border: solid 1px black;*/
		margin-right: 20px;
		margin-bottom: 20px;
	}
		#NestAccount .specificContent .deviceFound img,
		#WinkAccount .specificContent .deviceFound img,
		#InsteonAccount .specificContent .deviceFound img,
		#SmartThingsAccount .specificContent .deviceFound img,
		#BshAccount .specificContent .deviceFound img,
		#RingAccount .specificContent .deviceFound img,
		#ChamberlainAccount .specificContent .deviceFound img,
		#IFTTTAccount .specificContent .deviceFound img,
		#ZapierAccount .specificContent .deviceFound img{ margin-bottom: 5px;}
		#NestAccount .specificContent .deviceFound span.title,
		#WinkAccount .specificContent .deviceFound span.title,
		#InsteonAccount .specificContent .deviceFound span.title,
		#SmartThingsAccount .specificContent .deviceFound span.title,
		#BshAccount .specificContent .deviceFound span.title,
		#RingAccount .specificContent .deviceFound span.title,
		#ChamberlainAccount .specificContent .deviceFound span.title,
		#IFTTTAccount .specificContent .deviceFound span.title,
		#ZapierAccount .specificContent .deviceFound span.title{ font-size: 12px; line-height: 1; text-transform: capitalize;}




/*Custom Checkbox*/
div.checkCustom{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/profileCustomCheck.jpg) no-repeat left top;
	vertical-align: top;
}
span > input[type=checkbox] + label{ display: inline-block; margin-top: 10px;}
span > input[type=checkbox]:checked + label div.checkCustom{ background: url(../images/profileCustomCheck.jpg) no-repeat -20px top;}
.errmsg{display: none;}
.noPointer{ cursor: default;}

#profilepage section{ margin-left: 10px; margin-right: 10px;}

/* Getting Started Page */
#gettingStarted section.section-slider{ margin-bottom: 40px;}
#gettingStarted .qitem p.question{ color: #000000; font-weight: bold; margin:0;}
#gettingStarted .infosqr{ margin-bottom: 40px;}
	#gettingStarted .infosqr figure{ float: left; margin-right: 20px;}
	#gettingStarted .infosqr div{ float: left; width: 55%;}
		#gettingStarted .infosqr div figcaption{ color: #000000; font-weight: bold;}
		#gettingStarted .infosqr div p{ }

/* ==================== Responsive settings ==================== */
@media only screen and (max-width: 1135px){
	
}
@media only screen and (max-width: 1024px){
	label.badge2 div.spcCornor{ padding-right: 32px;}
}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 992px) and (max-width: 1070px) {
	#driverAvatar{ width: 95%;}
	div.kUpgradePremium a{ width: 95%}
	#profileVehicle .vehicleEC{ height: 253px;}
	#profileVehicle .vehicleEC.noVehicle{ background-size: 481px;}
	#profileVehicle .vehicleEC.black{ background-size: 481px; background-position: left -253px;}
	#profileVehicle .vehicleEC.solidWhite{ background-size: 481px; background-position: left -506px;}
	#profileVehicle .vehicleEC.silver{ background-size: 481px; background-position: left -759px;}
	#profileVehicle .vehicleEC.dolphinGrayMetallic{ background-size: 481px; background-position: left -1012px;}
	#profileVehicle .vehicleEC.metallicBrown{ background-size: 481px; background-position: left -1265px;}
	#profileVehicle .vehicleEC.metallicBlue{ background-size: 481px; background-position: left -1518px;}
	#profileVehicle .vehicleEC.metallicGreen{ background-size: 481px; background-position: left -1771px;}
	#profileVehicle .vehicleEC.pearlWhite{ background-size: 481px; background-position: left -2024px;}
	#profileVehicle .vehicleEC.multicoatRed{ background-size: 481px; background-position: left -2277px;}
	#profileVehicle .vehicleEC.premiumSignatureRed{ background-size: 481px; background-position: left -2530px;}
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#driverAvatar{ width: 95%;}
	div.kUpgradePremium a{ width: 95%}
	#profileVehicle .vehicleEC{ height: 200px;}
	#profileVehicle .vehicleEC.noVehicle{ background-size: 381px;}
	#profileVehicle .vehicleEC.black{ background-size: 381px; background-position: left -200px;}
	#profileVehicle .vehicleEC.solidWhite{ background-size: 381px; background-position: left -400px;}
	#profileVehicle .vehicleEC.silver{ background-size: 381px; background-position: left -600px;}
	#profileVehicle .vehicleEC.dolphinGrayMetallic{ background-size: 381px; background-position: left -800px;}
	#profileVehicle .vehicleEC.metallicBrown{ background-size: 381px; background-position: left -1000px;}
	#profileVehicle .vehicleEC.metallicBlue{ background-size: 381px; background-position: left -1200px;}
	#profileVehicle .vehicleEC.metallicGreen{ background-size: 381px; background-position: left -1400px;}
	#profileVehicle .vehicleEC.pearlWhite{ background-size: 381px; background-position: left -1600px;}
	#profileVehicle .vehicleEC.multicoatRed{ background-size: 381px; background-position: left -1800px;}
	#profileVehicle .vehicleEC.premiumSignatureRed{ background-size: 381px; background-position: left -2000px;}
}

@media only screen and (width: 768px){
	#driverAvatar{ width: 253px;}
	div.kUpgradePremium a{ width: 253px;}
	#profilePersonal div.billingAdrs div.p0,
	#profilePersonal div.pymtDtls div.p0{ margin-left: 10px;}
	.PaymentSummary{ padding:0 40px;}
	.driverProfile{ margin-top: 20px;}
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	#profileVehicle .vehicleEC{ height: 158px;}
	#profileVehicle .vehicleEC.noVehicle{ background-size: 300px;}
	#profileVehicle .vehicleEC.black{ background-size: 300px; background-position: left -158px;}
	#profileVehicle .vehicleEC.solidWhite{ background-size: 300px; background-position: left -316px;}
	#profileVehicle .vehicleEC.silver{ background-size: 300px; background-position: left -474px;}
	#profileVehicle .vehicleEC.dolphinGrayMetallic{ background-size: 300px; background-position: left -632px;}
	#profileVehicle .vehicleEC.metallicBrown{ background-size: 300px; background-position: left -790px;}
	#profileVehicle .vehicleEC.metallicBlue{ background-size: 300px; background-position: left -948px;}
	#profileVehicle .vehicleEC.metallicGreen{ background-size: 300px; background-position: left -1106px;}
	#profileVehicle .vehicleEC.pearlWhite{ background-size: 300px; background-position: left -1264px;}
	#profileVehicle .vehicleEC.multicoatRed{ background-size: 300px; background-position: left -1422px;}
	#profileVehicle .vehicleEC.premiumSignatureRed{ background-size: 300px; background-position: left -1580px;}

	#profilePersonal div.billingAdrs div.p0,
	#profilePersonal div.pymtDtls div.p0{ margin-left: 10px;}

	/*lightbox forms*/
	div.katoLightbox{ position: absolute; height: 4500px;}
	div.katoLightbox div.canvasBox{ width:320px;}
	div.katoLightbox form div:not(.fileUpload){ width: 100%;}
	div.katoLightbox form div:not(.fulllength) input,
	div.katoLightbox form div:not(.fulllength) select{ width: 100%;}
	div.katoLightbox form input[name=profileimagePath]{ width: 177px;}
	div.katoLightbox form button.cancel{ margin-left: 0; display: block; margin-top: 0;}

	span > input + label.badgePayType{ margin-right: 0;}
	.PaymentSummary{ padding:0 40px;}

	label.badge2 div.spcCornor{ padding-right: 22px;}

	#nestDevicesList, #winkShortcutsList, #winkDevicesList{ text-align: center;}
	.expandTitleLine span.location{ display: none;}
	.driverProfile{ margin-top: 20px;}
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#profileVehicle .vehicleEC{ height: 253px;}
	#profileVehicle .vehicleEC.noVehicle{ background-size: 481px;}
	#profileVehicle .vehicleEC.black{ background-size: 481px; background-position: left -253px;}
	#profileVehicle .vehicleEC.solidWhite{ background-size: 481px; background-position: left -506px;}
	#profileVehicle .vehicleEC.silver{ background-size: 481px; background-position: left -759px;}
	#profileVehicle .vehicleEC.dolphinGrayMetallic{ background-size: 481px; background-position: left -1012px;}
	#profileVehicle .vehicleEC.metallicBrown{ background-size: 481px; background-position: left -1265px;}
	#profileVehicle .vehicleEC.metallicBlue{ background-size: 481px; background-position: left -1518px;}
	#profileVehicle .vehicleEC.metallicGreen{ background-size: 481px; background-position: left -1771px;}
	#profileVehicle .vehicleEC.pearlWhite{ background-size: 481px; background-position: left -2024px;}
	#profileVehicle .vehicleEC.multicoatRed{ background-size: 481px; background-position: left -2277px;}
	#profileVehicle .vehicleEC.premiumSignatureRed{ background-size: 481px; background-position: left -2530px;}

	/*lightbox forms*/
	div.katoLightbox div.canvasBox{ width:460px;}
	div.katoLightbox form div:not(.fileUpload){ width: 100%;}
	div.katoLightbox form div:not(.fulllength) input,
	div.katoLightbox form div:not(.fulllength) select{ width: 100%;}
	div.katoLightbox form button.cancel{ margin-left: 20px; display: inline-block;}

	.PaymentSummary{ padding:0 40px;}

	label.badge2 div.spcCornor{ padding-right: 32px;}

	#nestDevicesList, #winkShortcutsList, #winkDevicesList{ text-align: center;}
	.expandTitleLine span.location{ display: inline;}
}


/* Some media modificatons for the HOME AUTOMATION page */
@media only screen and (max-width: 530px) {
	#NestAccount .expandTitleLine.showSetupBtn,
	#WinkAccount .expandTitleLine.showSetupBtn,
	#InsteonAccount .expandTitleLine.showSetupBtn,
	#SmartThingsAccount .expandTitleLine.showSetupBtn,
	#BshAccount .expandTitleLine.showSetupBtn,
	#RingAccount .expandTitleLine.showSetupBtn,
	#ChamberlainAccount .expandTitleLine.showSetupBtn,
	#IFTTTAccount .expandTitleLine.showSetupBtn,
	#ZapierAccount .expandTitleLine.showSetupBtn {
		height: 100px;
	}
	.expandTitleLine {
		position: relative;
	}
	.setupLink a.fright{
		float: none;
		position: absolute;
		left: 100px;
		bottom: 0;
	}
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: green;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: firebrick;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Stripe Payment Object */
.StripeElement {
	background-color: #f4f4f4;
	height: 50px;
	padding: 12px 12px;
	/* border-radius: 4px; */
	border: 1px solid #f4f4f4;
	/* box-shadow: 0 1px 3px 0 #e6ebf1; */
	/* -webkit-transition: box-shadow 150ms ease; */
	/* transition: box-shadow 150ms ease; */
}

.StripeElement--focus {
	/* box-shadow: 0 1px 3px 0 #cfd7df; */
}

.StripeElement--invalid {
	border-color: #fa755a;
}

.StripeElement--webkit-autofill {
	background-color: #fefde5 !important;
}


/* Profile - Reasons Textbox */
#why_other_more{
	width: 100%;
	height: 100px;
	margin-top: 10px;
	padding: 5px;
	font-size: 14px;
}

div.katoLightbox form#editPaymentInfo div { float: none; }