/* custom font */

body,h1,h2,h3,h4,p,div,a{font-family: 'Roboto' !important;}








.grecaptcha-badge { visibility: hidden; 

;

}

/* Card progetti*/

.progetti .card{
  display:block;
  width: 20%;
  padding-left:.1% ;
  padding-right: .05%;
  justify-content: flex-start;
}
.progetti .card .card-body{
display:flex;
width:100%;
height: auto;
}
.progetti .card .card-body img{
display: inline-flexbox;
width: 100%;
height:20%;
} 
.progetti .card .card-body .card-text{
  display:inline-flexbox;
  width:100%;
  height:80%;
  font-family: Arial, Helvetica, sans-serif;
  font-size:auto;
}

.qright{padding-right: 30px !important;}

.title{margin-bottom: 30px;}
#contacts a{ color:red;}


div.contactPage{
  margin-top: 25px;
}
section.formcontacts div.row{
  padding-bottom: 10px;
}
/* color button  */

.menu .btn-primary{background-color:#e43d3d !important;
  border-color: white !important;
 
}

#services .p-4{
  padding: 3em;
}


.rp{padding-left: 430px !important;}

.bups button{
margin-top: 20px;
margin-left: 200px !important;
display: block; 
color:white;
background-color: #e43d3d;
}

/* social icons footer */


.is {background-image:linear-gradient(#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5)!important;
  color: white!important;
    
}

.fb{background-color:white!important;
color:#3b5998!important;
}

.yt{background-color:white!important;
color:#c4302b!important;
}

.li{background-color:white!important;
color:#0e76a8!important;
}

/* btns */
.btn-warning{
  background-color:#f7df1d !important;
  border-radius: 15px;
}

.btn-success {
  border-radius: 15px;
}

.btn-outline-success{
  border-radius: 15px!important;
}
/*menu */    
  .menu  img{
    width: 302px;
    height: 67px;
  }
    /*respnsive mobile*/

    @media only screen and (max-width:377px) {
      .menu img  {
       width: 232px !important;
       height: 53px !important}
     } 
    
    
     @media only screen and (max-width:415px) {
      .menu img  {
       width: 267px !important;
       height: 60px !important}
     } 
     
    
    
    
     @media only screen and (max-width:394px) {
      .menu img  {
       width: 246px !important;
       height: 58px !important}
     } 
     
     
     @media only screen and (max-width:360px) {
      .menu img  {
       width: 216px !important;
       height: 54px !important}
     } 
    
    
     @media only screen and (max-width:px) {
      .menu img  {
       width: 216px !important;
       height: 54px !important}
     } 
    
    
     @media only screen and (max-width:444px) {
      .menu img  {
       width: 216px !important;
       height: 54px !important}
     } 
    
    
     @media only screen and (max-width:444px) {
      .menu img  {
       width: 216px !important;
       height: 54px !important}
     } 
    
     @media only screen and (max-width:359px) {
      .menu img  {
       width: 201px !important;
       height: 47px !important}
     } 
     
    
     @media only screen and (max-width:344px) {
      .menu img  {
       width: 185px !important;
       height: 47px !important}
     }

    .writtenspace{padding-left:230px  !important;}

    @media (max-width: 600px){
      .writtenspace{
          padding-left: 0 !important;
      }
    }




        
  .sizeheader{font-size:10px !important ;}
/*carousel cards */

  .ajax-container {
	background: none repeat scroll 0 0 rgba(218, 218, 223, 0.68);
	margin: 40px auto;
	max-width: 1170px;
	padding: 20px 30px;
	position: relative;
	display: block;
}


.ajax-container  .social-icons{
  display: inline-flex;
  justify-content: center;
  text-align: center;
  list-style-type: none;

} 
.ajax-container  .social-icons li{
  padding: 2rem;
}
.ajax-container  h4{
  color: white !important;
} 
.ajax-container  .variousItem h2{
  color: white !important;

}
.ajax-container  .variousItem span{color: white !important;} 
.ajax-container  .variousItem  ul li i{
  color:blue !important;

} 
.ajax-container  .variousItem  ul li strong{
  color:blue !important;

}

/* contacts and contact form */

.mails {
  margin-top: 138px
}
.mail{display:block;
}
.mail .contactemail ul {
  list-style-type:none ;
}
.mail .contactemail ul li a,
.mail .contactemail ul li i,
.mail .contactphone a{ 
  color: black;
  font-size: 13px;
  
}
/*.formcontacts{display: block;}
.formcontacts form#formcontact .form-control,
.formcontacts form#formcontact .form-select,
.formcontacts form#formcontact .form-group textarea.Message{
 
  width:100%;
}*/

.formcontacts form button#contactus{
  width: 100%;
  color: white;
  /* background-color: #2a568c; */
  margin-bottom: 15px;
  padding-bottom: 7px;
  padding-top: 7px;
  border-radius: 5px;
  margin-top: 8px;
}

textarea{
  
  width: 746px;
}


@media only screen and(max-width:1399px) {
  textarea{width:640px
  }
}




@media screen and  (max-width:768px) {
    .mail .contactemail ul li a,
    .mail .contactemail ul li i{
    font-size:16px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width:769) and  (max-width:1399px) {
  .mail .contactemail ul li a,
  .mail .contactemail ul li i{
  font-size:20px;
  padding-bottom: 20px;
}
}
@media screen and  (min-width:1400px) {
  .mail .contactemail ul li a,
  .mail .contactemail ul li i{
  font-size:20px;
  padding-bottom: 25px;
  }
}  

/* img services home page */

.imgservices {
  display: block;
  width: 600px !important; ;
  height: 330px !important; ;
}

  .textdoc a{
    color: black !important;
    font-size: 25px
    ;}

  .textdoc a:hover{
      color:#0e74f0!important;;}
  

  .titledoc{padding-top:50px;}

  .titleservices h3{
      padding-top: 10px; 
      padding-bottom: 10px;
      font-size: 35px;
  }
 
  .titleservices p
  {
    font-size:20px ;
    text-align: justify;
  }
  
  .infoservices{
    padding-bottom: 7px;
    font-size: 21px;
  }

  .fw-medium {
    color:#2a568c !important;
  }
  
  .btn-primary:hover {
    color: #ffffff !important;
    background-color: #2a568c;
    border: #2a568c !important
}


.btn-primary {
  color: #ffffff !important;
  background-color: #2a568c  !important;
 
}



/*mail footer*/

.footeraddress
 {color:white !important;
  
  ;}

 .footeraddress:focus
 {
  color:white !important;
}

/* team */
.team div.card img{
  height: auto;
}


.team div.card div.social a{
  display: inline-block;
}



.coloropportunity{

  color: #ffffff;
  background-color: #0e76a8  ;
    border-color:   #0e76a8 !important  ;

}


.buttononethousand {
  color: #ffffff !important;
  ;}


  .buttonnews a { 
  color: #ffffff;}
  

  .buttonnews{ 
    color: #ffffff;
    background-color: #416693;
    margin-top: 60px !important;
  }
    
  
  
  .buttonnews a { 
    border-color: none !important;
  }
    
  
    .buttonnews{ 
      border-color: none !important;
    }
      
    







.titlethousand{
  padding: 11px;

}

.spacecard{padding-bottom: 15px ;}



.team h1 {padding-bottom: 15px }




@media screen and (max-width: 991px) {
.spacefooter{
   font-size: 13px;
}
}

@media screen and (max-width: 728px) {
  .spacefooter{
     font-size: 13px;
  }
  }




@media screen and (max-width: 768px) {
  .footer .spacesocial{

    display: flex;
    justify-content: center;
  }
  }

  @media screen and (max-width: 767px) {
    .footermail{
    
       text-align: center;

    }
    }
  
  
    .footermail a{margin-bottom: 1px !important;}
      
    .servicesfooter a {margin-bottom: 21px !important;
      ;}

  
      .footer{background-image: url(../img/footer.jpg);}


  @media screen and (max-width: 767px) {
    .spacemobilefooter{
      padding-top: 50px;
     }
    }
  


    @media screen and  (max-width: 900px)
  { .footer .btn.btn-social {
    
    padding-top: 0px !important ;
    padding-bottom: 0px !important;
    display: block none;
}}



.aboutUs p{ 
  margin-right: 29px;
  margin-left: 52px;
}


.aboutUs .points .col{
  border: 1px solid black !important;
  margin-right: 5px;
}

.aboutUs .points .col h4{
  text-align: center;
    margin-top: 10px;
    margin-bottom: 10px

;
}
.about .points .col p{
  text-align: justify;
}

@media (max-width: 600px)
{
  .aboutUs .points .col{
    min-width: 100%;
    border-top: 1px solid black !important;
  }
}

.team p{font-size: 15px;
text-align: center;

}


.aboutUs{ padding-top: 30px;}

/*.aboutUs h3{font-size: 40px;
margin-bottom: 25px;
margin-top:25px ;*/




/*.aboutUs img{
  justify-content: center;
  display: flex;
}*/





@media screen and (max-width: 1153px) {
  .aboutUs img{
     width:80% ;
    
  }
  }


  .imgworking{

    width: 400px;
    height: auto;
    margin-left: 20px;
     
  
  
  
  
  }


    

    .working .cardBlog{
      display: inline-block;
      width: 30%;
    padding-bottom: 150px;
    padding-top: 150px;
    }

    .working .cardBlog .text{

      background-color: #0e76a8;
      color: #ffffff;
      opacity: 1;
      width: 25%;
      height: 120px;
      position: absolute;
      margin-top: 221px;
      padding-left: 77px;
    }


    @media (max-width: 600px){
      .working .card{
        width: 100% !important;
      }
    }
    @media (max-width: 850px)
    {
      .working .card{
        width: 50% !important;
      }
    }


    .working button {margin-bottom: 50px;
    margin-top: 20px;

    }

   .working h1 {margin-top: 18px;}

   




@media screen and (max-width:1033px){
  .working div.container-fluid .card{
        width: 100%  !important ;
  }
}

@media screen and (max-width:991px){
  .partners .col{
  flex: none;
  width: 50%;
  padding-bottom: 30px;
  }
}


.subfooter{
background-color:#262626;
color: #ffffff;
}
.subfooter a {
  color: #ffffff;
  padding-left: 30%;
  }
  
    .footer{
           
      position:center  ;
      animation: none;
    }
  
    



 .spacefooter .btn.btn-link::before{
content: none;

}

.spacefooter .btn.btn-link:hover{
 color:#0e74f0 !important;
  }


  .spacefooter .btn.btn-link i{
    margin-right: 10px;
    
    }

    .contactemail .btn.btn-link{
      color: black;
    }

    .feature i{color:#0e74f0 !important;}



    .carousel-top .owl-dot.active::after {border: 1px solid #3470ba
      ;}

      .carousel-top   .bi.bi-chevron-right:hover,
      .carousel-top   .bi.bi-chevron-left:hover{color: #0e74f0;}
     
      .form-control:focus,.form-select:focus{border-color: transparent   !important;
        box-shadow: 0 0 0 0.05rem rgb(0, 0, 0)
      }

      
      .btn-check:focus+.btn, .btn:focus {
        outline: 0;
        box-shadow:none;
        
    }
    
      
    .footerimg{ width: auto;
    height: 50px;
    
    }


    .alertcontact{  
      justify-content: center !important;
      background-color: #198754;
     color: #ffffff;   ;
     border-radius: 5px;
    text-align: center;
    margin-bottom: 18px;
    padding-bottom: 15px;
    padding-top: 16px;
    border-radius: 5px;
    margin-top: 8px;
}


.titlestrengths{
  margin-bottom: 5px;
  margin-top: 21px;

}

.strongpointstexts ul li{margin-bottom: 15px;

  margin-top: 15px}


  .strongpointstexts ul {margin-bottom: 30px;

    margin-top: 25px}