@font-face {
    src: url(../fonts/akhbar-mt.ttf);
    font-family: 'Akhbar';    
} 
@font-face {
    src: url(../fonts/Nortar-Bold.otf);
    font-family: 'Nortar-Bold';    
} 
@font-face {
    src: url(../fonts/Nortar-Regular.otf);
    font-family: 'Nortar-Regular';    
} 

*{
  
   font-family: 'Arial';

}

.botao{
     background: #023962;
     color: #fff;
     margin-top: 20px;
     margin-bottom: 20px;
}

#home{
    height: 100vh;
    background: url('../img/imgHome.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-position: top;
    position: relative;
}
#home nav, #pages nav{
     background-color: white;
     z-index: 99;
}
#home nav img, #pages nav img{
      width: 160px;
      margin-bottom: 20px;
}
.navbar-light .navbar-nav .active>.nav-link{
      color: #A9A9A9 !important;
}
#home .nav-item a {
       font-family: "Nortar-Bold";
       font-size: 18px;
       font-weight: bolder;
       color: black;
}
#home .msg{
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
}
#home .msg h2{
        font-family: "Arial";
        font-size: 55px;
        font-weight: bold;
        margin-left: 10px;
        text-align: center;
        margin-bottom: 25px;
        color: #023962;
}
#home .msg a{
       background-color: #023962;
       color: black;
}

#about{
    margin-bottom: 20px;
}
#about .msgAbout{
        padding: 0px;
        background-image: url('../img/backAbou.jpg');
        background-size: cover;
        padding: 120px 20px;
        text-align: center;
}
#about .titulo{
        text-align: left;
        color: green;
        font-family: 'Arial';
        font-size: 26px;
}
#about .abdesta{
        color: #023962;
}
#about .imgab, #about .textab{
         margin-top: 30px;
}
#about p{
    font-size: 21px;
    margin-left: 20px;
}
#services{
      background-color: #EDF9F9;
      padding-top: 30px;
      margin-bottom: 20px;
}
#services .titulo{
         font-family: 'Nortar-Bold';
         text-align: center;
         font-size: 41px;
         margin-bottom: 30px;
         color: #023962;
         font-weight: bold;
}
#services .ic-service{
         display: flex;
         height: 220px;
         width: 220px;
         align-items: center;
         justify-content: center;
         background-color: #F9FAFC;
         margin: 0 auto;
         border-radius: 50%;
}
#services p{
        font-size: 20px;
        margin: 15px 0px;
}
#testimonials{
    margin-bottom: 60px;
}
#testimonials .titulo{
         font-family: 'Nortar-Bold';
         text-align: center;
         font-size: 41px;
         margin-bottom: 30px;
         color: #023962;
         font-weight: bold;
}
#testimonials .item{
        position: relative;
        width: 100%;
        padding: 25px;
        background-color: #023962;
        padding-bottom: 50px;
        text-align: center;
}
#testimonials .item p{
          font-family: 'Arial';
          color: #fff;
          margin-top: 30px;
}
#testimonials .item .name{
           font-size: 19px;
           color: #7FFF00;
           font-weight: bold;
           margin-bottom: -5px;
}
#testimonials .item .date{
             color: green;
}
.owl-carousel .owl-item img {
          position: absolute;
          width: 80px !important;
          left: 37%;
          top: -40px;
          z-index: 1999 !important;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span{
            background-color: #7FFF00 !important;
            border: none !important;
}
.owl-carousel .owl-stage-outer{
        padding-top: 40px;
}
#whatszap{
     background-image: url("../img/backwhats.jpg");
     background-size: cover;
     background-position: center;
}
#whatszap .inner-whats{  
             text-align: center;
             padding: 45px 0px;
}
#whatszap h2{
       font-size: 27px;
       font-family: 'Arial';
       display: inline-block;
       margin-right: 10px;
       color: #fff;
       font-weight: bold;
}

#pages{
    background: url('../img/imgHome.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-position: top;
    position: relative;
}
#pages nav{
     background-color: white;
     z-index: 99;
}
#pages .nav-item a {
       font-family: "Nortar-Bold";
       font-size: 18px;
       font-weight: bolder;
       color: black;
}
#pages .title-page{
         display: flex;
         padding: 30px 0px;
         align-items: center;
         justify-content: center;
}
#pages .title-page h2{
           font-family: "Arial";
           font-size: 45px;
           font-weight: bold;
           color: #023962;
}

#form-contact{
       padding: 35px;
}
#form-contact h3{
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
}
#formu input{
      font-family: 'Arial';
      padding: 10px;
}
#offers{
     padding: 35px 0px;
}
#offers h3{
       font-weight: bold;
       font-size: 23px;
       margin-bottom: 16px;
       font-family: "Arial";
}
#offers p{
       font-size: 18px;
       font-family: "Arial";
}
#offers .destak{
        font-family: "Arial";
        color: green;
}
#offers img{
        margin-bottom: 20px;
}
#page-services{
     padding-top: 35px;
}
#page-services h3{
       font-weight: bold;
       font-size: 23px;
       margin-bottom: 16px;
       font-family: "Arial";
}
#page-services p{
       font-size: 19px;
       font-family: "Arial";
}
#services-icones{
      background-color: #EDF9F9;
      padding-top: 30px;
      margin-bottom: 20px;
}
#services-icones .ic-service{
         display: flex;
         width: 170px;
         height: 170px;
         align-items: center;
         justify-content: center;
         background-color: #F9FAFC;
         margin: 0 auto;
         border-radius: 50%;
}
#services-icones h3{
         text-align: center;
         display: block;
         font-size: 30px !important;
}
#services-icones a{
           background-color: #023962;
           color: black; 
           margin-bottom: 25px;
}
#page-about{
     padding-top: 35px;
}
#page-about h3{
       font-weight: bold;
       font-size: 23px;
       margin-bottom: 16px;
       font-family: "Arial";
}
#page-about p{
       font-size: 19px;
       font-family: "Arial";
}
#page-about .photo{
       margin-bottom: 15px;
}
footer{

    background: black; 
    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: 990px){

              #home .msg h2{
                    font-size: 40px;
              }

}



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

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

}

@media screen and (max-device-width: 767px){
 
                 #home .msg h2{
                    font-size: 40px;
                }    
                #about a{
                    margin-bottom: 30px;
                }
                 #about{
                   background-position: right;
                }

}

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



}

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

                        #home .msg h2{
                          font-size: 32px;
                        }   


}




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


                  #home .msg h2{
                    font-size: 32px;
                  }   

}

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


                  #home .msg h2{
                    font-size: 25px;
                  }   

}