#banner.lightbox-adjust
{
	margin-top: 0 !important;
}

#nav-main.lightbox-adjust
{
	position: relative !important;
}

#nav-main.menu-float-adjust
{
	position: fixed;
	top: 0;
}

.emp-text {
	font-weight: bold;
    font-style: italic;
}

.bold-text {
	font-weight: bold;
}

.green-text {
	text-transform: uppercase;
	color: #BDCF32;
}

.em-text {
    color:#0C1E36;
	font-style: italic;
}

.limited {
	font-size: 1.5vw;
    line-height: 1.5vw;
    margin-bottom: 0.5vw;
    font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
	color: #000;
}

.limited-promo {
    font-size: 1.2vw;
    line-height: 1.2vw;
    font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #000;
}

.lunette img,
.bottom-lightbox img
{
	-ms-interpolation-mode: bicubic;
}

.lunette.fixed-to-top
{
	z-index: 4000;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
}

div.box-shadow
{
	position: absolute;
    bottom: 0;
    box-shadow: inset 0 -12px 15px -10px #333;
    left: 0;
    right: 0;
    height: 25px;
}

.lunette,
.bottom-lightbox
{
	background: white;
	color: white;
	z-index: 4000;
}

.bottom-lightbox
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 1.5vw 0 1.3vw;
	background: url(https://s3.us-east-1.amazonaws.com/content.cdrfg.com/lightbox/dav/dav-mem-tshirt-dec-2026/images/dav-mem-tshirt-yearend-2026-lb-desk-scroll.jpg);
	background-size: 100% 100%;
	background-color: #005D7D;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: unset !important;
}

.friends-bottom {
	width: 18vw;
    margin-right: 3vw;
}

.bottom-lightbox a.close-btn
{
	position: absolute;
    right: 0.5vw;
    top: 0.5vw;
}

.bottom-lightbox a.close-btn img
{
	width: 1.5vw;
}

.bottom-lightbox .sub-message-small {
	color: #fff;
    font-size: 1vw;
    font-weight: 200;
}

.lunette_close.close_icon {
	position: absolute;
	right: 0.5vw;
    top: 0.5vw;
}

.lunette_close.close_icon img
{
	width: 1.5vw !important;
}

.lunette-container
{
	margin: 0 auto;
}

.arrow-img
{
	height: 4vw;
}

.bottom-lightbox .arrow-img
{
	height: 3vw;
}

.left-arrow-img
{
	margin-right: 1.5vw;
}

.right-arrow-img
{
	margin-left: 1.5vw;
}

.mobile-arrow
{
	display: none;
}

img.logo-d1
{
	width: 42%;
    margin-top: 6.5vw;
}

img.logo-mobile {
	display: none;
}

img.vvc-img
{
	width: 80%;
}

.callout-container
{
    background: url(https://s3.us-east-1.amazonaws.com/content.cdrfg.com/lightbox/dav/dav-mem-tshirt-dec-2026/images/dav-mem-tshirt-yearend-2026-lb-desk-fixed.jpg);
    background-size: cover;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0;
    background-repeat: no-repeat;
    justify-content: flex-end;
    background-position: right;
	padding-bottom: 4.5vw;
    padding-top: 2vw;
    background-position: left;
    background-color: #005D7D;
    font-size: 1.8vw;
    line-height: 1.8vw;
    font-weight: 600;
	color: #212F64;
} 
.sub-text {
	font-family: "klavika-web","klavika", "Helvetica Neue", Helvetica;
    font-size: 1.8vw;	
	display: block;
}

.desktop-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.desktop-header img {
	width: 30vw;
    margin: 0.4vw 0 0 0;
}

.mobile-header {
	display: none;
}

.right-text {
	width: 78%;
}

.right-text .bottom-text {
    font-weight: 700;
	text-transform: uppercase;
    color: #BED12B;
	font-size: 2.7vw;
    line-height: 2.8vw;
    flex-direction: column;
    font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sub-message {
    display: block;
    text-align: center;
    margin: 0px auto;
    color: #fff;
    font-size: 1vw;
    font-weight: bold;
    line-height: 1vw;
    text-shadow: 0px 0px 14px #fff;
    font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
	padding-top: 1vw;
}

.right-text p {
	color: #fff;
    font-size: 1.8vw;
    line-height: 2.5vw;
    flex-direction: column;
    font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0;
    font-weight: 400;
    margin: 0;
}

.right-text h2 {
	font-family: "klavika-web-condensed", "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #05236B;
    line-height: 4.9vw;
    font-size: 4.9vw;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.right-text h3{
	font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #EBEEF3;
	line-height: 2.1vw;
    font-size: 2.1vw;
    margin: 0;
    text-transform: uppercase;
}

.right-text h4{
	font-family: "klavika-web","klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
    color: #fff;
    line-height: 2.7vw;
    font-size: 2.8vw;
    margin: 0;
    margin-bottom: 1vw;
    text-transform: uppercase;
}

.right-text h5 {
	font-family: "klavika-web","klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #fff;
    line-height: 2.3vw;
    font-size: 2.5vw;
    margin: 0.5vw 0vw 0.5vw 0;
    text-transform: uppercase;
    margin-top: 4.5vw;
}

.left-text {
	width: 28%;
}

.left-text p{
    color: #393939;
    margin: 0;
    padding: 0;
    margin-bottom: 1vw;
    font-size: 1.8vw;
    font-weight: 500;
}

.left-text .lnk-not-member{
	font-size: 1.5vw;
    color: #393939;
    margin-top: 1vw;
    display: inline-block;
    text-decoration: underline;
}

.promo-image {
	width: 10vw;
}

.callout-wrapper {
	width: 100%;
    padding: 0vw 4vw;
    box-sizing: border-box;
    margin: 2vw 0 0vw;
    display: flex;
    justify-content: flex-start;
	align-items: center;
}

.eg-box {
	margin-left: 3vw;
}

.eg-box span {
    display: block;
    text-align: center;
    margin: 0px auto;
    color: #000;
    font-size: 1.1vw;
    margin-top: 0%;
    line-height: 1.1vw;
    text-shadow: 0px 0px 14px #fff;
    font-family: "klavika-web", "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    padding-top: 0.5vw;
}

.bottom-lightbox .callout-container
{
    background: none;
    padding-top: 0px;
    padding-bottom: 0px;
    justify-content: flex-start;
    color: #BED12B;
    /* width: 100%; */
    margin-left: 12vw;
    font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.desktop-promo h3 {
	font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #EBEEF3;
	line-height: 1vw;
    font-size: 1.6vw;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    padding-right: 0.5vw;
}

.btn-container {
	padding: 0;
}

p.callout-txt
{
	display: inline-block;
	color: #EBEEF3;
	font-size: 2.8vw;
	text-align: center;
	line-height: 1;
	margin: 0;
	padding-top: 4.5vw;
    padding-bottom: 2.2vw;
	font-weight: bold;
}

.lunette-container p.callout-txt
{
	display: block;
}

.bottom-lightbox p.callout-txt
{
	font-size: 1.8vw;
    line-height: 1.7vw;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 100;
	color: #0C1E36;
}

.btn-container
{
	text-align: center;
}

.dtn-btn
{
	color: white;
	display: inline-block;
	padding: 1vw 1.5vw;
	text-decoration: none;
	font-size: 2.5vw;
    line-height: 2.5vw;
    font-weight: bold;
}

.dtn-btn:hover,
.bottom-lightbox .dtn-btn:hover
{
	text-decoration: none;
	color: #B31E3B;
}

.dtn-btn:visited,
.dtn-btn:active,
.dtn-btn:focus,
.bottom-lightbox .dtn-btn:visited,
.bottom-lightbox .dtn-btn:focus,
.bottom-lightbox .dtn-btn:focus,
.learn-btn:visited,
.learn-btn:focus,
.learn-btn:active
{
	text-decoration: none;
	color: white;
}

.dtn-btn
{
    background-color: #B31E3B;
    border: solid 1px #B31E3B;
    padding: 0.5vw 2.5vw 0.5vw 2.5vw;
    border-radius: 0.3vw;
    font-size: 1.8vw;
    font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.5vw;
    line-height: 1.5vw;
    text-align: center;
    color: #fff !important;
    margin-top: 0.5vw;
}

.dtn-btn-lb {
	margin: 0 1vw;
    padding: 0.5vw 2.5vw 0.5vw 2.5vw;
    border-radius: 0.1vw;
}

.header-image img {
	height: 11vw;
}

.sub-image img {
    height: 5vw;
    margin-top: 1vw;
}

.bottom-lightbox .dtn-btn
{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.5vw 3vw 0.5vw 3vw;
    font-size: 1.4vw;
}

.large-text-desktop {
    font-family: "klavika-web","klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    align-items: center;
    color: #212F64;
    display: inline-block;
	font-weight: 600;
}

.learn-btn {
	border: solid white 1px;
}

.desktop-break
{
	display: flex;
	justify-content: center;
    /* align-items: center; */
	flex-direction: column;
	/* width: 40%; */
	/* text-align: left; */
}

.desktop-promo p {
    font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    padding: 0;
    margin: 0;
    line-height: 1.5vw;
    font-size: 1.3vw;
    color: #fff;
    margin-top: 0.2vw;
}

.mobile-break {
	display: none;
}

/* .desktop-break p {
	font-size: 1.5vw;
    line-height: 2.5vw;
} */

.desktop-break img {
	width: 32vw;
}

.mobile-only
{
	display: none;
}

@media(max-width: 768px)
{

	.lunette_close.close_icon {
		top: 2vw;
		right: 2vw;
	}

	.p-grid {
		justify-content: flex-start;
	}

	.limited {
		font-size: 3.5vw;
		line-height: 4.5vw;
		margin-bottom: 1.5vw;
	}
	
	.limited-promo {
		font-size: 2.5vw;
		line-height: 2.5vw;
	}

	.lunette_close.close_icon img {
		/* width: 20px !important; */
		width: 4vw !important;
		max-width: 20px;
	}

	.eg-box {
		margin-left: 0vw;
		display: flex;
        flex: stretch;
        width: 98%;
	}

	.sub-message-bottom {
        text-align: center;
        margin: 0px auto;
        color: #fff;
        font-size: 2vw;
        line-height: 2.2vw;
        text-shadow: 0px 0px 14px #fff;
        font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 200;
        padding-top: 5vw;
        padding-left: 2vw;
	}

	.desktop-only
	{
		display: none;
	}
	
	.mobile-only
	{
		display: inline-block;
	}
	
	.mobile-break
	{
		display: block;
	}
	
	.desktop-break
	{
		display: none;
	}
	
	.right-text, .left-text {
		width: 70%;
		text-align: left;
	}

	.desktop-break p {
		font-size: 3vw;
		padding: 0.3vw;
		margin: 3vw 0;
		line-height: 3vw;
	}


	.bottom-lightbox a.close-btn img {
		width: 4vw !important;
		max-width: 20px;
	}

	.bottom-lightbox .desktop-break {
		width: 100%;
    	margin: 0 auto;
	}

	.mobile-promo {
		text-align: left;
	}

	.mobile-promo h3 {
		font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 600;
		color: #EBEEF3;
		line-height: 4.5vw;
		font-size: 4.5vw;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		padding-right: 0.5vw;
	}

	.promo-image {
		width: 60vw;
		margin-top: 0vw;
	}
	
	p.callout-txt
	{
		font-size: 5vw;
		padding-top: 0vw;
		padding-bottom: 0vw;
		line-height: 1.2;
	}
	
	img.logo-d1
	{
		display: none;
	}

	img.logo-mobile {
		width: 60%;
		display: inline-block;
	}
	
	.desktop-arrow
	{
		display: none;
	}
	
	.mobile-arrow
	{
		display: inline;
	}
	
	.arrow-img,
	.bottom-lightbox .arrow-img
	{
		height: 7vw;
	}
	
	.dtn-btn, .learn-btn
	{
		padding: 2vw 2.5vw;
		font-size: 6.5vw;
	}
	
	.small-text {
		font-size: 4.5vw;
	}

	.dtn-btn
	{
        padding: 0.5vw 0.5vw 0.5vw 0.5vw;
        margin-top: 2vw;
        font-size: 3.8vw;
        line-height: 5vw;
        font-weight: bold;
        width: 25vw;
        text-align: center;
	}

	.flags-img,
	.box-shadow,
	.vvc-img
	{
		display: none;
	}
	
	.lunette-container .callout-container
	{
		padding: 10vw 0vw 9vw 0vw;
		background: url(https://s3.us-east-1.amazonaws.com/content.cdrfg.com/lightbox/dav/dav-mem-tshirt-dec-2026/images/dav-mem-tshirt-yearend-2026-lb-mb-fixed.jpg);
		background-size: 100%;
		background-color: #005D7D;
		background-position: top;
		background-repeat: no-repeat;
		justify-content: center;
		text-align: center;
		background-size: cover;
	}

	.header-image {
		margin-bottom: 2vw;
	}

	.header-image img {
		height: 21vw;
		margin-bottom: 0vw;
	}
	
	.sub-image img {
		height: 11vw;
	}
	
	.callout-wrapper
	{
		width: 100%;
		text-align: center;
		padding: 0;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.bottom-lightbox
	{
		background: url(https://s3.us-east-1.amazonaws.com/content.cdrfg.com/lightbox/dav/dav-mem-tshirt-dec-2026/images/dav-mem-tshirt-yearend-2026-lb-mb-mobile-scroll.jpg);
		background-size: cover;
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #909090;
		padding: 4vw 0 3vw 0;
	}
	
	.bottom-lightbox a.close-btn
	{
		top: 2vw;
		right: 2vw;
	}
	
	.bottom-lightbox .callout-container
	{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
		margin-left: 10vw;
		width: 100%;
		font-size: 4.5vw;
		line-height: 5vw;
	}

	.eg-box span {
		font-size: 2.5vw;
		line-height: 2.5vw;
		padding-top: 3vw;
	}

	.bottom-lightbox .callout-container .bottom-text-mobile {
		/* padding-bottom: 1vw; */
		display: inline-block;
		color: #BED12B;
		font-size: 4.5vw;
		line-height: 4.5vw;
		text-align: left;
		padding-top: 0.5vw;
	}

	.bottom-lightbox .callout-container p {
		color: #fff;
		flex-direction: column;
		font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding: 0;
		font-weight: 400;
		margin: 0;
		font-size: 3.5vw;
        line-height: 4vw;
        padding-bottom: 1vw;
		text-align: left;
	}

	.right-text h2 {
		font-size: 11.9vw;
		line-height: 11.2vw;
	}

	.right-text p {
        font-size: 4vw;
        line-height: 4.5vw;
        text-align: left;
        font-weight: 700;
	}

	.right-text .bottom-text {
        font-weight: 700;
        color: #BED12B;
		font-size: 5.9vw;
        line-height: 6vw;
		margin-bottom: 5vw;
		text-align: center;
	}

	.right-text .sub-message {
		font-size: 2.5vw;
		line-height: 2.5vw;
		padding-top: 5vw;
	}

	.right-text  h3{
		line-height: 4.8vw;
		font-size: 4vw;
	}

	.right-text  h4{
		line-height: 6vw;
		font-size: 6vw;
		padding: 0;
		font-weight: bold;
	}

	.sub-text {
		line-height: 3.8vw;
		font-size: 3.4vw;
		margin-top: 1.5vw;
	}

	.right-text h5{
		line-height: 7vw;
		font-size: 6vw;
		margin: 2vw 0 0vw 0;
		font-weight: bold;
	}

	.left-text p {
		margin-top: 4vw;
		font-size: 4.2vw;
		margin-bottom: 3vw;
	}

	.left-text .lnk-not-member {
		font-size: 3vw;
		margin-top: 3.5vw;
		font-weight: 600;
	}

	.desktop-header {
		display: none;
	} 
	
	.mobile-header {
		display: block;
		text-align: center;
	}

	.mobile-header img {
		width: 64vw;
		padding: 1vw 0 1vw 0;
	}
	
	.bottom-lightbox .dtn-btn
	{
		padding: 0.2vw 0vw 0.2vw 0vw;
		font-size: 3vw;
		line-height: 5vw;
		font-weight: bold;
		width: 21vw;
		text-align: center;
		margin-top: 0vw;
		margin-bottom: 0vw;
		margin-right: 0;
		margin-left: 0;
		height: 5.5vw;
	}

	.callout-container {
		width: 100%;
	}
	
	.bottom-lightbox p.callout-txt
	{
		font-size: 5.5vw;
		margin-bottom: 1vw;
		/* width: 61%; */
		/* padding: 2vw 13vw 0vw 13vw */
	}
	
	.mobile-widget-logo
	{
		width: 61%;
		margin-top: 15vw;
	}
}


	.right-text {
		position: relative;
	}
	.right-text::after {
		/* content: "*with minimum payment of $40, t-shirt design subject to change";
		display: block;
		position: absolute;
		text-align: center;
		margin: 0px auto;
		color: #000;
		font-size: 1.1vw;
		font-weight: bold;
		width: 100%;
		margin-top: 3%;
		line-height: 1.1vw;
		text-shadow: 0px 0px 14px #fff;
		font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 200; */
	}

	.bottom-lightbox::after {
		/* content: "*with minimum payment of $40, t-shirt design subject to change";
		display: block;
		position: absolute;
		text-align: center;
		margin: 0px auto;
		color: gray;
		font-size: 1vw;
		font-weight: bold;
		width: 100%;
		margin-top: 0%;
    	line-height: 1.2vw;
    	text-shadow: 0px 0px 14px #fff;
   		font-family: "klavika-web-condensed", "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif; */
	}
	@media screen and (max-width: 768px){
		.right-text::after {
			margin-top: 11%;
			line-height: 2.2vw;
			font-size: 1.8vw;
		}
		.bottom-lightbox::after {
			text-align: right;
			margin-top: 3%;
			right: 5% !important;
			font-size: 2vw;
		}
	}
	@media screen and (max-width: 480px){
		.right-text::after {
			 margin-top: 1% !important;
			font-size: 10px;
		}
	}