@charset "UTF-8";

/*---------------------------------------- UNIVERSAL STYLES ----------------------------------------*/		

html, body {
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	height: 100%;
	line-height: 1.65em;
	margin-left: auto;
	margin-right: auto;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-size: 2.8em;
	text-align: center;
	line-height: 1.4em;
}
.lnk{
	text-decoration: none;
}
h1, h2, h3, h4 {
	font-weight: 700;
	text-transform: capitalize;
}

p {
	margin: 0 0 1em;
}

hr {
	border-top: 1px solid #ddd;
	margin-bottom: 15px;
	margin-top: 15px;
}

blockquote {
	background: #eee;
	border-left: 4px solid #147ac6;
	font-size: 1em;
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	html, body {
		font-size: 16px;
	}
	
	h1 {
		font-size: 1.75em;
		margin-top: 10px;
	}
	
	h2 {
		font-size: 1.4em;
	}
	
	h3 {
		font-size: 1.25em;
	}

}

/*----- Small -----*/
@media(min-width: 768px) and (max-width: 991px){
	
}

/*----- Medium -----*/
@media(min-width: 992px) and (max-width: 1199px){
	
}

/*----- Large -----*/
@media(min-width: 1200px){

}

/*---------------------------------------- LINKS & BUTTONS ----------------------------------------*/

a {
	color: #147ac6;
}
a:active,
a:hover {
	color: #147ac6;
	text-decoration: underline;
}

p a,
blockquote a,
li a {
	font-weight: 700;
}
button.age{
	width: 100%;
    display: block;
	width:100%;
    height: 66px;
    background-color: #ff6b00;
    color: #fff;
	text-align: center;
}

button {
	background-color:transparent;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-weight: 700;
	padding: 0 10px;
	font-size:20px;
}
button:active,
button:hover {
	background-color : coral;
	text-decoration: none;
}

button:focus {
	outline: 0;
}

button span {
	color: #147ac6;
}

.buttonWrapper {
	text-decoration: none;
}

 .buttonWrapper:hover {
	text-decoration: none;
}

.articleBody .buttonWrapper {
	display: contents;
	text-decoration: none;
}

.heroContainer button,
.articleBody button {
	
	font-size: 1.25em;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding: 15px 25px;
	text-transform: uppercase;
}

/*---------------------------------------- HEADER ----------------------------------------*/

.containerHeader {
    background-color: #0e3b51;
    border-top: 4px solid #147ac6;
	padding: 5px 0 10px;
	width: 100%;
}

header {
    background-image: url("../img/logo1.png");
    background-repeat: no-repeat;
    background-size: 250px 56px;
    font-size: 0.85em;
    height: 73px;
    width: 100%;
    background-position-y: 10px;
}

header button {
	margin-top: 23px;
	display: inline-flex;
    align-items: center;
}

button svg {
	display: block;
    vertical-align: middle;
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	header {
		background-size: 150px 34px;
		width: 100%;
		height: 45px;
	}
	
	header button {
		font-size: 0.85em;
		margin-top: 12px;
	}

}

/*---------------------------------------- MAIN BODY ----------------------------------------*/

.containerBody {
	margin-bottom: 100px;
	margin-top: 20px;
}

.articleInfo {
	color: #999;
	font-size: 0.85em;
	line-height: 1.5em;
}

.articleCategory {
	color: #147ac6;
	font-weight: 700;
	text-transform: uppercase;
}

.articleAuthor {
	color: #147ac6;
	font-size: 0.85em;
	text-align: left;
}

.photoAuthor{
	height: 25px;
	margin-right: 8px;
	width: 25px;
}

.articleHeadshot {
	border: 1px solid #147ac6;
}

.socialButtons {
	text-align: right;
}

#hero {
	height: auto;
	margin: 20px 0 1.5em;
	width: 100%;
}

.articleBody {
	margin-left: auto;
	margin-right: auto;
	max-width: 940px;
}

.containerArticleImage {
	margin: 20px 0 1.5em;
}

.articleImageContainer {
	margin-bottom: 15px;
}

.articleImageContainer img {
	margin-left: auto;
	margin-right: auto;
}

.trusted {
	margin-bottom: 15px;
}

#disclaimer {
	color: #999;
	font-size: 0.75rem;
	line-height: 1.5em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	max-width: 940px;
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	.containerBody {
		margin-top: 10px;
	}

}

/*---------------------------------------- FOOTER ----------------------------------------*/

.containerFooter {
	
	padding: 30px 0 50px;
	width: 100%;
	color:black !important;
}

footer {
	
	font-size: 0.65em;
	line-height: 1.25em;
}
.htm{
	height:100px;
	background-color: #454594;
	width: 100%;
}


.footerNav li a {
	color: gray;
	font-size: 0.75rem;
	font-weight: 700;
}
.copyright{
	font-size:15px;
}

/*---------------------------------------- INFO TABLE ----------------------------------------*/

.infoTable {
	color: #666;
	font-size: 20px;
	line-height:1.35em;
	margin: 20px 0 2em;
	text-align: center;
	width:100%;
}

.infoTableHeader {
	background-color: #147ac6;
	color: #fff;
	font-weight: 700;
	margin-bottom: 2px;
	padding: 2px 10px;
	text-transform: uppercase;
}

.infoTableContent {
	background-color: #efefef;
	min-height: 190px;
	padding: 10px 15px 15px;
}


/*----- Extra Small -----*/
@media(max-width: 767px){

	.infoTable {
		margin: 20px 0 1em;
	}

	.infoTableContent {
		margin-bottom: 20px;
		min-height: 10px;
	}

}

/*----- Small -----*/
@media(min-width: 768px) and (max-width: 991px){

	.infoTable {
		margin: 20px 0 1em;
	}

	.infoTableContent {
		margin-bottom: 20px;
		min-height: 140px;
	}

}

/*----- Medium -----*/
@media(min-width: 992px) and (max-width: 1199px){

}

/*----- Large -----*/
@media(min-width: 1200px){

}

/*---------------------------------------- SVG MAP ----------------------------------------*/

.stateText {
	fill: #FFFFFF;
	pointer-events: none;
}

.stateImage {
	fill: #F8991D;
}

.stateButton {
	fill: #000;
}

.stateImage,
.stateButton {
	cursor: pointer;
	transition: 0.4s;
}

.stateImage:hover,
.stateButton:hover {
	fill: #cc0000;
}

/*---------------------------------------- WIDGETS, MACROS, ETC. ----------------------------------------*/


/*--AGE SELECT--*/

.containerAge {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	max-width: 600px;
}

.containerAge h3 {
	color: #147ac6;
	text-align: center;
}

.containerAge .buttonAge {
	background-color: #eee;
	border: 2px solid #fff;
	font-size: 1.25em;
	padding: 25px 0;
	text-align: center;
}
.containerAge .buttonAge:hover {
	background-color: #ddd;
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	.containerAge {
		max-width: 300px;
	}

}

@media (min-width: 960px) {
	.BoxuiGrid-grid-md-12 {
		flex-grow: 0;
		max-width: 100%;
		flex-basis: 100%;
	}
}

.BoxuiGrid-grid-xs-12 {
	flex-grow: 0;
	max-width: 100%;
	flex-basis: 100%;
}

.BoxuiGrid-item {
	margin: 0;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.ageSelectTitle {
	text-align: center;
	color: #147ac6;
	font-family: Roboto, "helvetica neue", Helvetica, Arial, sans-serif;
	font-size: 21.3333px;
}

.BoxuiGrid-justify-content-xs-center {
	justify-content: center;
}

.BoxuiGrid-align-content-xs-center {
	align-content: center;
}

.BoxuiGrid-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.hover-card {
	display: block;
	float: left;
	flex-wrap: wrap;
	margin: 10px 7px;
	padding: 24px 12px;
	width: 17%;
	border: 3px solid #147ac6;
	border-radius: 6px;
	cursor: pointer;
}

.auto_savings_link {
	text-decoration: none;
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
	.hover-card {
		width: 37%;
	}
}

.img-fluid {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border-style: none;
}

.hover-card-text {
	width: 100%;
	color: #147ac6;
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	text-align: center !important;
	line-height: 21px;
	margin-bottom: 14px;
	margin-top: 14px;
}

.hover-card:hover {
	background-color: #147ac6;
	color: #fff;
}

.hover-card:hover .hover-card-text {
	color: #fff;
	text-decoration: underline;
}


 #didYouKnow_Body_Container {
            background-image: url("../img/didYouKnow_Body_bg.png");
            background-repeat: no-repeat;
            border: 1px solid #000;
            color: #000;
            cursor: pointer;
            font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
            font-weight: bold;
            height: 248px;
            overflow: hidden;
            position: relative;
            width: 808px;
        }

        #didYouKnow_Body_Photo {
            animation-name: didYouKnow_Body_PhotoAnim;
            -moz-animation-name: didYouKnow_Body_PhotoAnim;
            animation-duration: 1000ms;
            -moz-animation-duration: 1000ms;
            position: absolute;
            top: -4px;
            z-index: 300;
        }

        @keyframes didYouKnow_Body_PhotoAnim {
            from {
                top: -300px;
            }

            to {
                top: -4px;
            }
        }

        #didYouKnow_Body_Date {
            font-size: 17px;
            position: absolute;
            right: 10px;
            text-decoration: none;
            top: 7px;
            z-index: 300;
        }

        .didYouKnow_Body_Btn {
            background-color: #4eaee8;
            border: 2px solid #000;
            color: #fff;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 20px;
            font-weight: bold;
            height: 40px;
            padding: 3px 0 0;
            position: absolute;
            text-align: center;
            -webkit-transition: -webkit-transform .2s ease-out;
            -moz-transition: -moz-transform .2s ease-out;
            -o-transition: -o-transform .2s ease-out;
            -ms-transition: -ms-transform .2s ease-out;
            transition: transform .2s ease-out;
            width: 150px;
            z-index: 300;
        }

        .didYouKnow_Body_Btn:hover {
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2);
        }

        #didYouKnow_Body_Btn1 {
            animation-delay: 1000ms;
            -moz-animation-delay: 1000ms;
            animation-duration: 3s;
            -moz-animation-duration: 3s;
            animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-name: didYouKnow_Body_Btn1Anim;
            -moz-animation-name: didYouKnow_Body_Btn1Anim;
            left: 19px;
            top: 167px;
        }

        @keyframes didYouKnow_Body_Btn1Anim {
            0% {
                top: 167px;
            }

            10% {
                top: 157px;
            }

            20% {
                top: 167px;
            }
        }

        #didYouKnow_Body_Btn2 {
            animation-delay: 1250ms;
            -moz-animation-delay: 1250ms;
            animation-duration: 3s;
            -moz-animation-duration: 3s;
            animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-name: didYouKnow_Body_Btn2Anim;
            -moz-animation-name: didYouKnow_Body_Btn2Anim;
            left: 174px;
            top: 167px;
        }

        @keyframes didYouKnow_Body_Btn2Anim {
            0% {
                top: 167px;
            }

            10% {
                top: 157px;
            }

            20% {
                top: 167px;
            }
        }

        #didYouKnow_Body_Btn3 {
            animation-delay: 1500ms;
            -moz-animation-delay: 1500ms;
            animation-duration: 3s;
            -moz-animation-duration: 3s;
            animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-name: didYouKnow_Body_Btn3Anim;
            -moz-animation-name: didYouKnow_Body_Btn3Anim;
            left: 329px;
            top: 167px;
        }

        @keyframes didYouKnow_Body_Btn3Anim {
            0% {
                top: 167px;
            }

            10% {
                top: 157px;
            }

            20% {
                top: 167px;
            }
        }

        #didYouKnow_Body_Btn4 {
            animation-delay: 1750ms;
            -moz-animation-delay: 1750ms;
            animation-duration: 3s;
            -moz-animation-duration: 3s;
            animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-name: didYouKnow_Body_Btn4Anim;
            -moz-animation-name: didYouKnow_Body_Btn4Anim;
            left: 484px;
            top: 167px;
        }

        @keyframes didYouKnow_Body_Btn4Anim {
            0% {
                top: 167px;
            }

            10% {
                top: 157px;
            }

            20% {
                top: 167px;
            }
        }

        #didYouKnow_Body_Btn5 {
            animation-delay: 2000ms;
            -moz-animation-delay: 2000ms;
            animation-duration: 3s;
            -moz-animation-duration: 3s;
            animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-name: didYouKnow_Body_Btn5Anim;
            -moz-animation-name: didYouKnow_Body_Btn5Anim;
            left: 639px;
            top: 167px;
        }

        @keyframes didYouKnow_Body_Btn5Anim {
            0% {
                top: 167px;
            }

            10% {
                top: 157px;
            }

            20% {
                top: 167px;
            }
        }

        .btm-button {
            background-color: rgb(1, 56, 94);
            flex-direction: row;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 15px;
            padding-bottom: 15px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            margin-top: 20px;
            width: 100%;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .btm-button h1 {
            margin: 0;
            line-height: normal;
            color: white;
            font-size: 24px;
        }

        .btm-button #chevron {}

.contentDiv {
                float: left;
                width: calc(100% - 330px);
                text-align: left;
            }

            .sidebar {
                width: 300px;
                float: right;
                background-color: gold;
            }

            @media (max-width: 767px) {
                .sidebar {
                    clear: both;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                }

                .contentDiv {
                    width: 100%;
                }
            }

 #didYouKnow_Right_Container {
                                background-image: url("../img/didYouKnow_Right_bg.webp");
                                background-repeat: no-repeat;
                                border: 1px solid #000;
                                color: #000;
                                cursor: pointer;
                                font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
                                font-weight: bold;
                                height: 448px;
                                overflow: hidden;
                                position: relative;
                                width: 298px;
                            }

                            #didYouKnow_Right_Photo {
                                animation-name: didYouKnow_Right_PhotoAnim;
                                -moz-animation-name: didYouKnow_Right_PhotoAnim;
                                animation-duration: 1000ms;
                                -moz-animation-duration: 1000ms;
                                position: absolute;
                                top: -4px;
                                z-index: 300;
                            }

                            @keyframes didYouKnow_Right_PhotoAnim {
                                from {
                                    top: -250px;
                                }

                                to {
                                    top: -4px;
                                }
                            }

                            #didYouKnow_Right_Date {
                                font-size: 17px;
                                position: absolute;
                                right: 10px;
                                text-decoration: none;
                                top: 0;
                                z-index: 300;
                            }

                            .didYouKnow_Right_Btn {
                                background-color: #4eaee8;
                                border: 2px solid #000;
                                color: #fff;
                                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                                font-size: 20px;
                                font-weight: bold;
                                height: 40px;
                                padding: 3px 0 0;
                                position: absolute;
                                text-align: center;
                                -webkit-transition: -webkit-transform .2s ease-out;
                                -moz-transition: -moz-transform .2s ease-out;
                                -o-transition: -o-transform .2s ease-out;
                                -ms-transition: -ms-transform .2s ease-out;
                                transition: transform .2s ease-out;
                                width: 120px;
                                z-index: 300;
                            }

                            .didYouKnow_Right_Btn:hover {
                                -webkit-transform: scale(1.2);
                                -moz-transform: scale(1.2);
                                -o-transform: scale(1.2);
                                transform: scale(1.2);
                            }

                            #didYouKnow_Right_Btn1 {
                                animation-delay: 1000ms;
                                -moz-animation-delay: 1000ms;
                                animation-duration: 3s;
                                -moz-animation-duration: 3s;
                                animation-iteration-count: infinite;
                                -moz-animation-iteration-count: infinite;
                                animation-name: didYouKnow_Right_Btn1Anim;
                                -moz-animation-name: didYouKnow_Right_Btn1Anim;
                                left: 25px;
                                top: 271px;
                            }

                            @keyframes didYouKnow_Right_Btn1Anim {
                                0% {
                                    top: 271px;
                                }

                                10% {
                                    top: 261px;
                                }

                                20% {
                                    top: 271px;
                                }
                            }

                            #didYouKnow_Right_Btn2 {
                                animation-delay: 1250ms;
                                -moz-animation-delay: 1250ms;
                                animation-duration: 3s;
                                -moz-animation-duration: 3s;
                                animation-iteration-count: infinite;
                                -moz-animation-iteration-count: infinite;
                                animation-name: didYouKnow_Right_Btn2Anim;
                                -moz-animation-name: didYouKnow_Right_Btn2Anim;
                                left: 155px;
                                top: 271px;
                            }

                            @keyframes didYouKnow_Right_Btn2Anim {
                                0% {
                                    top: 271px;
                                }

                                10% {
                                    top: 261px;
                                }

                                20% {
                                    top: 271px;
                                }
                            }

                            #didYouKnow_Right_Btn3 {
                                animation-delay: 1500ms;
                                -moz-animation-delay: 1500ms;
                                animation-duration: 3s;
                                -moz-animation-duration: 3s;
                                animation-iteration-count: infinite;
                                -moz-animation-iteration-count: infinite;
                                animation-name: didYouKnow_Right_Btn3Anim;
                                -moz-animation-name: didYouKnow_Right_Btn3Anim;
                                left: 25px;
                                top: 321px;
                            }

                            @keyframes didYouKnow_Right_Btn3Anim {
                                0% {
                                    top: 321px;
                                }

                                10% {
                                    top: 311px;
                                }

                                20% {
                                    top: 321px;
                                }
                            }

                            #didYouKnow_Right_Btn4 {
                                animation-delay: 1750ms;
                                -moz-animation-delay: 1750ms;
                                animation-duration: 3s;
                                -moz-animation-duration: 3s;
                                animation-iteration-count: infinite;
                                -moz-animation-iteration-count: infinite;
                                animation-name: didYouKnow_Right_Btn4Anim;
                                -moz-animation-name: didYouKnow_Right_Btn4Anim;
                                left: 155px;
                                top: 321px;
                            }

                            @keyframes didYouKnow_Right_Btn4Anim {
                                0% {
                                    top: 321px;
                                }

                                10% {
                                    top: 311px;
                                }

                                20% {
                                    top: 321px;
                                }
                            }

                            #didYouKnow_Right_Btn5 {
                                animation-delay: 2000ms;
                                -moz-animation-delay: 2000ms;
                                animation-duration: 3s;
                                -moz-animation-duration: 3s;
                                animation-iteration-count: infinite;
                                -moz-animation-iteration-count: infinite;
                                animation-name: didYouKnow_Right_Btn5Anim;
                                -moz-animation-name: didYouKnow_Right_Btn5Anim;
                                left: 90px;
                                top: 371px;
                            }

                            @keyframes didYouKnow_Right_Btn5Anim {
                                0% {
                                    top: 371px;
                                }

                                10% {
                                    top: 361px;
                                }

                                20% {
                                    top: 371px;
                                }
                            }