@import 'https://fonts.googleapis.com/css?family=Open+Sans:300i,400,700';
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600');
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);

body{
   font-family: 'Open Sans', sans-serif;
   color:#5e5e5e;
}

label{
   font-weight:normal;
}

strong{
    font-weight:800;
}

.checkbox label{
   font-size:12px;
}

.checkbox a{
   color:#fff;
   text-decoration:underline;
}

.checkbox a:hover{
   color:#fff;
   text-decoration:underline;
}

.box-form .col-lg-12.checkbox{
   margin-left:0;
   margin:0;
   padding:10px 0 0;
}

/*
 *
 * Header
 *
 *
*/

#logo{
    margin-top:25px;
    margin-bottom:10px;
	padding-left: 0px;
}

#header_content{
    border-top: 1px solid #bebebe;
    border-bottom:1px solid #bebebe;
    margin:20px 0 0;
    background-repeat:no-repeat;
    background-position:top center;
    background-color:#eff2f5;
    height:663px;
}


/*
 *
 * Form
 *
 */

.avviso_popup{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #4caf50f2;
    top: 0;
}

.avviso_popup p{
      position: absolute;
    top: 110px;
    font-size: 18px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 0 25px;
}

.avviso_popup h2{
       font-size: 30px;
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    top: 33px;
    padding: 10px 20px;
}

.avviso_popup a{
   display: block;
    width: 50%;
    position: absolute;
    bottom: 20px;
    background: #12326E;
    color: #fff;
    text-align: center;
    font-size: 23px;
    padding: 10px;
    text-decoration: none;
    margin: 0 auto;
    left: 50%;
    margin-left: -25%;
}

@media(max-width:700px){
   .avviso_popup p{
      font-size: 18px;
      padding: 0 15px;
   }
   .avviso_popup a{
      margin: 0;
      left: 10%;
      width: 80%;
   }
   .avviso_popup h2{
      font-size: 30px !important;
   }
}

#container_form{
   padding-top:0px;
   position:relative;
   color:#3e3e3e;
   margin-top: 20px;
}

form.row{
   display:block;
   background:#3e3e3e;
   border: 1px solid #d7d7d7;
   color:#fff;
   width: 420px;
   height: auto;
   padding-bottom:10px;
   margin:70px 0 0 127px;
   padding: 0;
   margin-top: 30px;
   background: #ececec;
   padding-bottom:10px;
}


#intro_form{
   padding:15px 0 15px 30px;
   background:#76b4cf;
}

form div button{
    width:100%;
    cursor:pointer;
    text-align:center;
    padding:7px 0 10px 0;
    text-align:center;
    color:#fff;
    line-height:30px;
    border:0;
    font-size:23px;
    display:block;
    background:#ffc400;
    text-transform:uppercase;
    margin-top:5px;
}
#sm{
    display:none;
}

#p_telefono,
#p_provincia{
   padding-left:10px;
}
#p_email,
#p_professione{
   padding-right:0;
}

#p_lista_corsi p{
   margin-bottom:0;
   padding-bottom:0;
}

#check_privacy{
   margin-left:5px;
   padding-bottom:15px;
}

#obbligatori{
   font-size:80%; margin:0; padding:30px 0 0 0;
}

#content_form_info p#intro_fomr_landing{
    color:#00adee;
    margin:0 0 0 0;
    font-size:14px;
    font-weight:bold;
    padding:20px 10px 10px; 
}

.box-form{
    padding: 10px 20px 30px;
    background: rgba(0, 57, 102, 0.89);
    color: #fff;
    margin-top: 89px;
    border-radius: 0;
    min-height: 547px;

}

#testo .fa-arrow-circle-right.custom1{
    display: block;
    float: right;
    font-size: 46px;
    position: absolute;
    bottom: 40px;
    right: 28px;
    color:#ffc400;
}

#testo .fa-arrow-circle-down{
   display:none;
}


.box-form .col-lg-12{
   margin-top:20px;
}


.icon-home img{
   display:block;
   width:100%;
   max-width:150px;
}

.container-12 .col-lg-4{
   margin-bottom:20px;
}



/* Invio in corso ... */
form div#sending{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    z-index:100000;
    background:#fff;
    padding:0;
    margin:0;
    opacity:.8;
    left:0;
    display:none;
}

form div#sending p{
   color: #00aeef;
    position: absolute;
    top: 30%;
    width: 100%;
    text-align: center;
    font-size: 50px;
}


/* Righe form*/
.row_input{
   padding:3px 30px;
}

.row_input ul{
   margin:0;
   padding:0;
}

.row_input ul li{
   display: block;
    margin: 5px 0;
    padding: 0;
}

.row_input ul li .checkbox{
   padding:0;
   margin:0;
}

/* Box Errore/Successo */
form p.msg_error{
   padding:0 0 0 20px;
   margin:0 0 2px;
   display:none;
   margin-bottom:30px;
}

#error_msg_info{
   margin:10px 25px;
   display:none;
}

#error_msg_info ul,
#error_msg_info li{
   margin:0;
   padding:0;
   display:block;
}

#error_msg_info li{
   padding-bottom:4px;
}


.success_msg{
  display:none;
}

.error_msg ul{
   margin:0;
   padding:0;
}

.error_msg ul li{
   display:block;
   margin-left:0;
}

#success_invio_msg{
   padding:20px 30px 30px;
}

#success_invio_msg strong{
   font-size:20px;
   margin-bottom:20px;
   display:block;
   color:#2ede2e;
}



/*
 *
 * Parte Testuale
 *
*/


#testo_landing2{
   margin-bottom:20px;
}

#testo {
    padding: 10px 0 30px;
    font-size: 14px;
    line-height: 22px;
}

#testo .row h3{
   font-size:30px;
   font-weight:500;
}


#testo p{
   font-size:14px;
   line-height:22px;
}

#testo #corsi_box1.row h3,  #testo #corsi_box1.row h4{
   color:#00aeef;
}
#testo #corsi_box2.row h3,   #testo #corsi_box2.row h4{
   color:#a10400;
}
#testo #corsi_box3.row h3,  #testo #corsi_box3.row h4{
   color:#2e7400;
}

#testo h4 {
   font-size:19px;
   font-weight:bold;
}

#testo #corsi_box1.row h4 {
   color: #00aeef;
}

#testo #corsi_box2.row h4 {
    color: #a10400;
}
	
#testo #corsi_box3.row h4 {
    color: #2e7400;
}

/* Tasto compila form e colori*/
.compila-info {
   color:#ffffff;
   padding:10px;
   text-align:center;
   font-weight:bold;
   font-size:14px;
   margin-bottom:30px;
}

#corsi_box1 .compila-info {
   background-color:#00aeef;
}
#corsi_box2 .compila-info {
   background-color:#a10400;
}
#corsi_box3 .compila-info {
   background-color:#2e7400;
}

.altro{
   display: none;
}



/* Divisione Bootstrap in 5 colonne per i loghi del footer */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {

   #header .container{
      max-width: 1100px !important;
   }
    .col-md-15 {
        width: 20%;
        float: left;
    }
    .aos-init{
      max-width:1200px !important;
    }

    #prodotti .aos-init{
      max-width:1050px !important;
    }

    #sez5{
      max-height: 490px !important;
    }

    #sez5 .container .col-lg-2{
      width:10% !important;
    }

    #sez5 .container .col-lg-9{
      width:90% !important;
    }
    #sez5 ul li{
      font-size:22px;
    }
}




@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


@media(max-width:1200px) and (min-width:990px){
   #testo .col-lg-7{
      width:60% !important;
   }
}





/*
 *
 * Footer
 *
 */
 
#footer_container{
   background:#f0f0f0;
}



#footer{
      background: #C2C6CA;
    padding: 30px 0 20px;
    display: block;
    font-size: 15px;
    border-top: 1px solid #EAEAEA;
    color:#fff;
}

#footer div{
   margin-bottom:14px;
}

#footer div img{
   margin:0 auto;
   max-width:100%;
}
#footer p{
   margin: 20px 25px 20px 0;
    font-weight: 200;
}

footer{
   background:#555555;
   color:#fff;
   text-align:center;
   font-weight:200;
   padding-bottom:20px;
   padding-top:20px;
}

footer strong{
   display:block;
   font-weight:600;
}



/* Popup Privacy*/

#privacy_modal .modal-dialog{
    width: 1000px;
}





#top{
   display:none;
   width:40px;
   height:40px;
   background:url(images/top.png) no-repeat;
   position:fixed;
   bottom:20px;
   right:10px;
}



/*
 *
 * Testo header per la versione mobile
 *
*/
#mobile_txt{
   display:none;
   margin-bottom:10px;
}

#mobile_txt strong{
   text-transform:uppercase;
   color:#3e3e3e;
   font-weight:100;
}

#mobile_txt span{
   text-transform:uppercase;
   color:#00aeef;
   font-weight:100;
}

@media(max-width:680px){
   #container_form{
      padding: 0 20px;
   }
   
   #mobile_txt{
      display:block;
      text-align:center;
      font-size:17px;
      padding: 0 10px;
      line-height: 28px;
   }
}

#form-contatti form{
   position: relative;
}




/*
 *
 * Responsive
 *
 */




@media (max-width:1090px){
   .container#heder_container{
      width:970px;
   }
   form.row{
      width:100%;
      background:#ececec;
   }
   #header_content form div button{
      width:280px;
   }
}



@media (max-width:995px){
   .container#heder_container{
      width:auto;
   }
   #header_content{
      background:#fff !important;
      height:auto !important;
   }
   form.row{
      margin:0;
   }
   #privacy_modal .modal-dialog{
      width:94%;
   }
}

@media(min-width:1000px){
    form.row{
        margin-top:0;
        background:#ececec;
        position:absolute;
    }

    .form_fixed{
      position: fixed !important;
      top: 10px;
      width: 420px;
      z-index:1000;
      background: #ececec;border: 1px solid #d7d7d7;
    }
    .form_bottom{
        position: absolute !important;
        background: #ececec;
        border: 1px solid #d7d7d7;
        z-index:1000;
    }
	
    .form_fixed form.row{
         margin-top:0;
   }
}


@media(max-width:989px) and (min-width:680px){
   .row_input{
    padding:4px 30px !important;
    width:100%;
   }
   #header_content form div button{
      width:500px;
      margin:0 auto;
   }
   .checkbox.col-lg-12{
      padding-left:30px;
   }
   
}

@media (max-width: 768px){
   #logo img {
       width: 100%;
   }
   
   

   .row_input{
      padding: 0;
   }
   
   #p_telefono,
   #p_provincia{
      padding-left:0;
   }
   #p_email,
   #p_professione{
      padding-right:0;
   }
    .checkbox,
    #check_privacy{
      padding: 0;
      color: #3e3e3e;
   }

   #content_form_info .form-control {
      margin-bottom:10px;
      padding:0 10px;
   }
   #content_form_info p#intro_fomr_landing{
      padding:20px 0 10px;
   }
   .success_msg, #error_msg_info{
      margin:0;
   }
   #footer{
      background:#f0f0f0;
      margin-bottom:0;
      padding-bottom:50px;
   } 
   #footer div {
      margin-top:10px;
      margin-bottom: 40px;
   }
}


@media(max-width:550px){
    #header_content,
    #logo{
        padding:0;
    }
    #header_content form p{
      padding:20px 0px 42px 20px;
    }
    
    #header_content{
      background:none !important;
    }
    
    #header_content .col-md-6{
      padding:0;
      color:#003966;
      text-shadow:none;
    }
    
    #header_content .col-md-6#testo{
      padding-bottom:50px;
    }
    
       #testo .fa-arrow-circle-right.custom1{
      display: none; 
}

#testo .fa-arrow-circle-down{
   display: block;
   float: right;
    font-size: 46px;
    position: absolute;
    bottom: -15px;
    left: 40%;
    color:#ffc400;
}
    
    #header_content form div#container_form{
      padding:10px 25px;
    }
    
    .checkbox label{
      color:#fff;
    }
    
   
    
    
    #header_content form {
      min-height:0;
       margin:0;
       position:static;
   }

   #header_content form div button{
       text-align:center;
       font-size:17px;
       padding: 10px 0;
   }

   h1 strong#corsi1{
      display:block;
      margin-bottom:15px;
   }
   
   form.row{
      height:auto;
      padding:0;
   }
   
   #header_content form div#container_form{
      padding:20px 20px 15px 20px ;
   }
   
   .error_msg{
      margin:20px 0;
   }
   #loghi{
      margin:20px 0;
      padding:0;
   }
   #header_content form p{
      padding:0 0;
   }
   .row_input{
      padding:0 0;
   }
   
}



@media (max-width:480px){
   #header_content form div button{
      width:100%;
      position: relative;
      z-index: 10000;
      margin: 30px 0 0;
   }
   
   .modal-open .modal{
      z-index:10001;
   }
}



/*
  Aggiunta nella landing della chiamata
*/
#chiamaci_container,
#callonly_container{
    display:none;
    color: #fff !important;
}

#chiamaci_container a,
#callonly_container a{
    color: #fff !important;
}

/* Chiamata + FORM */
body.form-type-2 #chiamaci_container{
   display: block;
   background: #00aeef;
   color: #fff;
   width: 420px;
   height: auto;
   padding-bottom: 10px;
   margin: 70px 0 0 128px;
   padding: 0;
   margin-top: 30px;
   padding-bottom: 10px;
   padding:20px 0;
   font-size:28px;
   text-transform:uppercase;
   text-align:center;
}
body.form-type-2 #chiamaci_container i{
   display:inline-block;
   margin:0 10px;
}
body.form-type-2 #chiamaci_container.chiamaci_fixed{
   position:fixed;
   margin-top:0;
}
    
body.form-type-2 #chiamaci_container.chiamaci_bottom{
   position: absolute !important;
}
    
body.form-type-2 #content_form_info .form-control{
   margin-bottom:5px;
}
    
body.form-type-2 form.row{
   margin-top:10px;
}

body.form-type-2 .row_input ul li{
   margin:1px 0;
}

body.form-type-2 .row_input{
   padding:3px 20px;
}

body.form-type-2 #content_form_info p#intro_fomr_landing{
   padding:20px 20px 10px;
}
    
body.form-type-2 #obbligatori{
   padding-top:15px;
}
    
@media(max-width:768px){
   body.form-type-2{
       padding-bottom:60px;
   }
   body.form-type-2 #chiamaci_container{
       margin:0;
       width:100%;
       font-size:18px;
       cursor:pointer;
   }
   body.form-type-2 .chiamaci_bottom_fixed{
       position:fixed;
       bottom:0;
       z-index:10000;
       left:0;
   }
   body.form-type-2 .row_input{
       padding:0;
       margin-bottom:4px;
   }
   body.form-type-2 #content_form_info p#intro_fomr_landing{
       padding:10px 0;
   }
   body.form-type-2  #header_content form div#container_form{
       padding-top:10px;
   }
}
    
    
    /*
     SOLO CHIAMATA
    */
    
body.form-type-3 form.row{
   display:none;
}
     
body.form-type-3 #callonly_container{
   display: block;
   color: #fff;
   width: 420px;
   height: auto;
   padding-bottom: 0;
   margin: 70px 0 0 128px;
   padding: 0;
   margin-top: 30px;
   padding-bottom: 0;
   border:1px solid #d7d7d7;
}
    
body.form-type-3 #callonly_container #number{
  background: #00aeef;
  padding:20px 0;
  font-size:28px;
  text-transform:uppercase;
  text-align:center;
}
    
body.form-type-3 #callonly_container #number sup{
   font-size:12px;
   top:-15px;
}
    
body.form-type-3 #callonly_container #testo_chiamata{
   padding:20px 30px;
   background: #ececec;
   color:#000;
   font-size:14px;
   margin-bottom:0;
}

body.form-type-3 #callonly_container #testo_chiamata span{
   font-size:10px;
   display:block;
   margin-top:8px;
}

body.form-type-3 .callonly_fixed{
   position:fixed;
}

body.form-type-3 .callonly_bottom{
   position: absolute !important;
}
    
@media(max-width:768px){
   body.form-type-3{
       padding-bottom:68px;
   }
   body.form-type-3 #callonly_container{
      position: fixed;
      bottom: -63px;
      left: 0;
      width: 100%;
      z-index: 1000;
      margin: 0;
      padding: 0;
      height: auto;
   }
   body.form-type-3 #callonly_container #testo_chiamata{
       padding:10px 10px;
   }
   body.form-type-3 #callonly_container #number{
       font-size:20px;
   }
   body.form-type-3 #callonly_container #number sup{
     font-size:12px;
     top:-8px;
   }
   .box-form{
      clear:both;
      margin-top:40px;
   }
}

    
@media (min-width: 1000px){
   #footer .col-lg-15 {
       width: 13%;
       float: left;
       font-size:25px;
       line-height:25px;
       padding-top:15px;
   }
}
    
    
@media (max-width: 1000px){
    #footer{
        padding:0 0;
        width:100%;
    }
    #footer p{
        padding:0 10px;
        width:90%;
        float:none;
        clear:both;
    }
    #footer .col-lg-15 {
        width: 48% !important;
        padding:0 10px;
        margin-bottom:15px;
        float:left;
    }
    #footer .col-lg-15 span{
        width:90% ;
        display: block;
        text-align: center;
        padding:6px 9px;
     }
     
     
     
  }
 
h3.align-center{
   text-align:center;
   margin:30px 0;
   font-size:30px;
   color:#003966;
   text-transform:uppercase;
}

#servizi{
   padding:50px 0;
}
  
#servizi .fas{
   font-size:30px;
   color:#b09d68;
}

#dicono_noi{
   background:#f6f6f6;
   padding:20px 0;
   min-height:300px;
   position:relative;
}

.slides{
   position:relative;
}


.slides li{
   display:none;
   position:absolute;
   top:0;
   left:25%;
   width:50%;
   text-align:center;
}

.slides li.flex-active-slide{
   display:block;
}




.flex-control-nav{
   position:absolute;
   bottom:10px;
   left:50%;
   width:80px;
   margin-left:-25px;
   padding:0;
}

.flex-control-nav li{
       margin: 0 6px;
    display: inline-block;
    zoom: 1;
}

.flex-control-nav li a{
   width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-nav li a.flex-active{
   background:#000;
}

.view-author-field-x{
   margin:10px;
   font-weight:bold;
   text-transform:uppercase;
}

#consulenza{
   text-align:center;
   padding:50px 0;
   background:#f6f6f6;
}

.backtoform{
   font-size: 14px;
    font-weight: 700;
    padding: 10px;
    color: #262626;
    background-color: #ffc400;
    border-color: #357ebd;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    vertical-align: baseline;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    text-shadow: none;
    text-align: center;
}

#testo{
    color: #000;
    font-size: 18px;
    line-height: 26px;
    margin-top: 45px;
    padding: 20px;
}

#testo h1,
#testo h2{
    background:rgba(255, 255, 255, 0.89);
    display: inline-block;
    padding: 5px;
    margin-bottom: 4px;
}

#testo span {
      background:rgba(255, 255, 255, 0.78);
    display: inline-block;
    padding: 5px;
    margin-bottom: 4px;
}

#testo ul{
   display:block;
   margin:0;
   padding:0;
}

#testo li{
    background: rgba(255, 255, 255, 0.88);
    display: inline-block;
    padding: 5px;
    margin-bottom: 4px;
}


@media(max-width:1200px){
   #content_form_info{
   clear:both;
}
.icon-home img{
      margin:0 auto;
   }
   .box-form{
      padding:10px;
   }
}

@media(max-width:768px){
   
   
   #dicono_noi{
      min-height:350px;
   }
   .flex-control-nav li a{
      width:20px;
      height:20px;
   }
   .flex-control-nav{
      width:100px;
      margin-left:-50px;
   }
   
    .slides li {
    display: none;
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    text-align: center;
}

#testo{
   margin-top:0;
       padding-bottom: 50px;
    margin-bottom: 10px;
}

}

#close_popup{
       position: absolute;
    display: block;
    top: -10px;
    right: -10px;
    background: #c71919;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}



@media  (max-height: 800px) and (min-width: 1200px) {
    #hero {
        height: 750px !important;
    }
}


.evidenzia{
  color:#c99700 !important;
}