

.fasciaContent {
	position: relative;
	width: 100%;
	background-color: #0D1222;
	padding-top: 40px;
}

.boxContent {
	position: relative;
	width: 1250px;
	margin: 0 auto;
	text-align: left;
	font-family: "Abel", Sans-serif;
	font-size: 23px;
	font-weight: 400;
	color: #fff;
	line-height: 1.9;
}

.boxContent strong,
.boxContent b {
	font-weight: 700;
}



#contentPage{padding:20px 0 80px 0;clear:both;text-align:center}

#contentPage #maincontarea{width:70%;margin:0 auto}
	
#contentIcoDett{height:auto;padding:65px 0 85px 0;background:#e9e9e9;clear:both}

#contentIcoDett .lineaTitoloBox {
    margin: 28px auto 20px auto;
}

#contentIcoDett .template3{width:24.9%;float:left;text-align:center}



#contentIcoDett .template3 .boxImg{width:150px;margin:50px auto 18px auto;}
	
	#contentIcoDett .template3 .Testo{font:18px/24px HelveticaNeueLight !important;color:#000 !important}




.boxImgMobile{ 
	display:none}


.template1, .template2{clear:both; overflow: hidden;}


.clear{clear:both}

/* template1 */

.template1{clear:both; background:#fff;height: 600px;}
.template1 .boxTitolo{
	font-family: "Abel", Sans-serif;
	font-size: 32px;
	font-weight: 400;
	line-height: 40.73px;
	color: #000;
	padding-bottom: 45px;
}

.txtBox {
	font-family: "Abel", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: #000;
  line-height: 1.9;
}


.template1 .Testo
{
    color: #fff;
}

.template1 .boxDettSottoPagSx{
    width: 50%;
    float: left;
    height: 100%;
    overflow: hidden;
    transition: all .3s ease-in-out;
	align-items: center;
  display: flex;
}


.template1 .boxImg {
    height: 100%;
}

.template1 .boxImg img {
    height: auto;
    width: 100%;
    position: relative;
	left: 50%;
	transform: translateX(-50%);
}


.template1 .boxDettSottoPagDx {
    width: 50%;
    float: left;
    height: 100%;
    position: relative;
    transition: all .3s ease-in-out;
    display: table;
}

.template1 .boxDettSottoPagDx .contPanel {
    text-align: left;
    padding: 0 5% 0 50px;
    display: table-cell;
    vertical-align: middle;
}


/* fine template1 */



.boxContenuto {
	position: relative;
	width: auto;
	padding: 70px;
}


/* template2 */
.template2{clear:both;background:#fff;height:600px}
.template2 .boxTitolo{
	font-family: "Abel", Sans-serif;
	font-size: 32px;
	font-weight: 400;
	line-height: 40.73px;
	color: #000;
	padding-bottom: 45px;
}

.template2 .boxDettSottoPagDx{
    width:50%;
    float: left;
    height: 100%;
    overflow: hidden;
    transition: all .3s ease-in-out;
	align-items: center;
 	display: flex;
}


.template2 .boxImg {
    height: 100%;
}

.template2 .boxImg img {
    height: auto;
    width: 100%;
    position: relative;
	left: 50%;
    transform: translateX(-50%);
}


.template2 .boxDettSottoPagSx {
    width: 50%;
    float: left;
    height: 100%;
    position: relative;
    transition: all .3s ease-in-out;
    display: table;
}

.template2 .boxDettSottoPagSx .contPanel {
    text-align: right;
    padding: 0 50px 0 5%;
    display: table-cell;
    vertical-align: middle;
}
/* fine template2*/


.template3 {
    position: relative;
    width: 100%;
    background-color: #141B30;
}

.template3 .boxDettSottoPag {
    width: 1140px;
    margin: 0 auto;
    text-align: left;
    padding: 75px 0;
}

.template3 .txtBox {
    text-align: left;
    font-family: "Abel", Sans-serif;
    font-size: 23px;
    font-weight: 100;
    color: #fff;
    line-height: 1.9;
}



/* template 4 */

.template4 {
    position: relative;
    width: 100%;
    background-color: #0D1222;
}
	
.template4 .boxDettSottoPag {
    width: 1140px;
    margin: 0 auto;
    text-align: left;
    padding: 75px 0;
}


.template4 .boxTitolo {
    text-align: center;
    position: relative;
}

.template4 .boxTitolo h2 {
    font-family: "Abel", Sans-serif;
    font-size: 70px;
    font-weight: 400;
    line-height: 89.21px;
    color: #FFFFFF;
  }



.template4 .boxButton {
    position: relative;
    width: auto;
    margin: 0 auto;
    text-align: center;
    padding-top: 110px;
  padding-bottom: 40px;
}

.template4 .button {
    background-color: #2E9CFF;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline-flex;
    border-radius: 20px 20px 20px 20px;
    width: 300px;
}

.template4 .button a {
    font-family: "Abel", Sans-serif;
    font-size: 25px;
    color: #ffffff;
    padding: 22px 25px 22px 25px;
}


/* fine section template 4 */

/* template 5 */
.template5 {
    position: relative;
    width: 100%;
    background-color: #0D1222;
}

.template5 .boxDettSottoPag {
    width: 1500px;
    margin: 0 auto;
    text-align: left;
    padding: 75px 0;
}


.template5 .boxTitolo {
    text-align: center;
    position: relative;
}

.template5 .boxTitolo h2 {
    font-family: "Abel", Sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 1;
    color: #FFFFFF;
  }

  .template5 .sectionContenuto {
    position: relative;
    width: 100%;
    display: flex;
    padding-top: 28px;
  }

  .template5 .boxServiziSoluzioni {
    position: relative;
    width: 30.9%;
    padding: 1.2%;
  }

  .template5 .boxContentServiziSoluzioni {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: transparent;
    background-image: linear-gradient(180deg, #2E9CFF1A 0%, #0D1222 100%);
    height: 100%;
  }

  .template5 .boxContentServiziSoluzioniBG {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    background-image: url("/custom_cms/images/Rectangle-27-2.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  opacity: 1;
  }

  .template5 .imgBoxServiziSoluzioni {
    position: relative;
    width: 100%;
    padding-bottom: 25px;
    padding-top: 40px;
  }

  .template5 .titleBoxServiziSoluzioni {
    position: relative;
    width: 85%;
    padding-bottom: 20px;
    margin: 0 auto;
  }

  .template5 .titleBoxServiziSoluzioni h2{
    font-family: "Abel", Sans-serif;
    font-size: 32px;
    font-weight: 400;
    color: #FFFFFF;
  }

  .template5 .descBoxServiziSoluzioni {
    position: relative;
    width: 85%;
    font-family: "Abel", Sans-serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 34.5px;
    color: #FFFFFF;
    margin: 0 auto;
  }


  
/* fine section template 5 */













/* template 5 */
.template6 {
    position: relative;
    width: 100%;
    background-color: #0D1222;
}

.template6 .boxDettSottoPag {
    width: 1500px;
    margin: 0 auto;
    text-align: left;
    padding: 75px 0;
}


.template6 .boxTitolo {
    text-align: center;
    position: relative;
}

.template6 .boxTitolo h2 {
    font-family: "Abel", Sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 1;
    color: #FFFFFF;
  }

  .template6 .sectionContenuto {
    position: relative;
    width: 100%;
    display: flex;
    padding-top: 28px;
  }

  .template6 .boxServizi {
    position: relative;
    width: 46%;
    padding: 2%;
  }

  .template6 .boxContentServizi {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: transparent;
    background-image: linear-gradient(180deg, #2E9CFF1A 0%, #0D1222 100%);
    height: 100%;
  }

  .template6 .boxContentServiziBG {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    background-image: url("/custom_cms/images/Rectangle-27-2.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  opacity: 1;
  }

  .template6 .imgBoxServizi {
    position: relative;
    width: 100%;
    padding-bottom: 25px;
    padding-top: 40px;
  }

  .template6 .titleBoxServizi {
    position: relative;
    width: 85%;
    padding-bottom: 20px;
    margin: 0 auto;
  }

  .template6 .titleBoxServizi h2{
    font-family: "Abel", Sans-serif;
    font-size: 32px;
    font-weight: 400;
    color: #FFFFFF;
  }
  
  .template6 .sottoTitleBoxServizi {
    position: relative;
    width: 85%;
    font-family: "Abel", Sans-serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 34.5px;
    color: #FFFFFF;
    margin: 0 auto;
  }

  .template6 .descBoxServizi {
    position: relative;
    width: 85%;
    font-family: "Abel", Sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 28px;
    color: #FFFFFF;
    margin: 0 auto;
    text-align: left;
    padding-top: 20px;
  }



  
/* fine section template 6 */




/* template 7 */

.template7 {
    position: relative;
    width: 100%;
    background-color: #0D1222;
}
	
.template7 .boxDettSottoPag {
    width: 1140px;
    margin: 0 auto;
    text-align: left;
    padding: 75px 0;
}


.template7 .boxTitolo {
    text-align: center;
    position: relative;
}

.template7 .boxTitolo h2 {
    font-family: "Abel", Sans-serif;
    font-size: 70px;
    font-weight: 400;
    line-height: 89.21px;
    color: #FFFFFF;
  }



.template7 .boxButton {
    position: relative;
    width: auto;
    margin: 0 auto;
    text-align: center;
    padding-top: 55px;
  padding-bottom: 40px;
}

.template7 .button {
    background-color: #2E9CFF;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline-flex;
    border-radius: 20px 20px 20px 20px;
    width: 300px;
}

.template7 .button a {
    font-family: "Abel", Sans-serif;
    font-size: 25px;
    color: #ffffff;
    padding: 22px 25px 22px 25px;
}


/* fine section template 7 */





/* template 8 */
.template8 {
    position: relative;
    width: 100%;
    background-color: #0D1222;
}

.template8 .boxDettSottoPag {
    width: 1500px;
    margin: 0 auto;
    text-align: left;
    padding: 35px 0;
}


.template8 .boxTitolo {
    text-align: center;
    position: relative;
}

.template8 .boxTitolo h2 {
    font-family: "Abel", Sans-serif;
    font-size: 70px;
    font-weight: 400;
    line-height: 89.21px;
    color: #FFFFFF;
  }

  .template8 .sectionContenuto {
    position: relative;
    width: 100%;
    padding-top: 60px;
  }

  .template8 .boxServiziAssessment {
    position: relative;
    width: 47.8%;
    margin: 25px 1%;
    float: left;
    align-items: center;
    display: flex;
    height: 250px;
    background-color: #2E9CFF1A;
    border-radius: 7px 7px 7px 7px;
    border: 1px solid #2E9CFF;
  }

  .template8 .boxContentServiziAssessment {
    position: relative;
    width: 100%;
    text-align: center;
  }

  .template8 .imgBoxServiziAssessment {
    position: relative;
    width: 100%;
    padding-bottom: 25px;
    padding-top: 40px;
  }

  .template8 .titleBoxServiziAssessment {
    position: relative;
    width: 96%;
    padding-bottom: 20px;
    margin: 0 auto;
    font-family: "Abel", Sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
  }


  .template8 .descBoxServiziAssessment {
    position: relative;
    width: 96%;
    font-family: "Abel", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 34.5px;
    color: #FFFFFF;
    margin: 0 auto;
  }


  
/* fine section template 8 */


@media (max-width: 1600px)
{
    .boxContent {
        width: 90%;
    }

    .template5 .boxDettSottoPag {
        width: 90%;
    }

    .template1, .template2 {
        min-height: 720px;
    }

    .boxContenuto {
        padding: 50px;
    }

    .template6 .boxDettSottoPag {
        width: 94%;
    }

    .template8 .boxDettSottoPag {
        width: 94%;
      }

}


@media (max-width: 1280px){

	.boxContent {
        width: 94%;
    }

    .template5 .boxDettSottoPag {
        width: 94%;
    }
    
    .boxContenuto {
        padding: 40px;
    }

    .template3 .boxDettSottoPag {
        width: 94%;
    }

    .template4 .boxDettSottoPag {
        width: 94%;
    }

    .template7 .boxDettSottoPag {
        width: 94%;
      }
}


@media (max-width: 1024px){


    .boxBannerTitolo h2 {
        font-size: 75px;
    }

    
    .boxContent {
        font-size: 21px;
    }
	

    .template5 .sectionContenuto {
        display: block;
    }

    .template5 .boxServiziSoluzioni {
        width: 70%;
        margin: 0 auto;
        padding: 0;
        padding-bottom: 60px;
      }

    .template5 .descBoxServiziSoluzioni {
        padding-bottom: 30px;
    }

    .boxImgMobile {
        display: block;
        height: 500px;
        overflow: hidden;
      }

    .template1, .template2 {
        height: auto;
    }

    .template1 .boxDettSottoPagDx {
        display: none;
    }

    .template1 .boxDettSottoPagSx {
        width: 100%;
        float: none;
    }

    .template2 .boxDettSottoPagDx {
        width: 100%;
        float: none;
    }

    .template2 .boxDettSottoPagSx {
        width: 100%;
        float: none;
        display: block;
        height: 500px;
        overflow: hidden;
    }

    .template5 .descBoxServiziSoluzioni {
        font-size: 21px;
    }

    .txtBox {
        font-size: 21px;
    }

    .template3 .txtBox {
        font-size: 21px;
    }

    .template4 .boxTitolo h2 {
        font-size: 60px;
    }

    .template4 .boxButton {
        padding-top: 80px;
        padding-bottom: 0;
    }

    .template6 .boxDettSottoPag {
        padding: 40px 0;
    }

    .template6 .titleBoxServizi {
        width: 90%;
    }

    .template6 .sottoTitleBoxServizi {
        width: 90%;
    }

    .template6 .descBoxServizi {
        width: 90%;
    }

    .template7 .boxTitolo h2 {
        font-size: 60px;
    }

    .template7 .boxDettSottoPag {
        padding: 60px 0;
    }

    .template8 .boxTitolo h2 {       
        font-size: 60px;
    }

    .template8 .boxDettSottoPag {
        padding: 20px 0;
    }

    .template8 .boxServiziAssessment {
        width: 97.8%;
        height: 200px;
    }

}





@media (max-width: 680px){

	.boxBannerTitolo h2 {
        font-size: 50px;
    }

    .boxContent {
        font-size: 18px;
    }
    
    .template6 .boxServizi {
        width: 96%;
        padding-top: 65px;
    }

    .template6 .sectionContenuto {
        display: block;
    }

    .template6 .titleBoxServizi h2 {
        font-size: 28px;
    }

    .imgBoxServizi img {
        width: 100px;
    }

    .template6 .sottoTitleBoxServizi {
        font-size: 22px;
    }

    .template6 .descBoxServizi {
        font-size: 18px;
    }

    .template6 .boxDettSottoPag {
        padding: 0;
    }

    .template6 .sectionContenuto {
        padding-top: 20px;
    }

    .template7 .boxTitolo h2 {
        font-size: 44px;
    }

    .template7 .boxButton {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .template7 .button {
        width: 240px;
    }

    .template7 .button a {
        font-size: 22px;
        padding: 19px 22px 19px 22px;
    }

    .template8 .boxTitolo h2 {
        font-size: 44px;
        line-height: 60px;
    }

    .template8 .boxServiziAssessment {
        height: auto;
    }

    .template8 .boxContentServiziAssessment {
        padding: 15px 0 15px 0;
    }

    .template5 .boxTitolo h2 {
        font-size: 36px;
    }

    .template5 .boxServiziSoluzioni {
        width: 90%;
    }

    .imgBoxServiziSoluzioni img {
        width: 100px;
    }

    .template5 .titleBoxServiziSoluzioni h2 {
        font-size: 28px;
    }

    .template5 .descBoxServiziSoluzioni {
        font-size: 18px;
        width: 90%;
    }

    .boxImgMobile {
        height: 300px;
    }

    .boxImgMobile img{
        width: 100%;
    }

    .template1 .boxDettSottoPagSx, .template2 .boxDettSottoPagDx {
        width: 94%;
        margin: 0 auto;
    }

    .boxContenuto {
        padding: 40px 0 40px 0;
    }

    .template1 .boxTitolo, .template2 .boxTitolo {
        font-size: 26px;
        line-height: 38px;
        padding-bottom: 20px;
    }

    .txtBox {
        font-size: 18px;
    }

    .template2 .boxDettSottoPagSx {
        height: 300px;
    }

    .template2 .boxImg  img {
        width: 100%;
    }

    .template3 .txtBox {
        font-size: 18px;
    }

    .template4 .boxTitolo h2 {
        font-size: 44px;
        line-height: 65px;
    }

    .template4 .boxButton {
        padding-top: 40px;
    }

    .template4 .button {
        width: 250px;
    }

    .template4 .button a {
      font-size: 20px;
      padding: 19px 22px 19px 22px;
    }

    .template4 .boxDettSottoPag {
        padding: 75px 0 30px 0;
    }

    .template3 .boxDettSottoPag {
        padding: 46px 0;
    }

}

