@import url(https://fonts.googleapis.com/css?family=Arimo);
*
{
  font-family: 'DroidArabicKufiRegular'; 
}
body {
  color: #555555;
  overflow: hidden;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.venobox i {
  position: relative;
  font-size: 20px;
  top: -7px
}

a {
  color: #f64c45;
}

a:hover {
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background: url("../img/bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#hero .hero-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0 15px;
}

#hero .hero-logo {
  margin-bottom: 30px;
}

#hero h1 {
  margin: 0 0 30px 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
  color: #0089b2;
}

#hero h2 {
  color: #005f2f;
  margin-bottom: 30px;
  font-size: 23px;
  font-weight: 400;
  text-transform: uppercase;
}
#count_down
{
  font-size: 110px;
  color: #00aced;
  font-family: 'Arimo';
  display: none;
}

.btn-get-started {
  text-align: center;
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 1px;
  display: block;
  width: 280px;
  padding: 14px 30px;
  border-radius: 3px;
  margin: 10px auto;
  color: #fff;
  background: #005f2f;
}

#hero .btn-get-started:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero h2 {
    line-height: 30px;
  }
}
/* ---- reset ---- */ body{ margin:0; font:normal 75% Arial, Helvetica, sans-serif; } canvas{ display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js{ position:absolute; width: 100%; height: 100%; background-color: transparent; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; 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; }