/*griglie templates custom (con isotope)*/

.box_mason{ min-height:20px; /*border:1px solid #ccc;*/}
/*.box_mason img{max-width:100%;}*/
.isotope{width:100%;}


/*isotope 12 colonne*/
.isotope_container .box_mason,
.isotope_container .grid_sizer{width:calc((100% - (11 * 30px)) / 12);}
.isotope_container .box_mason.box_2_12{width:calc(((100% - (11 * 30px)) / 12) * 2 + 1 * 30px); min-height:10px;}
.isotope_container .box_mason.box_3_12{width:calc(((100% - (11 * 30px)) / 12) * 3 + 2 * 30px); min-height:10px;}

.isotope_container .box_mason.box_4_12{width:calc(((100% - (11 * 30px)) / 12) * 4 + 3 * 30px); min-height:10px;}
.isotope_container .box_mason.box_5_12{width:calc(((100% - (11 * 30px)) / 12) * 5 + 4 * 30px); min-height:10px;}
.isotope_container .box_mason.box_6_12{width:calc(((100% - (11 * 30px)) / 12) * 6 + 5 * 30px); min-height:10px;}
.isotope_container .box_mason.box_7_12{width:calc(((100% - (11 * 30px)) / 12) * 7 + 6 * 30px); min-height:10px;}
.isotope_container .box_mason.box_8_12{width:calc(((100% - (11 * 30px)) / 12) * 8 + 7 * 30px); min-height:10px;}
.isotope_container .box_mason.box_9_12{width:calc(((100% - (11 * 30px)) / 12) * 9 + 8 * 30px); min-height:10px;}
.isotope_container .box_mason.box_10_12{width:calc(((100% - (11 * 30px)) / 12) * 10 + 9 * 30px); min-height:10px;}
.isotope_container .box_mason.box_11_12{width:calc(((100% - (11 * 30px)) / 12) * 11 + 10 * 30px); min-height:10px;}
.isotope_container .box_mason.box_12_12{width:100%; min-height:10px;}

body.tablet .isotope_container .box_mason,
body.tablet .isotope_container .grid_sizer{width:calc((100% - (1 * 30px)) / 2);}
body.tablet .isotope_container .box_mason.boxt_1_2{width:calc((100% - (1 * 30px)) / 2); min-height:10px;}
body.tablet .isotope_container .box_mason.boxt_2_2{width:100%;}


body.mobile .isotope_container .box_mason,
body.mobile .isotope_container .grid_sizer{width:100%;}
body.mobile .isotope_container .box_mason.boxt_1_2{width:100%}
body.mobile .isotope_container .box_mason.boxt_2_2{width:100%}

/********** stili per blocchi isotope landing page bandiere *****************/


/******  slider_fullwidth  *******/

.slider_fullwidth{width:100%; border-top:1px solid #020d15; border-bottom:1px solid #020d15; min-height:10px; padding:15px 0; }
.slider_fullwidth .slider{overflow: hidden; border-radius:10px;}
.slider_fullwidth .slide_inner{overflow: hidden; position:relative;}
.slider_fullwidth .slide_inner .slide_scritte{position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
.slider_fullwidth .slide_inner .slide_scritte .slide_scritte_inner{position:relative; width:100%; height:100%;}
.slider_fullwidth .slide_inner .slide_scritte .slide_scritte_inner .slide_scritte_inner2{position:absolute; bottom:20px; left:20px; width:calc(100% - 40px);}
.slider_fullwidth .slide_inner .slide_scritte .slide_scritte_inner .slide_scritte_inner2 .slide_titolo{max-width:66%;}
.slider_fullwidth .slide_inner .slide_scritte .slide_scritte_inner .slide_scritte_inner2 .slide_sottotitolo{max-width:66%;}


body.tablet .slider_fullwidth .slide_inner .slide_scritte .slide_scritte_inner .slide_scritte_inner2 .slide_titolo{max-width:100%;}
body.tablet .slider_fullwidth .slide_inner .slide_scritte .slide_scritte_inner .slide_scritte_inner2 .slide_sottotitolo{max-width:100%;}

/******  slider_fullwidth  *******/

.banner_background .slider{}
.banner_background .banner_background_inner{overflow: hidden; position:relative;border-radius:10px;}
.banner_background .banner_background_inner .slide_inner{overflow: hidden; position:relative;}
.banner_background .banner_background_inner .slide_scritte{position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
.banner_background .banner_background_inner .slide_scritte .slide_scritte_inner{position:relative; width:100%; height:100%;}
.banner_background .banner_background_inner .slide_scritte .slide_scritte_inner .slide_scritte_inner2{position:absolute; bottom:20px; left:20px; width:calc(100% - 40px);}
.banner_background .banner_background_inner.slide_scritte .slide_scritte_inner .slide_scritte_inner2 .slide_titolo{max-width:66%;}
.banner_background .banner_background_inner .slide_scritte .slide_scritte_inner .slide_scritte_inner2 .slide_sottotitolo{max-width:66%;}


body.tablet .banner_background .banner_background_inner .slide_scritte .slide_scritte_inner .slide_scritte_inner2 .slide_titolo{max-width:100%;}
body.tablet .banner_background .banner_background_inner .slide_scritte .slide_scritte_inner .slide_scritte_inner2 .slide_sottotitolo{max-width:100%;}


/******  form_contatti  *******/

.form_contatti .form_contatti_inner{overflow: hidden; position:relative; border-radius:10px; background-color:#0c5187; padding: 20px; color:#666;}
.form_contatti .form_contatti_inner input{color:#333;}
.form_contatti .form_contatti_inner input:placeholder{font-style:italic; color:#ccc;}

/***** form fullwidth ******/
.form_fw{width:100%; background-color:#0c5187; border-top:1px solid #020d15; border-bottom:1px solid #020d15; min-height:10px; padding:15px 0; color:#fff;}
.form_fw .form_fw_sx{float:left;}
.form_fw .form_fw_dx{float:right;}

body.tablet .form_fw .form_fw_sx{float:none; width:100% !important;}
body.tablet .form_fw .form_fw_dx{float:none; width:100% !important;}

/******  box_grigio_lungo  *******/
.box_grigio_lungo{background-color:#dfdfdf; border:1px solid #9a9a9a; border-radius:10px;}
.box_grigio_lungo .box_lungo_inner{padding:20px;}

/******  box_blu_lungo  *******/
.box_blu_lungo{background-color:#0c5187; border:none; border-radius:10px;}
.box_blu_lungo .box_lungo_inner{padding:20px;}

/***** testo+immagine ******/
.resized_image_container img{width:100%; height:auto; display: block;}
.testo_immagine_sx .resized_image_container{float:left;}
.testo_immagine_sx .testi_container{float:right;}

.testo_immagine_dx .resized_image_container{float:right;}
.testo_immagine_dx .testi_container{float:left;}

body.tablet .resized_image_container {width:50% !important;}
body.tablet .testi_container {width:calc(50% - 30px) !important;}

body.mobile .resized_image_container {width:100% !important;}
body.mobile .testi_container {width:100% !important;}


/****** testo due colonne ******/
.testo_2_colonne .solotesto_testo{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px;}
body.mobile .testo_2_colonne .solotesto_testo{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px;}