/* Hero */
.hero-banner-grid .card-img-bg:before {
    background: linear-gradient(90deg,#383838 0,transparent);
}
.hero-banner-grid .card-img-bg:before, .overlay-blue:before {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.hero-banner-grid .card-img-bg {
    background-position: 100% 40% !important;
}
@media only screen and (max-width: 768px) {
	.hero-banner-grid .card-img-bg {
    		background-position: 50% 50% !important;
	}
}

/* Tabs */
.tabs .tab-menu .tab-link {
    background-color: #006fcf;
    color: #fff;
} 	
.tabs .tab-menu .tab-link:after {
    height: 0.4rem !important;
}
.tabs .tab-menu .tab-link:hover {
    background-color: #336699;
}
.tabs .tab-menu .tab-link:focus {
    outline: none !important;
}
.tabs .tab-content {
    background-color: #ececec;
}

/* Desktop and Mobile images */
@media only screen and (max-width: 768px) {
	.image-mb {
		display: block !important;
	}
	.image-dt {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.image-mb {
		display: none !important;
	}
	.image-dt {
		display: block !important;
	}
}

/* Aligining texts to center */
.align-div-center .col-md-8 {
	margin-top: auto !important;
	margin-bottom: auto !IMPORTANT;
	text-align: left;
}

/* Removing dotted borders */
.tabs .tab-content [role=tabpanel]:focus {
	outline: none !important;
}
.collapsible:focus {
	outline: none !important;
}

/* Carousel */
.hero-carousel .hero-bg {
    background-size: 30% 100% !important;
    background-repeat: no-repeat !important;
	background-color: #006fcf !important;
}
.hero-carousel .btn {
	display: none;
}
.hero-carousel h3 {
	color: #000;
	padding-right: 15%;
}
.carousel-indicators li>button:focus:before, 
.carousel-indicators li>button:hover:before, 
.carousel-indicators li>button[aria-current]:before {
    background-color: grey;
}
.carousel-control {
    color: #fff;
	right: 5%;
}
.carousel-indicators li>button:before {
    background-color: #fff;
}
.carousel-controls {
	right: 5%;
}
.hero-carousel .heading-6 {
    font-family: Helvetica Neue,Helvetica,sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: #fff;
}
.manage-pin-grid img {
	display: none;
}
.manage-pin-carousel-grid .dls-bright-blue-bg {
    background-size: contain !important;
    background-repeat: repeat !important;
}
@media only screen and (max-width: 768px) {
.hero-carousel .hero-bg {
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-color: #006fcf !important;
    background-position: top;
}
.manage-pin-carousel-grid .col-md-8 {
    padding-top: 100%;
    margin-top: 100%;
}
.hero-carousel .heading-6 {
font-size: .9375rem;
}
.carousel-inner {
    background-color: #006fcf !important;
}
}