#masthead-subhead.content-area {background-color: unset; color: unset;}
h2 {font-size: 40px;}
.content-area {padding-bottom: 40px;}
.content-area:last-child {padding-bottom: 0;}
#masthead-subhead.content-area,
#subbanners.content-area {padding: 30px 30px 0;}
.sectionHeading {text-align: center; margin-bottom: 30px;}

.mobile {display: none;}

.slick-slider { display: none; }
.slick-slider.slick-initialized { display: block; }


#slickHomeSubCarousel {}
#slickHomeSubCarousel .slickHomeSubCarouselContainer {/* max-width: 1440px; */ margin: 0 auto; position: relative; overflow: hidden;}
#slickHomeSubCarousel.contents {max-width: 100%;}
#slickHomeSubCarousel .item {border-radius: 16px; width: 594px; max-width: 594px; }
#slickHomeSubCarousel .fbox {flex-flow: row nowrap; align-items: center; height: 100%; overflow: hidden; border-radius: 16px; min-height: 370px;}
#slickHomeSubCarousel .fbox .fitem {flex: 0 0 auto;}
#slickHomeSubCarousel .fbox .fitem:first-child {width: 250px; position: relative;}
#slickHomeSubCarousel .fbox .fitem + .fitem {width: calc(100% - 314px); padding: 24px 32px;}
#slickHomeSubCarousel .item .desktopImage  {position: absolute; top: 50%; transform: translateY(-50%);}
#slickHomeSubCarousel .item .mobileImage {display: none;}
#slickHomeSubCarousel .item .legal {padding-top: 15px;}
#slickHomeSubCarousel .slick-slider {width: 100%; margin: 0 auto;}
#slickHomeSubCarousel .slick-slide {
  opacity: .5;
   height: inherit !important;
   user-select: none;
}

#slickHomeSubCarousel .slick-center,
#slickHomeSubCarousel .slick-center + .slick-active {
  opacity: 1;
  user-select: all;
}

#slickHomeSubCarousel .slick-track {
  left: -300px; /* half of the centered slide and padding */
  display: flex !important;
  gap: 12px;
}

#slickHomeSubCarousel .slick-dots {left: 0; display: block; position: static; padding-top: 20px;}
	#slickHomeSubCarousel .slick-dots li {height: auto; width: auto; margin: 0 1px;}
	#slickHomeSubCarousel .slick-dots li button {
	    border-radius: 8px;
		border: 2px solid #4E4AE4;
	    height: 8px;
	    margin: 5px 5px;
	    opacity: 0.7;
	    width: 8px;
	    display: inline-block;
	    cursor: pointer;
		padding: 4px;
    }
   #slickHomeSubCarousel .slick-dots li button:focus,
   #slickHomeSubCarousel .slick-dots li button:hover,
   #slickHomeSubCarousel  .slick-dots li.slick-active button {opacity: 1; background-color: #4E4AE4;}
   #slickHomeSubCarousel .slick-dots li button:before {content: '';}
   #slickHomeSubCarousel .slick-prev,
   #slickHomeSubCarousel .slick-next {height: 48px; width: 48px; z-index: 200; border-radius: 50%;}

#slickHomeSubCarousel #appendArrowsContainer {position: absolute; top: -200px; max-width: 1200px; width: 100%; height: 48px;}

#slickHomeSubCarousel .slick-prev,
#slickHomeSubCarousel .slick-prev:hover,
#slickHomeSubCarousel .slick-prev:focus {
    background: url("/assets/ui/elements/maverick/carousel-arrow-left-v3.png") no-repeat 0 0 !important;
    background-size: contain !important; 
	left: 6px;
}
#slickHomeSubCarousel .slick-prev:hover,
#slickHomeSubCarousel .slick-prev:focus,
#slickHomeSubCarousel .slick-next:hover,
#slickHomeSubCarousel .slick-next:focus {box-shadow: 0px 8px 20px 0px #131C3533;}
#slickHomeSubCarousel .slick-next,
#slickHomeSubCarousel .slick-next:hover,
#slickHomeSubCarousel .slick-next:focus {
    background: url("/assets/ui/elements/maverick/carousel-arrow-right-v3.png") no-repeat 0 0 !important;
    background-size: contain !important;  
	right: 0;
}

   #slickHomeSubCarousel h3 {margin-bottom: 10px; font-size: 22px;}

.mainFbox {display: flex; gap: 24px; min-height: 450px;}
.mainFbox .mainFitem {flex: 1 0;} 
.doubleColumnBanner {border-radius: 16px; overflow: hidden;}
	.doubleColumnBanner .mobileImage {display: none;}
	.doubleColumnBanner .desktopImage {position: absolute; top: 50%; transform: translateY(-50%);}
	.doubleColumnBanner .mainFbox {height: 96%;}
	.doubleColumnBanner .fbox {height: 100%;}
	.doubleColumnBanner .fbox .fitem {width: calc(100% - 384px); position: relative;}
	.doubleColumnBanner .fbox .fitem.imgContainer {width: 384px;}
	.doubleColumnBanner .fbox .fitem.imgContainer img,
	.doubleColumnBanner .fbox .fitem.imgContainer img.desktopImage {max-width: unset; width: 384px;}
	.bannerFbox {display: flex;align-items: center;gap: 20px;height: 100%;padding-left: 24px;}
	.bannerFboxItem {}
	.legalContainer {position: absolute; bottom: 24px; left: 24px;}

	#masthead-subhead .singleColumnBanner .desktopImage {display: none;}
	#masthead-subhead .singleColumnBanner .mobileImage {display: block;}
	#masthead-subhead .singleColumnBanner .fbox {padding: 0;}
	#masthead-subhead .singleColumnBanner .fbox .fitem:first-child {order: 1;}
	#masthead-subhead .singleColumnBanner .bannerFbox {padding: 24px;}
	#masthead-subhead .singleColumnBanner .legalContainer {position: unset; padding: 0 24px 24px;}
	#masthead-subhead .subBanner {max-width: 384px; border-radius: 16px; overflow: hidden;}
	.doubleColumnBanner .fbox .fitem p:last-child,
	.singleColumnBanner .fbox .fitem p:last-child {margin-bottom: 0;}
	.singleColumnBanner {max-width: 384px; border-radius: 16px; overflow: hidden;}
	.singleColumnBanner .fbox {flex-direction: column; gap: 16px; padding: 24px;}
	.singleColumnBanner h2 {font-size: 26px;}


.subBanner {border-radius: 16px; overflow: hidden;}
	.subBanner .fbox {flex-direction: column; gap: 16px; justify-content: flex-start; height: 100%;}
	.subBanner .fbox .fitem.imgContainer {padding: 0;}
	.subBanner .fbox .fitem {padding: 0 24px;}
	.subBanner .fbox .fitem:last-child {padding: 0 24px 24px;}
	.subBanner .fbox .fitem p:last-child {margin-bottom: 0;}
	.subBanner h2 {font-size: 26px;}

[data-bannerid="line-of-business"] .contents {
	text-align: center;
	padding: 0 30px;
	width: calc(100% - 60px) !important;
	}
	[data-bannerid="line-of-business"] .inner {max-width: 100%; margin: 0 auto;}
	[data-bannerid="line-of-business"] .container {display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 16px; width: 100%;}
	[data-bannerid="line-of-business"] .container .item {flex: 1 1;  text-align: center; vertical-align: top; color: #333; font-size: 16px; font-weight: bold; border: 1px solid #CDCFD5; border-radius: 8px; box-shadow: 0px 1px 0px 0px rgba(19, 28, 53, 0.12);}
	[data-bannerid="line-of-business"] .container .item div {display: inline-block; vertical-align: middle;}
	[data-bannerid="line-of-business"] .container .item img {vertical-align: top; height: 40px; width: auto;}
	[data-bannerid="line-of-business"] .container .item a {display: block; height: calc(100% - 20px); width: calc(100% - 30px); text-decoration: none; color: #333;padding: 10px 15px; white-space: nowrap;}


/****** subbanners ******/
#subbanners.content-area {overflow: hidden; padding-bottom: 40px} 
#subbanners.content-area .contents .fbox {width: 100%; display: flex; justify-content: space-between; align-content: stretch; gap: 24px;}
#subbanners .outer {flex: 1 0; border-radius: 16px; overflow: hidden;} 

.homepage .overhead {font-weight: bold; font-size: 16px !important; margin-bottom: 5px !important; color: inherit;}

/***** why virgin plus *****/
[data-bannerid="why-virgin-plus"] .contents .inner {
    text-align: center;
}
[data-bannerid="why-virgin-plus"] .fbox {
    gap: 24px;
}
[data-bannerid="why-virgin-plus"] .fitem {
    position: relative;
    padding: 26px 16px 26px;
    border-radius: 16px;
	background-color: unset !important;
	flex: 1 1;
}
    [data-bannerid="why-virgin-plus"] .fitem img {
        height: 48px;
		 margin-bottom: 12px;
    }
[data-bannerid="why-virgin-plus"] .innerFbox {
    display: flex !important;
    align-content: stretch;
    justify-content: space-between !important;
    align-items: flex-start;
    box-sizing: inherit;
    flex-direction: column;
    flex: 10px;
    height: 100%;
    flex-wrap: nowrap;
    flex-direction: column;
}
    [data-bannerid="why-virgin-plus"] .innerFbox .innerFboxFItem {
        flex: 0 1 auto;
        width: 100%;
    }
        [data-bannerid="why-virgin-plus"] .innerFbox .innerFboxFItem .legal {
            margin: 12px 0 0;
            min-height: 30px;
        }
	[data-bannerid="why-virgin-plus"] .innerFbox .innerFboxFItem h3 {font-size: 18px; margin-bottom: 12px;}
.fr [data-bannerid="why-virgin-plus"] .innerFbox .innerFboxFItem .legal {
    min-height: 45px;
}
.fr [data-bannerid="why-virgin-plus"] .innerFbox .innerFboxFItem h3 {
    min-height: 90px;
}
[data-bannerid="why-virgin-plus"] .innerFbox .innerFboxFItem a.btnBasic {padding: 8px 30px;}

@media screen and (max-width:1400px) {
	#slickHomeSubCarousel .slickHomeSubCarouselContainer {max-width: 100%;}
}
@media screen and (max-width:1280px) {
	#slickHomeSubCarousel #appendArrowsContainer {left: 0;}
}
@media screen and (max-width:1176px) {
	#slickHomeSubCarousel .slick-prev,
	#slickHomeSubCarousel .slick-prev:hover,
	#slickHomeSubCarousel .slick-prev:focus {
		left: 1%;
	}
	#slickHomeSubCarousel .slick-next,
	#slickHomeSubCarousel .slick-next:hover,
	#slickHomeSubCarousel .slick-next:focus {
		right: 1%;
	}
	#slickHomeSubCarousel .item {width: 500px;}
	#slickHomeSubCarousel .slick-track {left: -250px;}
}
@media screen and (max-width:1100px) {
	#masthead-subhead.content-area  {padding: 30px 16px 0;}
	#subbanners.content-area {padding: 30px 16px;}
	.doubleColumnBanner .fbox .fitem {flex: 1 0; width: 50%;}
	.doubleColumnBanner .fbox .fitem.imgContainer {width: 50%;}
	.doubleColumnBanner .fbox .fitem.imgContainer img, 
	.doubleColumnBanner .fbox .fitem.imgContainer img.desktopImage {max-width: 384px; width: unset;}
	#slickHomeSubCarousel .fbox .fitem:first-child {width:225px;}
	#slickHomeSubCarousel .fbox .fitem + .fitem {width: calc(100% - 289px);}
	[data-bannerid="why-virgin-plus"] .innerFbox .innerFboxFItem h3 {font-size: 18px;}
	[data-bannerid="line-of-business"] .contents {
	text-align: center;
	padding: 0 16px;
	width: calc(100% - 32px) !important;
	}
}
@media screen and (max-width:1000px) {
	.doubleColumnBanner .fbox .fitem {width: 60%;}
	.doubleColumnBanner .fbox .fitem.imgContainer {width: 40%;}
	#slickHomeSubCarousel .slick-dots {position: static;}
	#slickHomeSubCarousel .item {width: 450px;}
	#slickHomeSubCarousel .slick-track {left: -225px;}
	#slickHomeSubCarousel.contents {width: 100% !important;}
	.legalContainer {padding-left: 0; bottom: 15px;}
	.new-cart-contents {padding-top: 25px;}
	#slickHomeSubCarousel .fbox .fitem:first-child {width:200px;}
	#slickHomeSubCarousel .fbox .fitem + .fitem {width: calc(100% - 248px); padding: 24px 24px;}
	#slickHomeSubCarousel .contents {overflow: unset; width: 98% !important;}
	#subbanners.content-area .contents {width: 100% !important;}
	[data-bannerid="why-virgin-plus"] .contents {width: calc(100% - 32px) !important; padding: 0 16px;}
	#subbanners.content-area .contents .fbox {gap: 16px;}
	[data-bannerid="line-of-business"] .container .item {font-size: 14px;}
	[data-bannerid="line-of-business"] .container .item img {height: 28px;}
	
}
@media screen and (max-width:900px) {
	#masthead-subhead.content-area {padding: 0 16px 40px;}
	#subbanners.content-area {padding-bottom: 40px;}
	[data-bannertype="lineofbusiness-banner"] {padding: 16px 0 !important;}
	[data-bannerid="line-of-business"] .container {
		display: grid;
		width: 96%;
		grid-auto-columns: 1fr;
		grid-auto-flow: column;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		overscroll-behavior: contain auto;
		scrollbar-width: none;
		padding-left: 2%;
		padding-right: 2%;
		scroll-padding-left: 20px;
		-webkit-column-gap: 16px;
		column-gap: 16px;
		row-gap: 10px;
/*		grid-template-columns: repeat(6, calc((100% / 2) - 110px + 5px)); */
		grid-template-rows: 1fr;
		}
	[data-bannerid="line-of-business"] .contents {padding: 0; width: 100% !important; margin: 0;}
	[data-bannerid="line-of-business"] .container .item {flex: 0 0 auto; width: 130px; font-size: 14px;}
	[data-bannerid="line-of-business"] .container .item a {height: calc(100% - 32px); width: calc(100% - 32px); padding: 16px; }
	.fr [data-bannerid="line-of-business"] .container .item {width: 155px;}
	.doubleColumnBanner .fbox {flex-flow: column wrap; justify-content: center; height: unset; gap: 16px;}
	.doubleColumnBanner .fbox .fitem.imgContainer {order: 1;}
	.doubleColumnBanner .fbox .fitem {order: 2;}
	.doubleColumnBanner .desktopImage {display: none;}
	.doubleColumnBanner .mobileImage {display: block;}
	.doubleColumnBanner .fbox .fitem {flex: 0 0;}
	.doubleColumnBanner .fbox .fitem,
	.doubleColumnBanner .fbox .fitem.imgContainer,
	.doubleColumnBanner .fbox .fitem.imgContainer img,
	.doubleColumnBanner .fbox .fitem.imgContainer img.desktopImage {width: 100%;}
	.doubleColumnBanner .mobileImage img {max-height: 256px; margin: 0 auto; display: block;}
	.bannerFbox,
	.legalContainer {padding: 0 24px 24px; position: unset; height: auto;}
	.mainFbox {justify-content: space-between;align-items: stretch;align-content: stretch;}
	#masthead-subhead .singleColumnBanner {max-width: unset;}
	[data-bannertype="hero"] h1, 
	[data-bannertype="hero"] .singleColumnBanner h2,
	[data-bannertype="hero"] .subBanner h2 {font-size: 36px;}
	#slickHomeSubCarousel .fbox {flex-flow: column wrap;}
	#slickHomeSubCarousel .fbox .fitem:first-child {width: auto;}
	#slickHomeSubCarousel .fbox .fitem + .fitem {width: auto;}
	#slickHomeSubCarousel .item .desktopImage {display: none;}
	#slickHomeSubCarousel .item .mobileImage {display: block;}
	#slickHomeSubCarousel .item {width: 380px; margin: 0 8px;}
	#slickHomeSubCarousel .slick-track {left: -200px;}
	#slickHomeSubCarousel #appendArrowsContainer {display: none;}
	#slickHomeSubCarousel h3 {font-size: 20px; margin-bottom: 16px;}
	.sectionHeading {font-size: 34px; padding: 0 16px;}
}

@media screen and (max-width:800px) {
/*
 	[data-bannerid="why-virgin-plus"] .fitem {
        flex: 0 0 auto;
		max-width: 300px;
		min-width: 155px;
		padding: 20px 0;
		
    }
	[data-bannerid="why-virgin-plus"] .fbox {
		 display: grid;
		width: 100%;
		grid-auto-columns: 1fr;
		grid-auto-flow: column;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		overscroll-behavior: contain auto;
		scrollbar-width: none;
		padding-left: 10px;
		padding-right: 10px;
		scroll-padding-left: 20px;
		-webkit-column-gap: 20px;
		column-gap: 20px;
		row-gap: 10px;
		grid-template-columns: repeat(4, calc((100% / 2) - 36px + 5px));
		grid-template-rows: 1fr;
		}
		
	[data-bannerid="why-virgin-plus"] .contents {padding: 0;}
	[data-bannerid="why-virgin-plus"] .fbox .item {flex: 0 0 auto;}
	[data-bannerid="why-virgin-plus"] .contents .inner {text-align: left;}
	*/
	.sectionHeading {margin-bottom: 25px;}
	.singleColumnBanner h2,
	.subBanner h2 {font-size: 20px;}
	[data-bannertype="hero"] h1, 
	[data-bannertype="hero"] .singleColumnBanner h2,
	[data-bannertype="hero"] .subBanner h2 {font-size: 34px;}
	#slickHomeSubCarousel .item {width: 350px;}
	#slickHomeSubCarousel .slick-track {left: -175px;}
	#slickHomeSubCarousel .item {width: 320px;}
}

@media screen and (max-width:780px) {
	h2 {font-size: 30px;}
	
	[data-bannerid="why-virgin-plus"] .fitem {
        flex: 0 0 auto;
		padding: 20px 0;
		
    }
	[data-bannerid="why-virgin-plus"] .fbox {
		 display: grid;
		width: 100%;
		grid-auto-columns: 1fr;
		grid-auto-flow: column;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		overscroll-behavior: contain auto;
		scrollbar-width: none;
		padding-left: 10px;
		padding-right: 10px;
		scroll-padding-left: 20px;
		-webkit-column-gap: 20px;
		column-gap: 20px;
		row-gap: 10px;
		grid-template-rows: 1fr;
		}
		
	[data-bannerid="why-virgin-plus"] .contents {padding: 0;}
	[data-bannerid="why-virgin-plus"] .fbox .item {flex: 0 0 auto;}
	[data-bannerid="why-virgin-plus"] .contents .inner {text-align: left;}
	
}	
@media screen and (max-width:740px) {
	.content-area {padding-bottom: 40px;}
	.mainFbox {flex-flow: column wrap; justify-content: center; max-width: 100%; margin: 0 auto; gap: 16px;}
	#masthead-subhead .subBanner {max-width: 100%;}
	.singleColumnBanner h2,
	.subBanner h2 {font-size: 22px;}
	.sectionHeading {margin-bottom: 20px;}
	#subbanners.content-area .contents .fbox {flex-flow: column wrap; justify-content: center; align-content: center;}
}
@media screen and (max-width:700px) {
.desktop {display: none;}
.mobile {display: inline-block;}
#slickHomeSubCarousel .item {width: 300px;}
}
@media screen and (max-width:640px) {
	#slickHomeSubCarousel .slick-track {left: 0;}
	#slickHomeSubCarousel .item {width: 500px; margin: 0 4px;}
	.homepage .overhead {font-size: 14px !important;}
	[data-bannerid="why-virgin-plus"] .innerFbox .innerFboxFItem .legal {min-height: 60px;}
	[data-bannertype="hero"] h1, 
	[data-bannertype="hero"] .singleColumnBanner h2,
	[data-bannertype="hero"] .subBanner h2 {font-size: 30px;}
	[data-bannerid="why-virgin-plus"] .fitem {min-width: 155px;}
}
@media screen and (max-width:550px) {
	#slickHomeSubCarousel .item {width: 400px;}
}

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

}

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

	#slickHomeSubCarousel .item {width: 350px;}

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

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

	#slickHomeSubCarousel .item {width: 325px;}


}
@media screen and (max-width:360px) {	
#slickHomeSubCarousel .item {width: 300px;}
}

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

}
@media screen and (max-width:800px) and (orientation:landscape) {

 
 

}

@media screen and (max-width:700px) and (orientation:landscape) {

}

@media screen and (max-width:600px) and (orientation:landscape) {
  

}