/*---------- Slider Css Start -------*/
.stl_slider_wrapper{
  float: left;
  width: 100%;
  position: absolute;
  z-index:1;
  
  /* background-image: url(../img/slider1.jpg); */
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  bottom:0px;
}
.stl_slider_wrapper .stl_img_overlay {
  z-index: -1;
}
.stl_banner_text{
float:left;
width:100%;
text-align:center;
color:#fff;
position:relative;
  overflow: hidden;
padding:250px 0px;
}
.stl_bannertext_wrapper{
float:left;
width:100%;
}
.stl_bannertext_wrapper h1{
float:left;
width:100%;
text-transform:capitalize;
font-size: 60px;
color:#ffffff;
font-weight:400;
padding-bottom: 25%;
}
.stl_bannertext_wrapper ul{
float:left;
width:100%;
margin:0px;
padding-left:0px;
padding-right:0px;
}
.stl_bannertext_wrapper ul li{
  list-style: none;
  display: inline-block;
  margin-right: 30px;
  position: relative;
  text-transform: capitalize;
  font-family: 'Philosopher', sans-serif;
  font-size: 24px;
}
.stl_bannertext_wrapper ul li:last-child{
margin-right:0px;
}
.stl_bannertext_wrapper ul li:after{
  content: "*";
  position: absolute;
  top: 3px;
  right: -20px;
}
.stl_bannertext_wrapper ul li:last-child:after{
  display:none;
}
.stl_bannertext_wrapper p{
float:left;
width:100%;
margin:0px;
  text-transform: capitalize;
}
.stl_bannertext_wrapper img{
display:inline-block;
}
.starfield {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
  z-index: -1;
}
.starfield > * {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
background-image: -webkit-radial-gradient(2px 2px at 40px 60px, #cccccc, rgba(0, 0, 0, 0)), -webkit-radial-gradient(2px 2px at 20px 50px, #dddddd, rgba(0, 0, 0, 0)), -webkit-radial-gradient(2px 2px at 30px 100px, #eeeeee, rgba(0, 0, 0, 0)), -webkit-radial-gradient(2px 2px at 40px 60px, #ffffff, rgba(0, 0, 0, 0)), -webkit-radial-gradient(2px 2px at 110px 90px, #cccccc, rgba(0, 0, 0, 0)), -webkit-radial-gradient(2px 2px at 190px 150px, #dddddd, rgba(0, 0, 0, 0));
background-image: radial-gradient(2px 2px at 40px 60px, #cccccc, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 20px 50px, #dddddd, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 30px 100px, #eeeeee, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 40px 60px, #ffffff, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 110px 90px, #cccccc, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 190px 150px, #dddddd, rgba(0, 0, 0, 0));
background-repeat: repeat;
background-size: 200px 200px;
animation-name:starfieldRotate;
-webkit-animation-name: starfieldRotate;
animation-iteration-count:infinite;
-webkit-animation-iteration-count: infinite;
animation-timing-function:linear;
-webkit-animation-timing-function: linear;
}
.starfield > *:nth-child(1) {
  animation-duration:18s;
-webkit-animation-duration: 18s;
}
.starfield > *:nth-child(2) {
  animation-duration:22s;
-webkit-animation-duration: 22s;
}
.starfield > *:nth-child(3) {
  animation-duration:36s;
-webkit-animation-duration: 36s;
}
.starfield > *:nth-child(4) {
  animation-duration:40s;
-webkit-animation-duration: 40s;
}
@keyframes starfieldRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes starfieldRotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
/* code for waves on Banner */
.stl_waves {
position: absolute;
width: 800px;
bottom: -75px;
left: 0%;
margin-left: -400px;
}
.stl_waves2 {
  position: absolute;
  width: 100%;
  top: 385px;
  right: 0px;
  margin: 0px auto;
  left: 0px;
}
.stl_waves3 {
position: absolute;
width: 900px;
bottom: 15px;
right: -400px;
}
.stl_for_wave {
width: 700px;
height: 700px;
background: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 50%;
margin-left: 50%;
left: -350px;
position: absolute;
bottom: -350px;
  z-index: -1;
-webkit-transform: scale(0.1, 0.1);
-moz-transform: scale(0.1, 0.1);
-ms-transform: scale(0.1, 0.1);
-o-transform: scale(0.1, 0.1);
transform: scale(0.1, 0.1);
opacity: 0;
-webkit-animation: pulse 3000ms ease-out infinite;
-moz-animation: pulse 3000ms ease-out infinite;
-ms-animation: pulse 3000ms ease-out infinite;
-o-animation: pulse 3000ms ease-out infinite;
animation: pulse 3000ms ease-out infinite;
}
.stl_for_wave:nth-of-type(2) {
-webkit-animation-delay: 600ms;
-moz-animation-delay: 600ms;
-ms-animation-delay: 600ms;
-o-animation-delay: 600ms;
animation-delay: 600ms;
}
.stl_for_wave:nth-of-type(3) {
-webkit-animation-delay: 1200ms;
-moz-animation-delay: 1200ms;
-ms-animation-delay: 1200ms;
-o-animation-delay: 1200ms;
animation-delay: 1200ms;
}
@-webkit-keyframes pulse {
0% {
  -webkit-transform: scale(0.1, 0.1);
  -moz-transform: scale(0.1, 0.1);
  -ms-transform: scale(0.1, 0.1);
  -o-transform: scale(0.1, 0.1);
transform: scale(0.1, 0.1);
  opacity: 0;
}
50% {
  opacity: 1;
}
100% {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
  opacity: 0;
}
}
@keyframes pulse {
0% {
  -webkit-transform: scale(0.1, 0.1);
  -moz-transform: scale(0.1, 0.1);
  -ms-transform: scale(0.1, 0.1);
  -o-transform: scale(0.1, 0.1);
transform: scale(0.1, 0.1);
  opacity: 0;
}
50% {
  opacity: 1;
}
100% {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
  opacity: 0;
}
}
@-webkit-keyframes pulse-text {
0% {
  opacity: 1;
}
50% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}
@keyframes pulse-text {
0% {
  opacity: 1;
}
50% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}
/*---------- Slider Css End  -------*/

.design_item {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url(../img/slides/web-designing.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.host_item {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url(../img/slides/web-hosting.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.domainSale_item {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url(../img/slides/domain-for-sale.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.domainReg_item {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url(../img/slides/domain-registration.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.domainTrans_item {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url(../img/slides/domain-transfer.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.floatingAndBouncing{
  padding: 9px 3px;
  border-radius: 50%;
  background-color: #4FCE5D;
  position: fixed;
  left: 20px;
  bottom: 20px;
  animation: bounce 3s infinite alternate; 
  -webkit-animation: bounce 3s infinite alternate;
  z-index: 999;
}
i.whiteForeColor {
  color:white;
}