body, p, body p, .ms-WPBody{
font-family:  Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 13px;
color:#555;
}
.middle-panel h2{line-height:26px;margin-left:0px !important;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{width: 100%}
.subhead-menu ul li.active-submenu a{color: #7febf3 !important;}
.nocontentpad{padding-top:15px !important}
.handcurser{cursor: pointer;}
.WallplatesColors
{
    padding-bottom: 20px;
}
.dis-table{display: table;height: 100%;width: 100%}
.table-cell-middle{display: table-cell;vertical-align: middle;float:none;}
.marT-35{margin-top: 35px;}
.marT-15{margin-top: 15px;}
.marB-15{margin-bottom: 15px;}
.marL-10{margin-left: 10px;}
.padLR-0{padding-left: 0; padding-right: 0}
.padR-0{padding-right: 0}
.padL-0{padding-left: 0;}
.left-right-content{margin-top:35px}
.left-right-content p{margin-bottom: 0}
.left-right-content h4{font-size: 17px;line-height: 22px;margin: 0 0 15px 0;padding: 0;font-weight: normal;}
.dis-mobile{display:none !important;}
.newmountingtext{padding-top: 15px;padding-bottom: 20px;padding-left: 10px;}
.newmountingtext h3{margin-left: 0px;margin-bottom: 2px;}
.newadditionalheader h3{margin-left: 0px;    margin-bottom: 4px;}
.newadditionalheader{padding-left: 10px;}
.left-right-content h3, .step-question-container h3, .welcome-contaienr h3{
    margin-left:0px;
    float: left;
    width: 102%;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 22px;
    font-weight:bold;
}
/*.row.welcome-contaienr p{
	margin-left:10px;
}*/
.list-help-text{clear: both;margin-bottom:50px !important;font-size: 10px !important;line-height: 22px !important;margin-top:0px !important;}
.lutron-hitory-container{margin-top:50px;}
.lutron-hitory-container h4{margin: 12px 0 20px 25px;color: #000 !important;font-size: 17.5px;line-height:24px;}
.lutron-hitory-container p, .lutron-hitory-container p+p{margin-bottom: 30px;color: #7e7e7e;font-size: 13px}
.btn{
	background: #e17032;
    background: -moz-linear-gradient(top, #e17032 0%, #e27236 49%, #e27236 49%, #dc540b 50%, #dc540b 100%) !important;
    background: -webkit-linear-gradient(top, #e17032 0%,#e27236 49%,#e27236 49%,#dc540b 50%,#dc540b 100%) !important;
    background: linear-gradient(to bottom, #e17032 0%,#e27236 49%,#e27236 49%,#dc540b 50%,#dc540b 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e17032', endColorstr='#dc540b',GradientType=0 );
    border-radius: 20px;
    padding: 5px 24px;
    color: #fff !important;
    font-weight:bold;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
}
.btn:hover{text-decoration: none !important;}
.btn-redirect-outside{padding: 5px 22px 5px 24px;}
.btn-redirect-outside img{float: right;margin: 5px 0 0 5px}
.welcome-img{max-width: 420px;width: 95%}
.middle-panel-container-inner{width:100% !important}
.welcome-img-list-inner li{width:50% !important}
.welcome-img-list-inner li img{max-width:230px !important;}

/*.subhead-section.litegreen{
    background: rgba(16,116,159,1);
    background: -moz-linear-gradient(left, rgba(16,116,159,1) 0%, rgba(16,116,159,1) 11%, rgba(34,60,136,1) 53%, rgba(34,60,136,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16,116,159,1)), color-stop(11%, rgba(16,116,159,1)), color-stop(53%, rgba(34,60,136,1)), color-stop(100%, rgba(34,60,136,1)));
    background: -webkit-linear-gradient(left, rgba(16,116,159,1) 0%, rgba(16,116,159,1) 11%, rgba(34,60,136,1) 53%, rgba(34,60,136,1) 100%);
    background: -o-linear-gradient(left, rgba(16,116,159,1) 0%, rgba(16,116,159,1) 11%, rgba(34,60,136,1) 53%, rgba(34,60,136,1) 100%);
    background: -ms-linear-gradient(left, rgba(16,116,159,1) 0%, rgba(16,116,159,1) 11%, rgba(34,60,136,1) 53%, rgba(34,60,136,1) 100%);
    background: linear-gradient(to right, rgba(16,116,159,1) 0%, rgba(16,116,159,1) 11%, rgba(34,60,136,1) 53%, rgba(34,60,136,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10749f', endColorstr='#223c88', GradientType=1 );
}*/
.dis-mobile {
    display: none !important;
}
.dis-desktop {
    display: inline-block !important;
}
.superman-installing h3{font-family: Helvetica Neue, Helvetica, Arial, sans-serif;line-height: 22px; font-weight:bold;}
.inner-welcome-contaienr{overflow: hidden;padding-bottom: 20px;}
.inner-welcome-contaienr h3{font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:bold;margin: 0;padding: 0;line-height: 22px;}
.inner-welcome-contaienr a{font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;font-weight:bold;}
.left-panel-container{width: 18%;margin-right: 2%;float: left; text-align: center;}
.left-panel-container img{max-width: 150px;width: 100%}
.left-panel-container a img{width: auto;}
.middle-panel-container{width:50%;margin-right: 2%;float: left;}
.middle-panel-container a{font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 13px;font-weight:bold;}
.right-panel-container{width: 27.5%;margin-right:0%;float: left;text-align:center;}
.connect-mount-container{margin-bottom: 80px;overflow: hidden;}
.connect-container{width:40%;float: left;}
.connect-container h3, .mount-container h3{border-bottom: 1px solid #ddd;margin-bottom: 15px;padding-bottom: 5px;width: 100%;font-weight:bold; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
.mount-container{width:60%;float: left;}
.coordinatin-container{display: block;overflow: hidden;max-width:100%;margin-top: 50px;padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.coordinatin-container h3{font-family: Helvetica Neue, Helvetica, Arial, sans-serif;margin-bottom: 10px;font-size: 18px;font-weight: bold;line-height: 22px;}
.wallplate-color-finishes{margin-top: 20px; margin-left:10px;}
.wallplate-color-finishes h3{font-family: Helvetica Neue, Helvetica, Arial, sans-serif;margin-bottom: 10px;font-size: 18px;font-weight: bold;line-height: 22px;}
.wallplate-color-finishes p{font-size:13px;}
.coordinatin-container p{padding-left: 12px}
.coordinatin-list{display: block;padding: 0;overflow: hidden;max-width: 70%}
.coordinatin-list li{float:left;display:inline-block;width: 30%;text-align: center;list-style: none;}
.coordinatin-list li span{display: block;margin-top: 10px}
.welcome-img-list{display:block;margin-bottom:20px;font-size:13px;overflow: hidden;padding:0;text-align:center}
.welcome-img-list li{display:inline-block;padding:0 20px 0 0;float:left;width:32.5%}
.welcome-img-list li img{max-width:131px;width:100%;margin-bottom:10px;}
.welcome-img-list li span{display:block;clear:both;}
.welcome-img-list li:first-child{padding-left:0;}
.frient-hue{max-width:70px;width:100%;margin-bottom:15px}
.right-panel-container img{max-width:95px;width:100%;margin-bottom:15px}
.frient-hue-container{text-align:center;}
.frient-hue-container p, .right-panel-container p{text-align:left;font-size:12px;line-height:18px;}
.coordinatin-container .list-help-text{margin-bottom:0px !important; margin-left:10px;}
.back-to-top{bottom:72px !important;}

/*----------Set Min height of page for footer visibility----------*/
.sec-details{min-height:400px;}
.darkblue .subhead-menu ul li.active-submenu a
{
	color: #7febf3 !important;
}
.subhead-section.darkblue{
    background: rgba(16,116,159,1);
    background: -moz-linear-gradient(left, rgba(16,116,159,1) 0%, rgba(16,116,159,1) 11%, rgba(34,60,136,1) 53%, rgba(34,60,136,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16,116,159,1)), color-stop(11%, rgba(16,116,159,1)), color-stop(53%, rgba(34,60,136,1)), color-stop(100%, rgba(34,60,136,1)));
    background: -webkit-linear-gradient(left, rgba(16,116,159,1) 0%, rgba(16,116,159,1) 11%, rgba(34,60,136,1) 53%, rgba(34,60,136,1) 100%);
    background: -o-linear-gradient(left, rgba(16,116,159,1) 0%, rgba(16,116,159,1) 11%, rgba(34,60,136,1) 53%, rgba(34,60,136,1) 100%);
    background: -ms-linear-gradient(left, rgba(16,116,159,1) 0%, rgba(16,116,159,1) 11%, rgba(34,60,136,1) 53%, rgba(34,60,136,1) 100%);
    background: linear-gradient(to right, rgba(16,116,159,1) 0%, rgba(16,116,159,1) 11%, rgba(34,60,136,1) 53%, rgba(34,60,136,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10749f', endColorstr='#223c88', GradientType=1 );
}
.inner-page-container{background-color: #fff;overflow: hidden;width: 100%;padding-bottom: 0px; padding-top: 50px;padding-right: 40px;padding-left: 40px;font-size: 14px !important;line-height: 20px;}
.inner-page-container.pro-container{ margin-top:0px !important;}
.inner-page-container.home-container-content{padding-top: 0px !important;border-radius: 0 0 4px 4px;}
.row-eq-height{ display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;min-height: 190px;}
.vendor-list-container{width: 80%;margin: 0 auto;text-align: center;padding: 0;}
.vendor-list-container li{width:24%;text-align: center;margin-bottom:15px;display: inline-block;}
.vendor-list-container li img{cursor: pointer;height:100px;}
.padL-0{padding-left: 0;}
.padR-0{padding-right: 0;}
.padLR-0{padding-left: 0;padding-right: 0;}

.popup-shops-btn {padding: 0;overflow: hidden;background: #fff;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;position: relative;width: 100%;max-width: 132px;min-width: 1px;height: 53px;border: 0;display: inline-block;vertical-align: top;}
.popup-shops-content {font-size: 0;letter-spacing: 0;}
.popup-shops-item {display: inline-block;vertical-align: middle;text-align: center;width: 50%;padding: 0px;}
.popup-shops-item-online {display: inline-block;vertical-align: middle;text-align: center;width: 33%;padding: 0px;}
.popup-shops-btn img, .popup-shop-img img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: auto;height: auto;margin: auto;max-width: 100%;max-height: 100%;}
.vendor-container img{cursor: pointer;}
#myWTBModal .vendor-container img{height: 102px;}
.vendor-container .vendor-label{display: none;}
#myWTBModal .vendor-container .vendor-label{display: block;font-size: 15px;margin-top: 10px;margin-left: 0;}
.vedor-modal .vendor-container img{height: 102px;}
.vendor-container{width: 100%; margin: 0 auto;text-align: center;}
.vendor-container .vendor-label{float: left;line-height: 24px; font-weight:bold; width: 100%;font-family: Helvetica Neue, Arial, Helvetica, sans-serif;}
.vendor-container ul{display: block;width: 82px;margin: 15px auto 0 auto;}
.vendor-container ul li{display: inline-block;float: left;margin-left: 15px;}
.vendor-container ul li:first-child{margin-left: 0;}
.vendor-container span a img{width: auto;height: 28px !important;position: inherit !important;left: inherit !important;top: inherit !important;}
.vendor-container span a{display: block;float: left;margin-left: 25px;border-left: 1px solid #ccc;padding: 5px 0 5px 25px;}
.vendor-container span a:first-child{margin-left: 0;padding-left: 0;border: none;}
.vendor-container span{width: 131px;margin: 0 auto;display: block;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:visited,   .wtbAlign .button-left a:hover, .wtbAlign .button-left a:visited
{
    background: #e87235;
    background: -moz-linear-gradient(top,#e87235 0%,#e87235 50%,#d35800 51%,#d35800 100%) !important;
    background: -webkit-linear-gradient(top,#e87235 0%,#e87235 50%,#d35800 51%,#d35800 100%) !important;
    background: linear-gradient(to bottom,#e87235 0%,#e87235 50%,#d35800 51%,#d35800 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e87235',endColorstr='#d35800',GradientType=0) !important;
    color: #fff !important;
}
.btn-primary, .wtbAlign .button-left a, a.btn-primary:link, a.btn-primary:visited
{
    background: #e87235;
    background: -moz-linear-gradient(top,#e87235 0%,#e87235 50%,#d35800 51%,#d35800 100%);
    background: -webkit-linear-gradient(top,#e87235 0%,#e87235 50%,#d35800 51%,#d35800 100%);
    background: linear-gradient(to bottom,#e87235 0%,#e87235 50%,#d35800 51%,#d35800 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e87235',endColorstr='#d35800',GradientType=0);
    border: none;
    border-radius: 16px;
    color: #fff !important;
    padding: 6px 25px;
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 14px;
    text-shadow: #030303 1px 1px 0;
    float: left;
}
.vendor-list-content h1{
	font-size: 32px !important;
    line-height: 1.2;
    color: #4a4a4a;
    margin-bottom:20px;
    letter-spacing: -.02em;
    text-align: center;
    background-color: #fff;
    padding:0px;
	font-weight: normal;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
}
.vendor-list-content h3{
 text-align: center;
	font-size: 20px !important; 
	margin-bottom: 15px;
	    font-weight: 400;
}
.vendor-list-content .popup-shops{padding-left: 25%; padding-right: 25%;}
.vendor-list-content .popup-shops-Online{padding-left: 20%; padding-right: 20%;}
@media (max-width: 768px)
{
.popup-shops-content {margin: 0 -16px !importan;}
.popup-shops-item {width: 50% !important;padding: 5%;}
.popup-shops-item-last{width: 100% !important;}
.vendor-list-content .popup-shops {
    padding-left: 0%;
    padding-right: 0%;
}
}

@media (max-width: 1054px)
{
.popup-shops {font-size: 17px !important;}
}

@media only screen and (max-width:1024px)
{
.vendor-list-container li{   width: 45%; }
}
   
@media only screen and (max-width:450px)
{
.vendor-list-container li{ width: 45%;}
}
        
@media only screen and (max-width:991px)
{
    .vendor-list-container li{width: 30%;}
}

@media only screen and (max-width: 767px)
{
#myModal .vendor-container img{margin-left:0px;}
.vendor-list-container li{width: 30%;}
.sec-details{display: block;padding: 15px 0; padding-bottom: 0px; min-height:580px !important; }
.inner-page-container h2.main-heading {font-size: 22px !important;margin-bottom:10px;}
.inner-page-container:first-child .sec-details{display: block;}
.product-page-container .mobile-overview-head{border-bottom: 2px solid #156699!important;}
.product-page-container .mobile-overview-head h3{color: #0287c5 !important;font-size: 17px !important;font-weight:bold; font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;padding-bottom: 10px !important;}
}

@media screen and (max-width: 767px){
.dis-mobile {display: block !important;}
.table-cell-middle {display: block;vertical-align: inherit;}
.dis-desktop {display: none !important;}
.middle-panel p {margin-top: 5px;}
.left-panel-container{width:100%;margin-right:0%;float: none; text-align: left;position: relative;}
.left-panel-container img.frient-hue{position: absolute;bottom: 0;left:175px;max-width:95px;margin-bottom:0;max-width:70px}
.middle-panel-container{width:100%;margin:30px 0 0 0;float: none;}
.connect-container{width:100%;float: none;margin-bottom: 50px}
.connect-container h3, .mount-container h3{border-bottom:none;}
.mount-container{width:100%;float:none;}
.connect-mount-container a{display: inline-block !important;margin-top: 50px;}
.connect-mount-container{margin-bottom: 50px}
.coordinatin-list{max-width:100%}
.coordinatin-list li{width:40%}
.product-page-container .mobile-overview-head{border-bottom: 2px solid #156699!important}
.coordinatin-container{max-width: 100%;border-bottom:none !important;}
.product-page-container .mobile-overview-head h3{
    color: #0287c5 !important;
    font-size: 17px !important;
    font-weight:bold;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    padding-bottom: 10px !important;
}
}
@media screen and (max-width:450px){
.left-panel-container img.frient-hue{max-width:75px}
}