*{font-family: 'Montserrat', sans-serif;
    font-size:16.5px;
    }
    
header.cab{
background: #01a0c6;
position: fixed;
z-index: 4;
width: 100%;
height:100px; 
top: 0;
left: 0;
box-shadow: 0px 0px 30px rgba(125, 157, 192, 0.3);
}


.Barra{
background: #ffffff;
width: 100%;
height:63%;
align-items:left;

}

li{display:inline-flex;
    margin-right:20px;
    color:#ffffff;
}
ul#ul li:first-child{
    margin-left: 0;
}
#a{
    text-decoration: none;
    color:#ffffff; 
    user-select:none;
    border-bottom:none;
}

#a:hover {
   color: #09235a; 
   padding-bottom:3px;
   border-bottom: 5px solid white;
}

#ul{
    float:right;
     margin-right:3%;
     margin-top:0.5%;
}

.PICT{
    background-size: cover; 
}
section img{
    height:100%;
    margin-left:3.6%
}


    
    .cler{
    clear: both;
    }
    .slec{ width: 90%;
    display: flex;
    
    height: 600px;


    }
    .arty1{width: 33%;
   
    padding: 10px;
    margin: auto;
    height: 100%;
    border-radius: 5px;
    box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    

    }
    .artyima{width: 100%;

}
.tx{
    text-align: justify;
}
body{
background-color: #f0f0f0;

}
.hy{color: rgb(19, 11, 70);
    text-align: center;
    
}
#banner{width: 90%;
    margin: auto;
    margin-top:65px;   
}

#pc{border-radius: 2px;
    


}
#pic{

    width: 45%;
    height: 90%;
    margin: auto;
    float: right;
    
}

   
    

.slect{
    width: 90%;
    padding-left: 2em;
  
    margin: auto;
    
    
    
}
.txti{font-size: 16.5px;
    text-align: justify;
    line-height: 25px;
   margin-top: 20px;
    width: 50%;
  

}
.txties{font-size: 16.5px;
    text-align: justify;
    line-height: 25px;
   margin-top: 20px;
    width: 50%;
    font-weight: bold;
    color: #064C77;
  

}


.artyy{
    
    padding: 5px;
}
.hy1{color: #3fbcf4;
 font-size:20pt;
 
 
    }
    .slectyy{
    width: 90%;
    
    margin: auto;
    
    }
    .navy{ width: 50%;
    float: left;
    
    padding-left: 0;


    }
    .asyd{float: right;
    width: 45%;
    padding-right: 0;
    }
    .imagy{width: 100%;}

    .texto{font-size:16.5px;
    text-align: justify;
    line-height: 28px;
   margin-top: 20px;
    margin-right: 10px;
    }

    .services{width: 90%;
            margin: auto;



    }
    .artyg{width: 100%;
    border-radius: 0 30px 0 30px;
   
    
   padding: 10px;

    }
    .txto{
    font-size: 1.5em;
    text-align: justify;
    }

    .hy1e{color: #3fbcf4;
    font-size:20pt;
    text-align: center;
    }
    .artyimas{width: 60%;
    height: 30%;
    display: block;
    margin: auto;

    }
    .csrab{width: 90%;
    margin: auto;
    
    }


    .csrar{width: 50%;
    margin: auto;
    float: right;
    
    
    }
    .csr{width: 100%;
  
    }
    .csrw{width: 80%;

    }
    .pe{font-size: 30px;
    background-color: #007cb3;
    border-radius: 2px;
    color: #ffff;
    text-align: center;
    }

    .txity{ width: 45%;
    
    font-size: 25px;
    text-align: justify;
    
    border-right: solid #007cb3;
    
    padding: 5px;

    }
    .hyt{background-color: #007cb3;
    color: #FFFF;
    width: 45%;
    text-align: center;
    font-weight: bold;
    border-radius: 2px;
    

    }

   footer{
background-color:#007cb3;
 color: #ffff;
   padding: 0px 10px 5px 50px;
   height:auto;
   bottom:0;
   width: 100%;
   clear: both;
   position: relative;
   left:0;
 }
 
  .Rodape{
     display:flex;
     flex-direction:row;
     margin-left:6%;
     clear: both;
 }
 
 footer .Social, .Services,.Contact{
     width:20%;
     margin-left:6%;
     margin-top:20px;
 }
 .linha{
     height:1px;
     width:97%;
     margin-top:3%;
     margin-bottom:0px;
 }
 footer h3{
     font-size: medium;
 }
 
 #span ,i,span{
     font-size: 10pt;
     text-decoration: none;
     color: #ffff;
 }
 
 i{padding:5px;}

.Image{
    background:#007cb3;
    height:300px;
    margin-bottom:10px;
}

 main.Cartoes{
    margin-top:180px;
    display: flex;
   /* flex-wrap: wrap;*/
  margin-left: 5%;   
}
main section.Cartao{
    background:#f0f0f0;
    width:30%;
    height:40%;
    margin: 25px; 
    border-radius: 12px;
    text-align: center;
    align-items: center;
    box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.16);    
}

.cart0{
background-image: url('Imagens/A-happy-girl-with-her-pile-of-school-books-picture-Theirworld.jpg');
background-size: cover;
}

.cart1{
background-image: url('Imagens/E4D_Elektrikerin_815x375_header_.jpg');
background-size: cover;
    }

.cart2{
    background-image: url('Imagens/pr-car.jpg');
    background-size: cover;
    }

    .Cartao h2{
        padding: 10px;
        text-align: center;
        align-items: center;
         }

.Cartao p{
    padding: 10px;
    text-align:center;
    line-height:22px;
    }

    .Cartao a{
        background-color: #007cb3;
        color:#ffff;
        text-decoration: none;
        border-radius:10px;
        padding: 10px;
        font-size:12pt;
        font-family:arial;
        border:0.8px solid #ffff;
    }
/*
.Cartao a:hover{
    background-color: #ffff;
    color:#007cb3;
}
#i:hover{
color:#007cb3;
}*/

    .Cartao:hover{
    background-color:rgb(0, 127, 179);
    color: #ffff;
    cursor: pointer;
    transform: scale(1.03);
    /*transition: all 0.5s ease;*/
    box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

section.Apre{
    margin-top: 80px;
    margin-left:5%;
   width: auto;
    color: white;
    margin-right:5%;
    background-color:#01a0c6;
}
#img{
    border-radius:360px;
    height:300px;
    width: 300px;

}

 @media(max-width:665px){
   
   
   
    .Rodape{
        margin-right:15%;
        width: 100%;}          
           
    ul{
        visibility:visible;
    }
    .logo{
        position: relative;
        width: 60%;
        height:50%;
        align-items:center;
        transition:0.9s;
        margin-left: 24%;
    }
    .card-container, .card-container2{
        display: block;
    }
    .header, .header2{
        padding:20px 20px 5px 20px;
        display: block;
    }
   
}

.secx{width: 90%;
   
    margin: auto;
    height: 900px;
 

}

.secx .lado{float: left;
    width: 50%;
    margin: auto;
    height: 500px;
    padding: 20px;

}
.pery{font-size: 25px;
    color: #00AEEF;
    
    text-align: justify;
    margin-left: 20px;

}
.perys{font-size: 25px;
    color: #00AEEF;
    
    text-align: justify;
    padding: 10px;
    
    

}
.perysy{font-size: 25px;
    color: #00AEEF;
   
    text-align: justify;
    padding: 10px;
    width: 58%;
    

}
.hyee{
    
    color: #064C77;
    text-align: center;
    font-weight: bold;
    background-color: blue;
    float: right;
    margin: 20px;
    padding: 0 10px;
    font-size: 28pt;
 
   
}

.ourt{width: 90%;
    
    margin: auto;
   


}
.ourima{
    width: 40%;
    float:right;
    height: 40%;
   
    
    box-shadow: 0 3px 10px rgba(7, 3, 43, 0.2);
    
}
#titl{background-color: #064C77;
    color: #ffff;
    text-align: center;
   
    font-size: 45px;
    width: 48%;
    
    margin-left: 100px;
    border-radius: 3px;
    box-shadow: 0 3px 10px rgba(6, 0, 56, 0.295);

}

   
   @media(max-width:700px) {
    #titl{background-color: #064C77;
        color: #ffff;
        margin-top: 160px;
        text-align: center;
        font-weight: bold;
        font-size: 12pt;
    transition: 0.5s;
        width:auto;
       margin: auto;
        border-radius: 3px;}
       
   }

   .abyt{width: 90%;
        margin: auto;
        
       
   }
   .abtnay{width: 59%;
            
            color: #00AEEF;
    
    text-align: justify;
    padding: 10px;
    font-size: 25px;
    border-right: solid 1px;
    padding-right: 20px;

   }
.asyabt{width: 40%;
   
    float: right;
    color: #00AEEF;
    
    text-align: justify;
    padding: 10px;
    font-size: 25px;

}
.tiloy{
    background-color: #064C77;
    color: #ffff;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(6, 0, 56, 0.295);

}
.figga{width: 100%;

}
.figaima{width: 100%;
    border-radius: 3px;
}

.abtnayd{width: 50%;
        
        color: #00AEEF;

text-align: justify;
padding: 10px;
font-size: 25px;
border-right: solid 1px;
padding-right: 20px;

}
.asyabtd{width: 48%;

float: right;
color: #00AEEF;

text-align: justify;
padding: 10px;
font-size: 25px;

}