body
{
	width: 100%;
	overflow-x: hidden;
	font-size: 12pt;
}

h1, h2, h3, h4, h5 {color: #002e6b;}

li.nav-item a, li.nav-item a:link
{
	font-weight: bold;
	font-size: 10pt;
	letter-spacing: 0.04em;
	text-decoration: none;
}

.navbar-dark { background: #002e6b !important; }

.navbar
{
	padding: 0px !important;
	margin: 0px !important;
}

#DIPreNav { margin-top: 2px; }
.preNav1 { padding: 0px 0px !important; }

.preNav1 ul > li > a
{
	padding: 5px 5px !important;
	font-size: 8pt;
	letter-spacing: 0.1em !important;
}

.preNav1 li a, .preNav1 li a:link { font-family: 'MMSharp' !important; }
.preNav1 li:last-child a { padding-right: 0px !important; }
a:link { text-decoration: underline; }

a .ChargeBtn
{
	width: 100%;
	background-color: #002e6b;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	border-radius: 40px !important;
	padding: 10px 20px;
}

a:hover .ChargeBtn
{
	background-color: #0265ff;
	color: #ffffff;
}

.flexiCol { flex-direction: column; }

.iconer
{
	width: 120px;
	height: 120px;
	padding: 10px;
	flex-direction: column;
	text-align: center !important;
	float: right;
}

.iconer img
{
	width: 80px;
	height: 80px;
}

.fourty
{
	width: 40px height:40px;
	background: #ccc;
}

#vidOne
{
	background-color: #4ec8eb;
	background-image: url("https://mediaassets.massmutual.com/landingpages/images/AN7886-WEB-slides-02-020724.png");
	background-size: cover;
	border: thin solid #f8be15;
	border-bottom: thin solid #f8be15 !important;
}

#vidTwo
{
	background-color: #4ec8eb;
	background-image: url("https://mediaassets.massmutual.com/landingpages/images/AN7886-WEB-slides-03-020724.png");
	background-size: cover;
	border: thin solid #f8be15;
	border-bottom: thin solid #f8be15 !important;
}

#vidThree
{
	background-color: #4ec8eb;
	background-image: url("https://mediaassets.massmutual.com/landingpages/annuities/images/AN2715p-slide-03-091323.png");
	background-size: cover;
	border: thin solid #f8be15;
	border-bottom: thin solid #f8be15 !important;
}

#vidFour
{
	background-color: #4ec8eb;
	background-image: url("https://mediaassets.massmutual.com/landingpages/annuities/images/AN7886-slide-envision-rates-041024.png");
	background-size: cover;
	border: thin solid #f8be15;
	border-bottom: thin solid #f8be15 !important;
}

#vidFive
{
	background-color: #4ec8eb;
	background-image: url("https://mediaassets.massmutual.com/landingpages/images/AN7886-WEB-slides-01-020724.png");
	background-size: cover;
	border: thin solid #f8be15;
	border-bottom: thin solid #f8be15 !important;
}

#vidSix
{
	background-color: #4ec8eb;
	background-image: url("https://mediaassets.massmutual.com/landingpages/annuities/images/vidtest1.jpg");
	background-size: cover;
	border: thin solid #f8be15;
	border-bottom: thin solid #f8be15 !important;
}

.ytp-title-link yt-uix-sessionlink { font-family: 'MMSharp', 'Century Gothic', Arial, sans-serif !important; }

.ytp-large-play-button
{
	width: 150px !important;
	height: 150px;
}

.carousel { margin-bottom: 20px; }
.carousel-inner2 .carousel-item.active,
		.carousel-inner2 .carousel-item-next,
		.carousel-inner2 .carousel-item-prev { display: flex; }
.vidlink { margin-bottom: 20px; }
.carousel-inner2 .carousel-item-right, .carousel-inner2 .carousel-item-left { transform: translateX(0); }

.top-content .carousel-control-prev
{
	left: -20px;
	margin-top: -4.5%;
}

.top-content .carousel-control-next
{
	right: -20px;
	margin-top: -5%;
}

.top-content
{
	background-image: none !important;
	background: none;
	height: auto !important;
}

.mm-hero-container
{
	display: block;
	width: 100%;
}

.mm-hero-center-align { margin-bottom: 30px; }
.mm-hero-center-align h1 { font-size: 40px; }

.home-2022
{
	background: #f0f0ee url('https://mediaassets.massmutual.com/landingpages/annuities/images/AN2715p-hero-home-090122.jpg') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.engagement
{
	background: #002e6b url('https://mediaassets.massmutual.com/landingpages/annuities/images/AN2715p-hero-ST-101123.jpg') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.signup01
{
	display: block;
	width: 100%;
	margin-top: 20px;
	background: #4cc8eb;
}

.signup01-bg
{
	display: block;
	width: 100%;
	height: 100%;
	min-height: 190px;
	max-height: 350px;
	background: #002e6b url('https://mediaassets.massmutual.com/landingpages/annuities/images/AN2715p-sign-up-01-090122.png') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.signup02
{
	display: block;
	width: 100%;
	margin-top: 20px;
	background: #002e6b;
	text-decoration: none;
}

.box-title
{
	display: block;
	padding: 10px 20px 20px;
	color: #ffffff;
}

.feat-boxes a:link { text-decoration: none !important; }
.feat-boxes a:hover { text-decoration: none !important; }
.signup01:hover, .signup02:hover { cursor: pointer; }

.signup02-bg
{
	display: block;
	width: 100%;
	height: 100%;
	min-height: 190px;
	max-height: 350px;
	background: #002e6b url('https://mediaassets.massmutual.com/landingpages/annuities/images/AN2715p-sign-up-02-090122.png') top center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.signup03-bg
{
	display: block;
	width: 100%;
	height: 100%;
	min-height: 190px;
	max-height: 350px;
	background: #002e6b url('https://mediaassets.massmutual.com/landingpages/annuities/images/feat-boxes-spark-082625.png') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.signup04-bg
{
	display: block;
	width: 100%;
	height: 100%;
	min-height: 190px;
	max-height: 350px;
	background: #002e6b url('https://mediaassets.massmutual.com/landingpages/annuities/images/feat-boxes-illustration-061223.png') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.signup05-bg
{
	display: block;
	width: 100%;
	height: 100%;
	min-height: 190px;
	max-height: 350px;
	background: #002e6b url('https://mediaassets.massmutual.com/landingpages/annuities/images/feat-boxes-laptop-061223.png') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

a .signup01 .ChargeBtn
{
	background-color: #002e6b;
	color: #ffffff;
}

a:hover .signup01 .ChargeBtn
{
	background-color: #0265FF;
	color: #ffffff;
}

a .signup02 .ChargeBtn
{
	max-width: 190px;
	background-color: #4cc8eb;
	color: #002e6b;
	padding: 10px 0px !important;
}

a:hover .signup02 .ChargeBtn
{
	background-color: #0265FF;
	color: #ffffff;
}

.signupCol a { text-decoration: none !important; }
.rateContainer a { text-decoration: none !important; }

.rateContainer a .rateButtons
{
	display: block;
	color: #002e6b;
	padding: 10px 15px;
	background: rgba(255,255,255,0.6);
	font-weight: 700;
	text-decoration: none;
	margin-bottom: 20px;
}

.hide1 { display: none; }

.sub-headline
{
	color: #002e6b !important;
	font-size: 24px;
	margin: 0px 0px 70px !important;
	font-weight: 400;
	line-height: 1.2em !important;
}

.rateContainer a:hover .rateButtons
{
	background: #0265FF;
	text-decoration: none;
	color: #ffffff;
	transition: all 1s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.download-icon-02
{
	display: block;
	width: 100%;
}

.download-icon-02 .st0
{
	fill: none;
	stroke: #002e6b;
	stroke-width: 2;
	stroke-linecap: square;
	stroke-linejoin: round;
	stroke-miterlimit: 2.6131;
}

.download-icon-02 .st1
{
	fill: none;
	stroke: #002e6b;
	stroke-width: 2;
	stroke-linejoin: round;
	stroke-miterlimit: 2.6131;
}

.download-icon-02 .st2
{
	fill: none;
	stroke: #002e6b;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 2.6131;
}

.download-icon-02 .st3 { fill: #002e6b; }

a:hover .download-icon-02 .st3
{
	fill: #FFFFFF;
	transition: all 1s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

a:hover .download-icon-02 .st0, a:hover .download-icon-02 .st1, a:hover .download-icon-02 .st2
{
	stroke: #FFFFFF;
	fill: none;
	transition: all 1s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.downloadIcon01
{
	display: block;
	width: 100%;
}

.downloadIcon01 .st0
{
	fill: #FFFFFF;
	stroke: #4EC8EB;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-miterlimit: 10;
}

.downloadIcon01 .st1
{
	fill: none;
	stroke: #002e6b;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

a:hover .downloadIcon01 .st1
{
	fill: none;
	stroke: #ffffff;
	transition: all 1s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.img-fluid { border: none !important; }

#brochures a img
{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	border: 1px solid #b3b3b3 !important;
	transition: all 1s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

#brochures a:hover img
{
	border: 1px solid #0265FF !important;
	transition: all 1s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.intro01 { padding-top: 30px; }
#brochures .wow { margin-bottom: 30px; }
.bordRight { border-right: none; }
#DINav, #DIPreNav { width: auto; }

.mm-hero
{
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 310px;
}

.panel-body a:link img, .panel-body a:visited img, .content a:link img, .content a:visited img { border: 1px solid #e3e3e3 !important; }
.panel-body a:hover img, .panel-body a:active img, .content a:hover img, .content a:active img { border: 1px solid #007bff !important; }


.homer
{
	background-image: url("https://mediaassets.massmutual.com/landingpages/annuities/images/homer_hero.jpg");
	background-position: center center;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}

.engagement
{
	background-image: url("https://mediaassets.massmutual.com/landingpages/annuities/images/engage_hero.jpg");
	background-position: center center;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}

.accum
{
	background-image: url("https://mediaassets.massmutual.com/landingpages/annuities/images/accum.jpg");
	background-position: top center;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}

.accum2
{
	background-image: url("https://mediaassets.massmutual.com/landingpages/annuities/images/accum2.jpg");
	background-position: center top;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}

.income
{
	background-image: url("https://mediaassets.massmutual.com/landingpages/annuities/images/incomeHero.jpg");
	background-position: center center;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}

.company
{
	background-image: url("https://mediaassets.massmutual.com/landingpages/annuities/images/aboutHero.jpg");
	background-position: center center;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}

.claims
{
	background-image: url("https://mediaassets.massmutual.com/landingpages/annuities/images/claims.jpg");
	background-position: center center;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}

@media screen and (min-width: 576px)
{
	.accum2
	{
		margin: 0px 0px 0px;
		background-size: cover;
		background-position: center center;
	}
}

@media screen and (min-width: 768px)
{
	.accum2
	{
		padding-top: 40px;
		padding-bottom: 40px;
		margin: 0px 0px 0px;
		background-size: cover;
		background-position: center -40px;
	}
}

@media screen and (min-width: 1200px)
{
	.accum2 { background-position: center -180px; }
}



@media screen and (min-width: 576px)
{
	.mm-hero-center-align
	{
		min-height: auto !important;
		margin-top: 40px;
		margin-bottom: 50px;
	}
	
	.hide { display: block; }
	.intro01 { padding-top: 0px; }
}

@media screen and (min-width: 768px)
{
	.bordRight { border-right: 3px dotted #dddddd; }
	.carousel-inner2 .carousel-item-right.active, .carousel-inner2 .carousel-item-next { transform: translateX(16.666%); }
	.carousel-inner2 .carousel-item-left.active, .carousel-inner2 .carousel-item-prev { transform: translateX(-16.666%); }
}

@media screen and (max-width: 767px)
{
	.mobileInline
	{
		display: inline-block !important;
		margin: 0px 0px 0px !important;
		padding 0px:  !important;
	}
	
	.hide-02 { display: none; }
	.show-02 { display: block; }
	
	.dropdown-menu
	{
		background: none !important;
		border: 0;
		text-align: right;
	}
	
	.dropdown-menu a:link, .dropdown-menu a:visited
	{
		background: none !important;
		color: rgba(255,255,255,0.6);
		margin: 0px 0px 5px;
	}
	
	.engagement
	{
		background: #002e6b url('https://mediaassets.massmutual.com/landingpages/annuities/images/AN2715p-hero-ST-101123.jpg') center left no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.dropdown-menu a:hover { color: rgba(255,255,255,1); }
	h1 { font-size: 32px !important; }
	.sub-headline { font-size: 20px !important; }
	.top-content { padding: 20px 0 40px 0; }
	.home-2022 { padding: 100px 0px 40px !important; }
}

@media (max-width: 768px)
{
	.top-content { background-image: none; }
	.carousel-inner2 .carousel-item > div { /*display: none;*/ }
	.carousel-inner2 .carousel-item > div:first-child { display: inline; }
	.carousel-inner2 .carousel-item-right.active, .carousel-inner2 .carousel-item-next { transform: translateX(33.333%); }
	.carousel-inner2 .carousel-item-left.active, .carousel-inner2 .carousel-item-prev { transform: translateX(-33.333%); }
	.hero-hide { display: none; }
	.top-content { background-image: none; }
	.carousel-inner2 .carousel-item > div { /*display: none;*/ }
	.carousel-inner2 .carousel-item > div:first-child { display: inline; }
	.carousel-inner2 .carousel-item-right.active, .carousel-inner2 .carousel-item-next { transform: translateX(33.333%); }
	.carousel-inner2 .carousel-item-left.active, .carousel-inner2 .carousel-item-prev { transform: translateX(-33.333%); }
}

@media (min-width: 768px)
{
	.carousel-inner2 .carousel-item-right.active, .carousel-inner2 .carousel-item-next { transform: translateX(16.666%); }
	.carousel-inner2 .carousel-item-left.active, .carousel-inner2 .carousel-item-prev { transform: translateX(-16.666%); }
	.show-02 { display: none; }
}

@media and (max-width: 991px)
{
	.engagement
	{
		background-position: center left !important;
		background-size: cover !important;
		padding-top: 60px;
		padding-bottom: 30px;
		min-height: 310px;
		margin: 0px 0px 0px;
	}
	
	.sub-headline { font-size: 24px !important; }
	.carousel { margin-bottom: 80px; }
	.home-2022 { padding: 80px 0px 20px !important; }
	h1 { font-size: 40px !important; }
}

@media screen and (min-width: 992px)
{
	.preNav1 li a { padding: 10px 10px !important; }
	.navbar ul li { padding: 12px 15px !important; }
	.navbar ul li:last-child { padding-right: 4px !important; }
	.carousel { margin-bottom: 30px; }
	.feat-docs { margin-top: 96px; }
	.sub-headline { margin: 0px 0px 0px !important; }
}

@media screen and (min-width: 1200px)
{
	.feat-docs { margin-top: 71px; }
}


@media screen and (min-width: 576px)
{
	.accum
	{
		margin: 0px 0px 0px;
		background-size: cover;
		background-position: center center;
	}
}

@media screen and (min-width: 768px)
{
	.accum
	{
		padding-top: 60px;
		padding-bottom: 60px;
		margin: 0px 0px 0px;
		background-size: cover;
		background-position: center -20px;
	}
}

@media screen and (min-width: 1200px)
{
	.accum { background-position: center -120px; }
}

.footer-container, .footer-container p, .footnote, .footnote p { font-size: 10pt !important; }
.copyr, .links { font-size: 10pt; }

.footer-container a, .footer-container .copyr, .footer-container .links,	.footer-container .copyr.force, .footer-container .links.force, .footer-container .footnote, .footer-container .footnote p, .footer-container .job
{
	font-family: 'Lato', 'Century Gothic', Arial, sans-serif !important;
	font-weight: 300;
}

a, a:link, a:visited { color: #0265ff; }
.footnote a { font-weight: 400; }
.modal-content h3 { color: #ffffff !important; }
@charset "UTF-8";
/* CSS Document */