canvas{
  display:block;
  vertical-align:bottom;
}


/* ---- stats.js ---- */

.count-particles{
  background: url('../../images/banner.jpg');
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js{
  width: 100%;
  height: 100%;
  background: url('../../images/banner.jpg');
  background-image: url('../../images/banner.jpg');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position:relative;
  /*z-index:99;*/
}

.particles-caption
{
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align:center;
}

.particles-caption h4
{
color:#fff;
font-size:30px;
}

.particles-caption h4 span
{
color:#00b3ff;
font-weight:bold;
}
.particles-caption p
{
color:#fff;
padding-top: 20px;
}

.particles-caption ul {
    display: flex;
    align-items: center;
    padding-top: 30px;
	justify-content:center;
}

.counter-icon i
{
color:#00b3ff;;
font-size:20px;
}

.service-content
{
background:none!important;
}
.service-content p 
{
padding-bottom:20px;
}
.title
{
text-align:center;
color: #00b3ff;
font-size:30px!important;
font-weight:bold;
}

.button-btn i {
    font-size: 15px!important;
    padding-bottom: 0px!important;
    color: #00b3ff!important;
}

.bg-white-color
{
color: #00b3ff!important;
}

a.button-btn span, button.button-btn span {
    background-color: #c7e0eb!important;
	}
	
	
	.bg-white-color:before {
    background-color: #00b3ff !important;
}

a.button-btn:hover, button.button-btn:hover {
    border-color: #00b3ff;
}
.bg-white-color:hover span {
    color: #00b3ff !important;
    background-color: #c7e0eb !important;
}

.testimonial-two-wrapper .slider-test .owl-carousel .item .slider-wrapper .slider-img .slider-head h6
{
color: #00b3ff !important;
}
section .sb-service-section2
{
min-height: 355px;
}
.service2-main-wrapper .sb-service-box
{
min-height:400px;
}

.footer-main-wrapper h4 {
    font-size: 20px;
    font-weight: bold;
}
.footer-main-wrapper section .container
{
border-top:0px solid #eaeaea;
}

.form-section h6
{
    background-color: #00b3ff;
}

a.button-btn, button.button-btn {
    background-color: #00b3ff;
	}
	
	a.button-btn:before, button.button-btn:before
	{
	background-color: #00b3ff;
	}
	.form-main-wrapper section span
	{
	color: #00b3ff;
	border: 5px solid #c7e0eb;
	}
	
	.contact-main-wrapper .sb-contact-section
	{
	margin:0px;
	}
	
	.sb-contact-section h4, .sb-contact-section a, .sb-contact-sectio .breadcrumb-item, .breadcrumb-item+.breadcrumb-item::before
	{
	color:#fff;
	}
	
	.testimonial-two-wrapper .slider-test .owl-carousel .owl-dots .owl-dot.active span {
    border: 2px solid #00b3ff;
    background-color: #00b3ff;
}
.testimonial-two-wrapper .slider-test .owl-carousel .owl-dots .owl-dot span
{
border: 2px solid #00b3ff;
}

.main-header-wrapper2 .sb-header-section2 .menu-section2 ul li .dropdown-items
{
left:0%!important;
}

.mobile-menu-wrapper
{
background:#fff!important;
}

.mobile-menu-wrapper .toggle-main-wrapper .line
{
background-color:#004274!important;
}

@media only screen and (max-width: 767px) {
  /* CSS rules for mobile devices */
  .particles-caption
  {
  display:none;
  }
  
  /* Add more rules as needed */
}