.gradient {
  background:linear-gradient(#120d31,#120d31);
  color:#fff;
}

.gradient-footer {
  background:linear-gradient(#120d31,#120d31);
  color:#fff;
}

.panel-default > .panel-heading {
    background-color:#000;
}

.tab-pane.active {
    animation: slide-down 0.7s ease-out;
}

.btn-group.special {
  display: flex;
}

.special .btn {
  flex: 1
}

@keyframes slide-down {
    0% { opacity: 0; transform: translateY(100%); }
    100% { opacity: 1; transform: translateY(0); }
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {

/* makes the dropdown full width  */
.navbar .dropdown1 {
	position:static;
}

table td a .img-avatar{
  width: 35px;
  border-radius:50px;
}

.navbar .dropdown-menu1 {
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  top:109px;
  }
}

.btn-hover {
	background-color: #7C2E00;
    color: #fff;
}
.btn-hover:hover {
	background-color: #9e1010;
    color: #fff;
}

.dropdown-item:hover {
	background-color: #69F;
}

.dropdown-phone {
		display: none;
	}
@media (max-width: 480px){
	.dropdown-desk {
		display: none;
	}
	.dropdown-phone {
		display: block;
	}
}

.image{
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}

.gradient-menu {
  background: #C86428;
  color: fff;
}
.dropdown {
  color: #fff;
}

.image:hover{
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease-in-out;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container1:hover .image {
  opacity: 0.3;
  transition: .5s ease;
}

.btn-home, .btn-home:hover, .btn-home:active, .btn-home:visited {
    background-color: #7C2E00 !important;
    border: #7C2E00;
    color: #fff;
}

/*.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.container1:hover .image {
  opacity: 0.3;
}*/

.table-bordered{
	background: #FFFFFF;
}

.table-bordered th{
	background: #69F;
}

.table-bordered th1{
	background: #C86428;
}

.table-bordered .th2{
	background:linear-gradient(120deg,#fc00ff,#00dbde);
	color:#fff;
}

.text-head{
	text-align: left;
}

.carousel-content {
	color: #fff;
	width: 29%;
	height: 32%;
	position: absolute; 
	z-index: 998;
	top: 38%; 
	right: 36%; 
	border: 0px solid;
	border-radius: 5px;
	text-align: center;
	text-shadow: -3px 2px 3px rgba(70, 70, 70, 1);
}

@media (max-width:991px){
	h2.carousel-size {
		font-size: 28px;
	}
}
@media (max-width:768px){
	h2.carousel-size {
		font-size: 24px;
	}
}
@media (max-width: 640px){
	h2.carousel-size {
		font-size: 18px;
	}
}
@media (max-width: 480px){

h2.carousel-size {
		font-size: 16px;
}
.hero-text{
  left: 50% !important;
}
.hero-text h1 {
  font-size:24px;

}

.hero-text p {
  font-size:12px;
  
}

.mobileview {
	display:inline-block !important;
}
.newsbox{
	display:none;
}
}
@media (max-width: 414px){
	h2.carousel-size {
		font-size: 14px;
	}
}
@media (max-width: 384px){
	h2.carousel-size {
		font-size: 10px;
	}
}

/* MUHAMMAD EMIR EKHSAN -> CSS*/
/*------------------------------------------------------------------------------------/*
/*BANNER CSS START HERE*/
.hero-image {
  background: url(../img/banner1234.jpg) no-repeat center 0px;
  height: 80%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text {
  width: 100%;
  text-align: center;
  position:absolute;
  top: 50%;
  left: 35%;
  transform: translate(-50%, -50%);
}

.hero-text h1 {
  color:#fff;
  text-shadow:0px 0px 3px #000;
}

.hero-text p {
  color:#fff;
  text-shadow:0px 0px 3px #000;
}

.hero-text button {
  border-radius: 10px;
  width:100%;	
  border: none;
  outline: 0;
  display: inline;
  padding: 10px 25px;
  color:black;
  background-color:transparent;
  text-align: center;
  cursor: pointer;
}

.hero-text button:hover {
  background-color:lightblue;
  color: white;
}
.imgbutton{
	border-radius:10px;
	width:15%;
	box-shadow:1px 1px 1px 1px #fff;
	transition:2s ease-out;
}
.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;
}
/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}
.blog .carousel-indicators .active {
background: #707070;
}
.containerimg{
	height:400px;
}
/*
.imgbutton:hover{
    width:16px;
}
/*----------------------------------------------------------------------------------------------------/*
/*end of banner css*/
.box{
	background-color:#ccc;
	width:450px;
	height:250px;
	border-radius:5%;
	}

.missionvission{
	font-style:bold;
	transform: translateY(77px);
	}
	
.mv{
	box-shadow:10px 10px 10px #999;
	border-radius: 10px;
}

.aboutusdescription{
	transform: translateY(77px);
}
	
.aboutusheader{
	background-color:rgb(0,0,0,0.1);
	padding:10px;
	border-radius:10px;
}	

.iconbox{
	border:2px solid #ccc;
	border-radius:10px;
	width:300px;
	height:300px;
}

.iconbox:hover{
	color:#fff;
	background-color:darkblue;
	box-shadow:10px 10px 10px #999;
}

.iconimg{
	padding:30px;
}

.iconcaption{
	padding-top:5px;
	padding-bottom: :5px;
	padding-left:20px;
	padding-right:20px;
}

.welcome{
	padding-top:20px;
}

.welcomecontent{
	padding-top: 30px;
	padding-bottom: 50px;
}

.imgoffice{
	width: 300px;
	height: 200px;
	box-shadow: 5px 5px 5px 5px lightblue;
	border-radius: 10px;
}

.mobileview {
	display:none;
}
.newsbox{
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    width:370px;
    height:100px;
    position: absolute;
    z-index: 99999;
    top: 120px;
    right:40px;
    border: 0px;
    border-radius:5px;
    text-align: justify;
    font-size:9px;
    text-shadow:0px 0px 3px #000;
    padding: 10px 10px 10px 10px; 
}
.newsbox h6 {
	font-size:14px;
}
.newsimg {
	border-radius: 10px;
}

.imghomepage{
  border: 2px solid black;
  border-radius:5px;
}

/*Effect Hover container--> swipe to top*/
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}

.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}