h4,h5,h6 {
    font-family: 'Open Sans', sans-serif;
}

.w3_navigation { 
    display: block;
    width: 100%;
    position: fixed;
    background: #021523;
    padding: 0.9em 0;
    text-align: center;
    z-index: 10000;
}



.logo_w3l_agile_caption {
  padding-top: 8px;   
}


/* movimento in altao */

.w3layouts-banner-top {
    overflow: hidden;
}

.w3layouts-banner-top1 {
     animation: 15s muovi1 infinite;
}

.w3layouts-banner-top2 {
    animation: 20s muovi2 infinite; 
}

.w3layouts-banner-top3 {
     animation: 15s muovi3 infinite;
}

.w3layouts-banner-top4 {
   animation: 20s muovi4 infinite;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes muovi1 {
   0% {background-size: 100%}
   50% {background-size: 110%}
   100% {background-size: 100%}
}

/* Standard syntax */
@keyframes muovi1 {
   0% {background-size: 100%}
   50% {background-size: 110%}
   100% {background-size: 100%}
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes muovi2 {
   0% {background-size: 120%}
   50% {background-size: 100%}
   100% {background-size: 120%}
}

/* Standard syntax */
@keyframes muovi2 {
   0% {background-size: 120%}
   50% {background-size: 100%}
   100% {background-size: 120%}
}



/* Safari 4.0 - 8.0 */
@-webkit-keyframes muovi3 {
   0% {background-size: 100%}
   50% {background-size: 110%}
   100% {background-size: 100%}
}

/* Standard syntax */
@keyframes muovi3 {
   0% {background-size: 100%}
   50% {background-size: 110%}
   100% {background-size: 100%}
}



/* Safari 4.0 - 8.0 */
@-webkit-keyframes muovi4 {
   0% {background-size: 120%}
   50% {background-size: 100%}
   100% {background-size: 120%}
}

/* Standard syntax */
@keyframes muovi4 {
   0% {background-size: 100%}
   50% {background-size: 110%}
   100% {background-size: 100%}
}




/*  Ondablu /chisiamo  */


.about-top_agile_its h2 {
font-size: 2.3em;
margin-bottom: 80px;
text-align: center;
    margin-top: 110px;
    color:#111111;
	}

.about-top_agile_its p {
  font-size:1em;
  font-weight: 300;
  color: #111111;
  line-height: 1.5em;
  letter-spacing:0.5px;
  margin-bottom:180px;
    margin-left: 1em;
    margin-right:1em;
    text-align: left;
}





/*  servizi   */


p.w3l_sub_para_agile {
    color: #111111;
    letter-spacing: 0.5px;
    font-size: 1.2em;
    text-align: center;
    font-weight: 300;
    margin-top: 70px;
}


.w3ls_banner_bottom_grid h4{
    font-size: 1.0em;
    color: #111111;
    margin: 1.5em 0 1em;
    font-weight: 300;
    letter-spacing: 1px;
    text-align:left;
    margin-bottom: 30px;

}


.w3ls_banner_bottom_grid p{
    color: #111111;
    line-height: 1.5em;
    letter-spacing: 0.5px;
    text-align: left;
    font-size: 0.75em!important;
    font-weight: 300!important;
}


.wthree_head.okk {
		font-size: 2.3em;
        margin-top: 30px;
	}


.wthree_head {
		font-size: 2.3em;
        margin-top:130px;
	}


.wthree_head.two {
		font-size: 2.3em;
        margin-top:150px;
	}






/* immagine di stacco a metà pag. */



#stacco {
     background: url(../images/footer.jpg) no-repeat 0px 0px;
    background-size: cover;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
    min-height:500px;
}





/* realizzazioni  */

#realizzazioni {
    margin-top: 100px;
}

.gallery1 {
position:relative;
}


.fa-expand{
    margin-top:33%;
  }


.fa-user {
    color:#40bbbf;
}


.fa-pagelines{
    color:#40bbbf;
}


.fa-truck{
    color:#40bbbf; 
}


.gallery-grid img {
    border: 2px solid #FFFFFF;
    overflow: hidden;
}



#swipebox-bottom-bar {
  bottom: 45%!important;
}


/*
#swipebox-arrows {
    top: 150px!important;
    z-index: 100000!important;
} */




#swipebox-arrows {
    width: 100%;
    top: 35%important;
    max-width: 5000px!important;
}



/*  contatti  */



.contact-form p{
    text-align: center;
}


#swipebox-overlay {
    background: #ffffff!important;
}


.contact-w3ls input:focus{
border-bottom: 3px solid #40bbbf!important;
color:#111111!important;
    border-color: #40bbbf!important;
}


::placeholder {
    color:#999999!important;
}


.contact-agileits p {
    text-align: center;
    font-weight: 300;    
}


/*  mappa  */


.map {
    display:block;
    width: 100%;
    height: 500px;  
    margin-top:70px;
}

#contatti a:hover {
    color: #000000;
}

.controls small {
    font-size: 0.6em;
    margin-left: 5px;
}


.copy-right {
    height: 75px;
}


/* ***** Cookie ****** */

#CybotCookiebotDialog {
    background-color: rgba(255,255,255,0.8)!important;
}

#CybotCookiebotDialog p {
    font-size: 1.0em;
}