/* CSS Document */

.banner-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 600px;
    font-family: 'Poppins', sans-serif;
}

.banner-img h1, .banner-style h1 {
	margin-bottom: 20px;
}

.banner-img .box, .banner-style .box {
	/*margin: 0 auto;*/
	margin-top: 30px;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 15px;
	max-width: 800px;
}

.banner-img .box a {
	color: #fff;
}

.banner-style .box, .banner-img .box:hover, .banner-style .box:hover {
	background: rgba(0, 0, 0, 0.7);
}

.banner-img p, .banner-style p {
	padding: 0px 5px 15px;
	font-size: 16px;
}

.box h1 {
	color: #A20106;
}

.box p {
	margin-bottom: 0.4rem;
}

#s-intro-new {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}

#s-intro-new .row div:first-child {
	float: left;
}

#s-intro-new .row div:last-child {
	float: right;
}

.read-more-btn {
	margin: 0;
	margin-top: 8px;
	border: 1px solid #fff;
	font-size: 18px;
	color: #fff;
	padding: 4px 8px;
}

#s-intro-new h1 {
	color: #fff;
	margin-bottom: 15px;
	margin-top: 15px;
	font-size: 20px;
}

.banner_text_left {
	width: 85%;
}

.banner_text_right {
	width: 15%;
}

.card-text {
	min-height: 72px;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.card-img-cars {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.card-img-help {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.card-img-faq {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.card-body h5 {
    font-size: 1.28rem;
}

/* need to add css for various viewpoints - this works for desktop in IE */
@media all and (-ms-high-contrast:none) {
	.card-img-top {
		height: 159px;
	}
	
	.card-img-cars {
		height: 190px;
	}
	
	.card-img-help {
		height: 350px;
	}
}

@media (max-width: 2200px) {
	.banner-img p {
		font-size: 14px;
	}
	.banner-img {
		height: 450px;
	}
	.banner-img-smc {
		height: 550px;
	}
}

@media (max-width: 2000px) {
	.banner-img p {
		font-size: 14px;
	}
	.banner-img {
		height: 400px;
	}
	.banner-img-smc {
		height: 540px;
	}
}

@media (max-width: 1500px) {
	.banner-img p {
		font-size: 14px;
	}
	.banner-img {
		height: 400px;
	}
	.cc_text {
		width: 70%;
	}
	.cc_buttons {
		width: 30%;
	}
	.banner-img-smc {
		height: 540px;
	}
	
	_:-ms-fullscreen, :root .card-img-top {
		height: 170px;
	}
	
	_:-ms-fullscreen, :root .card-img-help {
		height: 190px;
	}
	
	_:-ms-fullscreen, :root .card-img-cars {
		height: 190px;
	}
}

@media (max-width: 1200px) {
	_:-ms-fullscreen, :root .card-img-top {
		height: 260px;
	}
	
	_:-ms-fullscreen, :root .card-img-cars {
		height: 300px;
	}
}

@media (max-width: 991px) {
	.banner_text_left {
		width: 70%;
	}

	.banner_text_right {
		width: 30%;
	}
	
	_:-ms-fullscreen, :root .card-img-top {
		height: 210px;
	}
	
	_:-ms-fullscreen, :root .card-img-cars {
		height: 260px;
	}
}

@media (max-width: 768px) {
	.banner_text_left {
		width: 70%;
	}

	.banner_text_right {
		width: 30%;
		padding-top: 12px;
	}
	
	_:-ms-fullscreen, :root .card-img-top {
		height: 270px;
	}
	
	_:-ms-fullscreen, :root .card-img-help {
		height: 280px;
	}
	
	_:-ms-fullscreen, :root .card-img-cars {
		height: 330px;
	}
	
	.banner-img {
		height: 520px;
	}
}

@media (max-width: 400px) {
	.banner_text_left {
		width: 65%;
	}

	.banner_text_right {
		width: 35%;
		padding-top: 25px;
	}
	
	_:-ms-fullscreen, :root .card-img-top {
		height: 200px;
	}
	
	_:-ms-fullscreen, :root .card-img-help {
		height: 240px;
	}
	
	_:-ms-fullscreen, :root .card-img-cars {
		height: 300px;
	}
	
	.banner-img {
		height: 560px;
	}
}