body.sa_bpcustom, body.sa_bpcustom .page-wrap {
    height: auto !important;
    overflow-y: visible;
}
body.sa_bpcustom .page-wrap {
    min-height: 400px;
}
body.sa_bpcustom {
    background: #202020;
}
body.sa_bpcustom .page-wrap .shopping-assistant-slide{
    position: relative;
    padding-bottom: 75px;
    min-height: 100%;
}
.background-clipper .sa-bg-overlay{
/*     background: rgba(0,0,0,0.5); */
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.shopping-assistant-slide {
    text-align: center;
}
.shopping-assistant-slide svg {
    max-height: 160px;
    cursor: pointer;
    max-width: 100%;
}
#slide-lighting-style svg{
    max-height: 220px;
}
svg path {
    fill: white;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;
}
svg rect {
    fill: white;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;

}
svg path.nofill, svg ellipse.nofill {
    fill: none;
}
svg ellipse{
    stroke: white;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;
}
.shopping-assistant-slide .floating-icon-container:hover svg path, 
.shopping-assistant-slide .floating-icon-container:hover svg rect, 
.shopping-assistant-slide .floating-icon-container:hover svg ellipse.fill,
.saActive svg path, 
.saActive svg rect, 
.saActive svg ellipse.fill
{
    fill: #f5c65f;
}
.shopping-assistant-slide .floating-icon-container:hover svg path.nofill,
.saActive svg path.nofill{
    fill: none;
}
.shopping-assistant-slide .floating-icon-container:hover svg ellipse, 
.shopping-assistant-slide .floating-icon-container:hover svg .nofill,
.saActive svg .nofill,
.saActive svg ellipse {
    stroke: #f5c65f;
}
.shopping-assistant-slide .floating-icon-container .ico-label {
    color: #fff;
    font-size: 20px;
    float: left;
    width: 100%;
    margin-top: 10px;
    font-weight: 600;
}
.shopping-assistant-slide .floating-icon-container:hover .ico-label {
    color: #f5c65f;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;
}
.shopping-assistant-slide .background-clipper {
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto,auto,auto,auto);
    width: 100%;
    height: 100%;
}
.shopping-assistant-slide .background-clipper .background-layer{
    background-image: url("bg-blurr-2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    position: fixed;
}
.shopping-assistant-slide {
    position: relative;
    padding-bottom: 70px;
}
#slide-how-bright.shopping-assistant-slide .background-clipper .background-layer, 
#slide-lighting-tempurature.shopping-assistant-slide .background-clipper .background-layer, 
#slide-dimmable.shopping-assistant-slide .background-clipper .background-layer{
    background-image: none;
    background: #0A0A0A;
}
#slide-how-bright.shopping-assistant-slide .background-clipper, 
#slide-lighting-tempurature.shopping-assistant-slide .background-clipper, 
#slide-dimmable.shopping-assistant-slide .background-clipper{
    z-index: -1;
}
.shopping-assistant-slide .background-clipper .background-layer, #radial-gradient-layer, #radial-gradient-layer-warm, #radial-gradient-layer-cold{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}
.shopping-assistant-slide .background-clipper .background-stretch{
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}
.shopping-assistant-slide h2{
    font-family: "Brandon Light";
    font-style: normal;
    color: white;
    font-weight: normal;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.col-xs-25 {
    width: 40%;
    float: left;
}

.col-xs-35 {
    width: 60%;
    float: left;
}

.col-xs-45 {
    width: 80%;
    float: left;
}
.second-row-offset {
    margin-left: 4%;
    margin-top: 50px;
}
.shopping-assistant-slide .light-fixture svg {
    max-width: none;
    max-height: none;
    height: auto;
}
.shopping-assistant-slide .light-fixture svg path {
    fill: rgba(255,255,255,1);
}
.shopping-assistant-slide .light-fixture svg path.black-fill {
    fill: black;
}
.shopping-assistant-slide .light-fixture {
    position: absolute;
    left: 42.5%;
    top: 0;
}
#radial-gradient-layer{
    z-index: 99998;
    background: -moz-radial-gradient(center, ellipse cover, rgba(222,217,150,0.5) 0%, rgba(222,217,150,0) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(222,217,150,0.5) 0%,rgba(222,217,150,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(222,217,150,0.5) 0%,rgba(222,217,150,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ded996', endColorstr='#00ded996',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#radial-gradient-layer-warm{
    z-index: 99998;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,236,224,0.75) 0%, rgba(255,236,224,0) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,236,224,0.75) 0%,rgba(255,236,224,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(255,198,161,0.75) 0%,rgba(255,236,224,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ded996', endColorstr='#00ded996',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#radial-gradient-layer-cold{
    opacity: 0.2;
    z-index: 99998;
    background: -moz-radial-gradient(center, ellipse cover, rgba(235,251,254,0.75) 0%, rgba(255,236,224,0) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(235,251,254,0.75) 0%,rgba(255,236,224,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(235,251,254,0.75) 0%,rgba(255,236,224,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ded996', endColorstr='#00ded996',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.float-title {
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 99999;
    top: 205px;
    height: 30px;
}
.float-title .sa_slide-title {
    margin-top: 0;
}
.rs-seperator{
    display: none !important;
}
.rs-path-color{
   background-color: white; 
}
.rs-range-color {
   background-color: #fec548 !important; 
}
#tooltip2 .rs-path-color  {
    background-color: #939393;
}
#tooltip2 .rs-handle  {
    background-color: orange;
}
#appearance7 {
    margin: auto;
}
#appearance7 .rs-range-color  {
    background-color: #33B5E5;
}
#appearance7 .rs-path-color  {
    background-color: #C2E9F7;
}
#appearance7 .rs-handle  {
    background-color: white;
    padding: 7px;
    border: 2px solid white;
}
#appearance7 .rs-handle.rs-focus  {
    border-color: #edaa4d;
}
#appearance7 .rs-handle:after  {
    border-color: #edaa4d;
    background-color: #edaa4d;
}
#appearance7 .rs-border  {
    border-color: transparent;
}
#appearance7 .rs-range-color, .rs-bg-color, #appearance7 .rs-path-color {
    background-color: transparent !important;
    background: transparent !important;
}
#appearance7{
    border: 2px solid #edaa4d;
    border-radius: 50%;
}
#appearance7 .full .rs-tooltip {
    display: none;
}
.radial-slider-label {
    margin-top: -120px;
}
.radial-slider-label .label {
    color: white;
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 30px;
    font-family: "Brandon Light Italic";
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
.continue-btn-container {
    text-align: center;
    position: relative;
    margin-top: 100px;
}
.continue-btn-container a{
    min-width: 300px;
    text-transform: uppercase;
}
.sa_selection-form {
    display: none;
}
.sa_dimmable-btn-container {
    width: 150px;
    margin: auto;
    height: 150px;
    border: 1px solid #edaa4d;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    cursor: pointer;
}
.sa_dimmable-btn-container .sa_label {
    margin-top: 50px;
    color: white;
}
.sa_dimmable-btn-container .sa_label .static {
    font-family: "Brandon Bold";
    font-size: 30px;
    text-transform: uppercase;
    margin-top: -10px;
}
.sa_dimmable-btn-container.nodimm {
    background: rgba(0,0,0,0.1);
}
.sa_dimmable-btn-container.nodimm .sa_label {
    color: #ABABAB;
}
.sa_progress-container {
    position:absolute;
    top:180px;
    left:50%;
    z-index: 999;
}
.sa_progress-container .sa_progress-outer {
    margin-left: -50%;
    background: #858892;
    height: 5px;
    max-width: 100%;
}
.sa_progress-container .sa_progress-outer .sa_progress-inner{
    background: #fec548;
    width: 10%;
    height: 5px;
}
.sa_slide-title {
    margin-top: 200px;
}
/*.sa_hs_form_container {display: none !important;}*/
.result-cta .btn-result-cta {
    background: #FEC534;
    padding: 15px 30px;
    font-size: 20px;
    font-weight: normal;
    font-family: "Brandon Medium";
    border: none;
}
.result-cta {
    text-align: center;
    background: url('https://cdn.shopify.com/s/files/1/0774/5259/t/4/assets/bg-blurr-2.jpg');
}
.result-cta h2 {
    color: white;
    font-family: "Brandon Light";  
}
 
.shopping-formsec { padding-bottom:50px; }
.shopping-formbox { max-width:500px; margin:0 auto; width:100%; float:none;  } 
.shopping-formbox input[type=text], .shopping-formbox input[type=password], .shopping-formbox input[type=email], .shopping-formbox select, .shopping-formbox textarea { width:100%; background:transparent; color:#fff; border:1px solid #e8e8e8; box-shadow:none; }
.shopping-formbox select option { color:#000; }
.shopping-formbox form.hs-form div div label { color:#888888; font-family:"Brandon Medium"; font-size:18px; }
.shopping-formbox ul.hs-error-msgs.inputs-list { padding-left:0; }
.shopping-formbox .actions { text-align:center; }
.shopping-formbox form > div { margin-bottom:15px; }

@media (min-width:768px){ 

  .shoppingform-abovesec { min-height:250px !important; }
  
}

@media screen and (max-width: 991px) {

  .shopping-formbox { width:100%; }
  .shopping-formbox form { max-width:100%; width:100%; } 		
  
}

@media screen and (max-width: 767px) {
    .floating-icon-container {
        margin-bottom: 80px;
    }
    .shopping-assistant-slide .light-fixture {
        left: 28.5px;
    }
    .result-hero h2 {
        font-size: 30px !important;
        font-family: "Brandon Medium" !important;
    }
    .result-hero h5 {
        font-size: 15px !important;
    }
    .shopping-assistant-results .product-container {
        margin-bottom: 80px;
    }
}