/* STYLE AVVERA -------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,500,600,700&display=swap');
/* Padding prima e dopo il testo */
 body {
     font-family: 'Comfortaa', Arial, Helvetica, sans-serif;
     padding-top: 3rem;
    /* padding-bottom: 3rem;
     */
     color: #414141;
}
 .uppertext{
     text-transform: uppercase;
}
 .nav-avvera-op0{
     background-color: rgba(255, 255, 255, 0);
}
 .logo{
    width: 250px;
}
/* Colori testo e bg */
 .white_text{
     color: black;
}
 .viola1{
     color:#964091;
}
 .viola2{
     color:#4a4394;
}



 footer{
     position: relative;
     width: 100%;
     bottom: 0px;
     padding: 20px 5px 10px 5px;
}
 footer p {
    padding-left: 30px
}
 footer a {
     color: white;
     font-weight: bold;
}
 .header-form{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-evenly;
}
 ::placeholder{
     color: #c4c4c4 !important
}
 .form-control{
    /* height: 50px;
     */
    font-size: 1.25rem;
     line-height: 1.5;
     height: 50px;
     background-color: rgba(255, 255, 255, 0.18);
     color: #c4c4c4;
 }
 .form-control:focus{
    color: black;
}
 .form-button{
     height: 50px !important 
}
 .btn-primary {
     color: #d1d5da;
     background-color: #964091;
     border-color: #964091;
    padding: 10px 65px;
}
 .btn-primary:hover {
     color: #964091;
     background-color: rgba(144, 61, 139, 0);
     border-color: #964091;
}
 .btn-primary:focus, .btn-primary.focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(204, 78, 198, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(204, 78, 198, 0.5);
}
 .btn-primary.disabled, .btn-primary:disabled {
     color: #212529;
     background-color: #4a4394;
     border-color: #4a4394;
}
 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
     color: #fff;
     background-color: #4a4394;
     border-color: #4a4394;
}
 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(204, 78, 198, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(204, 78, 198, 0.5);
}
 .btn-secondary {
     color: #fff;
     background-color: #3D4D66;
     border-color: #3D4D66;
}
 .btn-secondary:hover {
     color: #fff;
     background-color: #3D4D66;
     border-color: #3D4D66;
}
 .btn-secondary:focus, .btn-secondary.focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
 .btn-secondary.disabled, .btn-secondary:disabled {
     color: #c6c6c6;
     background-color: #3D4D66;
     border-color: #3D4D66;
}
 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
     color: #fff;
     background-color: #3D4D66;
     border-color: #3D4D66;
}
 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
 .nav-link{
     padding-top: 14px;
     color: black;
     text-transform: uppercase;
}
 .no-line{
}
/* Header Sito -------------------------------------------------- */
/* Base header */
 .header {
     margin-bottom: 2rem;
    top: 0px;
     background-image: url("../materiale_modificabile/esempio_testata_sito3.png");
     background-position: 50% -25px;
    margin-top: 57px;
}
/* Since positioning the image, we need to help out the caption */
 .header-caption {
    /* margin-top: 3rem;
     */
     z-index: 10;
    padding-top: 10rem;
}
/* Stile dell'header */
 .header-item {
     height: 34rem;
}
 .header-item > img {
     position: absolute;
     top: 0;
     left: 0;
     min-width: 100%;
     height: 32rem;
}
/* MARKETING AVVERA -------------------------------------------------- */
/* Centro e allineo le box se sono 3 */
 .circle-middle{
     display: flex;
     align-items: center;
     justify-content: center;
    padding-left: 15px;
}
 .marketing .col-lg-4 {
     margin-bottom: 1.5rem;
     text-align: center;
}
 .marketing h2 {
     font-weight: 400;
}
 .marketing .col-lg-4 p {
     font-size: 1em;
}
/* Centro e allineo le box se sono 2*/
 .marketing .col-lg-6 {
    /* margin-bottom: 1.5rem;
     */
     text-align: center;
    padding: 0px;
    min-height: 25vh;
}
 .marketing h2 {
     font-weight: 400;
    font-size: 1em;
    font-weight: bold;
    padding-right: 10px;
    margin-right: .75rem;
	margin-left: .75rem;
}
 .marketing .col-lg-6 p {
     margin-right: .75rem;
     margin-left: .75rem;
}
 .card-avvera-service{
    margin: 10px;
    background-color: #f1f1f1;
}
 .circle{
    border-radius: 40px;
    height: 60px;
     width: 60px;
    margin-left: 15px;
}
 .text-card{
    padding: 30px;
    /* margin-left: 20px;
     */
     text-align: left;
}
/* Avvera Spiegazione ------------------------- */
 .spiegazione-divider {
     margin: 5rem 0;
}
/* Thin out the marketing headings */
 .spiegazione-heading {
     font-weight: 300;
     line-height: 1;
     letter-spacing: -.05rem;
}
 .lead{
    font-size: 1em;
}
 .bold{
    font-weight: bold;
}
 .logoavvera{
    padding: 0px;
    width: 0rem;
}
/* Avvera Gruppo ------------------------- */
 .gruppo-card{
    margin-top: 0px !important;
    /* width: 80%;
     */
    text-align: center;
    margin: 0 auto;
    /* background-color: #f1f2f2;
     */
    color: #414141;
}
 .gruppo {
     height: 300px;
    margin-bottom: 180px;
}
 .gruppo2 {
     height: 360px;
    margin-bottom: 180px;
}
 .gruppoimg{
     width:100%;
     height: 100%;
     margin: 0px;
     object-fit:cover;
}
 .gruppoimg2{
     width:100%;
     max-width:1140px;
     height: 100%;
     max-height: 400px;
     padding-left: 0px;
     object-fit:cover;
}
 .gruppoimg3{
     width:100%;
     max-width:740px;
     height: 100%;
     max-height: 400px;
     padding-left: 0px;
     object-fit:cover;
}
 .gruppoimg4{
     width:100%;
     max-width:1140px;
     max-height: 600px;
     padding-left: 0px;
    
}
 .gruppoimg5{
     width:100%;
     max-width:1000px;
     max-height: 180px;
     height:100%;
     padding-left: 0px;
     object-fit:cover;
}
 .img-gruppo{
}
 .move-down{
    display: flex;
    margin-top: 50px;
    position: absolute;
    background-color: #f1f2f2;
    width: 80%;
    left: 10%;
    flex-wrap: wrap;
}
/* Avvera Agenti ------------------------- */
 .card-avvera-agente{
    padding: 0px 15px 0px 15px;
     background-color: #f1f1f1;
}
 .agente{
     width: 100%;
     height: 100%;
     object-fit: cover;
    margin-top: 0px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    border: 5px solid #f1f1f1;
}
 .agenti>.col-lg-4 {
}
 .icon{
}
 .social-link{
}
/* CONTATTI ------*/
 .contact {
     padding: 100px 0px 100px 0px;
}
 .md-form{
     margin-bottom: 10px;
     color: black;
}
 .contact-scritte{
     font-size:0.6em;
}
 .contact-button {
     float: right;
}
 .filiale{
     padding: 40px 15px;
     line-height: 10px;
}
/* RESPONSIVE CSS -------------------------------------------------- */
 #map {
     height: 800px;
     width: 100%;
}
 @media screen and (max-width: 600px) {
     #map {
         height: 100vh;
    }
}
 @media (min-width: 40em) {
     .header-caption p {
         margin-bottom: 1.25rem;
         font-size: 1.25rem;
         line-height: 1.4;
    }
     .spiegazione-heading {
         font-size: 50px;
    }
}
 @media (min-width: 62em) {
     .spiegazione-heading {
        /* margin-top: 7rem;
         */
    }
}
 @media (max-width: 62em){
     .card-avvera-service{
         padding: 20px 
    }
     .col-lg-6{
         flex: 1 1 100%;
    }
     .gruppo {
         height: 600px;
        margin-bottom: 30vw;
    }
}
 .margin10{
     padding-right:20px;
}