body {
    font-family: 'Nunito', sans-serif;
}

a, a:hover,a:active {
    text-decoration: none;
}

.btn-primary, .btn-primary:hover, .btn-primary:active {
    color: #fff;
    background-color: #0a89c0;
    border-color: #0a89c0;
}

.navbar-toggler-icon {
    background-image: url('../img/menu.png') !important;
}

header {
    background: #fff;
    color: #000;
}

.logo {
    width: 200px;
}

@media (min-width: 0px) and (max-width: 425px) {
    .logo {
        width: 100px;
    }
}

    .navbar-toggler-icon {
        background-image: url('../img/menu.png') !important;
    }

    a.nav-link, a.nav-link:hover, a.nav-link:active {
        color: #033454;
        font-weight: bold;
    }

    footer {
        background: #02283f;
        color: #fff;
        margin-top: 50px
    }

        footer a, footer a:hover, footer a:active {
            color: #fff;
        }


    .bName {
        display: none;
    }

    input[type="range"] {
        width: 100%;
    }

    input[type="number"] {
        border: 1px solid #d7d7d7;
        padding: 5px;
        font-size: 15px;
        font-weight: 700;
    }

    .ofq-heading {
        background: #336699;
        color: #fff;
        padding: 10px;
    }

    .form-control {
        border: 1px solid #c7c7c7;
        border-radius: 0px
    }

    label {
        font-weight: 700;
        margin-bottom: 0;
    }

    .radioButtonList label {
        margin-left: 5px;
        margin-right: 15px;
    }


    .Background {
        background-color: Black;
        filter: alpha(opacity=90);
        opacity: 0.8;
    }

    .Popup {
        padding-top: 10px;
        padding-left: 10px;
        width: 350px;
        padding: 10px;
    }

    @media (min-width: 0px) and (max-width: 425px) {
        .Popup {
            width: 100%;
        }
    }


    .Popup i.fa.fa-times {
        z-index: 0;
        color: #fff;
        position: absolute;
        right: 5px;
        top: -15px;
    }

    .home-button-row-selection {
        background: #e6e8e8;
        padding: 30px;
    }

        .home-button-row-selection a {
            text-decoration: none;
            background: #8bc902;
            color: #fff;
            padding: 8px;
            text-align: center
        }

    .home-benefits-of-debt-review {
        background: #fff;
        padding: 30px;
        color: #014776;
    }

        .home-benefits-of-debt-review .block-content {
            padding: 20px;
        }

    footer h1 {
        font-size: 25px;
        font-weight: bold
    }

    footer .link {
        font-size: 18px;
    }

    .contact-us-widget {
        background: #033454;
        padding: 20px;
        color: #fff;
        border-radius: 15px;
    }

        .contact-us-widget input {
            margin-bottom: 10px;
            border-radius: 10px;
            border: none;
        }

    i.fa.fa-question {
        background: #336699;
        color: #fff;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        padding: 8px;
    }

    .btn-link, .btn-link:hover, .btn-link:active, .btn-link:focus {
        text-decoration: none;
        color: #000;
        border: none;
    }

    p {
        color: #808184;
    }

    .calculate-amount {
        font-weight: bold;
        color: red;
    }

    .not-over-indebted {
        padding: 15px;
        background: #4da54d;
        color: #fff;
    }

    .saving {
        padding: 15px;
        background: #cfbd3f;
        color: #fff;
    }

.contact-left-panel {
    background-color: #338dab;
    color: #fff;
    padding: 30px;
}
    .contact-left-panel a, .contact-left-panel a:hover, .contact-left-panel a:active {
        color: #fff;
    }

    .contact-left-panel hr {
        background: #fff;
        margin-top: 10px;
        margin-bottom: 10px;
    }


.click-to-chat {
    position: fixed;
    z-index: 10000;
    bottom: 10px;
    right: 10px;
}

    .click-to-chat img {
        width: 150px;
    }

@media (min-width: 0px) and (max-width: 425px) {
    .click-to-chat img {
        width: 100px;
    }
}

iframe {
    margin-bottom: -55px;
}

.book-zoom-consultation-banner {
    background-image: url(../img/zoompagebanner.jpg);
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 30px;
}

.calculator-banner {
    background-image: url(../img/debtcalc.jpg);
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 30px;
}


.free-quote-banner {
    background-image: url(../img/onlineapp.jpg);
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 30px;
}

.why-fin-rescue-banner {
    background-image: url(../img/whyfinrescuepage.jpg);
    min-height: 471px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 30px;
}
.voluntary-debt-mediation {
    background-image: url(../img/voluntary-debt-mediation.jpg);
    min-height: 471px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 30px;
}

.contact-us-banner {
    background-image: url(../img/contactusbanner.jpg);
    min-height: 471px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 30px;
}

.faq-banner {
    background-image: url(../img/faqspage.jpg);
    min-height: 471px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 30px;
}

@media (min-width: 0px) and (max-width: 425px) {
		.book-zoom-consultation-banner {
		background-image: url(../img/zoommobile.jpg);
	}

	.calculator-banner {
		background-image: url(../img/debtcalcmobile.jpg);
	}


	.free-quote-banner {
		background-image: url(../img/onlineappmobile.jpg);
	}

	.why-fin-rescue-banner {
		background-image: url(../img/whyfinrescuemobile.jpg);
	}

	.contact-us-banner {
		background-image: url(../img/contactusmobile.jpg);
	}

	.faq-banner {
		background-image: url(../img/faqsmobile.jpg);
	}
}


@media (min-width: 0px) and (max-width: 425px) {
    .book-zoom-consultation-banner, .calculator-banner, .free-quote-banner, .why-fin-rescue-banner, .faq-banner, .contact-us-banner {
        min-height: 150px;
    }
}

.info-bar {
    background: #02283f;
    color: #fff;
    padding: 10px;
    color: #000;
}

    .info-bar a, .info-bar a:hover, .info-bar a:active {
        color: #fff;
        text-decoration: none;
    }

.three-blocks {
    border: 1px solid #02283f;
    background: #f3f3f3
}

.carousel, .container {
    overflow-x: hidden;
    overflow-y: hidden;
}

@media (min-width: 0px) and (max-width: 767px) {

    .info-bar .text-right,
    .info-bar .text-left {
        text-align: center !important;
    }

    .three-blocks {
        margin-bottom: 20px;
    }
	
	a.btn-block.aos-init.aos-animate {
		margin-bottom: 10px;
	}
}

@media (min-width: 0px) and (max-width: 425px) {
	.video-container {
		overflow: hidden;
		position: relative;
	}

		.video-container video {
			width: 100%;
			margin-bottom: -11px;
		}
		.video-container .caption {
			display:none;
		}
}

@media (min-width: 426px) and (max-width: 8000px) {
	.video-container {
		overflow: hidden;
		position: relative;
	}

		.video-container video {
			min-width: 100%;
			min-height: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translateX(-50%) translateY(-50%);
		}
		.video-container .caption {
			z-index: 1;
			position: relative;
			text-align: center;
		}
}

.m-only {
	display: none;
}

.d-only {
	display: inline;
}

@media (min-width: 0px) and (max-width: 425px) {
	.m-only {
		display: inline;
	}

	.d-only {
		display: none;
	}
	
	.radioButtonList table {
		font-size: 10px;
	}
}


.carousel {
    margin: 0 auto;
    padding-bottom: 50px
}

    .carousel .item {
        color: #999;
        font-size: 14px;
        text-align: center;
        overflow: hidden;
        min-height: 340px
    }

        .carousel .item a {
            color: #eb7245
        }

    .carousel .testimonial {
        padding: 30px 0 10px
    }

.testimonial-section .carousel .item {
    min-height: auto;
}

.testimonial-text {
    color: #000000;
    padding: 20px;
    font-size: 20px;
    padding-top: 40px;
}


.carousel .carousel-control {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #999;
    text-shadow: none;
    top: 4px
}

.carousel-control i {
    font-size: 20px;
    margin-right: 2px
}

.carousel-control.left {
    left: auto;
    right: 40px
}

.carousel-control.right i {
    margin-right: -2px
}

.carousel .carousel-indicators {
    bottom: 15px
}