/*
Theme Name: siri
Author: MT
Licence: MT
Description: Sito custom SIRI
Version: 1.0
*/

/*---------------------------------------
CSS Index:
---------------------------------------- */
*{
margin:0;
padding:0;
box-sizing: border-box;
}


.spacer
{
    width: 100%;
    height: 100px;
}

body {
  font-family: 'Lato', sans-serif;
  font-size: 1.2rem;
  line-height: 1.6;
  overflow-x: hidden;
  color: #121212;
  background: #ffffff;
}
/*-----------------------
FASCIA SLIDER
------------------------*/

.fascia_slider{
width:100%;
height:auto;
}

.fascia_slider h2{
	color:#fff;
	text-align:center;
	padding-top:150px;
}
/*-----------------------
BREADCRUMBS
------------------------*/
.sezione_breadcrumb a{
  font-size: 0.8rem;
}
.sezione_breadcrumb span{
  font-size: 0.8rem;
}
.sezione_breadcrumb a:visited{
  color:#ff8530;
}


/*-----------------------
FASCIA PRODOTTI
------------------------*/


.fascia_error .column1 h2{
  text-align: center;
    color:#ff8530;
    font-size: 30px;
    font-family:'Lato', sans-serif;
    font-weight:300;
    padding:70px;
}

.fascia_error .column1 p{
    text-align: center;
}

.fascia_error .column1 a{
  display: blocK;
  width:300px;
  text-align: center;
  padding: 10px 10px;
  background-color: #ff8530;
  color: #fff;
    font-family:'Lato', sans-serif;
  font-weight: 400;
word-spacing: 1px;
  box-shadow: 0 15px 10px -10px rgba( 0,0,0,0.6);
  transition: all .7s;
  margin:100px auto;
}

.fascia_error .column1 a:hover{
  box-shadow: 0 45px 20px -30px rgba( 0,0,0,0.2);
  transform: translateY(-20px);
}

/*-----------------------
FASCIA SLOGAN
------------------------*/
.fascia_slogan{
width:100%;
height:auto;
padding:50px 0;
background-color:#fff;
justify-content:center;
align-items:center;
}

.fascia_slogan > .row{
	display:flex;
	max-width:1200px;
   justify-content:center;
}

.fascia_slogan > .row p{
	 font-family: 'Lato', sans-serif;
	 font-size: 22px;
	 font-weight:400;
   color:#000;
	 padding:0 20px;
	 text-align:center;
   word-spacing:10px;

}

/*start widget*/
.sidebar{
flex-direction:column;
}

.widget {
  background-color:#0e3e6c;
  color: #fff;
  margin-bottom: 10px;
  width:90%;
  display:flex;
  justify-content: flex-start;
  padding:20px;
  box-shadow: 1px 2px 5px rgba(0,0,0,.1);
}

.widget-title{
  color:#fff;
}

.wp-block-search__input{
  width:80px;
}

.widget a{
    color: #fff;
}
/*and widget*/

/*style int_wordpress block_navigation - page WI400*/
.punto{
  background-color: #f9f9f9;
  padding:50px 20px;
  margin-bottom:10px;
  border-left:3px solid #ff8530;
  box-shadow: 1px 2px 5px rgba(0,0,0,.1);
}


.punto  li{
  color:#0e3e6c;
  transition: all .7s;
}

.punto  li:hover{
  color:#ff8530;
transform: translateY(-10px);

}

/*style int_wordpress block_navigation - page WI400*/
.punto_installazioni{
  background-color: #f9f9f9;
  padding:50px 20px;
  margin-bottom:10px;
  border-left:3px solid #004a88;
  box-shadow: 1px 2px 5px rgba(0,0,0,.1);
}


.punto_installazioni  li{
  color:#0e3e6c;
  transition: all .7s;
}

.punto_installazioni  li:hover{
  color:#ff8530;
transform: translateY(-10px);

}



/*-----------------------
scroll up
------------------------*/
.quadrato{
display: block;
border-radius: 5px;
height: 50px;
width: 50px;
background-color: #3771c8;
transform: rotate(-135deg);
position: fixed;
bottom: 50px;
right: 20px;
}

.triangle1{
display: block;
border-right: 5px solid #fff;
border-bottom: 5px solid #fff;
height: 15px;
width: 15px;
margin: 15px auto;
transform: rotate(0deg);
border-radius: 2px;
/*transition: all .7s;*/
}
.triangle1:hover{
  /*transform: translateY(-20px);*/

}
/*-----------------------
FASCIA PRODOTTI
------------------------*/
.fascia_prodotti{
width:100%;
height:auto;
padding:0  0 50px 0;

}

.fascia_prodotti .row h3{
	color:#000;
	margin:30px 0;
	text-align:center;
}

.fascia_prodotti .row .column1{
	display:flex;
	flex-direction:column;

}
.fascia_prodotti .row .column1 .responsive-img{
	display:block;
	width:100%;
	height:auto;

}

.fascia_prodotti img{
	margin-bottom:20px;
	width:100%;
  height:auto;
	align-self:center;
}


.fascia_prodotti .row .column1 a{
	display:block;
	text-align:right;
	padding:10px;
	color:#0e3e6cff;


}

.fascia_prodotti .row .column1 a:hover{
color:#ff8530;
}

/*-----------------------
FINE FASCIA PRODOTTI
------------------------*/


/*-----------------------
FASCIA SERVIZI
------------------------*/

.fascia_servizi{
width:100%;
height:auto;
background-color:#f7f7f7;
padding:50px 0;
}

.fascia_servizi .row{
display:flex;
justify-content:center;
align-items: flex-start;

}

.fascia_servizi .row h3{
	color:#000;
	margin:30px 0;
	text-align:center;
}





.fascia_servizi .column1{
	flex-direction:column;
	justify-content:center;
	align-items:center;
	display:flex;

}

.fascia_servizi .column1 img {
		max-width:150px;
  height:auto;
}


.fascia_servizi .column1 p{
	color:#000;
}
.fascia_servizi .column1 a{
display:block;
text-align: center;
	color:#0e3e6cff;
}
.fascia_servizi .column1 a:hover{
  color:#ff8530;
}

/*-----------------------
FINE FASCIA SERVIZI
------------------------*/


/*-----------------------
FASCIA CLIENTI
------------------------*/

.fascia_clienti{
width:100%;
height:auto;
padding:50px 0;
background-color:#fff;
}

.fascia_clienti .row{
		justify-content:center;
}

/* hover per cambiare immagine */
/*
.fascia_clienti a img:last-child {
  display: none;
}
.fascia_clienti a:hover img:last-child {
  display: block;
}
.fascia_clienti a:hover img:first-child {
  display: none;
}
 */
/*-------*/




.fascia_clienti .row h3{
	padding:20px 20px;
text-align:center;
}


/*-----------------------
FASCIA CLIENTI
------------------------*/
.fascia_clienti .row .grid{
display:flex;
flex-wrap:wrap;
width:100%;
padding:10px 20px;
}

.fascia_clienti .row .col{
flex:auto;
display:flex;
padding:20px;
justify-content:center;

}

.fascia_clienti .row .grid .col img{
width:100%;
max-width:100px;

}
/*-----------------------
FINE FASCIA CLIENTI
------------------------*/




/*-----------------------
FASCIA CONTATTI
------------------------*/

.fascia_contatti{
width:100%;
height:auto;
padding:50px 0;
background-color:#f2f2f2;
}



.fascia_contatti .column1{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;

}

.fascia_contatti h3{
	padding:20px 0;
	 text-align: center;

}


.fascia_contatti p{
	padding:20px 0;

}

.fascia_contatti a{
	padding:50px 0;

}





.fascia_contatti .row .column1{

	display:flex;
	justify-content:center;
}





a.pulsante_contatto{
    display:blocK;
    padding:10px 10px;
    background-color:#ff8530;
    color:#fff;
    font-weight:bold;
    box-shadow: 0 15px 10px -10px rgba( 0,0,0,0.6);
    transition: all .7s

}
a.pulsante_contatto:hover {
    box-shadow: 0 45px 20px -30px rgba( 0,0,0,0.2);
    transform: translateY(-20px);
}


/*-----------------------
FINE FASCIA CONTATTI
------------------------*/


/*-----------------------
FASCIA FOOTER
------------------------*/

.fascia_footer{
    width:100%;
    height:auto;
  	padding-top:50px;
    background-color:#3a444a;
}

.fascia_footer .row .column1{
    display:flex;
    color:#fff;

}

.fascia_footer .row .column1 p{
    margin-bottom:20px;
font-family: 'Lato',sans-serif;
font-size: 14px;
}
.fascia_footer .row .column1 a{
	color:#fff;
	text-decoration:underline;

}

.fascia_footer .row .column1 a:hover{
	color:#fff;
	text-decoration:none;

}

.fascia_footer .row .column1 .didattico,
.fascia_footer .row .column1 .privacy{
  font-family: 'Lato', sans-serif;
  font-size:12px;
}
.fascia_footer .row .column1 a.privacy{
}
/*-----------------------
FINE FASCIA FOOTER
------------------------*/


/*-----------------------
FASCIA PAG AZIENDA
------------------------*/

.fascia_pagina{
padding:0 0 50px 0;
width:100%;
height:auto;
background-color:#f2f2f2;
}
/*
per sfondo pagina
.backgtri{
  background: linear-gradient(165deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 47%, rgb(247, 247, 247) 47%, rgb(247, 247, 247) 100%);
}
*/
.fascia_pagina .row{
padding:20px 20px;
}


.fascia_pagina h3{
	margin-bottom:20px;
	text-align:center;
}

.fascia_pagina .column1{
	display:flex;
	padding:0;
	justify-content:center;
	align-items:center;


}


.fascia_pagina .column1 .testo{
	padding:20px;

}

/*-----------------------
FASCIA PAG LAVORA CON NOI
------------------------*/

.fascia_pag_lavora_con_noi{
width:100%;
height:auto;
background-color:#fff;

}

.fascia_pag_lavora_con_noi .row .column1{
	border-right:1px solid green;
}


.fascia_pag_lavora_con_noi .column1{
	display:flex;
	padding:100px 0 20px;

	justify-content:center;
	align-items:center;
	font-size:18px;

}
.fascia_pag_lavora_con_noi .column1 p{
margin-bottom:50px;

}

.fascia_pag_lavora_con_noi .column1 a:hover{
	color:#ff8530;
}

/*-----------------------
FASCIA PAG FILOSOFIA
------------------------*/

.fascia_pag_filosofia{
width:100%;
height:auto;
background-color:#f2f2f2;
}

.fascia_pag_filosofia .row{
padding:20px 20px;
}
.fascia_pag_filosofia .column3{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;


}


.fascia_pag_filosofia p{
	margin-bottom:50px;
}


/*-----------------------
FASCIA PAG METODO
------------------------*/

.fascia_pag_metodo{
width:100%;
height:auto;
background-color:#f2f2f2;
}

.fascia_pag_metodo .row{
padding:20px 20px;
}



.fascia_pag_metodo p{
	margin-bottom:50px;
}

/*-----------------------
FASCIA PAG SERVIZI
------------------------*/

.fascia_pag_servizi{
width:100%;
height:auto;
background-color:#fff;
}

.fascia_pag_servizi .row{
max-width:100%;
height:auto;
padding:20px 20px;
  border-bottom:1px solid #0e3e6c;
}

.fascia_pag_servizi .row h3{
	color:#000;
	margin:30px 0;
	text-align:center;
}

.fascia_pag_metodo p{
	margin-bottom:50px;
}



.fascia_pag_servizi .column1{
		max-width:50%;
		display:flex;
		height:400px;
		justify-content:center;
	align-items: center;

}

.sfondo{
  background-color: #f2f2f2;
}

.fascia_pag_servizi .column1 img{
	display:block;
	max-width:100%;
	height:auto;


}

.fascia_pag_servizi img-responsive{
	width:400px;
}

/*-----------------------
FASCIA PAG SOLUZIONI
------------------------*/

.fascia_pag_soluzioni{
width:100%;
height:auto;
background-color:#fff;
padding:0 0;
}



.fascia_pag_soluzioni .row{
padding:20px 20px;

}

.fascia_pag_soluzioni .row{
padding:20px 20px;


}
.fascia_pag_soluzioni .column3{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;


}


.fascia_pag_soluzioni p{
	margin-bottom:50px;
}




/*-----------------------
FASCIA PAG CONTATTI
------------------------*/

.fascia_pag_contatti_map{
width:100%;
height:auto;

}
.fascia_pag_contatti_map h3{
	color:#000;
	margin:30px 0;
	text-align:center;
}




.fascia_pag_contatti .row .column1 a:hover{
		color:#ff8530;
}

.fascia_pag_contatti p{
padding-bottom:20px;

}

.font_2{
font-size:20px;
font-weight:600;
}


.row{
  display: flex;
  display: -webkit-flex;
	max-width:1200px;
	margin:0 auto;


}


.column {
  display: -webkit-flex;
  flex-direction: column;
  flex:1;

}

.column1 {
  flex: 1;
   padding:10px 20px;
}



.column2 {
  flex: 2;
}


.column3 {
  flex: 3;
}


.red{
background-color:red;
}

.blue{
background-color:blue;
}

.grey{
background-color:#f7f7f7;
}



.white{
background-color:#fff;
}

.center_h{
align-items: center;
-webkit-align-items: center;
}

.center_v{
justify-content: center;
	-webkit-justify-content: center;
}




/*---------------------form--*/


  .myForm {
    display: flex;

    border-radius: 3px;
    padding: 1.8em;
  }



  .contact {
   	flex: 1;
    order: 1;

  }
  .contact input[type=text],
  .contact input[type=tel],
   .contact input[type=email],
  .contact textarea,
  .contact p{
    width: 100%;

  }


 .contact input[type=text],
  .contact input[type=tel],
     .contact input[type=email],
  .contact button,
.contact textarea  {
    padding: 1em;
    margin-bottom: 1em;
  }
  .contact .btn {
    width: 100%;
    display:blocK;
    padding:10px 10px;
    background-color:#031e4d;
    color:#fff;
    font-weight:bold;
    box-shadow: 0 15px 10px -10px rgba( 0,0,0,0.6);
    transition: all .7s


  }


    .contact .btn:hover {
    box-shadow: 0 45px 20px -30px rgba( 0,0,0,0.2);
    transform: translateY(-20px);
}







/*---------------------form--*/



/*---------------------slide fissa--*/






#slide_fissa_contatti{
    width:100%;
    height:300px;
    background-image: url('img/contatti.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;

}




#slide_fissa_servizi{
    width:100%;
    height:300px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: url('img/servizi.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;


}


#slide_fissa_soluzioni{
    width:100%;
    height:300px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: url('img/soluzioni2.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
background-position: center 10px;

}


/*-----------------------*/
/*inizio mt*/


.slide_fissa_chisiamo{
    width:100%;
	height:300px;
	display:flex;



}

#slide_fissa_soluzioni h1{
  text-align: center;
    font-size:40px;
  font-weight:600;
  word-spacing:20px;
  color:#fff;
   padding:0 20px;
   background-color: rgba(34, 101, 172, 0.5);
  }

#slide_fissa_servizi h1{
text-align: center;
font-size:40px;
font-weight:600;
word-spacing:20px;
color:#004a88;
padding:0 20px;
 background-color: rgba(255, 255, 255, 0.5);

}




#row_dx{
display:flex;
flex:1;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;

}
.slide_fissa_chisiamo #row_dx{
	 background-image: url('../img/chisiamo.jpg');

}

.slide_fissa_chisiamo #row_dx .row_sx{
 background-color: rgba(255,133,48,0.8);

}

.fascia_pag_azienda #row_dx .pippo{
display:flex; flex:3; background-color:#pippo;
}

.slide_fissa_soluzioni #row_dx{
	 background-image: url('../img/soluzioni.jpg');

}

.slide_fissa_soluzioni #row_dx .row_sx{
 background-color: rgba(91,142,192,0.8);

}







.row_sx{
display:flex;
width:30%;
position:relative;
padding:20px;
z-index:50;
font-size:28px;
color:#fff;
font-weight:600;
justify-content:center;
align-items:center;
}
/*fine mt*/

#slide_fissa_filosofia{
    width:100%;
    height:300px;
    background-image: url('../img/filosofia.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:right top;

}






#slide_fissa_metodologia{
    width:100%;
    height:300px;
    background-image: url('../img/metodo.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
      background-position:center center;

}





#slide_fissa_lavora_con_noi{
    width:100%;
    height:300px;
    background-image: url('../img/lavora_con_noi.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;

}


#slide_fissa_chisiamo{
    width:100%;
    height:300px;
    background-image: url('../img/chisiamo.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;

}



#slide_fissa{
    width:100%;
    height:300px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: center center;
}


.menu > ul > li.active > a {
  color: #ff8530;
}

#slide_fissa h2,
#slide_fissa_chisiamo h2,
#slide_fissa_filosofia h2,
#slide_fissa_lavora_con_noi h2,
#slide_fissa_soluzioni h2,
#slide_fissa_metodologia h2,
#slide_fissa_servizi h2{
	color:#fff;
	font-size:30px;
	font-weight:700;
	text-align:center;
	line-height:300px;
	letter-spacing:20px;

}
/*-----------------------*/



/*-----------------------
navigation-sidebar
----------------*/
.wp-block-navigation-link a{
  transition: all .7s;
}
.wp-block-navigation-link a:hover{
  color:#ff8530;
transform: translateY(-20px);

}

/*---------------------------------------------------------------------------------------------------------
Tablet
--------------------------------------------------------------------------------------------------------------*/
@media (max-width:998px) {



.row{
flex-direction:column;

}

.fascia_servizi .row{
flex-direction:column;
align-items: center;
}
 .order_1{
        order:1;
   }
 .order_2{
        order:3;
          }

.order_3{
        order:2;
    }

	.column1{
		padding-bottom:50px;
		justify-content:center;
	}

.fascia_footer .row .column1{
  display:flex;
  justify-content: center;
}

.fascia_footer .row .column1 .box{
width:100%;
display:flex;
flex-direction:column;
align-items:center;
}
.fascia_pag_azienda{
  background-color: #fff;
}

.fascia_pag_soluzioni .column1,
.fascia_pag_servizi .column1{
max-width:100%;

}


.fascia_prodotti img{
  max-width:500px;
}

#slide_fissa_soluzioni h1{

    font-size:30px;
  }

  /*-----------------------
  FASCIA CLIENTI
  ------------------------*/
 .fascia_clienti .row .grid .col{
 width:33.33%;

 }
 .fascia_clienti .row .grid .col img{
 width:100%;
 height:auto;
 max-width:120px;

 }





}

/*--------------------------------------------
			start MEGA MENU
-------------------------------------------*/


/*--------------------------------------------
			FINE MEGA MENU
-------------------------------------------*/



/*-------------------------------------------------------------------
     Smartphone
 ------------------------------------------------------*/
@media (max-width: 767px) {

  /*-----------------------
  FASCIA SERVIZI
  ------------------------*/


  /*-----------------------
  FASCIA CLIENTI
  ------------------------*/
 .fascia_clienti .row .grid .col{
 width:100%;
 }
 .fascia_clienti .row .grid .col img{
 width:100%;
 height:auto;
 max-width:150px;
 }

}