.slideri {
  max-width: 100%;
  height: 300px;
  margin: 0px auto;
  position: relative;
  z-index:2;
}
.slide1i,.slide2i,.slide3i,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1i {
  background:url(../img/header1.jpg)no-repeat center left;
      background-size: cover;
    animation:fade 10s infinite;
-webkit-animation:fade 10s infinite;

} 
.slide2i {
  background:url(../img/header2.jpg)no-repeat center;
      background-size: cover;
    animation:fade2 10s infinite;
-webkit-animation:fade2 10s infinite;
}
.slide3i {
  background:url(../img/header3.jpg)no-repeat center;
      background-size: cover;
    animation:fade3 10s infinite;
-webkit-animation:fade3 10s infinite;
}
@keyframes fadei
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade2i
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3i
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 1}
}



.inttextanimate div {
  display: inline-block;
overflow: hidden;
white-space: nowrap;
text-align: center;
color: #fff;
font-weight: 400;
font-size: 35px;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translate3d(0,0,0);
width: 75%;
z-index: 99;
position: absolute;
text-shadow: 3px 4px 6px rgba(0,0,0,0.6);
}

.inttextanimate div:first-of-type {    /* For increasing performance 
                       ID/Class should've been used. 
                       For a small demo 
                       it's okaish for now */
	-webkit-animation: fade-in-fwd 2.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s both;
	        animation: fade-in-fwd 2.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s both;

  margin-top:120px;
}

.inttextanimate div:last-of-type {

    margin-top:160px;
	margin-left:150px;

}

.inttextanimate div:last-of-type span {

font-weight: 400;
font-size: 40px;
}


	
			
			






.fade-in-fwd {
	-webkit-animation: fade-in-fwd 2.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2s both;
	        animation: fade-in-fwd 2.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2s both;

}
.fade-in-fwd2 {
	-webkit-animation: fade-in-fwd 2.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 5s both;
	        animation: fade-in-fwd 2.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 5s both;

}


/* ----------------------------------------------
 * Generated by Animista on 2019-4-2 16:9:7
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */






@media (max-width:900px){
.inttextanimate div {

    width: 80%;
}

}

@media (max-width:750px){
	
	.hometextanimate div {
    font-size: 40px;
	
	}
	
	.hometextanimate div:last-of-type span {
    font-size: 40px;
}
.hometextanimate div:last-of-type {
    margin-top: 245px;
}
.inttextanimate div {

    width: 60%;
}

.inttextanimate div:last-of-type span {
   	font-size:35px;

}
	h1 {
    font-size: 30px !important;

}
}

@media (max-width:650px){

.inttextanimate div:last-of-type {
    margin-left: 110px;
}
.inttextanimate div {

    width: 80%;
}



}
@media (max-width:520px){
.inttextanimate div {
    width: 100%;
}

.inttextanimate div:last-of-type {
    margin-left: 0px;
}
.inttextanimate div {
    font-size: 25px;
}
.inttextanimate div:last-of-type span {
    font-size: 25px;
}

.slideri {
    height: 200px;
}
.intback {
    height: 200px;
}

.inttextanimate div:first-of-type {

    margin-top: 50px;
}

.inttextanimate div:last-of-type {
    margin-top: 90px;
}

}


@media (max-width:440px){
	
	.hometextanimate div {
    font-size: 30px;
	
	}
	
	.hometextanimate div:last-of-type span {
    font-size: 30px;
}
.hometextanimate div:last-of-type {
     margin-top: 140px;
}
.hometextanimate div:first-of-type {
 
    margin-top: 100px;
}
	
	
	.slider, .homeback {

    height: 300px;
 
}
.content {
margin: 30px auto;

}

.nopad {
    margin: 50px auto 0px auto;
}


}


.js-loading *,
.js-loading *:before,
.js-loading *:after {
  animation-play-state: paused !important;
}