.dt_api {
	--dt-primary: #396bad;
	--dt-secondary: #60afdd;
	--dt-cta-color: #636b31;
}
/**
 * Foundation for Sites by ZURB
 * ----- just the forms aspects we need for the select menu... 
 * Version 6.3.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
.dt_api audio,.dt_api canvas,.dt_api img,.dt_api progress,.dt_api video{display:inline-block}.dt_api pre,.dt_api textarea{overflow:auto}.dt_api button,.dt_api hr,.dt_api input{overflow:visible}.dt_api body,.dt_api button,.dt_api legend{padding:0}.dt_api img,.dt_api textarea[rows]{height:auto}.dt_api .input-group,.dt_api [type=file],.dt_api select{width:100%}.dt_api html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.dt_api article,.dt_api aside,.dt_api details,.dt_api figcaption,.dt_api figure,.dt_api footer,.dt_api header,.dt_api main,.dt_api menu,.dt_api nav,.dt_api section{display:block}.dt_api h1{font-size:2em;margin:.67em 0}.dt_api code,.dt_api kbd,.dt_api pre,.dt_api samp{font-family:monospace,monospace;font-size:1em}.dt_api figure{margin:1em 40px}.dt_api hr{box-sizing:content-box;height:0}.dt_api a{background-color:transparent;-webkit-text-decoration-skip:objects}.dt_api a:active,.dt_api a:hover{outline-width:0}.dt_api abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}.dt_api b,.dt_api strong{font-weight:bolder}.dt_api dfn{font-style:italic}.dt_api mark{background-color:#ff0;color:#000}.dt_api small{font-size:80%}.dt_api sub,.dt_api sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.dt_api sub{bottom:-.25em}.dt_api sup{top:-.5em}.dt_api audio:not([controls]){display:none;height:0}.dt_api img{border-style:none;vertical-align:middle;max-width:100%;-ms-interpolation-mode:bicubic}.dt_api svg:not(:root){overflow:hidden}.dt_api button,.dt_api input,.dt_api optgroup,.dt_api select,.dt_api textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}.dt_api button,.dt_api select{text-transform:none}.dt_api [type=reset],.dt_api [type=submit],.dt_api button,.dt_api html [type=button]{-webkit-appearance:button}.dt_api [type=button]::-moz-focus-inner,.dt_api [type=reset]::-moz-focus-inner,.dt_api [type=submit]::-moz-focus-inner,.dt_api button::-moz-focus-inner{border-style:none;padding:0}.dt_api [type=button]:-moz-focusring,.dt_api [type=reset]:-moz-focusring,.dt_api [type=submit]:-moz-focusring,.dt_api button:-moz-focusring{outline:ButtonText dotted 1px}.dt_api [type=checkbox],.dt_api [type=radio]{box-sizing:border-box;padding:0}.dt_api [type=number]::-webkit-inner-spin-button,.dt_api [type=number]::-webkit-outer-spin-button{height:auto}.dt_api [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.dt_api [type=search]::-webkit-search-cancel-button,.dt_api [type=search]::-webkit-search-decoration{-webkit-appearance:none}.dt_api ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.dt_api body,.dt_api label{font-weight:400;color:#525252}.dt_api legend{box-sizing:border-box;display:table;color:inherit;white-space:normal}.dt_api progress{vertical-align:baseline}.dt_api summary{display:list-item}.dt_api [hidden],.dt_api template{display:none}.dt_api .foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}.dt_api html{box-sizing:border-box;font-size:100%}.dt_api *,.dt_api ::after,.dt_api ::before{box-sizing:inherit}.dt_api body{margin:0;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dt_api select{box-sizing:border-box}.dt_api .map_canvas embed,.dt_api .map_canvas img,.dt_api .map_canvas object,.dt_api .mqa-display embed,.dt_api .mqa-display img,.dt_api .mqa-display object{max-width:none!important}.dt_api button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;background:0 0;line-height:1}.dt_api [data-whatinput=mouse] button{outline:0}.dt_api .is-visible{display:block!important}.dt_api .is-hidden{display:none!important}.dt_api [type=color],.dt_api [type=date],.dt_api [type=datetime-local],.dt_api [type=datetime],.dt_api [type=email],.dt_api [type=month],.dt_api [type=number],.dt_api [type=password],.dt_api [type=search],.dt_api [type=tel],.dt_api [type=text],.dt_api [type=time],.dt_api [type=url],.dt_api [type=week],.dt_api textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;margin:0 0 1rem;padding:.5rem;border:1px solid #cacaca;border-radius:3px;background-color:#fefefe;box-shadow:inset 0 1px 2px rgba(10,10,10,.1);font-family:inherit;font-size:1rem;font-weight:400;color:#525252;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dt_api [type=color]:focus,.dt_api [type=date]:focus,.dt_api [type=datetime-local]:focus,.dt_api [type=datetime]:focus,.dt_api [type=email]:focus,.dt_api [type=month]:focus,.dt_api [type=number]:focus,.dt_api [type=password]:focus,.dt_api [type=search]:focus,.dt_api [type=tel]:focus,.dt_api [type=text]:focus,.dt_api [type=time]:focus,.dt_api [type=url]:focus,.dt_api [type=week]:focus,.dt_api textarea:focus{outline:0;border:1px solid #8a8a8a;background-color:#fefefe;box-shadow:0 0 5px #cacaca;transition:box-shadow .5s,border-color .25s ease-in-out}.dt_api textarea{min-height:50px;max-width:100%}.dt_api input::-webkit-input-placeholder,.dt_api textarea::-webkit-input-placeholder{color:#cacaca}.dt_api input::-moz-placeholder,.dt_api textarea::-moz-placeholder{color:#cacaca}.dt_api input:-ms-input-placeholder,.dt_api textarea:-ms-input-placeholder{color:#cacaca}.dt_api input::placeholder,.dt_api textarea::placeholder{color:#cacaca}.dt_api input:disabled,.dt_api input[readonly],.dt_api textarea:disabled,.dt_api textarea[readonly]{background-color:#e6e6e6;cursor:not-allowed}.dt_api [type=button],.dt_api [type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px}.dt_api input[type=search]{box-sizing:border-box}.dt_api [type=checkbox],.dt_api [type=file],.dt_api [type=radio]{margin:0 0 1rem}.dt_api [type=checkbox]+label,.dt_api [type=radio]+label{display:inline-block;vertical-align:baseline;margin-left:.5rem;margin-right:1rem;margin-bottom:0}.dt_api [type=checkbox]+label[for],.dt_api [type=radio]+label[for]{cursor:pointer}.dt_api label>[type=checkbox],.dt_api label>[type=radio]{margin-right:.5rem}.dt_api label{display:block;margin:0;font-size:.875rem;line-height:1.8}.dt_api label.middle{margin:0 0 1rem;padding:.5625rem 0}.dt_api .help-text{margin-top:-.5rem;font-size:.8125rem;font-style:italic;color:#525252}.dt_api .input-group{display:table;margin-bottom:1rem}.dt_api .input-group>:first-child{border-radius:3px 0 0 3px}.dt_api .input-group>:last-child>*{border-radius:0 3px 3px 0}.dt_api .input-group-button,.dt_api .input-group-button a,.dt_api .input-group-button button,.dt_api .input-group-button input,.dt_api .input-group-button label,.dt_api .input-group-field,.dt_api .input-group-label{margin:0;white-space:nowrap;display:table-cell;vertical-align:middle}.dt_api .input-group-label{padding:0 1rem;border:1px solid #cacaca;background:#e6e6e6;color:#525252;text-align:center;white-space:nowrap;width:1%;height:100%}.dt_api select,.dt_api select:focus{background-color:#fefefe;transition:box-shadow .5s,border-color .25s ease-in-out}.dt_api .input-group-label:first-child{border-right:0}.dt_api .input-group-label:last-child{border-left:0}.dt_api .input-group-field{border-radius:0;height:2.5rem}.dt_api .fieldset,.dt_api select{border:1px solid #cacaca}.dt_api .input-group-button{padding-top:0;padding-bottom:0;text-align:center;width:1%;height:100%}.dt_api .input-group-button a,.dt_api .input-group-button button,.dt_api .input-group-button input,.dt_api .input-group-button label{height:2.5rem;padding-top:0;padding-bottom:0;font-size:1rem}.dt_api .input-group .input-group-button{display:table-cell}.dt_api fieldset{margin:0;padding:0;border:0}.dt_api legend{max-width:100%;margin-bottom:.5rem}.dt_api .fieldset{margin:1.125rem 0;padding:1.25rem}.dt_api .fieldset legend{margin:0 0 0 -.1875rem;padding:0 .1875rem;background:#fefefe}.dt_api select{height:2.4375rem;margin:0 0 1rem;padding:.5rem 1.5rem .5rem .5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;font-family:inherit;font-size:1rem;line-height:normal;color:#525252;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");background-origin:content-box;background-position:right -1rem center;background-repeat:no-repeat;background-size:9px 6px}.dt_api .form-error,.dt_api .is-invalid-label{color:#c60f13}@media screen and (min-width:0\0){.dt_api select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)}}.dt_api select:focus{outline:0;border:1px solid #8a8a8a;box-shadow:0 0 5px #cacaca}.dt_api select:disabled{background-color:#e6e6e6;cursor:not-allowed}.dt_api select::-ms-expand{display:none}.dt_api select[multiple]{height:auto;background-image:none}.dt_api .is-invalid-input:not(:focus){border-color:#c60f13;background-color:#f8e6e7}.dt_api .is-invalid-input:not(:focus)::-webkit-input-placeholder{color:#c60f13}.dt_api .is-invalid-input:not(:focus)::-moz-placeholder{color:#c60f13}.dt_api .is-invalid-input:not(:focus):-ms-input-placeholder{color:#c60f13}.dt_api .is-invalid-input:not(:focus)::placeholder{color:#c60f13}.dt_api .form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700}.dt_api .form-error.is-visible{display:block}

.dt_api {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #3A3F45;
}
@keyframes zoom-in {
	0% {
		transform: scale(0.1, 0.1);
	}
	100% {
		transform: scale(1, 1);
	}
}
.dt_api .badge {
	background-color: white;
	width: 180px;
	height: 180px;
	padding: 15px;
	border-radius: 9999px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), inset 0 0 0px 5px white, inset 0 0 0px 9px var(--dt-secondary);
	transform: scale(0.01);
	transition-property: all;
	transition-duration: 0.75s;
	transition-timing-function: cubic-bezier(0.68, -0.6, 0.32, 1.6);
	transition-delay: 0s;
	opacity: 0;
}
.dt_api .badge-visible {
	transition: all 0.75s ease-out;
	opacity: 1;
	/* transform: scale(1.01, 1.01);
	-webkit-transform: scale(1.01, 1.01); */
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}
.dt_api .badge .button {
	background-color: #3A3F45;
}
.dt_api .badge .button:hover, .dt_api .badge .button:focus {
	/* background-color: #4d535b; */
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}
.dt_api.start_anims .badge {
	transform: scale(1);
}
.dt_api .products_wrap .inner {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}
.dt_api .icon_wrap, .dt_api .badge_text_wrap {
	flex: 0 0 100%;
}
.dt_api .icon_wrap {
	padding-bottom: 5%;
}
.dt_api .badge_text_wrap {
	height: 75%;
	position: relative;
}
.dt_api .icon_wrap, .dt_api .badge_text_wrap {
	opacity: 0;
	transition-property: all;
	transition-duration: 0.75s;
	transition-timing-function: ease-out;
	transition-delay: 0.75s;
}
.dt_api .badge_text_wrap {
	transition-delay: 1.0s;
}
.dt_api.start_anims .icon_wrap, .dt_api.start_anims .badge_text_wrap {
	opacity: 1.0;
}
.dt_api .badge_text {
	text-transform: uppercase;
	font-size: 0.875rem;
	height: 100%;
	width: 100%;
	margin-bottom: 0;
}
.dt_api .badge_text .save_up_to {
	display: block;
}
.dt_api .savings_amt {
	font-size: 1.75rem;
}
.dt_api .icon {
	width: 45%;
	margin-left: auto;
	margin-right: auto;
}
.dt_api .prod_header {
	text-align: center;
}
.dt_api .prod_header .prodname {
	color: #3A3F45;
	text-transform: uppercase;
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.dt_api .fit {
	display: inline-block;
	transition: all 0.2s ease-out;
}
.dt_api [data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}
.dt_api [data-tooltip]:before, .dt_api [data-tooltip]:after {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}
.dt_api [data-tooltip]:before {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -80px;
	padding: 7px;
	width: 160px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #000;
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
}
.dt_api [data-tooltip]:after {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}
.dt_api [data-tooltip]:hover:before, .dt_api [data-tooltip]:hover:after {
	visibility: visible;
	opacity: 1;
}
.dt_api .loading-overlay {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: white;
}
.dt_api .spinner {
	width: 40px;
	height: 40px;
	position: absolute;
	margin: -20px;
	top: 50%;
	left: 50%;
}
.dt_api .double-bounce1, .dt_api .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: var(--dt-primary);
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}
.dt_api .double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
@keyframes sk-bounce {
	0%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
.dt_api * {
	margin: 0;
	box-sizing: border-box;
}
.dt_api p {
	font-size: inherit;
	line-height: 1.2;
	margin-bottom: 1rem;
	text-rendering: optimizeLegibility;
}
.dt_api a {
	color: inherit;
	text-decoration: underline;
}
.dt_api a:hover, .dt_api a:focus {
	text-decoration: none;
}
.dt_api h1, .dt_api h2, .dt_api h3, .dt_api h4, .dt_api h5, .dt_api h6 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	color: inherit;
	text-rendering: optimizeLegibility;
	margin-top: 0;
	margin-bottom: 0.5rem;
	line-height: 1.1;
}
.dt_api .mem_ben_headline {
	font-size: 1.5rem;
	text-align: center;
	background-color: var(--dt-secondary);
	color: white;
	padding: 1rem;
	border-radius: 20px 20px 0 0;
}
.dt_api .mem_ben_headline h3.total_savings {
	margin-bottom: 0;
	text-transform: uppercase;
}
.dt_api .prod_links_wrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	max-width: 70rem;
	margin-left: auto;
	margin-right: auto;
}
.dt_api .prod_links_wrap {
	flex-wrap: wrap;
	margin-bottom: 1rem;
}
.dt_api .products_nav a {
	min-height: 45px;
}
.dt_api .row.products_nav {
	padding-left: 0;
	padding-right: 0;
	max-width: none;
}
.dt_api .products_nav a {
	display: none;
	vertical-align: top;
	width: 40%;
	line-height: 1.1;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}
.dt_api .products_nav a span {
	font-size: 1rem;
}
.dt_api .products_nav a img {
	max-width: 60%;
	margin-bottom: .5rem;
}
.dt_api .products_nav a.show {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dt_api .button {
	text-decoration: none;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	/* -webkit-appearance: none; */
	-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 0;
	padding: 0.75em 1em;
	margin: 0;
	font-size: 0.9rem;
	background-color: var(--dt-cta-color);
	color: #fefefe;
}
.dt_api .button:hover, 
.dt_api .button:focus {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
	color: white;
	outline: 0;
}
.dt_api .button.toggle_details.open {
	font-size: 0.625rem;
	font-weight: 700;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	border-radius: 50%;
	padding: 0;
	margin: 0;
	text-transform: none;
	transform: translate(0.25rem, -0.75rem);
	background-color: #3A3F45;
}
.dt_api .badge_text .button.toggle_details.open {
    transform: translateY(6px);
}
.dt_api .button.toggle_details.open:hover, .dt_api .button.toggle_details.open:focus {
	background-color: #3A3F45;
}
.dt_api .button.slider_play, .dt_api .button.slider_pause {
	display: inline-block;
	float: none;
	padding: 0.25em 0.5em 0.125em;
	border-radius: 999px;
	font-size: 0.8rem;
	position: relative;
	top: -0.375em;
}
.dt_api .button.slider_play {
	display: none;
}
.dt_api.sliderPaused .button.slider_play {
	display: inline-block;
}
.dt_api.sliderPaused .button.slider_pause {
	display: none;
}
.dt_api .row {
	margin-left: auto;
	margin-right: auto;
}
.dt_api .mem_ben_wrap {
	background-color: #F3FAFF;
}
.dt_api .row.member_benefits {
	padding-top: 4rem;
	padding-bottom: 2rem;
	max-width: 62rem;
}
.dt_api .GRA-slogan {
	text-align: center;
	color: #17171a;
	font-size: 12px;
	line-height: 1.1;
	text-shadow: none;
}
.dt_api .sec_gra_cert {
	background-color: #F3FAFF;
	margin: .94rem auto;
	padding: 1.5rem 2rem;
	border-radius: 5px;
	max-width: 55rem;
	overflow: hidden;
}
.dt_api .market_ids {
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0;
}
.dt_api.single_market .market_ids select {
	display: none;
}
.dt_api .products_wrap {
	overflow: hidden;
	padding: 1.5rem;
	background-color: #F3F4F4;
}
.dt_api .productcontainer {
	margin: 0;
	width: 100%;
	float: left;
	padding-top: 1rem;
	padding-bottom: 2rem;
	position: relative;
	transition: all 0.3s ease-out;
}
.dt_api .productcontainer.template {
	display: none !important;
}
.dt_api .productcontainer.even {
	background-color: #f7f7f7;
}
.dt_api .productcontainer.even:last-child {
	margin-bottom: 0;
}
.dt_api .productcontainer.show {
	display: block;
}
.dt_api .prod_footnote {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 100%;
	max-width: 700px;
	/* height: 100%; */
	padding: 1rem;
	background: rgba(255, 255, 255, 0.925);
	border: solid 1px #dedede;
	border-radius: 5px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	display: none;
	z-index: 2;
}
.dt_api .productcontainer.show_details .prod_footnote {
	display: flex;
}
.dt_api .prod_footnote p {
	font-size: 0.925rem;
	line-height: 1.4;
}
.dt_api .slider_wrap {
	display: none;
	width: 100%;
}
.dt_api .slider_wrap.show {
	display: block;
}
.dt_api .main_head {
	text-align: center;
	font-size: 1.85rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	color: #38939B;
}
.dt_api .even.show .sec_1 .txt_big {
	color: var(--dt-primary);
}
.dt_api .sec_1 .txt_big, .dt_api .sec_1 .txt_big {
	font-weight: 700;
}
.dt_api .sec_1 > h2 {
	font-weight: 300;
}
.dt_api .prod_term {
	display: block;
}
.dt_api .driver-title {
	font-weight: 700;
	text-transform: uppercase;
	color: white;
	background: #A2A6AC;
	display: inline-block;
	padding: .35rem .75rem .25rem;
	position: relative;
	font-size: 1.25rem;
}
.dt_api .driver-numbers {
	top: 110px;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
	text-transform: uppercase;
	left: 100px;
	position: absolute;
	transform: translate(-50%, -50%);
	font-size: 1.5rem;
	width: 200px;
}
.dt_api .driver-numbers > span {
	position: relative;
	display: block;
	font-size: 2.25rem;
	line-height: 1.1;
}
.dt_api .type_loan .driver-numbers > span {
	font-size: 3.5rem;
	line-height: 1.15;
}
.dt_api .productcontainer h4 {
	font-size: 1.75rem;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
	color: var(--dt-primary);
	margin-bottom: 1.5rem;
}
.dt_api .rate_fi, .dt_api .rate_mkt, .dt_api .details {
	text-align: left;
}
.dt_api .link_disclosures {
	font-weight: 500;
}
.dt_api .dt_note {
	font-style: italic;
	font-size: 80%;
	display: block;
	margin-top: 8px;
}
.dt_api .rate_bar.fi, .dt_api .rate_bar.mkt {
	background: #b4b4b4;
	color: white;
	padding-right: 1rem;
}
.dt_api .bar_label {
	font-size: 0.875rem;
}
.dt_api .rate_bar {
	padding: 1rem;
}
.dt_api .bar_label span {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	color: #3A3F45;
	padding: .5rem 0;
	line-height: 1.0;
	text-rendering: optimizeLegibility;
}
.dt_api .rate_bar.fi {
	background-color: var(--dt-primary);
}
.dt_api .rate_bar.fi span {
	color: white;
}
.dt_api .rate_bar .rate_fi, .dt_api .rate_bar .rate_mkt {
	font-weight: 700;
	display: inline-block;
	font-size: 140%;
	transform: translateY(0.08em);
	padding: 0;
	margin-left: 0.25rem;
}
.dt_api .rate_bars {
	width: 100%;
}
.dt_api .rate_bars .rate_bar {
	display: block;
}
.dt_api .bar span {
	display: none;
}
.dt_api .txt_big {
	font-size: 3rem;
}
.dt_api .txt_block {
	display: inline-block;
}
.dt_api h2.txt_condensed sup {
	position: relative;
	top: -.65em;
}
.dt_api .vs_txt {
	padding: 20px 0px;
	display: block;
	max-width: 150px;
	margin: 0 auto;
	position: relative;
	font-size: 1.25rem;
}
.dt_api .vs_txt span {
	display: inline-block;
	padding: 0px 13px;
	background-color: #A2A6AC;
	color: white;
	font-weight: 700;
	position: relative;
	z-index: 1;
}
.dt_api .vs_txt:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #e0e0e0;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.dt_api #savings_marketrate:before {
	content: "";
	width: 0;
	height: 0;
	clear: both;
}
.dt_api .intro_row, .dt_api .products_nav, .dt_api .footer_row, .dt_api .footnotes {
	text-align: center;
	padding-left: .9375rem;
	padding-right: .9375rem;
}
.dt_api .intro_row {
	text-align: left;
}
.dt_api h1.intro_header {
	font-weight: 500;
	font-family: "Roboto Condensed", sans-serif;
	text-align: center;
	font-size: 1.75rem;
	margin-top: 1.5rem;
}
.dt_api .intro_msg {
	font-size: .95rem;
	line-height: 1.3;
	text-align: center;
	margin-top: .5rem;
}
.dt_api .gra_link {
	display: block;
	width: 100px;
	margin: 0 auto;
}
.dt_api a.gra_link {
	border: none;
}
.dt_api .select_mkt {
	margin-top: .25rem;
	margin-left: .75rem;
	margin-bottom: 1rem;
	position: relative;
	top: -.2em;
}
.dt_api .select_mkt .empty {
	display: none;
}
.dt_api .products_nav label, .dt_api .products_nav .prod_classes_wrap h4 {
	font-weight: 700;
	font-size: 1.25rem;
	margin-top: 1rem;
}
.dt_api .prod_classes_wrap h4, .dt_api .prod_classes_wrap h2, .dt_api .prod_classes_wrap a {
	color: var(--dt-secondary);
	font-weight: 700;
	text-decoration: none;
}
.dt_api .prod_classes_wrap a {
	font-weight: 700;
	color: #F3F4F4;
}
.dt_api .prod_classes_wrap a span {
	display: block;
	font-size: 1rem;
}
.dt_api .products_nav label, .dt_api .select_mkt {
	display: inline-block;
	width: auto;
}
.dt_api .select_mkt {
	display: block;
	margin: 0;
}
.dt_api .market_ids label {
	color: var(--dt-secondary);
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.2;
	padding: 0 1rem 1rem;
}
.dt_api .prod_classes_wrap {
	background-color: #F3F4F4;
	overflow: hidden;
}
.dt_api.single_market .prod_classes_wrap {
	padding-top: 2rem;
}
.dt_api .prod_classes_wrap a {
	padding: .25rem;
}
.dt_api .prod_classes_wrap a:hover, .dt_api .prod_classes_wrap a:focus {
	background-color: rgba(255, 255, 255, 0.6);
}
.dt_api .prod_classes_wrap a.active {
	color: var(--dt-secondary);
	background-color: white;
}
.dt_api .footer_row {
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.dt_api .credit_dt {
	text-align: left;
}
.dt_api .footer_row .details {
	flex: 1 1 auto;
}
.dt_api .footnotes {
	border-top: solid 1px #ccc;
	text-align: left;
	padding-top: 1rem;
	margin-top: 1rem;
	width: 100%;
}
.dt_api .badge_bars_cta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}
.dt_api .badge_bars_cta > * {
	margin-bottom: 1.5rem;
}
.dt_api .badge, .dt_api .prod_cta {
	flex-shrink: 0;
}
.dt_api .type_loan .rate_bar.mkt, .dt_api .type_deposit .rate_bar.fi, .dt_api .type_loan .rate_bar.fi, .dt_api .type_deposit .rate_bar.mkt {
	width: 0%;
	opacity: 0;
	transition-property: all;
	transition-duration: 0.75s;
	transition-timing-function: cubic-bezier(0.68, -0.6, 0.32, 1.6);
	transition-delay: 1s;
}
.dt_api.start_anims .type_loan .rate_bar.mkt, .dt_api.start_anims .type_deposit .rate_bar.fi {
	width: 100%;
	opacity: 1.0;
}
.dt_api.start_anims .type_loan .rate_bar.fi, .dt_api.start_anims .type_deposit .rate_bar.mkt {
	width: 80%;
	opacity: 1.0;
}
.dt_api .bar_label {
	white-space: nowrap;
	opacity: 0;
	transition-property: all;
	transition-duration: 1.0s;
	transition-timing-function: ease-out;
	transition-delay: 2s;
}
.dt_api.start_anims .bar_label {
	opacity: 1.0;
}
@media (min-width: 500px) {
	.dt_api .badge_bars_cta {
		justify-content: space-evenly;
	}
}
@media (min-width: 600px) {
	.dt_api .products_nav a {
		width: 30%;
	}
	.dt_api .footer_row {
		text-align: left;
		padding: 0;
	}
}
@media (min-width: 800px) {
	.dt_api .mem_ben_headline {
		padding: 1.5rem;
	}
	.dt_api h3.total_savings {
		font-size: 2.5rem;
	}
	.dt_api .productcontainer {
		padding: 0.5rem 0;
	}
	.dt_api .prod_header .prodname {
		margin-bottom: -1rem;
	}
	.dt_api .badge_bars_cta {
		flex-wrap: nowrap;
	}
	.dt_api .badge_bars_cta .badge {
		order: 1;
		position: relative;
		z-index: 1;
		margin-right: -20px;
	}
	.dt_api .badge_bars_cta .rate_bars {
		order: 2;
		padding-right: 2rem;
	}
	.dt_api .badge_bars_cta .prod_cta {
		order: 3;
	}
	.dt_api .rate_bar {
		padding-left: 1.75rem;
	}
	.dt_api .bar_label {
		font-size: 1.0rem;
	}
}