@keyframes btnestima {
       0% { opacity: 0; }
       50% { opacity: 0.5; }
       100% { opacity: 1; }
 }
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/muli/v28/7Aulp_0qiz-aVz7u3PJLcUMYOFlOkEk30eg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v12/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Mulish2';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v12/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


*{
  
   font-family: 'Arial';

}
body{
   background-color: #F4FBFD;
   overflow-x: hidden;
}
.botaosec{
       width: 100%;
       text-align: center;
       margin-bottom: 20px;
}
.botaosec a{
         border-radius: 30px !important;
          font-size: 15px;
          font-family: "Mulish2";
          font-weight: bold;
}
#getestimative{
        background-color: #0271A9;
        height: 50px;
}
#getestimative .textget{
        height: 50px;
        display: flex;
        align-items: center;
}
#getestimative p{
       font-family: "Muli";
       color: white;
       font-size: 14px;
       margin-bottom: 0px;
}
#getestimative ul{
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: right;
}
#home nav, #pages nav{
     background-color: none;
     z-index: 99;
}
#home nav img, #pages nav img{
      width: 220px;
}
.activee{
         background-color: #0271A9;
         color: #fff !important;
         border-radius: 15px;
}
#home .nav-item{
         margin-right: 15px;
}
#home .nav-item:hover{
         background-color: #0271A9;
         color: #fff !important;
         border-radius: 15px;
}
#home .nav-item:hover a{
          color: #fff;
}
#home .nav-item a {
       font-family: "Mulish2";
       font-size: 17px;
       font-weight: bolder;
       color: black;
}
.msg{
    text-align: center;
    padding-top: 40px;
    padding-bottom: 130px;
    background-image: url("../img/backini.gif");
    background-repeat: no-repeat;
    background-size: cover;
}
.msg h1{
        font-family: "Mulish";
        font-size: 38px;
        color: #1139AB;
        margin-top: 60px;
}
.msg h2{
      font-family: "Mulish";
        font-size: 30px;
}
.msg .btnestima{
         background-color: #65C7E4;
         border-radius: 15px;
         padding: 10px;
         color: #000;
         font-weight: bold;
         margin-top: 20px;
         font-size: 15px;
}

.msg .btnestima2{
         background-color: #1139AB;
         border-radius: 15px;
         padding: 10px;
         color: #fff;
         font-weight: bold;
         margin-top: 20px;
         font-size: 15px;
}
.msg img{
        width: 400px;
}
.titulo{
       font-family: "Mulish";
       margin-bottom: 50px;
       margin-top: 60px;
       color: #1139AB;
       text-align: center;
}
#about{
    padding-top: 60px;
    background-color: #fff;
}
#about .texto h2{
         font-family: "Mulish";
         margin-bottom: 20px;
         margin-top: 60px;
         color: #1139AB;
}
#about .texto p{
            color: #5f5f5f;
            font-size: 18px;
}
#about .texto .botao{
              border-radius: 30px !important;
              font-size: 15px;
              font-family: "Mulish2";
              font-weight: bold;
}
#about .image{
       text-align: center;
}
#about .image img{
         width: 300px;
}

#services .inner-service{
                 padding-bottom: 15px;
                 padding-left: 5px;
                 padding-right: 5px;
                 position: relative;
                 text-align: center;
}
#services .inner-service img{
                    width: 95%;
}
#services .title-service{
                width: 80%;
                height: 60px;
                background-color: #fff;
                position: absolute;
                display: flex;
                align-items: center;
                justify-content: center;
                top: -30px;
                left: 10%;
}
#services .title-service h3{
                   font-family: "Arial";
                   font-weight: bold;
                   font-size: 20px;
                   color: #0271A9;
}
#services .title-service .icon-servi{
                           width: 50px;
                      }    

#services-page .inner-service{
                 padding-bottom: 15px;
                 padding-left: 5px;
                 padding-right: 5px;
                 position: relative;
                 text-align: center;
                 margin-bottom: 50px;
}
#services-page .inner-service img{
                    width: 95%;
}
#services-page .title-service{
                width: 80%;
                height: 60px;
                background-color: #fff;
                position: absolute;
                display: flex;
                align-items: center;
                justify-content: center;
                top: -30px;
                left: 10%;
}
#services-page .title-service h2{
                   font-family: "Arial";
                   font-weight: bold;
                   font-size: 20px;
                   color: #0271A9;
}
#services-page .title-service .icon-servi{
                           width: 50px;
                      } 
#services-page .inner-service p{
                        position: absolute;
                        bottom: 5px;
                        font-family: "Mulish";
                        width: 100%;
}  
#services-page .btnestima{
             background-color: #65C7E4;
             border-radius: 15px;
             padding: 10px;
             color: #000;
             font-weight: bold;
             margin: 5px auto;
             font-size: 15px;
             animation: btnestima .9s linear infinite;
}    
              
.msgpage2{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../img/imgback2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
} 
.msgpage2 h2{
       font-family: "Mulish";
       font-size: 41px;
       color: #1139AB;
}
#services-page h3{
         margin-bottom: 50px;
         color: #0271A9;
         text-align: center;
}


.msgpage3{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../img/imgback3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
} 
.msgpage3 h2{
       font-family: "Mulish";
       font-size: 41px;
       color: #1139AB;
}
#contacts h3{
         margin-bottom: 50px;
         color: #0271A9;
         text-align: center;
}


#preroda{
     background-color: #1139AB;
     padding: 40px 5px;
}

#testimonials{
           padding-bottom: 50px;
}
#testimonials .item{
             background: #191970;
             color: #fff;
             border-radius: 6px;
             text-align: center;
             padding: 10px 10px;
}
#testimonials .item img{ 
                width: 70px;
                margin-bottom: 10px;
                margin: 10px auto;
 }
#testimonials .item .mensagem{
                 font-family: "Mulish2";
                 font-size: 19px;
 }   
  #testimonials .item .autor{
                    color: #DCDCDC;
                    font-weight: bold;
                    font-size: 20px;
  }
.owl-theme .owl-dots, .owl-theme .owl-nav{
                         text-align: left !important;
}
.owl-carousel button.owl-dot{
              outline: 0;
    }
 

.msgpage{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../img/imgback1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
} 
.msgpage h2{
       font-family: "Mulish";
       font-size: 41px;
       color: #1139AB;
}
#content-about{
            padding-top: 30px;
}
#content-about h3{
            font-family: "Mulish2";
            color: #0271A9;
            font-weight: bold;
            font-size: 32px;
}
#content-about p{
            font-size: 19px;
}


#preroda .info{
       padding-right: 10px;
       border-right: 1px solid blue;
}
#preroda .info img{
           width: 250px;
           margin-bottom: 20px;
}
#preroda .info p{
          color: #A6B8E3;
          font-family: "Arial";
}
#preroda .links{
             padding-left: 30px;
             margin-right: 20px;
}
#preroda .links h3{
            color: #fff;
            font-size: 24px;
            margin-top: 50px;
            margin-bottom: 30px;
}
#preroda .links ul{
            list-style-image: url("../img/seta.jpg");
            padding-inline-start: 20px !important;
}
#preroda .links ul li{
             margin-bottom: 10px;
}
#preroda .links ul li a{ 
               color: #A6B8E3; 
 }
#preroda .links2{
             padding-left: 30px;
}
#preroda .links2 h3{
            color: #fff;
            font-size: 24px;
            margin-top: 50px;
            margin-bottom: 30px;
}
#preroda .links2 ul{
            list-style-image: url("../img/seta.jpg");
            padding-inline-start: 20px !important;
}
#preroda .links2 ul li{
             margin-bottom: 10px;
}
#preroda .links2 ul li p{ 
               color: #A6B8E3; 
 }
#preroda .contacts h3{
            color: #fff;
            font-size: 24px;
            margin-top: 50px;
            margin-bottom: 30px;
            margin-left: 30px;
} 
#preroda .contacts p{
              color: #A6B8E3;   
              margin-left: 30px;
}
#preroda .contacts h4{
             color: #fff;
             font-size: 18px;
             margin-left: 30px;
}
footer{

    background: #0271A9; 
    min-height: 60px;
    display: flex;

}

footer p{

    color: white;
    font-size: 15px;
    margin-top: 20px;

}

footer p a{

     color: #ccc;

}


footer ul{
    
      display: inline-block;
      width: 200px;
      float: right;
      margin-top: 30px;
}

footer ul li{
 
      width: 40px;
      font-size: 18px;
      float: left;
      list-style: none;
      margin-left: 10px;
      
}

footer ul li a{

        color: white;
        text-decoration: none;

}

/* responsivo */

@media screen and (max-device-width: 1200px){
                     #testimonials .title-testi h2{
                            margin-left: 60px;
                         }
}

@media screen and (max-device-width: 990px){

              #home .msg h2{
                    font-size: 40px;
              }
              .navbar-expand-lg .navbar-collapse {
                    background-color: #F4FBFD;
                    padding-left: 15px;
                    border: 1px solid #ccc;
              }
              .activee {
                     background-color: transparent;
                     color: #000 !important;
              }
              #home h1{
                   font-size: 36px;
              }
              #home .nav-item:hover{
                   background-color: transparent;
              }
              #home .nav-item:hover a{
                    color: blue;          
              }

}



@media screen and (max-device-width: 840px){

              
                 #home{
                     height: 90vh;
                     bottom: 0px;
                  }
                  #home .msg{
                      top: 200px;
                  }                

}

@media screen and (max-device-width: 767px){
 
                     #home .msg img{
                              margin-top: 100px;
                      }
                      #preroda .info{
                             border-right: none;
                             text-align: center;
                      }
                      #preroda .info img{
                            width: 330px;
                      }
                      #preroda .links{
                              margin-right: 0px;
                      }
                      #about{
                          padding-top: 20px;
                      }
                      #about .texto h2{
                                text-align: center;
                      }
                      #about{
                          text-align: center;
                      }
                      #about .texto{
                             background-color: #f5f5f5;
                      }
                      #about .texto p{
                              text-align: left;
                      }
                      #about .texto .botao{
                                margin-bottom: 30px;
                      }
                      #services .inner-service{
                                  margin-bottom: 40px;
                      }
                      #services .title-service h3{
                                   font-size: 23px;
                      }
                      .botaosec{
                               margin-top: -30px;
                      }
                      #testimonials .title-testi h2{
                                    float: right;
                         }
                       .owl-theme .owl-dots, .owl-theme .owl-nav{
                                text-align: center !important;
                       }  
}

@media screen and (max-device-width: 640px){



}

@media screen and (max-device-width: 575px){

                        #home{
                            text-align: center;
                            }
                        #home .msg{
                              padding: 40px 13px;
                        }
                        .navbar-nav{
                              text-align: left;
                        }
                        #home .msg img{
                             display: none;
                       }
                        #testimonials .title-testi h2{
                            margin-left: 65px;
                         }
            
}




@media screen and (max-device-width: 471px){


}

@media screen and (max-device-width: 390px){
                     
                     .msg h1{
                             font-size: 32px;
                      }
                      .msg h2{
                            font-size: 26px;
                      }
                        #testimonials .title-testi{
                              background-size: 35%;
                              margin-left: 5px;
                       }
                       #testimonials .title-testi h2{
                                      margin-top: 10px;
                       }

}