html {
    scroll-behavior: smooth;

}

body{
  background-color: #09151f;   
  background-position: center;
  background-repeat: repeat;
  background-image: url(../img/c.png);
  
}
/*---------------- Breadcrumbs------------------------*/
.breadcrumbs-v4 {
    width: 100%;
    padding: 25px 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/br.png);
    background-size: cover;

}
.breadcrumb{
  background-color: #edeeef00;
}

/*---------------- Breadcrumbs------------------------*/

/*---------------- Caption for Owl Carousel------------------------*/
.owl-caption{
	position: absolute;
	right: 10%;
	top:25%;
	bottom: 20px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: right;  
    background-color: rgba(0, 0, 0, 0.5);    
}
.header-caption{
	font-size: 45px;
	font-weight: 700;
}
.text-caption{
	font-size: 20px;
}
/*---------------- Caption for Owl Carousel------------------------*/

/*---------------- Full Slider------------------------*/
.full-image {
	height: 700px;
}

 @media (min-width: 451px) and (max-width: 740px) { 
  .full-image {
    height: 400px;
  }
}
@media (min-width: 800px) and (max-width: 850px) { 
  .full-image {
    height: 450px;
  }
}
/*---------------- Full Slider------------------------*/

/*---------------- Back to top button------------------------*/
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}
/*---------------- Back to top button------------------------*/

.asd{
  border: 1px solid red;
 }

 /*--------------------------------------------------Dashboard & Colors------------------------------------------------------*/
/* Background colors */


.blightblue{
  background:#52b9e9 !important;
  color: #fff !important;
  border: 0px !important;
}

.bblue{
  background:#1171a3 !important;
  color: #fff !important; 
  border: 0px !important;
}

.bgreen{
  background: #43c83c !important;
  color: #fff !important; 
  border: 0px !important;
}

.borange{
  background:#f88529 !important;
  color: #fff !important; 
  border: 0px !important; 
}

.bred{
  background: #fa3031 !important;
  color: #fff !important; 
  border: 0px !important;
}

.bviolet{
  background: #932ab6 !important;
  color: #fff !important; 
  border: 0px !important;
}

.blightblue h2,.blightblue h3, .blightblue h3, .blightblue h4, .blightblue h5, .blightblue h6,
.bblue h2,.bblue h3, .bblue h3, .bblue h4, .bblue h5, .bblue h6,
.bgreen h2,.bgreen h3, .bgreen h3, .bgreen h4, .bgreen h5, .bgreen h6,
.bred h2,.bred h3, .bred h3, .bred h4, .bred h5, .bred h6,
.bviolet h2,.bviolet h3, .bviolet h3, .bviolet h4, .bviolet h5, .bviolet h6,
.borange h2,.borange h3, .borange h3, .borange h4, .borange h5, .borange h6{
  color: #fff !important;
}
 
.blightblue a,
.bblue a,
.bgreen a,
.bred a,
.borange a,
.bviolet a{
  color: #eee !important;
}

.blightblue a:hover,
.bblue a:hover,
.bgreen a:hover,
.bred a:hover,
.borange a:hover,
.bviolet a:hover{
  color: #ddd !important;
}

/* Text colors */

.lightblue{
  color:#52b9e9 !important;
}

.blue{
  color:#1171a3 !important;
}

.green{
  color: #43c83c !important;
}

.orange{
  color:#f88529 !important;
}

.red{
  color: #fa3031 !important;
}

.violet{
  color: #932ab6 !important;
}


/* Today datas */

.today-datas{
  list-style-type: none;
  padding: 5px;
}

.today-datas li{
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 10px;
  padding: 20px 15px;
  background-color: #f8f8f8;  
  background: #f8f8f8;
  border: 1px solid #ccc;
  max-width: 100%;
  text-align: center;
  border-radius: 5px;
}

.today-datas li .spark{
  margin-right: 10px;
}

.today-datas li .datas-text{
  font-size: 25px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
}

.today-datas li .datas-text span{
  display: block;
  font-size: 45px;
  margin-bottom: 0px;
}

.today-datas li i{
  font-size: 85px;
  margin-right: 10px;
}

.today-datas li .dial{
  margin-right: 10px !important;
}



/*--------------------------------------------------Dashboard & Colors------------------------------------------------------*/

.opacity-1{
   opacity: 0.7;
}

/*---------------- Full Slider------------------------*/
.full-image {
  height: 350px;
  width: 100%;
  object-fit: cover;
}

 @media (min-width: 451px) and (max-width: 740px) { 
  .full-image {
    height: 300px;
  }
}
@media (min-width: 800px) and (max-width: 850px) { 
  .full-image {
    height: 350px;
  }
}
/*---------------- Full Slider------------------------*/



/*---------------- Caption for Owl Carousel------------------------*/
.owl-caption{
  position: absolute;  
  left: 15%;
  right: 15%;
  top: 60%;
  bottom: 10px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.header-caption{
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
}
.text-caption{
  font-size: 20px;
}
/*---------------- Caption for Owl Carousel------------------------*/

.bg-putih{
  background-color:#ffffff;padding:0px;
}

.title{
  font-size: 1.2rem;
}
.post-desc{
  font-size :0.8rem;
}


/*---------------- Full Slider------------------------*/
.image500 {
  height: 460px;
  width: 100%;
  object-fit: cover;
}

 @media (min-width: 451px) and (max-width: 740px) { 
  .image500 {
    height: 460px;
  }
}
@media (min-width: 800px) and (max-width: 850px) { 
  .image500 {
    height: 460px;
  }
}
/*---------------- Full Slider------------------------*/