body{
	padding:0px;
	margin:0px;
	font-family: 'Roboto';
}
.tab {
    float: left;
    border: 1px solid #780000;
    background-color: #d4000026;
    width: 100%;
    height: auto;
}
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}
.tab button:hover {
    background-color: #780000;
    color: white;
}
.tab button.active {
    background-color: #780000;
    color: white;
}
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 100%;
  border-left: none;
  height: auto;
}
.zoom {
  transition: transform .2s;
  width: 95%;
}
.zoom:hover {
  -ms-transform: scale(1.2); 
  -webkit-transform: scale(1.2); 
  transform: scale(1.2); 
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #780000;
    color: red;
}
.top-strip{
	width:100%;
	height:auto;
	padding:5px 0;
	background: #d40000;
}
.desktop-logo{
	text-align: center;
	padding:8px 0;
}
.mobile-logo{
	display:none;
}
.bg-light {
    background-color:#780000 !important
}
.navbar-brand span{
	font-weight: bold;
	font-size: 28px;
}
.navbar ul li a{
	color:#fff !important;
	font-weight: bold;
	text-transform: uppercase;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 2.5rem;
    padding-left: .5rem;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    background: #d40000;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #f5f5f5;
    border: 1px solid white;
    border-radius: 0.25rem;
}
.navbar-light .navbar-toggler {
    color: rgb(255 255 255);
    border-color: rgb(255 255 255);
}
.banner-bottom{
	width:100%;
	height:auto;
	background: whitesmoke;
	padding: 80px 0;
	text-align: justify;
}
.services {
    width: 100%;
    height: auto;
    color: #000;
    /* background: #472b1f; */
    background: #f5f5f5;
    padding: 10px 0;
}
.service {
    width: 100%;
    text-align: center;
    border: 2px solid #780000;
    padding: 15px;
    border-radius: 5px;
    color: #780000;
    margin-bottom: 30px;
    box-shadow: 0px 1px 12px 1px;
}
.service span i{
	font-size: 50px;
	margin-top: 20px;
}
.service p{
	font-weight: 500;
	font-size: 16px;
	margin-top: 15px;
}
.testimonial{
	width:100%;
	height:auto;
	background: #fff;
	padding:80px 0;
	text-align: center;
}
.testimonial img{
	height:120px;
	width:120px;
	padding: 10px;
	border-radius: 50%;
	border:1px dashed #000;
	margin:0 auto;
	margin-top: 25px;
	margin-bottom: 25px;
}
.testimonial p{
	margin-top:30px;
	padding: 0 180px
}
.footer {
    width: 100%;
    height: auto;
    padding: 40px;
    color: #fff;
    /* background: #010b35; */
    background: #780000;
}
.footer ul li{
	list-style: none;
}
.footer ul li a{
	color:#fff;
	list-style: none;
}
.copyrights {
    width: 100%;
    height: auto;
    padding: 10px;
    /* background: #09154a; */
    background: #d40000;
    color: #fff;
    text-align: center;
}

/* --------------------------  Others Page  ------------------- */
.pages {
    width: 100%;
    height: auto;
    padding: 40px;
    background: #ffffff;
    text-align: justify;
}
#about h5{
	text-align: center;
	margin-top: 20px;
}
#about h4{
	margin-top: 20px;
}
.address, .map{
	width:100%;
	height:auto;
	padding:20px 0;
}
.map iframe{
	height:300px;
}
.docs{
	width:100%;
	height:auto;
	margin-bottom: 20px;
}
.profile{
	width:100%;
	height:100%;
	padding: 20px;
	margin-bottom: 20px;
	border:1px solid gray;
	border-radius: 5px;
	text-align: center;
}
#career{
	background: url("../images/careerbg.jpg") no-repeat center/cover fixed;
}
.career-overlay{
	width:100%;
	height:auto;
	background: #00000085;
	padding: 80px 0;
}
.job-form{
	width:100%;
	height:auto;

}
#career h3{
	text-align: center;
	color:blue;
	margin:10px 0;
}
.form {
    width: 50%;
    background: #ffffffa6;
    color: #000;
    padding: 30px 10px;
    margin: 0 auto;
    height: auto;
    border-radius: 5px;
    border-left: 3px solid #780000;
    border-right: 3px solid #780000;
}
.form label{
	margin-top: 15px;
	margin-bottom: 0px;
}
#gallery h2{
	text-align: center;
}
.gallery-image {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 10px;
    border: 2px solid #780000;
    border-radius: 5px;
    margin-bottom: 20px;
}
.com{
	text-align: center;
}
/* ----------- Start Responsive ------------- */
@media(max-width: 1200px){
	.navbar-expand-lg .navbar-nav .nav-link {
	    font-size: 15px;
	}
}
@media(max-width: 1024px){
	.navbar-expand-lg .navbar-nav .nav-link {
	    font-size: 15px;
	}
	.form {
	    width: 60%;
	}
}
@media(max-width: 768px){
	.testimonial p {
	    padding: 0 80px;
	}
	.form {
	    width: 80%;
	}
	.service-image{
		margin-bottom: 20px;
	}
}

@media(max-width: 576px){
	.banner-bottom, .services, .testimonial, .footer{
		padding:30px 0;
	}
	.service{
		height:auto;
		margin-bottom: 20px;
	}
	.banner-bottom h2, .services h2, .testimonial h2 {
	    font-size: 22px;
	    text-align: center;
    	font-weight: bold;
	}
	.testimonial p {
	    padding: 0 30px;
	}
	.footer h4 {
	    font-size: 22px;
	    text-align: center;
	    margin-top: 10px;
	}
	.pages{
		padding:30px 0;
		/*text-align: left;*/
	}
	.pages h2 {
	    font-size: 22px;
	    text-align: center;
	}
	#about h5 {
	    font-size: 15px;
	    font-weight: bold;
	}
	#about h4 {
	    text-align: center;
	    font-size: 20px;
	    font-weight: bold;
	}
	#contact h4 {
	    font-size: 20px;
	    text-align: center;
	}
	.profile{
		height:auto;
	}
	.adj-button{
		width:100%;
		margin-top:10px;
	}

	#service h4{
		text-align: center;
	}
	.form {
	    width: 100%;
	}

}
@media(max-width: 425px){
	.navbar-brand{
		width:78%;
	}
}
@media(max-width: 375px){
	.navbar-brand{
		width:74%;
	}
	.banner-bottom h2, .services h2, .testimonial h2 {
	    font-size: 18px;
	}
}
@media(max-width: 320px){
	.navbar-brand{
		width:70%;
	}
}