/* Create Color variables here
 * follow this link for Color name
 * https://chir.ag/projects/name-that-color/
 * and use $c prefix.
 * use lowercase for color code and variable name 
 * i.e $c-black: #000000; */
/* Create Typo variables here
 * use $ff prefix for font family
 * use $fs for font size
 i.e $ff-roboto-b: Roboto-bold;
 * $fs-large: 40px; */
/* Placeholders */
/* Mixins */
/* SCSS Functions */
/* Enter Your Global CSS here */

/*Transition Effects CSS Start Here */
.slide_LTR {
  animation: leftSlideIn ease 0.5s;
  -webkit-animation: leftSlideIn ease 0.5s;
  -moz-animation: leftSlideIn ease 0.5s;
  -o-animation: leftSlideIn ease 0.5s;
  -ms-animation: leftSlideIn ease 0.5s;
}
@keyframes leftSlideIn {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
.slide_RTL {

  animation: rightSlideIn ease 0.5s;
  -webkit-animation: rightSlideIn ease 0.5s;
  -moz-animation: rightSlideIn ease 0.5s;
  -o-animation: rightSlideIn ease 0.5s;
  -ms-animation: rightSlideIn ease 0.5s;
}
@keyframes rightSlideIn {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

.fade {
  animation: fadeIn ease 0.8s;
  -webkit-animation: fadeIn ease 0.8s;
  -moz-animation: fadeIn ease 0.8s;
  -o-animation: fadeIn ease 0.8s;
  -ms-animation: fadeIn ease 0.8s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  
  100% {
    opacity: 1;
  }
}
.zoomin {
  animation: zoomIn ease 1s;
  -webkit-animation: zoomIn ease 0.4s;
  -moz-animation: zoomIn ease 0.4s;
  -o-animation: zoomIn ease 0.4s;
  -ms-animation: zoomIn ease 0.4s;
 
}
@keyframes zoomIn {
  0% {
    transform: scale(0.8);
  }
  50% {
   transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.bounce-in {
  animation: bounce ease 1s;
  -webkit-animation: bounce ease 1s;
  -moz-animation: bounce ease 1s;
  -o-animation: bounce ease 1s;
  -ms-animation: bounce ease 1s; 
}
@keyframes bounce {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-80px); }
  100% { transform: translateY(0); }
}
.top-to-bottom {
  animation: top-bottom ease 1s;
  -webkit-animation: top-bottom ease 1s;
  -moz-animation: top-bottom ease 1s;
  -o-animation: top-bottom ease 1s;
  -ms-animation: top-bottom ease 1s; 

}
@keyframes top-bottom {
  0%   { transform: translateY(-100px); }
  100% { transform: translateY(0); }
}
.bottom-to-top {
  animation: bottom-top ease 1s;
  -webkit-animation: bottom-top ease 1s;
  -moz-animation: bottom-top ease 1s;
  -o-animation: bottom-top ease 1s;
  -ms-animation: bottom-top ease 1s; 

}
@keyframes bottom-top {
  0%   { transform: translateY(100px); }
  100% { transform: translateY(0); }
}

/*Transition Effects CSS End Here */

* {
  box-sizing: border-box;
}

*:after, *:before {
  box-sizing: border-box;
}

 #iasfw_load_more_button,

 #iasfw-loading {
   margin: 20px 0;
 }
 
@media (max-width: 800px) {
   #iasfw_load_more_button span:before {
     display: none;
   }
   #iasfw_load_more_button span {
     display: block;
   }
 }

.iasfw_load_more_button
 {
  text-align: center;
  clear: both;
}
#iasfw-loading{
  clear: both;
  display: none;
  text-align: center;
}
#iasfw-loading img {
  max-width: 100px;
  width: auto;
}

.my_loader{
  display: inline-block;
}

 .intro
 {
  
  transition: width 2s;
 }
 
 .complete_text {
  font-size: 17px;
  font-weight: 600;
  text-transform: capitalize;
}