body #header,
body .footer-section {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important
}

.pp_overlayWrapper_spinner {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%
}

.pp_overlay_spinner {
	background: #fff;
	display: none;
	width: 100%;
	height: 100%
}

#spinner {
	position: absolute;
	background: url(/PublishingImages/spinner-50.gif) no-repeat scroll center center transparent;
	width: 75px;
	height: 75px;
	display: none;
	z-index: 5010
}

div.pp_overlay_spinner {
	background: none repeat scroll 0 0 #000;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9500
}

img.loc-img {
	width: 11px
}

img.f_img_save {
	float: right;
	width: 215px;
	margin-top: 5px
}

img[src*="document-FAQs.png"] {
	width: 75px
}

img[src*="product-selection.png"] {
	width: 76px
}

img[src*="troubleshooting.png"] {
	width: 76px
}

.master_search_section {
	position: absolute;
	right: 0px;
	top: 0;
	width: 244px
}

.master_search_section .master_search_box {
	float: left;
	height: 27px;
	width: 244px;
	width: 200px;
	background: url(/_layouts/15/images/myLutron/bg_header_search_sharepoint.png) top left no-repeat!important;
	background-size: 244px auto!important;
	border: none
}

.master_search_section input {
	margin: 0;
	border-style: none;
	border-color: #fff;
	background-color: transparent;
	height: 22px;
	padding: 0 3px 0 10px;
	width: 190px;
	color: #fff;
	font-size: 15px;
	margin-top: 3.5px;
	background-image: none
}

.master_search_section .master_search_button {
	float: left;
	height: 27px;
	width: 44px;
	background: url(/_layouts/15/images/myLutron/bg_header_search_sharepoint.png) no-repeat top right transparent!important;
	background-size: 244px auto!important
}

.master_search_section .master_search_button input {
	width: 100%;
	background: transparent;
	font-size: 0
}

.master_search_section.activeSearchBox .master_search_box {
	background: url(/_layouts/15/images/myLutron/bg_header_search_sharepoint.png) no-repeat bottom left transparent!important;
	background-size: 244px auto!important
}

.master_search_section.activeSearchBox .master_search_button {
	background: url(/_layouts/15/images/myLutron/bg_header_search_sharepoint.png) no-repeat bottom right transparent!important;
	background-size: 244px auto!important
}

.s4-searchbox-QueryPrompt.highlight {
	background-color: #fff!important;
	color: #000!important
}

.master_search_section.activeSearchBox .master_search_box input {
	color: #000!important
}

header {
	background-color: #0a0c0f
}

.header-container {
	max-width: 986px;
	background-size: cover;
	width: 100%;
	margin: 0 auto
}

.footer-section {
	background: #2b242b url(/Style%20Library/Plugins/Images/footer_bg.jpg) top left repeat-x
}

.footer-section-child {
	max-width: 986px;
	width: 100%!important;
	margin: 0 auto;
	float: none!important
}

a.lnk_util_login {
	background: url(/images/arrows/arr_orange_right.png) no-repeat right center;
	padding-right: 12px!important;
	color: #fff!important;
	background-size: 5px auto
}

.mob-top-menu>li {
	padding: 7px 11px 10px 8px
}

.back-to-top {
	bottom: 60px
}

html {    
	height:100%;	
	width: 100%;
}
/*b {font-family: 'HelveticaNeue-Bold'}*/
*{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	outline:none;
}
body{	
  	height:100%;	
	width: 100%;	
 	font-family:"HelveticaNeue-Regular", Helvetica, Arial, sans-serif;
  	background:#f2f2f2;
  	color:#555;
  	font-size: 18px;
  	color: #555555;
  	margin: 0px;
  	padding:0px;
}
.ms-WPBody {font-size:18px;}
/*a{ color:#28a1d6; text-decoration:none;}
a:hover{ color:#28a1d6; text-decoration: none;}
a:link, a:active, a:focus{outline: none; color:#28a1d6;} */
h1, h2, h3, h4, h5, h6{ padding:0px; margin:0px;font-weight: normal;}
p{padding:0px; margin:0px;}
.padL-0{ padding-left:0px !important;}
.padR-0{ padding-right:0px !important;}
.btn:hover,.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline:none;color:#fff;}
p, ul, li, ol, span{padding: 0;margin: 0;list-style: none;}
b, strong{font-family:"HelveticaNeue-Bold", Helvetica, Arial, sans-serif;font-weight: normal;}
.loader{
    opacity: inherit !important;
    background: rgba(255,255,255,.2) url(/_layouts/15/images/Lutron/ajax_loader.gif) 50% 50% no-repeat !important;
}

.body-container a:active, .body-container a:focus, .body-container a:hover{text-decoration: underline !important;}
/*----------------------------- Universal CSS ---------------------------*/
#pageControlContainer{min-height: 500px}
.body-container{max-width: 1580px;margin: 0 auto;font-family:"HelveticaNeue-Regular", Helvetica, Arial, sans-serif;background-color: #fff;}
.body-container h2{font-size: 24px;line-height: 30px;font-family:"Helvetica-Neue-Thin", Helvetica, Arial, sans-serif;letter-spacing: 1.5px}
.body-container p{font-size: 14px;line-height: 20px;margin-top:15px;font-family:"HelveticaNeue-Regular", Helvetica, Arial, sans-serif;}
.body-container a.btn, .modal a.btn{
	background-color: #28a1d6;
	padding: 16px 10px;
	color: #fff !important;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14.63px;
	margin-top: 20px;
	border-radius: 5px;
	display: inline-block;
	font-family:"HelveticaNeue-Bold", Helvetica, Arial, sans-serif;
  transition: all 0.2s ease 0s;
  min-width: 187px;
  letter-spacing: .75px;
}
.body-container a.btn:hover, .body-container a.btn:active, .modal a.btn:hover, .body-container a.btn:focus, .modal a.btn:focus, .modal a.btn:active { 
    background-color: #f26b1d;
    text-decoration: none !important;
}
.btn-container{text-align: center;}
.desc-container{text-align: center;background-color: #fff;padding: 25px 0  30px 0;}
.mob-hero-content+.body-container .desc-container{margin-bottom: -20px;}
.desc-content{max-width:650px;margin: 0 auto;}
.mobTab-dis-block{display: none;}
.Responsive{max-width: 100%}

/*Global modal CSS Start*/
.modal-lg {
    width:800px;
}
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.common-modal .modal-header {
    padding: 0;
}

.modal-header {
    background-color: #e9e9e9;
    border: none;
    padding: 10px 15px;
    color: #000;
    border-radius: 6px 6px 0 0;
}

.common-modal .modal-header .close {
    margin-top: -2px;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #000;
    width: 30px;
    height: 30px;
    border-radius: 24px;
    border: 2px solid #fff;
    color: #fff;
    opacity: 1;
    line-height: 0;
    font-size: 17px;
    box-shadow: 1px 1px 1px #000;
    z-index: 2;
}

.common-modal .modal-header span {
    display: block;
    width: 27px;
    height: 25px;
    line-height: 22px;
    width: 25px\0;
    width: 25px\9;
}
.common-modal .modal-body {
    padding:25px;
    z-index: 1;
    font-size: 14px;
    color: #333;
    line-height: 22px;
}
.popMessage{background: url('/Style%20Library/Plugins/Images/pop_message.png') left top no-repeat;padding-left:42px;background-size:32px;}
.modal-button-container{text-align: center;margin-top: 25px;}
.modal-button-container a{float: none;}
.news-modal .modal-header{min-height: 0}
.modal-backdrop.in{z-index: 9999}
.modal{z-index: 99999;}

.bx-controls {display: block;}
.blockTable{margin-bottom: 0 !important}
#surveyFooterInner{position: relative;}
#surveyFooterClose{margin-top: 22px;right: 0;position: absolute;}
.ms-dlgTitleText{font-size: 15.5px;}
.surveyHeader{padding: 32px 0 13px 24px;}
/*Global modal CSS Start*/

@media (max-width: 1200px){
}

@media (max-width: 1024px){
.body-container h2{padding: 0 20px;}
.desc-container{background:#fff url('/Style%20Library/Plugins/Images/section-border.png') center bottom no-repeat;padding: 1px 0 60px 0;}
.mobTab-dis-none{display: none;}
.mobTab-dis-block{display: block;}
.ms-WPBody{font-size:16px;}
.last-control-wrapper .slider-container{background: none;padding-bottom: 20px;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.body-container a.btn, .modal a.btn{transition: inherit;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.body-container a.btn, .modal a.btn{transition: inherit;}
}
@media (max-width: 991px){
	.modal-lg {width:80%;}
  .body-container a.btn, .modal a.btn{transition: inherit;}
}
@media (max-width: 767px){
  #pageControlContainer{min-height: inherit;}
.mob-dis-none{display: none;}
.desc-container{padding: 1px 25px 60px 25px}
.modal-lg {width:85%;}
}
/*---------------------------------------------------------------- MEDIA QUERY END --------------------------------------------------------------*/

@media (min-width:1200px) {
	.container {
		width: 100%!important
	}
}

@media (max-width:1200px) {
	.container {
		width: 100%!important;
		padding: 0!important
	}
}

@media (max-width:1024px) {
	.header-mobile,
	.dropdown-override-menu h2 a i {
		display: inline-block
	}
	.subhead-section.clearfix {
		display: block
	}
	.subhead-section {
		background: #fff;
		padding: 0px 0px 25px 0
	}
	.dropdown-override-menu h2 a {
		color: #555;
		font-family: "HelveticaNeue-Regular", Helvetica, Arial, sans-serif;
		font-size: 18px;
		display: block;
		margin: 4px 0 2px 0;
		cursor: pointer
	}
	.dropdown-override-menu h2 a:hover,
	.dropdown-override-menu h2 a:focus {
		text-decoration: none!important
	}
	.dropdown-override-menu .dropdown-menu>li {
		list-style: none;
		margin: 0 24px 0 0;
		float: left;
		font-size: 11px;
		font-weight: bold;
		padding: 0 15px;
		width: 100%
	}
	.dropdown-override-menu .dropdown-menu>li>a {
		color: #888;
		border-bottom: #ccc solid 1px;
		padding: 10px 0px
	}
	.dropdown-override-menu ul li.active-submenu a {
		color: #555;
		font-family: "HelveticaNeue-Bold", Helvetica, Arial, sans-serif
	}
	.dropdown-override-menu .dropdown-menu>li:last-child a {
		border-bottom: none
	}
	.main-head-menu-dd {
		padding: 20px 0px 17px 0!important;
		border-bottom: 1px solid #d2d2d2
	}
	.dropdown-override-menu {
		width: 100%;
		margin-top: -5px;
		padding: 0 0 0 40px
	}
	.subhead-section .dropdown-override-menu .dropdown-menu {
		float: none;
		width: 100%!important;
		min-width: 100%;
		left: 0px;
		margin: 13px 0 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none;
		background: #872c00;
		border-radius: 0px;
		padding: 0
	}
	.subhead-section .dropdown-override-menu .dropdown-menu {
		background: #fff;
		border-top: 1px solid #ccc;
		box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25)
	}
}

@media (max-width:991px) {
	.dropdown-override-menu {
		padding: 0 0 0 48px
	}
}

@media (max-width:767px) {
	header {
		margin-left: 0px!important;
		margin-right: 0px!important
	}
	.logo-mobile-view {
		top: 7px!important;
		margin-top: 2px;
		width: 65%!important
	}
	.right-navbar .navbar-toggle {
		padding: 5px 0px!important;
		margin-right: 6px!important
	}
	.text-center-logo {margin: 4px 0 0 0;}
	.search-icon-mobile {
		padding-top: 20px;
		margin-right: 10px
	}
	li.li_util_login {
		padding: 10px 0!important
	}
	.navbar-toggle {
		margin-right: 6px
	}
	.search-icon-mobile img {
		opacity: 0.8
	}
	.right-menu-down {
		background: url(/en-US/images/responsive/menu-right-arrow.png) left 7px no-repeat!important
	}
	.right-menu-up {
		background: url(/en-US/images/responsive/menu-right-arrow.png) left -10px no-repeat!important
	}
	.dropdown-override-menu {
		padding: 0 0 0 14px
	}
	.search-panel-head {
		width: 100%;
		z-index: 999999;
		left: 0px;
		height: 50px;
		position: absolute;
		background: #fff
	}
	.input-group {
		width: 95%;
		font-size: 16px
	}
	.show-search {
		margin-top: -28px!important
	}
	.back-search {
		margin-top: 11px!important
	}
}

@media (max-width:450px) {
	.subhead-menu h2 a {
		font-size: 18px
	}
	.back-to-top {
		bottom: 72px
	}
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
	.back-to-top {
		margin-right: 16px
	}
}