/* ************************ */
/*							*/
/*	Greenlight landing page NEW! */
/*							*/
/* ************************ */

:root{
	--color-blue:#446DA9;
	--color-greenlight:#00F0C5;
	--color-greenlight-dark:#04C9A6;
	--color-purple:#94288E;
	--color-grey:#EDEDED;
	--color-black:#24272a;
	--radius:1.25rem;
}

.color-blue{color:var(--color-blue);}
.color-greenlight{color:var(--color-greenlight);}
.color-purple{color:var(--color-purple);}
.color-grey{color:var(--color-grey);}
.color-black{color:var(--color-black);}

.bg-color-greenlight-dark{background:var(--color-greenlight-dark);}
.bg-color-purple{background:var(--color-purple);}
.bg-color-blue{background:var(--color-blue);}

.gl-button{display: inline-flex; align-items: center; text-align: center; line-height: 1.1; height:5.44rem; padding:1rem 2rem; font-size: 1.87rem; font-weight: 700; color:#fff; background: var(--color-purple); border-radius:var(--radius);}
.gl-button:hover, .gl-button:focus{text-decoration: none!important; background: #A63AA0; color:#fff;}

/* masthead */
.gl-masthead-section{/*padding-top:10rem; padding-bottom:10rem;*/ color:#fff;}
.gl-masthead-section .container{width:1300px;}
.gl-masthead-section .bg-image{position: absolute; top:0; right:0; left:0; bottom:7.75rem;}
.gl-masthead-section .bg-image img{object-fit: cover; width:100%; height:100%; object-position: right;}
.gl-masthead-section .bg-image .mobile-image{display: none;}
.gl-masthead-section .gl-card{width:31.2rem; aspect-ratio:1.5837/1; position: absolute; right:16px; bottom:-4rem;}
.gl-masthead-section .gl-card img{object-fit: contain; width:100%; height:100%;}
.gl-masthead-section h1{/*font-size:4.37rem;line-height: normal; font-weight: 600;*/  display: flex; flex-direction: column; align-items: flex-start;}
.gl-masthead-section h1 .gl-mark{border-radius:0.5rem; margin:0 -1rem 1rem -1rem; display:inline-block; padding:0.5rem 1rem; background: var(--color-greenlight); /*font-size: 1.87rem;*/ color:var(--color-black);}
.gl-masthead-section h1 .text{display: inline-block;}
.gl-masthead-section h1 .gl-free-mark{border-radius:0.75rem; padding:0 0.5rem; font-weight: 700; line-height: 1.1; display: inline-block; background: var(--color-greenlight); color:var(--color-black);}
.gl-masthead-section .gl-button{position: absolute; left:16px; bottom:-2.72rem;}
.gl-masthead-section .gl-text{/*margin-bottom:5rem; font-size: 1.125rem; font-weight: 400;*/}

.btn-greenlight{ color:white; border-color:var(--color-purple); background: var(--color-purple);}
.btn-greenlight:hover, .btn-greenlight:focus, .focus.btn-greenlight, .btn-greenlight:active, .active.btn-greenlight, .open > .btn-greenlight.dropdown-toggle{
	color:white; border-color:#A95EDA; background: #A95EDA;}

/* video */
.gl-video-section .container .row{display: flex; align-items: center;}

.gl-video-slider .item video{object-fit: contain; width:100%; height:100%;}
.gl-video-slider .slick-track{display: block;}

.gl-video-menu{margin-bottom:7rem;}
.gl-video-menu .slick-track{display: block;}
.gl-video-menu .gl-vm-item{ display: inline-block; cursor: pointer; color:rgba(35, 31, 32, 0.28); font-size: 2rem; font-weight: 600; transition:color 0.2s ease;}
.gl-video-menu .item.slick-current .gl-vm-item{color:var(--color-purple);}
.gl-video-menu .gl-vm-item:hover{color:var(--color-purple); text-decoration: underline;}

/* options */
.gl-options-section{margin-top:-7rem; background: var(--color-grey); padding:5rem 0;}

.gl-options-slider .row{display: flex; align-items: center;}
.gl-options-slider .text-wrap{display: flex; flex-direction: column; align-items: flex-start;}
.gl-options-slider .gl-os-label{border-radius:0.5rem; padding:0.25rem 1rem; line-height: 1.2; font-size: 1.125rem; font-weight: 700; text-transform: uppercase; color:var(--color-black); background: var(--color-greenlight); margin-bottom:1.5rem;}
/*.gl-options-slider h2{font-size: 2.5rem; font-weight: 600;}*/
/*.gl-options-slider .textbox{font-size: 1.125rem; font-weight: 400;}*/
.gl-options-slider .image-wrap img{object-fit: contain; width:100%; height:100%;}

.gl-options-slider .item{display: flex; align-items: center;}
.gl-options-slider .slick-track{align-items: center;}
.gl-options-slider .slick-dots{gap:1rem; left:calc(50vw - 1170px/2); right:calc(50vw - 1170px/2); bottom:-1.5rem;}
.gl-options-slider .slick-dots li{flex-grow:1;}
.gl-options-slider .slick-dots li button{border:0; background: var(--color-blue); width:100%; height:0.875rem; border-radius:0.4375rem; margin:0; transition:background 0.2s ease;}
.gl-options-slider .slick-dots li button:hover{background: var(--color-purple);}
.gl-options-slider .slick-dots .slick-active button, .gl-options-slider .slick-dots .slick-active button:hover{background:var(--color-purple);}

/* plans */
.gl-plans-section{padding:5rem 0;}
.gl-plans-section .container{width:1300px;}
.gl-plans-section .gl-plans-header{margin-bottom:3.5rem; display: flex; align-items: center; justify-content: center; gap:4.5rem;}
.gl-plans-section .gl-plans-header .new-bb-logo img{max-width: 100%;}
.gl-plans-section .gl-plans-header h2{/*font-size: 2.5rem;*/ font-weight: 600;}
.gl-plans-section .gl-plans-header h2 img{vertical-align:bottom;}
.gl-plans-section .gl-plans-header .gl-hidden{display: none;}

.gl-plans-slider{padding-bottom:4.25rem; margin-bottom:1.5rem; margin-left:-0.75rem; margin-right:calc(1300px/2 - 50vw - 7px);}
.gl-plans-slider .slick-list{padding-right:10rem;}
.gl-plans-slider .item{margin:1px 0.75rem; height:auto; display: flex; flex-direction: column; align-items: stretch;}
.gl-plan-header{color:#fff; padding:1rem 1.5rem; border-radius:var(--radius) var(--radius) 0 0; display: flex; align-items: center; justify-content: center;}
.gl-plan-header h3{ text-align: center; display: flex; flex-direction: column; align-items: center; /*font-size: 2rem;*/ font-weight: 600;}
.gl-plan-header h3 .subheading{/*font-size: 1.87rem;*/ font-weight: 400;}
.gl-plan-content{display: flex; flex-direction: column; align-items: flex-start; gap:1.5rem; flex-grow:1; /*font-size: 1.125rem;*/ /*font-weight: 400;*/ padding:1.31rem 2rem; border-radius:0 0 var(--radius) var(--radius); border:1px solid var(--color-greenlight-dark); border-top:0;}
.gl-plan-content .textbox{margin:0;}
.gl-plan-content .textbox li + li{margin-top:0.25rem;}
.gl-plan-content .textbox ul{padding-left:0;}
.gl-plan-content .link{margin-top:auto;}

.gl-plans-slider .slick-arrow{color:transparent; bottom:0;}
.gl-plans-slider .slick-prev{display: none!important;}
.gl-plans-slider .slick-dots{bottom:0; position: relative; margin-top:1.5rem; left:0;}
.gl-plans-slider .slick-dots li button{border:1px solid #446da9;}
.gl-plans-slider .slick-dots li button:hover{ background:#95268f;}
.gl-plans-slider .slick-dots li button:focus{outline:0;}
.gl-plans-slider .slick-dots .slick-active button, .gl-plans-slider  .slick-dots .slick-active button:hover{background:#446da9; cursor:default;}

/* text */
.gl-text-section{padding:5rem 0;}


@media (max-width: 1365px) {
	
	/*.gl-button{font-size: 1.5rem; height:4.5rem;}*/
	
	.gl-masthead-section .container{width:1170px;}
	.gl-masthead-section h1{font-size: 3.5rem;}
	/*.gl-masthead-section h1 .gl-mark{font-size:1.5rem; padding-left:1rem; padding-right:1rem; margin-left:-1rem; margin-right:-1rem;}*/
	/*.gl-masthead-section .gl-button{bottom:-2.25rem;}*/
	.gl-masthead-section .gl-card{width:40%;}
	
	.gl-plans-section .container{width:1170px;}
	.gl-plans-slider{margin-right:calc(1170px/2 - 50vw - 7px);}
	.gl-plans-slider .slick-list{padding-right:7rem;}
	.gl-plan-header h3{font-size: 1.8rem;}
	.gl-plan-header h3 .subheading{font-size: 1.5rem;}
	.gl-plans-slider{margin-left:-0.5rem;}
	.gl-plans-slider .item{margin:0 0.5rem;}

}

@media (max-width: 1199px) {
	.gl-masthead-section .container{width:970px;}
	/*.gl-masthead-section{padding-top:8rem; padding-bottom:8rem;}*/
	.gl-masthead-section h1{font-size: 3rem;}
	/*.gl-masthead-section .gl-card{bottom:-6rem;}*/
	.gl-masthead-section .bg-image{bottom:8rem;}
	/*.gl-masthead-section h1 .gl-mark{font-size:1.25rem;}*/
	
	/*.gl-video-menu .gl-vm-item{font-size: 2.8rem;}*/
	.gl-video-menu{margin-bottom:5rem;}
	
	.gl-options-section{margin-top:-5rem;}
	.gl-options-slider .slick-dots{bottom:-2rem; left:calc(50vw - 970px/2); right:calc(50vw - 970px/2);}
	
	.gl-plans-section .container{width:970px;}
	.gl-plans-slider{margin-right:calc(970px/2 - 50vw - 7px);}
	.gl-plan-content{padding-left:1.5rem; padding-right:1.5rem;}
	.gl-plans-slider .slick-list{padding-right:5rem;}
	

	
}

@media (max-width: 991px) {
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	.gl-masthead-section .container{width:auto;}
	.gl-masthead-section{padding-top:5rem;}
	.gl-masthead-section .bg-image{bottom:5rem;}
	.gl-masthead-section .gl-card{bottom:-3rem;}
	
	/*.gl-video-menu .gl-vm-item{font-size: 2.5rem;}*/
	.gl-video-menu{margin-bottom:3rem;}
	
	.gl-options-section{margin-top:-3rem;}
	.gl-options-slider .slick-dots{left:15px; right:15px;}
	
	.gl-plans-section .gl-plans-header{gap:2.5rem;}
	.gl-plans-section .container{width:auto;}
	.gl-plans-slider{margin-right:-15px; padding-bottom:0;}
}

@media (max-width: 767px) {
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	.gl-masthead-section{padding-top:0; color:var(--color-black); padding-bottom:5rem;}
	.gl-masthead-section .bg-image{position: relative; bottom:0; height:24.68rem;}	
	.gl-masthead-section .container{padding-left:5vw; padding-right:5vw;}
	.gl-masthead-section .gl-button{position: relative; left:0; bottom:0;}
	.gl-masthead-section h1{margin-top:-1.5rem; font-size: 2.9rem;}
	.gl-masthead-section .gl-text{margin-bottom:1.5rem;}
	.gl-button{font-size: 1.25rem; height:3.5rem;}
	.gl-masthead-section .gl-card{bottom:calc(100% + 3rem); right:auto; left:calc(16px + 1.25rem);}
	.gl-masthead-section .bg-image .mobile-image{display: block;}
	.gl-masthead-section .bg-image .desktop-image{display: none;}
	
	.gl-video-section{padding-bottom:3rem;}
	.gl-video-section .container .row{flex-direction: column-reverse; align-items: stretch;}
	.gl-video-menu{margin-bottom: 3.5rem; margin-left:-15px; margin-right:-15px;}
	.gl-video-menu .slick-track{flex-direction: row;}
	.gl-video-menu .item{display: flex; justify-content: center; padding:0 5vw;}
	.gl-video-menu .gl-vm-item{text-align: center;}
	.gl-video-slider .slick-dots{gap:1rem; position: relative; left:0; bottom:0; margin-top:2.5rem;}
	.gl-video-slider .slick-dots li button{border:0; background: var(--color-grey); width:0.875rem; height:0.875rem; border-radius:0.4375rem; margin:0; transition:background 0.2s ease, width 0.4s ease;}
	.gl-video-slider .slick-dots li button:hover{background: var(--color-purple);}
	.gl-video-slider .slick-dots .slick-active button, .gl-video-slider .slick-dots .slick-active button:hover{width:2.75rem; background:var(--color-purple);}
	
	.gl-options-section{margin-top:0; padding-top:2rem; padding-bottom:3rem;}
	.gl-options-slider .row{flex-direction: column-reverse; align-items: stretch;}
	.gl-options-slider .slick-track{display: block; height:auto;}
	.gl-options-slider .slick-dots{margin-left:calc(5vw + 15px); margin-right:calc(5vw + 15px); position: relative; bottom:0; left:0; right:0; margin-top:3rem;}
	.gl-options-slider .text-wrap{margin-top:3rem; padding-left:5vw; padding-right:5vw;}
	
	.gl-plans-section .gl-plans-header{flex-direction:column; align-items: center; text-align: center;}
	.gl-plans-section .gl-plans-header .new-bb-logo, .gl-plans-section .gl-plans-header h2 img{display: none;}
	.gl-plans-section .gl-plans-header .gl-hidden{display:inline;}
	
}

@media (max-width: 479px) {
	#page-wrap{box-shadow:inset 0 0 0 0 cyan;}
	.gl-masthead-section h1 .gl-mark{font-size:1.1rem;}
	.gl-masthead-section h1{font-size: 2rem;}
	.gl-masthead-section .gl-card{width:35%;}
}

@media (max-width: 320px) {
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
}