/* About Slider*/

.aboutusboximgheadline{
	min-width: 100%;
	height: 335px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.aboutus-box {
	min-width: 100%;
	height: 60vh;
	object-fit: cover;
	object-position: 0% 50%;
}

.aboutusimagebox {
	width: 100%;
	padding: 0px!important;
	border-radius: 0%;	
}

.carouselbox {
	padding-bottom: 0px;
}

.imagecontainer {
	min-width: 100%;
	position: relative;
	
}
.contentbox {
	position: relative;
}

.abouttextbox{
	position: absolute;
    height: auto;
	width: auto!important;
    bottom: 0%;
    left: 0%!important;
	right: auto;
    z-index: 10;
	padding-left: 40px;
    padding-top: 40px;
    padding-right: 40px;
	padding-bottom: 20px; 
    color: #ffffff;
	background-color: rgba(0,0,0,.45)!important;
	font-size: 12px
	}

.aboutbox:hover {
	transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport)*/
	opacity: .9!important;
}

.icon-thumbnail {
	max-height: 100px;
	max-width: 100px!important;
}


@media (min-width: 576px) {
.abouttextbox{
	position: absolute;
    height: auto;
	width: 100%!important;
    bottom: 0%;
    left: 0%!important;
	right: auto;
    z-index: 10;
	flex-direction: row;
	padding-left: 40px;
    padding-top: 20px;
    padding-right: 40px;
	padding-bottom: 20px; 
    color: #ffffff;
	background-color: rgba(0,0,0,.45)!important;
	font-size: 16px;
	}
	.aboutusboximgheadline{
	min-width: 100%;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
}

@media (min-width: 768px) {
.abouttextbox{
	position: absolute;
    height: auto;
	width: 450px!important;
    bottom: 0%;
    left: 35%!important;
	right: auto;
    z-index: 10;
	padding-left: 40px;
    padding-top: 20px;
    padding-right: 40px;
	padding-bottom: 20px; 
    color: #ffffff;
	background-color: rgba(0,0,0,.45)!important;
	}
}



@media (min-width: 992px) {
	.abouttextbox{
	position: absolute;
    height: auto;
	width: 450px!important;
    bottom: 0%;
    left: 60%!important;
	right: auto;
    z-index: 10;
	padding-left: 40px;
    padding-top: 20px;
    padding-right: 40px;
	padding-bottom: 20px; 
    color: #ffffff;
	background-color: rgba(0,0,0,.45)!important;
	}

}


.indicatorwhite li{
	background-color: #ffffff!important; 
}



/* About html file*/
.aboutusbox {
	width: auto;
	height: auto;
	padding: 30px 40px 10px 40px!important;
}

.imagebox {
	object-fit: cover;
	object-position: 0% 30%;
	height: 300px;
	width: 100%;
	padding: 0px!important;
	border-radius: 0%;	
}

.breadcrumb {
	margin-bottom: 0px!important;
}
.headlineBar {
	width: auto;
	height: 10px;
	margin: 0px;
	padding: 0px;
	background-color: #ececec;
}

.aboutcontainer {
	width: auto;
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;

}
.divisionbox {
	width: auto;
	height: auto;
	margin: 10px 10px 10px 10px;
	padding-top: 10px;
	padding-bottom: 10px;

}
.breadcrumbscontainer {
	padding-top: 10px;
	padding-bottom: 10px
}

.divisioncontainer {
	width: auto;
	height: auto;
	margin: 10px 10px 10px 10px;
	padding: 20px 20px 20px 20px!important;
	border: 1px solid #D9D9D9;
	border-bottom: 4px solid #f7941d;
	background-color: #ffffff;
	display: block;
	transition: transform .2s; /* Animation */
}

.divisioncontainer:hover {
	transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.containerwrap {
	margin-top: 20px;
	margin-bottom: 20px;
}

hr {
	margin: 0px!important;
}

h1, h2, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #5e5e5e;
    font-weight: 300;
    letter-spacing: 0.01em;
    text-rendering: optimizelegibility;
}
h3 {
    font-size: 1.70rem;
    color: #5e5e5e;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.3em;
}

.display-4 {
	font-size: 3.5rem;
	line-height: 1.2;
}