body {font-size:1.125rem;}  

.site-footer {padding-bottom:85px;}
.main-site-wrap .site-footer {margin-top:3rem;}
.modal-dialog {margin-top:120px;}

@media only screen and (max-width:575px) {
    .modal-dialog {margin-top:70px;}
}

#report-polling-animation {position: absolute; left: 50%; padding-top: 140%; transform: translateX(-50%) translateY(-50%); min-width: 320px; text-align: center; width: 100%;}
#report-polling-animation p {font-size: 32px; font-weight: 600; line-height: 28px; margin: 26px 0;}
#report-polling-animation #spinner {animation:spin 4s linear infinite; display: inline-block; height: 260px; width: 260px;}
#report-polling-animation .bars {display: inline-block; font-size: 0px; height: 62px; line-height: 62px; margin: 24px 0 6px;}
#report-polling-animation .bar {border-radius: 9px; height: 18px; margin: 0 20px 0 0; width: 18px; display: inline-block; vertical-align: bottom; background-color: #DDD;}
#report-polling-animation .bar:last-child {margin-right: 0;}
#report-polling-animation .bars.animate .bar {animation: site-loading-up-down 1s alternate infinite ease-in-out; animation-play-state: running;}
#report-polling-animation .bars.animate.stop .bar {animation-play-state: paused;}
#report-polling-animation #progress-messages {margin:26px 0; position:relative;}
#report-polling-animation #progress-messages p {animation: report-polling-message 14s infinite ease-in-out; display: inline-block; font-size: 30px; font-weight: 600; left: 0; line-height: 26px; margin: 0; opacity: 0; position: absolute; top: 0; width: 100%;}
#report-polling-animation #progress-messages p:nth-child(2) {animation-delay: 3.5s}
#report-polling-animation #progress-messages p:nth-child(3) {animation-delay: 7s;}
#report-polling-animation #progress-messages p:nth-child(4) {animation-delay: 10.5s;}

@keyframes report-polling-message {
	0% {
		opacity: 0;
		transform: translateX(0);
	}
    10% {
        opacity: 1;
		transform: translateX(0);
    }
	20% {
		opacity: 0;
		transform: translateX(0);
	}
	60% {
		opacity: 0;
		transform: translateX(0);
	}
	100% {
		transform: translateX(0);
		opacity: 0;
	}
}

#site-loading-animation {position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); min-width: 320px; text-align: center; width: 100%;}
#site-loading-animation p {font-size: 32px; font-weight: 600; line-height: 28px; margin: 26px 0;}
#site-loading-animation #spinner {animation:spin 4s linear infinite; display: inline-block; height: 260px; width: 260px;}
#site-loading-animation .bars {display: inline-block; font-size: 0px; height: 62px; line-height: 62px; margin: 24px 0 6px;}
#site-loading-animation .bar {border-radius: 9px; height: 18px; margin: 0 20px 0 0; width: 18px; display: inline-block; vertical-align: bottom; background-color: #DDD;}
#site-loading-animation .bar:last-child {margin-right: 0;}
#site-loading-animation .bars.animate .bar {animation: site-loading-up-down 0.7s alternate infinite ease-in-out; animation-play-state: running;}
#site-loading-animation .bars.animate.stop .bar {animation-play-state: paused;}
#site-loading-animation #progress-messages {margin:26px 0; position:relative;}
#site-loading-animation #progress-messages p {animation: site-loading-message 4s ease-in-out; display: inline-block; font-size: 30px; font-weight: 600; left: 0; line-height: 26px; margin: 0; opacity: 0; position: absolute; top: 0; width: 100%;}
#site-loading-animation #progress-messages p:nth-child(2) {animation-delay: 3.5s}
#site-loading-animation #progress-messages p:nth-child(3) {animation-delay: 7s;}
#site-loading-animation #progress-messages p:nth-child(4) {animation-delay: 10.5s;}
@keyframes site-loading-message {
	0% {
		opacity: 0;
		transform: translateX(0);
	}
	20% {
		opacity: 1;
		transform: translateX(0);
	}
	60% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		transform: translateX(0);
		opacity: 0;
	}
}

@keyframes site-loading-up-down {
	to {height: 100%;}
}


h1, .h1 {line-height:1.111;} 
h2, .h2 {line-height:1.167;} 
h3, .h3 {line-height:1.15;} 
h4, .h4 {line-height:1.333;} 
h5, .h5 {line-height:1.25;} 
h6, .h6 {line-height:1.286;}  

.display-1 {line-height:1.083;} 
.display-2 {line-height:1.111;} 
.display-3 {line-height:1.167;} 
.display-4 {}


.body-1 {font-size:.75rem; line-height:1.333;} 
.body-2 {font-size:1rem; line-height:1.25;}  
.body-3 {font-size:.875rem; line-height:1.286;} 
.body-4 {font-size:0.625rem; line-height:.875rem;} 
.disclaimer-text {font-size:.75rem; line-height:1.6; color:#454a4f;} 

.caption-header {font-size:0.75rem; line-height:1.167;} 
.card-title {font-size:0.75rem; line-height:1.167; color:#6C757D;} 


.clickable:hover {cursor:pointer;}
.no-underline:hover {text-decoration:none;} 

.font-weight-semibold {font-weight:600 !important;} 
.text-underline {text-decoration:underline;}

.clickable-card {transition:border 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; cursor:pointer; border:1px solid #f2f2f2;}
.clickable-card:hover {border:1px solid #BDBDBD; transform:scale(1.1);}
.clickable-card.selected {animation:select-anim 0.3s ease-in-out alternate;}

@media only screen and (max-width: 991px) {
	.clickable-card:hover {transform: scale(1.025);}
}
.disable-click {pointer-events:none;}
.is-disabled { background-color:#e4e4e4! important; opacity:1; }


label {font-size:.875rem; line-height:1.286; font-weight:600;} 
input[type="radio"] ~ label {font-weight:normal;} 

.form-control[readonly] {background-color:#f2f2f2;}

.input-group-text {background-color:#ffffff; color:#000000; border:1px solid #BDBDBD;}
input.ng-invalid.ng-touched,
input.ng-required.ng-touched,
select.ng-invalid.ng-touched {border:1px solid #E15B6B;}

select option {color:#000000;}

input[type="range"]:focus {outline:none;}
input[type=range]::-moz-focus-outer {border: 0;}

.btn[disabled] {cursor:not-allowed; opacity:0.65;}
.btn-link:hover {text-decoration:none;}

.btn-link:disabled,
.btn-link.disabled {color:#BDBDBD; text-decoration:none;}

textarea.ng-invalid.ng-touched {border:1px solid #E15B6B;}


.cc-img {background-image: url("../assets/img/cc-icons.png"); width:74px; height:48px; transform: scale(0.5, 0.5);}


.cc-img.amex {background-position:-33px -43px;}
.cc-img.mastercard {background-position: -145px -43px;}
.cc-img.other {background-position:-255px -43px;}


.cc-img.discover {background-position:-33px -127px;}
.cc-img.visa {background-position:-144px -127px;}



.two-btn-group .btn,
.two-btn-group li {width:50%; flex:1 0 0;}
.three-btn-group .btn,
.three-btn-group li {width:33.33%; flex:1 0 0;}

.btn:focus {outline:none !important; box-shadow:none !important;}  

@media only screen and (max-width: 575px) {
	.button-mobile {border-top-right-radius:0; border-top-left-radius:0; position:relative; top:-5px;}

	
	.card-footer .button-mobile {top:0;}
}


.hr-medium {border-color:#BDBDBD;}

hr {border-color:#000000;}
.border-thick {border-width:2px !important;} 

@media only screen and (max-width: 575px) {
	.border-xsmall {border:1px solid #E4E4E4; box-shadow:0 0.125rem 0.25rem rgba(180, 180, 180, 0.5597); border-radius:8px;}
}


.card {box-shadow:0 0.125rem 0.25rem rgba(180, 180, 180, 0.5597); }









.navbar-dark {background-color:#000000;}
.navbar-dark .navbar-toggler {border:none; width: 47px;}
.navbar-brand img {width:86px; height:16px;}
.navbar .person-icon {width:42px; height:42px;}
.navbar .close-icon {width:17px; height:17px;}
.navbar-overlay {position:fixed; top:0px; right:0; bottom:0; left:0; z-index:1;}


.user-dropdown .dropdown-menu {left:unset; right:10px; padding-top:0; padding-bottom:0; border-radius:0;}
.user-dropdown .dropdown-toggle:after {display:none;}
.dropdown-item.dark:active {color:#ffffff; text-decoration:none; background-color:#000000;}
.external-links-wrap {min-height:100%; z-index:3;}


.overview-and-offers-wrap .nav-link {padding-bottom:20px;}
.overview-and-offers-wrap .active {border-bottom:3px solid #ffffff; font-weight:bold;}
.overview-and-offers-wrap .badge {padding:.25rem; width:5px; height:5px; margin-top:5px;}


.explore-ccom .nav-link:after {content:''; background:url('../CCOM/img/link-out-icon.png') no-repeat; width:10px; height:10px; display:inline-block; margin-left:.25rem;}
.navbar .hamburger-icon {width:23px; height:12.25px}

	


#mobile-nav .explore-ccom .nav-link:after {content:''; background:url('../CCOM/img/link-out-icon-dark.png') no-repeat; width:10px; height:10px; display:inline-block; margin-left:.25rem;}
.navbar .close-button {width:65px;}

.navbar-collapse#mobile-nav {margin-left:-1rem; margin-right:-1rem; background-color:#ffffff;}
#mobile-nav .nav-link {padding-left:1rem; padding-right:1rem;}

.site-nav .nav-item {border-bottom:1px solid #DBDBDB;}


.main-sub-nav .nav-link.active {border-bottom:3px solid #000000; font-weight:bold;}


.mobile-nav {border-bottom:1px solid black; font-size:12px;}
.mobile-nav .badge {line-height:0.55; border-radius:50%; padding:0.25em 0.35em;}
.bubble-sub-nav .nav-img {width:60px; height:60px; flex-basis:60px;}
.bubble-sub-nav .border.active {border: 1px solid #1D4BB6 !important}
.bubble-sub-nav-gradient::after { content: " "; height: 110px; width: 25px; position: absolute; right: 0; background: linear-gradient(to right, rgb(255, 255, 255, 0), rgb(255, 255, 255, 0.7), rgb(255, 255, 255, 1)); }
.bubble-sub-nav-gradient::before { content: " "; height: 110px; width: 25px; position: absolute; left: 0; background: linear-gradient(to left, rgb(255, 255, 255, 0), rgb(255, 255, 255, 0.7), rgb(255, 255, 255, 1)); }


.upgrade-icon {height:15px;}
.alert-icon {height:45px;}


.alert-detail .alert-type-badge {background: #4A90E2;}


.navbar.no-feature {height:65px;}
.navbar.no-feature .icon {transform: scale(0.5); margin-top:-5px;}


.alert-category-icon {width:42px; height:42px; margin: 0 18px}
.alerts-notification .alerts-group .card-header {padding:0; background-color:#ffffff; border-bottom:none;}
.alerts-notification .alerts-group .accordion-toggle {text-decoration:none;}




.shimmer {opacity: 1; animation: fading 1.5s infinite;}

@keyframes fading {
	0% {opacity: 1;}
	50% {opacity: 0.8;}
	100% {opacity: 1;}
}


.site-footer .hr-white {border-color:rgb(66, 67, 68);}

.site-footer .icon {background:url('https://static.ccom-cdn.com/content/dam/ccom/common/images/icons/footer-sprites-new.png') no-repeat; background-size:230px 319px; display:inline-block; margin-right:.5rem; align-self:center;}

	
	.site-footer .credit-reports {background-position:-8px -76px; width:23px; height:18px;}
	.site-footer .credit-scores {background-position:-42px -75px; width:24px; height:21px;}
	.site-footer .managing-debt {background-position:-114px -76px; width:22px; height:16px;}
	.site-footer .mortgage-advice {background-position:-149px -75px; width:23px; height:25px;}
	.site-footer .loan-resources {background-position:-78px -76px; width:24px; height:23px;}
	.site-footer .personal-finance {background-position:-8px -116px; width:23px; height:22px;}
	.site-footer .news {background-position:-114px -115px; width:23px; height:21px;}

	
	.site-footer .facebook {background-position:-19px -166px; width:8px; height:18px;}
	.site-footer .twitter {background-position:-13px -199px; width:19px; height:16px;}
	.site-footer .googleplus {background-position:-15px -231px; width:15px; height:15px;}
	.site-footer .linkedin {background-position:-15px -262px; width:16px; height:16px;}
	.site-footer .rss {background-position:-15px -294px; width:15px; height:15px;}
	.site-footer .apple-app {background-position:-7px -10px; width:133px; height:39px;}


@media only screen and (min-width: 768px) {
	.footer-section {border-right:1px solid rgb(66, 67, 68);}
}





.login-banner {display:table; left:0; position:fixed; transform: translateY(-200%); transition: transform .5s ease-in-out; width:100%; z-index:100;}
.login-banner-bg {background:#39B54A;}
.login-banner-text {display:table-cell; font-size:24px; font-style:normal; font-weight:600; vertical-align:middle;}
.login-banner .close {height:22px; position:absolute; right:14px; top:14px; width:22px;}
.login-banner-slide-in {transform: translateY(0);}
.login-image {background: transparent linear-gradient(180deg, #00BBD3 0%, #1E4BB6 100%) 0% 0% no-repeat padding-box;}
.inline-ec-logo {height: 20px; image-rendering: -webkit-optimize-contrast; vertical-align: baseline;}
.user-login-wrap .welcome-text-body h2 {font-weight: 400;}
.user-login-wrap .welcome-text .login-img-main {width: 100%; max-width: 379px;}

@media only screen and (max-width: 767px) {
	.footer-view { position: relative;}
	.login-banner-text {font-size:18px;}
	.user-login-wrap .welcome-text {margin-top: 20px;}
	.mobile-view { flex-direction: column-reverse; padding-top: 60px;}
	.mobile-view h2 { font-size: 24px}
	.mobile-view p { font-size: 18px}
	.user-login-wrap .welcome-text h1 {font-size:48px; font-weight:300;}
	.login-mobile-img { width: 245px; margin-bottom: -90px;}
	.login-mobile-new { width: 65px; margin-left: 10% !important; }
	.user-login-wrap .welcome-text-body {margin-top: -20px;}
}

@media (max-width: 576px) {
	.login-banner-text {font-size:14px;}
}

@media only screen and (min-width: 768px) {
	.footer-view { position: relative;}
	.mb-8 { margin-bottom: 80px; }
	.mobile-view { padding-top: 30px; }
	.user-login-wrap .welcome-text h1 {font-size:48px; font-weight:300;}
	.login-mobile-img { width: 430px; margin: 0 !important; min-height: 450px; position: absolute;	}
	.login-mobile-new { width: 83px; margin-left: 0 !important }
	.user-login-wrap .welcome-text-body {margin-top: -40px;}
}


@media only screen and (min-width: 1200px) {
	.login-image {background-position-x:0;}
}





.score {font-size:96px; line-height:113px;}

.score-bar-wrap .score-point-change {position:absolute; top:25px; right:-45px;}


.bars {display:inline-block; line-height:35px; margin:15px 0;}
	.bar {height:10px; width:10px; border-radius:5px; margin-right:2px; display:inline-block; vertical-align:bottom; background-color:#bdbdbd;}
	.bars .bar.animate {animation:height-full 0.5s alternate 3 forwards ease-in-out; animation-play-state:running;}
	.bars .bar.animate.single {animation-iteration-count:2;}
	.bars .bar.animate.stop {animation-play-state:paused;}
	.bar:last-child {margin-right:0;}

	.bars.animate .bar {animation:up-down 0.6s alternate infinite ease-in-out;}
	.bar:last-child {margin-right:0;}
	.bars.animate .bar {animation:up-down 0.6s alternate infinite ease-in-out;}
	.fade-in-animate {opacity:0; animation:fade-in 1.5s forwards ease-in-out;}

	@keyframes height-full {
		to {height:35px}
	}

	@keyframes up-down {
		to {height:35px}
	}

@media only screen and (max-width:405px) {
	.login-mobile-new { width: 65px; margin-left: 0px !important; }
	.bars {width:100%;}
		.bar {width:2.8%;}
}


.pull-up-animate {opacity:0; animation:pull-up 0.75s alternate 1 forwards ease-out; animation-delay:1s; transform:translateY(75%);}

	@keyframes fade-in {
		to {opacity:1;}
	}

	@keyframes pull-up {
		to {transform:translateY(0); opacity:1;}
	}


.score-impact-badge {width:100%; height:10px;}
	.score-impact-badge .paymentHistory {width:35%;}
	.score-impact-badge .debtUsage {width:30%}
	.score-impact-badge .creditAge {width:15%;}
	.score-impact-badge .accountMix,
	.score-impact-badge .creditInquiries {width:10%;}

.credit-grades-table tbody tr:last-child {border-bottom:none !important;}
.credit-grades-table .letter-grade {position:absolute; left:50%;}

.extra-credit-your-grade-wrap .score-impact-badge {background-color:rgba(255, 255, 255, .6); margin-top:.1rem;}
.extra-credit-your-grade-wrap .score-impact-badge div {background-color:rgba(255, 255, 255, 1);}


.credit-report-details-accordion > .card-header {background-color:#ffffff; padding:0; border:none;}
.credit-report-details-accordion > .card-collapse > .card-body {padding:0;}
.credit-report-details-accordion a.accordion-toggle {text-decoration:none; color:inherit;}





.score-change-wrap {flex-basis:47%;}
.debt-usage > * {display:inline-block;} 
.debt-usage::after{content:'%';}


.score-change-badge {width:45px; height:45px; position:absolute; top:50%; transform:translateY(-50%);}
.score-change-badge .fa {font-size:.6rem;} 
.score-change-badge .badge-value {font-size: 0.6rem;} 







.score-tracker-chart-wrap {position:relative; line-height:12px; font-size:12px; margin-left:30px;}

.score-tracker-chart {}
	.score-tracker-chart .axis {height:30px; position:relative; border-bottom:1px solid #000000;}
	.score-tracker-chart .axis-value {position:absolute; bottom:0; left:-30px;}

.score-columns {position:absolute; top:30px; left:0; width:100%;}
	.score-column {position:relative; top:50%; opacity:0; height:100%; flex:1; max-width:20%;}
	.score-column .point {background-color:#A0A0A0; width:12px; height:12px; border-radius:50%; position:absolute; left:50%; top:-6px; margin-left:-6px;}
	.score-column .value {font-weight:600; padding:4px 6px; background-color:#ffffff; position:absolute; bottom:12px; left:50%; transform:translateX(-50%);}
	.score-column .date {position:absolute; width:100%; bottom:-24px;}

	
	.score-column.today .value:before {content:''; width:18px; height:18px; position:absolute; display:inline-block; bottom:-2px; margin-left:-9px; background:inherit; transform:rotate(45deg); left:50%; z-index:-1;}
	.score-column.today .value {padding:24px 14px 6px; border-radius:4px; bottom:20px; color:#ffffff;}
	.score-column.today .value:after {content:'TODAY'; position:absolute; width:100%; left:0; top:8px; font-weight:normal;}

	
	.score-column.future .point {background-color:#ffffff; border:1pt dotted #979797;}
	.no-simulator .score-column.future .value {display:none;}
	.no-simulator .score-column.future .date {opacity:.28;}

.score-columns.animate .score-column {animation:column-up 0.7s forwards ease-out;}
.score-columns.animate .simulator-no-animation {animation:column-up forwards ease-out;}


.score-simulator-wrap .card {border:none; box-shadow:none; border-radius:0;}
.score-simulator-wrap input[type="range"] {-webkit-appearance:none; margin:0; width:100%; background-color:transparent; height:35px;}
.score-simulator-wrap input[type="range"]::-webkit-slider-runnable-track {width:100%; height:7px; margin:14px 0; cursor:pointer; animate:0.3s; background:#BDBDBD; border-radius:3.5px;}
.score-simulator-wrap input[type=range]::-webkit-slider-thumb {-webkit-appearance:none; border:2px solid #FFFFFF; height:24px; width:24px; border-radius:50%; background:#1D4BB6; cursor:pointer; margin-top:-10px; animate:0.3s; box-shadow:0 2px 4px rgba(0, 0, 0, 0.5);}
.score-simulator-wrap input[type="range"]::-moz-range-track {width:100%; height:7px; cursor:pointer; animate:0.3s; background:#BDBDBD; border-radius:3.5px;}
.score-simulator-wrap input[type=range]:focus::-webkit-slider-runnable-track {background:#BDBDBD;}
.score-simulator-wrap input[type=range]::-moz-range-thumb {-webkit-appearance:none; border:2px solid #FFFFFF; height:24px; width:24px; border-radius:50%; background:#1D4BB6; cursor:pointer; margin-top:-10px; animate:0.3s; box-shadow:0 2px 4px rgba(0, 0, 0, 0.5);}
.score-simulator-wrap .slider {margin:15px 0; position:relative;}

.score-simulator-wrap .min,
.score-simulator-wrap .max {color:#6C757D; font-size:12px; position:absolute; bottom:-8px;}

.score-simulator-wrap .max {right:0;}

@keyframes column-up {
	to {opacity:1; top:0px;}
}

@media only screen and (min-width: 576px) {
	.score-simulator-wrap .card {background-color:#f2f2f2;}
}


.score-simulator-wrap input[type=range]::-ms-track {width: 100%; background:transparent; border-color:transparent; border-width:1px; color:transparent; width:100%; height:7px; cursor:pointer; animate:0.3s; background:#BDBDBD; border-radius:3.5px;}
.score-simulator-wrap input[type=range]::-ms-fill-upper {background:#BDBDBD; border-radius:3.5px;}
.score-simulator-wrap input[type=range]::-ms-fill-lower {background:#BDBDBD; border-radius:3.5px;}


@media only screen and (max-width: 575px) {
	.news-wrap .card {border:none; box-shadow:none; border-radius:0;}
}




.grade-wrap {min-height:70px;}

@media only screen and (max-width: 575px) {
	
	.score-factor-summary-wrap > div {border-right:1px solid #6C757D;}
	.score-factor-summary-wrap > div:last-child {border-right: none;}
	div.scroll-x-mobile {flex-wrap: nowrap; overflow-x: scroll;}
}

@media only screen and (min-width: 576px) {
	.score-factor-summary-wrap > div {border-right:1px solid #6C757D;}
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
	.score-factor-summary-wrap > div:nth-child(3n+3) {border-right:none;}

	.score-factor-summary-wrap .offer-placement-contained {order:4;}
	.score-factor-summary-wrap .accountMix {order:3;}
	.score-factor-summary-wrap .creditInquiries {order:5;}
}

@media only screen and (min-width: 992px) {
	.score-factor-summary-wrap > div:last-child {border-right:none;}
}


.credit-debt .circular-value .odometer{letter-spacing:-0.75px;}

.credit-debt .circular-value .value {position:absolute; top:50%; left:50%;transform:translate(-50%, -50%); margin-left:-4px; line-height:43px;}
.credit-debt .circular-value .value::after {content:'%'; position:absolute; left:100%; top:6px; font-size:18px; font-weight: 600;display: inline-block; line-height:20px;}
.credit-debt .animate .circle-chart__circle {animation:circle-chart-fill 1.2s reverse; transform:rotate(-90deg); transform-origin:center;}
.credit-debt .circular-value {width:116px; height:116px; display:inline-block; position:relative;}

@keyframes circle-chart-fill {
	to {stroke-dasharray:0 323.7;}
}


.my-debt-wrap {min-height:96px;}
.snapshot-main-wrap .names {word-break:break-word; -ms-word-break: break-all;}
.data-snapshot-table td {width:50%; border-color:#bdbdbd; padding-left:0; border-top:none;} 

@media only screen and (min-width: 576px) {
	.data-snapshot-table td {padding-bottom:0;}
}

@media only screen and (min-width: 992px) {

}


.grade-details-nav .grade-details-factor-wrap.active {border-bottom:2px solid #000000; font-weight:bold;}


.grade-details-main-wrap .grade-details-factor-wrap {flex-basis:49%;}
.grade-details-letter {font-size:6rem; line-height:1.117;} 
.grade-details-main-wrap.carousel-item.active {display:flex; align-items: normal;}

.grade-details .carousel-control-prev,
.grade-details .carousel-control-next,
.grade-details .carousel-indicators {display:none;}

.grade-details-main-wrap > .text-center {text-align:left !important; display:flex; align-items:normal; flex-wrap:wrap; -ms-flex: 1;}
.grade-details-main-wrap.carousel-item.active.ng-animate {opacity: 0.5;}
.grade-details .next-steps{margin-top:1rem; margin-bottom:1rem; display: inline-block;}
.grade-details .grade-header {font-size:1.25rem; line-height:1.75rem;}
.grade-details-main-wrap b {font-size:1rem; text-transform:uppercase;}
.grade-details-main-wrap button {font-size:1.125rem}

@media only screen and (min-width: 768px) {
	.grade-details-main-wrap button {max-width:260px;}
	.grade-details button {max-width: 275px;}
}


.past-payment-history .year {flex-basis:60px;}
.past-payment-history .month-text,
.past-payment-history .month {flex-basis:20px; height:20px;}

.positive-accounts-count {width:38px; height:38px;}

@media only screen and (max-width: 375px) {
	.past-payment-history .month {flex-basis:16px; height:16px;}
}




.animate .animated score-bars-dir .bar {opacity:0; animation:fade-in 0.2s forwards ease-out }
score-bars-dir .bar.single {height:10px;}
score-bars-dir .bar {height:35px;}
.comparisons .value-cont {overflow: hidden; width:48px; height:142px;}
.comparisons .bar-value {height: 100%; width: 100%; transform: translateY(100%); transition: transform 1s ease-out; vertical-align: bottom;}
.comparisons .bar-left {transition-duration: 0.56s}
.comparisons .bar-right {transition-duration: 1.2s}
.comparisons .summary {transition:opacity 1.5s ease-in, transform 1s ease-out; transform:translateY(-75%); opacity:0; transition-delay: 1.2s;}
.comparisons .cont .bottom {transform: translateY(-75%); opacity:0; transition:opacity 1.2s ease-in, transform 0.9s ease-out;}
.comparisons .animate .cont .bottom,
.comparisons .animate .summary,
.comparisons .animate .lbl{transform:translateY(0); opacity:1;}
.comparisons .cont .top,
.comparisons .cont .bottom {width: 80px; display: table; margin-left: -45px; position: relative;}
.comparisons .lbl {transition:transform 1s ease-out, opacity 1s ease-out; transform: translateY(75%); opacity:0;}
.comparisons nav.sticky-top {max-height:600px;}





.callout {color:#0077bb; background-color:#E6F5FF;} 




.profile-accordion > .card-header {background-color:#ffffff; padding:0; border:none;}
.profile-accordion > .card-collapse > .card-body {padding:0;}
.profile-accordion a.accordion-toggle {text-decoration:none; color:inherit;}

.profile-accordion .nav-link {padding:1.60rem 2.5rem;}


@media only screen and (min-width: 768px) {
	.profile-accordion .nav-link {padding:.75rem 1rem .75rem 0;}
}






.goal-wrap .goal-icon {width:56px; height:56px;}

@media only screen and (max-width: 991px) {
	.goal-wrap .goal-icon {width:35px; height:35px;}
}

@media only screen and (min-width: 1200px) {
	.goal-wrap label {max-width:118px; box-sizing:content-box;}
}


.alerts-preferences-wrap .switch {position: relative; display: inline-block; width: 74px; height: 40px; line-height: 40px;}
.alerts-preferences-wrap .switch input {opacity:0; width:0; height:0;}

.alerts-preferences-wrap .slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#e0e0e0; -webkit-transition: .4s;transition:.4s;}
.alerts-preferences-wrap .slider:before {position:absolute; content:""; height:34px; width:34px; left:3px; bottom:3px; background-color:white;-webkit-transition: .4s; transition: .4s;}

.alerts-preferences-wrap input:checked + .slider {background-color:#39B54A;}
.alerts-preferences-wrap input:checked + .slider:before {-webkit-transform:translateX(34px); -ms-transform:translateX(34px); transform:translateX(34px);}


.alerts-preferences-wrap .slider.round {border-radius:40px;}
.alerts-preferences-wrap .slider.round:before {border-radius:50%;}





.payment-wrap .wallet-item {height:40px;} 





.offer-type-nav-img {width:60px; flex-basis:60px;}


.selected-offer-wrap {}

.selected-offer-trim {height:15px; position:relative; top:-5px; z-index:1; border-radius:0 0 8px 8px;}

@media only screen and (min-width: 768px) {
	.selected-card-benefits-wrap > div {border-right:1px solid #BDBDBD; min-height:90px;}
	.selected-card-benefits-wrap > div:nth-child(4) {border-right:none;} 
}




.offer-placement-wrap {overflow:hidden;}


.offer-placement-contained .offer-placement-wrap {height:100%; left:0; position:absolute; top:0; width:100%;}

#offer-priority-1 {min-height:499px;} 

@media (max-width: 991px) {
	.offer-placement-contained #offer-priority-2.offer-placement-wrap {position:relative;}
}

@media (min-width: 576px) {
	#offer-priority-2 {min-height:239px; max-height:350px;}
}

@media (min-width: 768px) {
	#offer-priority-1 {min-height:344px;}
	#offer-priority-2 {min-height:176px;}
}

@media (min-width: 992px) {
	#offer-priority-1 {min-height:238px;}
	#offer-priority-2 {min-height:initial; max-height:none;}
}

@media (min-width: 1200px) {
	#offer-priority-1 {min-height:266px;}
}



@media only screen and (min-width: 768px) {
	.credit-repair-steps-wrap {border-right:1px solid #BDBDBD;}
}


.biometric-settings-wrap .switch {position: relative; display: inline-block; width: 62px; height: 34px;}
.biometric-settings-wrap .switch input {opacity:0; width:0; height:0;}

.biometric-settings-wrap .slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; -webkit-transition: .4s;transition:.4s;}
.biometric-settings-wrap .slider:before {position:absolute; content:""; height:30px; width:30px; left:4px; bottom:2px; background-color:white;-webkit-transition: .4s; transition: .4s;}

.biometric-settings-wrap input:checked + .slider {background-color:#39B54A;}
.biometric-settings-wrap input:checked + .slider:before {-webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px);}


.biometric-settings-wrap .slider.round {border-radius:34px;}
.biometric-settings-wrap .slider.round:before {border-radius:50%;}




.loading-dots {text-align:center; z-index:5; color:#ffffff;}
    .loading-dots .dot {display:inline; position:relative; opacity:0; animation:showHideDot 1.5s ease-out infinite;}
    .loading-dots .dot.one { animation-delay: 0s; }
    .loading-dots .dot.two { animation-delay: 0.1s; }
    .loading-dots .dot.three { animation-delay: 0.2s; }
    .loading-dots .dot.four { animation-delay: 0.4s; }
    .loading-dots .dot.five { animation-delay: 0.8s; }

@keyframes showHideDot {
    0% { opacity: 0; }
    40% { opacity: 0; }
    60% { opacity: 0; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}


.fading-effect-text {position:relative; overflow:hidden; width:auto; margin:0 auto;}
.fading-effect {position:absolute; top:0; bottom:0; right:0;
    -moz-animation: showHide 2s ease-in ; 
    -webkit-animation: showHide 2s ease-in ; 
    -ms-animation: showHide 2s ease-in ; 
    -o-animation: showHide 2s ease-in; 
    animation: showHide 2s ease-in ;
}
@-webkit-keyframes showHide { 
    0% {width:100%}
    40% {width:0%}
    60% {width:0%;}
    80% {width:0%;}
    100% {width:0%;}
}

@-moz-keyframes showHide { 
    0% {width:100%}
    40% {width:0%}
    60% {width:0%;}
     100% {width:0%;}
    100% {width:0%;}
}
@-ms-keyframes showHide {
    0% {width:100%}
    40% {width:0%}
    60% {width:0%;}
     80% {width:0%;}
    100% {width:0%;}
}
@-o-keyframes showHide {
    0% {width:100%}
    40% {width:0%}
    60% {width:0%;}
     80% {width:0%;}
    100% {width:0%;}
}
@keyframes showHide {
    0% {width:100%}
    40% {width:0%}
    60% {width:0%;}
     80% {width:0%;}
    100% {width:0%;}
}



.custom-tooltip .tooltip-inner {padding:15px; color:#000000; background-color:#ffffff; border:2px solid #1D4BB6; min-width:200px;}
.custom-tooltip .bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {border-top-color:#1D4BB6;}
.custom-tooltip .bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {border-bottom-color:#1D4BB6;}
.custom-tooltip .tooltip.show {opacity:1;}



.review-stars {background-color:auto; font-family: Arial; position: relative; display:inline-block; font-size: 26px; height: 1em; line-height: 1em; word-wrap:normal; overflow-y: hidden;}
.review-stars:before {content: "\2606\2606\2606\2606\2606"; color: #FFC107;}
.review-stars:after {content: "\2605\2605\2605\2605\2605"; position:absolute; left:0; overflow:hidden; width:var(--starwidth,0%); color: #FFC107;}




.threat-level-pills {height:10px;} 

.monitor-and-protect-wrap .monitoring-icons {width:38px;}
.monitor-and-protect-wrap .shadow-monitor {box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.28442); border-radius: 0.5rem}

@media only screen and (min-width: 992px) {
	
	.monitor-and-protect-wrap .feature-active-badge {position:absolute; right:1rem;}

	.guard-it-wrap .clickable-card {height:169px;}
}



@media only screen and (max-height: 420px) {
	.modal .fancy-modal {height: 100vh;}
	.modal .fancy-modal .modal-heading {position: relative;}
	.modal .fancy-modal .modal-footer {position: relative;}
	.modal .fancy-modal .modal-main-content {margin-bottom: 10px;}
	.modal-open .modal .fancy-modal .modal-overflow {margin-top: 0;}
}

@media only screen and (max-width: 767px) {
	.modal-open .fancy-modal-mobile {overflow: hidden;}
	.fancy-modal {position: fixed; top: 0; left: 0; height: 100vh; overflow: scroll; -webkit-overflow-scrolling: touch;}
	.fancy-modal .modal-heading {position: fixed; width: 100%; top: 0; left: 0; z-index: 110;}
	.fancy-modal .modal-main {overflow: auto;}
	.fancy-modal .modal-footer {position: fixed; bottom: 0px; left: 0; height: 60px; border-radius: 0;}
	.fancy-modal .modal-main-content {overflow-y: auto; overflow-x: hidden; margin-bottom: 20vh;}
	.fancy-modal .modal-container {position: relative; overflow: hidden;}
	.fancy-modal-mobile .modal-dialog {margin: 0; width: 100%; max-width: 100%;} 
	.modal.fancy-modal-mobile.fade .modal-dialog {-webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; -webkit-transform: translate(0, 100vh); -ms-transform: translate(0, 100vh); transform: translate(0, 100vh);} 
} 

@media only screen and (min-width: 768px) {
	.fancy-modal {max-height: 80vh; overflow: scroll; border-radius: 5px;}
	.fancy-modal .modal-heading {position: absolute; width: 100%; top: 0; left: 0; z-index: 1; border-radius: 5px 5px 0 0;}
	.modal .fancy-modal .modal-overflow {margin-top: 215px;}
	.fancy-modal .modal-footer {position: absolute; bottom: 0px; left: 0; height: 60px; border-radius: 0 0 5px 5px;}
	.fancy-modal .modal-main-content {margin-bottom: 75px;}
	.modal.fancy-modal-mobile.fade .modal-dialog {-webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; -o-transition: transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; -webkit-transform: scale(0.6,0.6) translate(0, 0); -ms-transform: scale(0.6,0.6) translate(0, 0); transform: scale(0.6,0.6) translate(0, 0);}
}

.fancy-modal .modal-overflow {-webkit-overflow-scrolling: touch; overflow-y: scroll; overflow-x: hidden; margin-top: 250px;}
.fancy-modal .modal-heading::after {content: " "; height: 20px; width: 100%; position: absolute; bottom: -15px; left: 0; background-image: -o-linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(rgba(255, 255, 255, 0.7)), color-stop(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.1))); background-image: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));}
.modal.fancy-modal-mobile.show .modal-dialog {-webkit-transform: none; -ms-transform: none; transform: none;}
.fancy-modal div#dark-web-monitoring {min-height: 40vh;}


.dark-web-wrap .remove-icon {position:absolute; top:0px; right:0px; left: 0px; bottom: 0px; margin: auto; height: 30px;}
.dark-web-wrap .cc-img {position:absolute; top:10px; left:10px; background-image: url("../assets/img/cc-icons.png"); width:32px; height:19px;} 
	
	.dark-web-wrap .cc-img.amex {background-position: -15px -19px;}
	.dark-web-wrap .cc-img.mastercard {background-position: -282px -19px;}

	
	.dark-web-wrap .cc-img.discover {background-position: -15px -58px;}
	.dark-web-wrap .cc-img.visa {background-position: -328px -58px;}



.id-theft-policy-status {height:290px;
	background: linear-gradient(to bottom, #00DE95 0%, #00B1DB 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00DE95', endColorstr='#00B1DB',GradientType=0 ); 
}
.id-insurance-img {height: 127px; width: 98px;}
.img-rewardIt { width:247px; }




.reward-card-wrapper .credit-card-img {width:256px}
.reward-card-wrapper .mail-box-img {width:160px}
.reward-amount-envelope {top: 95px; display: inline-block; left: -15px; color: #ffffff; font-size: 0.75rem; width: 100%;}

@media only screen and (min-width: 992px) {
	.reward-card-wrapper .credit-card-img{width:370px}
	.reward-card-wrapper .mail-box-img{width:200px}
	.reward-amount-envelope {top: 125px; left: -20px; font-size: 1rem;}
}


.rewards-replacement-wrap {max-width: 345px; margin: 0 auto}
.rewards-replacement-wrap img {width: 100%; max-width: 320px}
.rewards-replacement-wrap .rewards-address {bottom:20px; width:100%}


.rewards-replacement-card .shipping-address-form {max-width:540px; margin:0 auto }
.rewards-replacement-card .shipping-address-form select#state.ng-pristine {color: #BDBDBD}
.rewards-replacement-card .shipping-address-form select#state.ng-pristine.ng-valid {color: #000000}


.claim-card-modal-wrap {min-height:499px; overflow-y: auto;}
	.rewards-modal-title {min-height:55px;}
	.rewards-card {width:267px;}


 .reward-card-address {top:65%; left:50%; transform:translate(-50%, -50%); position:absolute; width:100%;}

@media only screen and (min-width: 768px) {
	.claim-card-modal-wrap {height:670px;}
		.rewards-modal-title {min-height:88px;}
		.rewards-card {width:auto;}
}



.upgrade uib-accordion .card {box-shadow:none; border:none;}
.upgrade uib-accordion .card-body {padding:0;}
.upgrade uib-accordion .card-header {background:none; border-bottom:none; padding:0}
.upgrade uib-accordion a:hover {text-decoration:none;}



.upgrade-payment-info-wrap .payment-info {border-right:none;}
.benefit-checkbox {width:26px; height:26px;}
@media only screen and (min-width: 768px) {
	.upgrade-payment-info-wrap .payment-info {border-right:1px solid #BDBDBD;}
}
.upgrade-payment-info-wrap .credit-card-wrapper {position:relative;}
.upgrade-payment-info-wrap .credit-card-wrapper input {position:relative; padding-left:70px;}
.upgrade-payment-info-wrap .cc-img {position:absolute; left:-15px; top:-4px;}




.spinner-container .featured-components { min-height: 330px; }
.spinner-container .loading-features-progress { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.spinner-container .spinner-image {position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width:50%; height:50%;}
.spinner-container p {max-width: 395px;}
.spinner-container .loading-features-progress .progress-spin-value {stroke:#82E65D;} 


@media only screen and (min-width: 576px) {
	.spinner-container .featured-components { min-height: 450px; }
}

@media only screen and (min-width: 768px) {
	.spinner-container .featured-components { min-height: 500px; }
}

.featured-components-wrap .fade-in {
	animation: fadeIn ease 1s;
  }
  @keyframes fadeIn {
	0% {
	  opacity:0;
	}
	100% {
	  opacity:1;
	}
  }



.loading-features-progress {overflow:hidden; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.loading-features-progress .progress-meter,
.loading-features-progress .progress-value {fill:none;}
.loading-features-progress .progress-meter {stroke:#f2f2f2;}
.loading-features-progress .progress-value {stroke:#82E65D; animation:progress 25s linear;}

.loading-features-img {position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width:50%; height:50%; animation: show-image 25s ease; background-repeat: no-repeat; background-size:144px 144px; border-style: none; background-image: url("../assets/img/phone-wallet.png"); animation-delay: 3.5s; }

@keyframes progress {
    from {
        stroke-dashoffset:-785.4; 
    }
    to {
        stroke-dashoffset:0;
    }
}

@keyframes show-image {
	0% {background-image: url("../assets/img/phone-wallet.png");}
	20% {background-image: url("../assets/img/phone-card-money.png");}
	40% {background-image: url("../assets/img/rent-house.png");}
	60% {background-image: url("../assets/img/home-bank-cycle.png");}
	80%, 100% {background-image: url("../assets/img/credit-card.png");}
}


.upgrade .features-wrapper {margin:26px 0; position:relative; height:300px;}
.upgrade div.features {animation: features-message 5s ease-in; display: inline-block; opacity: 0; position: absolute; left:0;}
@media only screen and (min-width: 992px) {
	.upgrade div.features {margin-left: 15px;}
}
.upgrade div.features:nth-child(2) {animation-delay: 0s;}
.upgrade div.features:nth-child(3) {animation-delay: 5s;}
.upgrade div.features:nth-child(4) {animation-delay: 10s;}
.upgrade div.features:nth-child(5) {animation-delay: 15s;}
.upgrade div.features:nth-child(6) {animation-delay: 20s;}

@keyframes features-message {
	0% {
		opacity: 0.25;
	}
    10% {
        opacity: 0.5;
    }
    20% {
        opacity: 0.75;
    }
    40% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    80% {
		opacity: 0.75;
	}
	95% {
		opacity: 0.5;
	}
	100% {
		opacity: 0;
	}
}


.upgrade-card { box-shadow: 0 2px 7px rgba(0, 0, 0, 0.16); }
.bg-btn-green { background-color: #31B643; }
.basic .btn { background-color: #D9D9D9; }
.upgrade-card .upgrade-img { max-width: 100%; }
.upgrade-card .upgrade-body { font-size: 1.75rem; }
.upgrade .upgrade-card-main { background: linear-gradient(180deg, #0095D8, #1D4BB6) }
.upgrade-card .h1 { letter-spacing: 2px; }
.upgrade-card-main { height: 390px; }
.basic .upgrade-card-main { height: 300px; }
.upgrade-card-main .btn { max-width: 350px; }
.upgrade-card .upgrade-card-main h6 { top: 15px; left: 10px; }

@media only screen and (min-width: 576px) {
	.upgrade-card .upgrade-body { font-size: 2.25rem; }
}
@media only screen and (min-width: 768px) {
	.upgrade-card-main .btn { max-width: 288px; }
	.basic .upgrade-card-main { height: 390px; }
	.upgrade-card .upgrade-body { font-size: 1.5rem; }
}
@media only screen and (min-width: 992px) {
	.upgrade-card .upgrade-body { font-size: 2rem; font-weight: 600; }
	.upgrade-card .upgrade-card-main h6 { top: 15px; left: 25px; }
}
@media only screen and (min-width: 1200px) {
	.upgrade-card .upgrade-body { font-size: 2.5rem }
}


.upgrade-success-icon, .downgrade-icon {height: 200px;}


.upgrade-agreement-modal-wrap .modal-body { text-align:left; }
.upgrade-agreement-modal-wrap .btn-outline-1,
.upgrade-agreement-modal-wrap .btn-outline-1:hover,
.upgrade-agreement-modal-wrap .btn-outline-1:not(:disabled):not(.disabled):active,
.upgrade-agreement-wrap .btn-outline-dark:hover,
.upgrade-agreement-wrap .btn-outline-dark:not(:disabled):not(.disabled):active { color:#6C757D; border-color:#6C757D; background-color:#ffffff; }
.upgrade-agreement-wrap ul { padding-inline-start:0;list-style-type:none; }


.manage-service uib-accordion .card {box-shadow:none; border:none;}
.manage-service uib-accordion .card-body {padding:0;}
.manage-service uib-accordion .card-header {background:none; border-bottom:none; padding:0}
.manage-service uib-accordion a:hover {text-decoration:none;}


.status-banner { min-height: 44px }
.status-banner .fa {font-size: 22px}
.point-number {list-style-type:none; text-align:left; font-size:14px;}
.banner-btn { padding: 5px 20px;  margin-left: 20px; font-weight: normal; }
.status-banner .close {color: #ffffff; opacity: 1;}


.build-it .lock-icon {margin-top: -5px;}
.build-it .steps-img {height: 160px;}
.build-it .progress { height: 6px !important }
.build-it select:invalid, .modal-open select:invalid { color: #BDBDBD; }


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.d-flex-ie {
		-ms-flex: 1;
	}
	.grade-details-main-wrap .grade-details-factor-wrap {
		padding-left: 1px !important;
		padding-right: 1px !important;
	}
	.justify-content-center-ie {
		justify-content: inherit !important;
	}
	.d-sm-flex-ie {
		flex: 1 !important;
		display: block !important;
	}
	.text-ie {
		max-width: 99%;
	}
	.grade-wrap .caption-header { min-height:30px;}
	.score-simulator-wrap input[type='range'] {
		padding: 0 !important;
	}
	.score-simulator-wrap input[type=range]::-ms-thumb {-webkit-appearance:none; border:2px solid #FFFFFF; height:24px; width:24px; border-radius:50%; background:#1D4BB6; cursor:pointer; margin-top:-10px; animate:0.3s; box-shadow:0 2px 4px rgba(0, 0, 0, 0.5);}
	.score-simulator-wrap input[type="range"]::-ms-track {width:100%; height:7px; cursor:pointer; animate:0.3s; background:#BDBDBD; border-radius:3.5px;}
	.score-simulator-wrap .slider {margin:15px 0; position:relative;}
	.score-change-badge { left: 46%; }
	
	.credit-grades-table  .col-4 { display: block; }
	.track-it-page .featured-components-wrap .justify-content-center { min-height: inherit; }
	.flexbox { display: -ms-flexbox; display: -webkit-flex; display: flex;
		-ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap;
		-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
		-ms-flex-align: center;-webkit-align-items: center; align-items: center;
		-ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; }
	:-ms-input-placeholder { color:#bdbdbd; }
	.offer-card-image-wrap img.card-img-top {
		width: inherit !important;
	}
}


.sticky-bureau .sticky-tab {
    position: fixed;
    top: 60px;
    width: 100%;
    left: 0;
    z-index: 100;
	background-color: #fff ;
	padding: 30px 0;
}