@font-face {
    font-family: myFirstFont;
    src: url(../fonts/Roboto-Light.ttf);
    font-weight: normal;
}

@font-face {
    font-family: myFirstFont;
    src: url(../fonts/Roboto-Regular.ttf);
    font-weight: bold;
}

@font-face {
    font-family: myFirstFont;
    src: url(../fonts/Roboto-Bold.ttf);
    font-weight: 800;
}


body {

  font-family: myFirstFont;
     font-weight: normal;

}

.text-wrapper {
    font-family: myFirstFont;
    text-align: left;
    font-weight: 800;
    font-size: 70px;
    color: #5F6D85;
    line-height: 1.3;
}
.animated-words {
    display: inline-block;

}
.animated-words .nl:nth-child(2) { 
    -webkit-animation-delay: 4s; 
    -ms-animation-delay: 4s; 
    animation-delay: 4s; 
    color: #91100B;
}
.animated-words .nl:nth-child(3) { 
    -webkit-animation-delay: 8s; 
    -ms-animation-delay: 8s; 
    animation-delay: 8s; 
    color: #F07808; 
}
.animated-words .nl:nth-child(4) { 
    -webkit-animation-delay: 12s; 
    -ms-animation-delay: 12s; 
    animation-delay: 12s; 
    color: #5A0000;
}
.animated-words .nl:nth-child(5) { 
    -webkit-animation-delay: 16s; 
    -ms-animation-delay: 16s; 
    animation-delay: 16s; 
    color: #91100B;
}
.animated-words .last:nth-child(6) { 
    -webkit-animation-delay: 19s; 
    -ms-animation-delay: 19s; 
    animation-delay: 19s; 
    color: #F07808;
}
.animated-words .nl {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    color: #5A0000;
    -webkit-animation: animateWord 23s linear 1 0s;
    -ms-animation: animateWord 23s linear 1 0s;
    animation: animateWord 23s linear 1 0s;
}
@-webkit-keyframes animateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    20% { opacity: 0; -webkit-transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
.animated-words .last {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    color: #6b969d;
    -webkit-animation: animateWordLast 225s linear 1 0s;
    -ms-animation: animateWordLast 225s linear 1 0s;
    animation: animateWordLast 225s linear 1 0s;
}
@-webkit-keyframes animateWordLast {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    20% { opacity: 0; -webkit-transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
.am1 {
  margin-top:-70px;
}

.animated-words .last {
    -webkit-animation: animateWordLast 40s linear 1 0s;
    animation: animateWordLast 40s linear 1 0s;
}
@-webkit-keyframes animateWordLast {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    20% { opacity: 1; -webkit-transform: translateY(0px); }
    80% { opacity: 1; }
    100% { opacity: 1; }
}
/*.am1 {
  margin-top:-15px;
}*/


.mainheadertext{
    padding-top:100px;
}

.newhomepagep{
    text-align: left;
    font-size: 18px;
    opacity: 0.7;
    padding-top: 4px;
}
.newhomepagep2{
    /*margin-top: -188px;*/
}

#lottytext{
    margin-top: -80px;
margin-left: -30px;
margin-bottom: -184px;
}

#homepageservicehigh{
    padding-top: 20px;
}
@media only screen and (max-width: 768px) {

    .text-wrapper {
        font-family: myFirstFont;
        text-align:left;
        font-weight: 800;
        font-size:40px;
        color: #5F6D85;
        line-height: 1.3;
        padding-left: 20px;
    }
    .mainheadertext{
        padding-top: 15px;
        
    }

    .am1 {
      margin-top:-39px;
    }

    .newhomepagep{
        padding-left: 25px;
        margin-top: -55px;
    }

    .newhomepagep2{
       padding-left: 25px;
    margin-top: -75px;
    margin-bottom: 60px; 
    }

    #lottytext{
     margin-top: -120px;
        margin-left: 0px;
    }

    #lotanmmobile{
        margin-top: -163px;
    }
}

@media only screen and (max-width: 812px)  {
    #lottytext{

        /*display: none;*/
        margin-top: -80px;
    margin-left: -30px;
    margin-bottom: -116px;

    }

    .newhomepagep2{
    /*margin-top: -188px;*/
    margin-left: -15px;
    font-size: 16px;
    }
}

@media only screen and (max-width: 375px)  {
    #lottytext{

        /*display: none;*/
      margin-top: -120px;
    margin-left: 0px;
  

    }

  
}

@media only screen and (max-width: 414px)  {
    #lottytext{

        /*display: none;*/
      margin-top: -120px;
    margin-left: 0px;
  

    }

  
}
/*.row {margin: 0 !important;}*/