/****************************************************************************
 * Header Section
 ****************************************************************************/
 .custom_header_section {
    /*overflow: hidden;*/
 }
 .custom_header_section > .row {
    position: relative;
 }
 .custom_header_section .image_column,
 .custom_header_section .gallery_video_column {
    position: relative;
}
.custom_header_section .image_column:after,
.custom_header_section .gallery_video_column:after {
    content: ''; position: absolute; opacity: 0.4;
    top: 50%; left: 50%; width: 80vw; padding: 0 0 55vw;
    background: radial-gradient(#FF6148 0%,transparent 60%);
    transform: translate(-50%,-50%) rotate(-35deg);
}
.custom_header_section .image_column > *,
.custom_header_section .gallery_video_column > * {
    position: relative;
    z-index: 20;
}
.custom_header_section .image_column > *,
.custom_header_section .gallery_video_column .gallery_video {
    transform: scale(1.2);
}

.custom_header_section .line {
    font-size: 0; position: absolute;
    width: 1px; background-color: rgba(255,255,255,0.25);
    height: 0; top: 40%; left: 50%;
    padding: 0; pointer-events: none;
}
.custom_header_section .content_row figure {
    margin-bottom: 0;
}

@media screen and (min-width:64em){
    .custom_header_section .content_title span {
        white-space: nowrap;
        margin-left: -15%;
    } 
    .custom_header_section {
        padding-top: 7%;
    }
    .custom_header_section .image_column > *,
    .custom_header_section .gallery_video_column .gallery_video {
        top: -4rem;
        left: -4rem;
        transform: scale(1.5);
    }
}

@media screen and (min-width:90em){
    /*.custom_header_section {
        padding-top: 15rem;
    }*/
    .custom_header_section .gallery_video_column:after{
        top: calc(50% - 6rem);
        left: calc(50% - 5rem);
    }
    .custom_header_section .gallery_video_column .gallery_video {
        top: -8rem;
        left: -5rem;
    }
}


@media screen and (min-width:130em){
    .custom_header_section {
        padding-top: 12%;
    }
    .custom_header_section .gallery_video_column:after{
        top: calc(50% - 8rem);
        left: calc(50% - 5rem);
    }
    .custom_header_section .gallery_video_column .gallery_video {
        top: -10rem;
        left: -5rem;
    }
}

/****************************************************************************
 * Features
 ****************************************************************************/
.custom_home_features {
    pointer-events: none;
}
.custom_home_features .three_js_wrapper {
    pointer-events: all;
}
 .wrapper .content .custom_home_features .line {
    font-size: 0; position: absolute;
    width: 1px; background-color: rgba(255,255,255,0.15);
    height: 0; top: 80%; left: 50%;
    padding: 0; pointer-events: none;
    flex: 0 0 1px; padding: 0;
    padding: 0; max-width: 1px;
    display: none;
}
.wrapper .content .custom_home_features .content_row {
	max-width: 100rem;
}
@media screen and (min-width:64em){
    .wrapper .content .custom_home_features:before {
        content: ''; position: absolute;
        top: 0; bottom: 85%; left: 50%;
        width: 1px; height: auto;
        background-color: rgba(255,255,255,0.15);
    }
    .wrapper .content .custom_home_features:after {
        content: ''; position: absolute;
        top: 50%; bottom: 0; left: 50%;
        width: 1px; height: auto;
        background-color: rgba(255,255,255,0.15);
    }
}

.custom_home_features .three_object_column {
    position: relative;
}
.custom_home_features .three_object_column:after {
    content: ''; position: absolute; opacity: 0.4;
    top: 50%; left: 50%; width: 80vw; padding: 0 0 55vw;
    background: radial-gradient(#19567B 0%,transparent 60%);
    transform: translate(-50%,-50%) rotate(-35deg);
}
.custom_home_features .three_object_column > * {
    position: relative;
    z-index: 20;
}


.custom_home_features_button {
    position: relative;
}
.custom_home_features_button:after {
    content: ''; position: absolute;
    bottom: -1rem; left: 50%; height: 3rem;width: 1px;
    background-color: rgba(255,255,255,0.15);
}
@media screen and (min-width:40em){
    .custom_home_features_button:after {
        bottom: -2rem; height: 5rem;
    }
}
@media screen and (min-width:64em){
    .custom_home_features_button:after {
        bottom: -3rem; height: 7rem;
    }
}

/****************************************************************************
 * Benefits
 ****************************************************************************/
.custom_home_benefits {
    position: relative;
}
.custom_home_benefits:after {
    content: ''; position: absolute;
    top: auto; bottom: 4rem; z-index: 10;
    left: 0; width: 50%; height: 100%; max-width: 30rem;
    background: url(../img/lb-energy-benefits-bg.png) no-repeat;
    background-size: contain;
    background-position: 0 100%;
    transform: translate(-20%,0);
}
.custom_home_benefits > * {
    position: relative;
    z-index: 20;
}
@media screen and (min-width:64em){
    .custom_home_benefits .list_items {
        position: relative;
    }
    .custom_home_benefits .list_items .image_column {
        position: absolute; top: 50%; left: 50%;
        width: 100%; z-index: 20;
        transform: translate(-50%,-50%);

    }
}


/****************************************************************************
 * Contact (Product Page)
 ****************************************************************************/
.custom_contact {
	position: relativ;
	overflow: hidden;
}
.custom_contact:after {
	content: ''; position: absolute;
	pointer-events: none; bottom: auto;
	left: 40%; width: 100%; top: 100%;
	padding: 0 0 100%;
	background-color: #FF6148;
	transform: rotate(-45deg);
	transform-origin: 0 0;
}
.custom_contact > * {
	position: relative;
	z-index: 20;	
}
@media screen and (min-width:64em){
	.custom_contact .image_column {
		width: 100%;
		position: relative;
		padding-bottom: 20%;
	}
	.custom_contact .image_column > .figure {
		position: absolute; top: 0; left: 0; width: 100%;
	}
}