@charset "utf-8";
/* CSS Document */
@import url("fonts.css");
html {
   position: relative;
   /*min-height: 100%;
   height: 100%;
   -ms-text-size-adjust:100%;
   -webkit-text-size-adjust:100%;*/
}
body{
   width: 100%;
   height: 100%;
   position:relative;
   font-family: "DINProRegular", Arial, sans-serif;
   font-size: 16px;
   color: #435060;
   background-color:#264560;
   margin:0px;
   padding:0px 0px 0px 0px;
}
a:focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -0px;
}
.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}
.cont-body{
   width: 100%;
   height: 100%;     
   /*position:relative;*/
   margin:0px;
   padding:0px 0px 0px 0px;
}
.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100% !important;
  border:0px solid red;
}
.container {
   padding:0px;
   border:0px solid red;
}
.btn.active, .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
}
/*** BRICIOLE ***************************************************************************************************/
/*
------- Effetto sfumatura -------
#briciole {
   width: 100%;
   height:0;
   overflow:hidden;
   opacity:0;
   -webkit-transition:width .5s, opacity .5s, height .7s;
   -moz-transition:width .5s, opacity .5s, height .7s;
   -o-transition:width .5s, opacity .5s, height .7s;
   transition:width .5s, opacity .5s, height .7s;
   background-color: #ffffff;
}

.visibleDiv{
   width: 100% !important;
   height: 65px !important;
   opacity:1 !important;
   position: fixed;
   z-index:2;
   top:0;
   left:0;
   border-bottom:1px solid #d8dfe3;
}
*/
#briciole {
   width: 100%;
   height: 65px;
   overflow:hidden;
   background-color: #ffffff;
   position: fixed;
   z-index:2;
   display:none;
   top:0;
   left:0;
   border-bottom:1px solid #d8dfe3;   
}
.header-briciole{
   text-align: left;
   padding:20px 20px 0px 61px;  
   float:left;
}
.header-briciole > div{
   display:block;
   float:left;
   font-size:18px;
   color:#3d5265;
   padding:0px 10px 0px 0px;
}
.header-briciole-logo{
   text-align: left;
   padding: 8px 0px 0px 30px;
   float:left;
}
.header-briciole > div{
   display:block;
   float:left;
   padding:0px 10px 0px 0px;
}
.header-briciole > div > span{
   display:block;
   float:left;
   padding:6px 18px 0px 0px;      
   font-size:14px;
   color:#3d5265;
}
.header-briciole > div > a{
   display:block;
   float:left;
   padding:0px 8px 0px 0px;      
   font-size:18px;
   color:#145f9e;
   text-decoration:none; 
}
.header-briciole > div > a:hover,
.header-briciole > div > a:focus {
   display:block;
   float:left;
   padding:0px 8px 0px 0px;      
   font-size:18px;
   color:#145f9e;
   text-decoration:none; 
}
.header-briciole > div > a > b{
   font-weight: normal;
}

.header-briciole a > span{
   padding: 2px 18px 0px 10px;
   font-size: 22px;
   display: block;
   color:#145f9e;
   float: left;
   text-decoration: none; 
}
.header-briciole a:hover > span,
.header-briciole a:focus > span{
   font-size:22px;
   color:#145f9e;
   display: block;
   float: left;   
   text-decoration:none;   
}
.menu_briciole{
   padding:0px 20px 0px 0px !important;
   border:0px solid red;
}
.menu_briciole  a{
   color:#3d5265 !important; 
}
.menu_briciole  a:hover{
   color:#6dbbf4 !important; 
}
.menu_briciole  a.active {
   font-family: "DINProBold", Arial, sans-serif;
   cursor:none;
   color:#3d5265 !important;    
}
.visibleDiv{ display:block !important; }
.visibleDivNo{ display:none !important; }
/*** MENU LATERALE ***************************************************************************************************/
.slideout-menu {
    position: fixed;
    left: auto;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 660px;
    height: 100%;
    color:#c7ccd0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
}
.panel {
    border: 0px solid transparent;
    border-radius: 0px;
}
.slideout-panel {
   height:100%;
   position:relative;
   z-index: 1;
   border:0px solid red;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}
.fixed {
  backface-visibility: hidden;
  position: fixed;
  z-index:20;
  right:0;
  transition: transform 300ms ease;
}
.fixed-open {
  transform: translate3d(-660px, 0px, 0px);
}
.btn-hamburger {
  position: static;
  width:45px;
  height:45px;
  color:#145f9e;
  background-color:#ffffff;
  padding:0px 0px 0px 10px;
  border-radius: 0px;
  margin-right:48px;
  margin-top:10px;
  outline:0;
  font-size: 22px;
  border: 0px solid green;
}
.header-hamburger {
  border: 0px solid red;
  width: 100px;
  text-align:right;
  height: 75px;
}
.header-hamburger2 {
  border: 0px solid red;
  width: 100px;
  text-align:right;
  float: right;
}
.menu{
   margin: 0px;
   padding:35px 0px 0px 0px;
   border: 0px solid red;   
}
.slideout-menu ul {
    list-style-type: none !important;
    padding: 0px 0px 0px 80px;
    margin: 0px 0px 0px 0px;
    border: 0px solid green;
}
.slideout-menu ul > li {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   border: 0px solid #FF00F5;
}
.slideout-menu ul > li a {
   display:block;
   color:#ffffff;
   text-transform:uppercase;
   padding: 6px 0px 6px 0px; 
   font-family: "DINProBold", Arial, sans-serif;
   font-size: 22px;
   text-decoration:none;
}
.slideout-menu ul > li a:hover {
   display:block;
   color:#e98656;
   text-transform:uppercase;   
   padding: 6px 0px 6px 0px; 
   font-family: "DINProBold", Arial, sans-serif;
   font-size: 22px;
   text-decoration:none;
}
.slideout-menu ul > li a.active{
   display:block;
   color:#e98656;
   text-transform:uppercase;   
   padding: 6px 0px 6px 0px;
   font-family: "DINProBold", Arial, sans-serif;
   font-size: 22px;
   text-decoration:none;
}
.slideout-menu ul > li > ul{
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 20px 0px;
   list-style-type: none !important;
   border: 0px solid #00FFF3;
}
.slideout-menu ul > li > ul > li{
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   border: 0px solid #FF9E00;
}
.slideout-menu ul > li > ul > li a {
   display:block;
   color:#c7ccd0;
   text-transform: none;  
   font-family: "DINProMedium", Arial, sans-serif;
   font-size: 18px;
   padding: 1px 0px 1px 0px;
   text-decoration:none;
}
.slideout-menu ul > li > ul > li a:hover {
   display:block;
   color:#e98656;
   text-transform: none;  
   font-family: "DINProMedium", Arial, sans-serif;
   font-size: 18px;
   padding: 1px 0px 1px 0px;
   text-decoration:none;
}
.slideout-menu ul > li > ul > li a.active{
  outline: 0;
   display:block;
   color:#e98656;
   text-transform: none;  
   font-family: "DINProMedium", Arial, sans-serif;
   font-size: 18px;
   padding: 2px 0px 2px 0px;
   text-decoration:none; 
}
.slideout-menu ul > li > ul > li a.active:hover {
  outline: 0;
   display:block;
   color:#e98656;
   text-transform: none;  
   font-family: "DINProMedium", Arial, sans-serif;
   font-size: 18px;
   padding: 2px 0px 2px 0px;
   text-decoration:none; 
}
.slideout-menu ul > li > ul > li a > b {
   font-weight:normal;
}
.langSite{    margin: 20px 0px 0px 0px !important; border:0px solid red !important; list-style-type: none !important;}
.langSite > li a {
   display:block !important;
   color:#c7ccd0 !important;
   text-transform: none !important;
   font-family: "DINProMedium", Arial, sans-serif !important;
   font-size: 18px !important;
   padding:2px 0px 2px 0px !important;
   text-decoration:none !important;
}
.langSite > li a:hover {
   display:block !important;
   color:#e98656 !important;
   text-transform: none !important;
   font-family: "DINProMedium", Arial, sans-serif !important;
   font-size: 18px !important;
   padding:2px 0px 2px 0px !important;
   text-decoration:none !important;
}
.langSite > li a.active {
   display:block !important;
   color:#e98656 !important;
   text-transform: none !important;
   font-family: "DINProMedium", Arial, sans-serif !important;
   font-size: 18px !important;
   padding:2px 0px 2px 0px !important;
   text-decoration:none !important;
}
@media (max-width: 480px){ /* FUCSIA */
   .slideout-menu {
       width: 256px;
   }
   .fixed-open {
     transform: translate3d(-256px, 0px, 0px);
   }
   .header-hamburger {
     width: 60px;
   }
   .btn-hamburger {
     margin-right:18px;
   }
   .menu{ padding:10px 0px 0px 0px; }   
   .slideout-menu ul { padding: 0px 0px 0px 40px; }
   .slideout-menu ul > li a { font-size: 20px; }
   .slideout-menu ul > li a:hover { font-size: 20px;}   
   .slideout-menu ul > li > ul > li a {font-size:18px;}
   .slideout-menu ul > li > ul > li a:hover { font-size:18px;}
   .langSite > li a  { font-size:14px;}
   .langSite > li a:hover { font-size:14px;}   
}
@media (min-width: 481px) and (max-width: 767px){  /* NERO */
   .slideout-menu {
       width: 256px;
   }
   .fixed-open {
     transform: translate3d(-256px, 0px, 0px);
   }
   .header-hamburger {
     width: 60px;
   }
   .btn-hamburger {
     margin-right:18px;
   }
   .menu{ padding:10px 0px 0px 0px; }   
   .slideout-menu ul { padding: 0px 0px 0px 40px; } 
   .slideout-menu ul > li a { font-size: 20px; }
   .slideout-menu ul > li a:hover { font-size: 20px;}   
   .slideout-menu ul > li > ul > li a {font-size:18px;}
   .slideout-menu ul > li > ul > li a:hover { font-size:18px;}
   .langSite > li a  { font-size:14px;}
   .langSite > li a:hover { font-size:14px;}
}
@media (min-width: 768px){
   .slideout-menu { width: 550px; border:0px solid red; } 
   .slideout-menu ul {padding: 0px 0px 0px 60px;}    
   .slideout-menu ul > li a { padding: 6px 0px 6px 0px; font-size: 22px; }
   .slideout-menu ul > li a:hover { padding: 6px 0px 6px 0px; font-size: 22px; }
   .slideout-menu ul > li a.active{ padding: 6px 0px 6px 0px; font-size: 22px; }
   .slideout-menu ul > li > ul > li a { font-size: 18px; }
   .slideout-menu ul > li > ul > li a:hover { font-size: 18px; }
   .slideout-menu ul > li > ul > li a.active { font-size: 18px; }
   .slideout-menu ul > li > ul > li a.active:hover { font-size: 18px; } 
   .langSite > li a { font-size: 18px !important; }     
   .langSite > li a:hover { font-size: 18px !important; }     
   .langSite > li a.active { font-size: 18px !important; }
   .fixed-open {
     transform: translate3d(-550px, 0px, 0px);
   }  
}
@media (min-width: 992px){
   .slideout-menu { width: 660px; border:0px solid green; } 
   .slideout-menu ul {padding: 0px 0px 0px 80px;}
   .slideout-menu ul > li a { padding: 7px 0px 7px 0px; font-size: 22px; }
   .slideout-menu ul > li a:hover { padding: 7px 0px 7px 0px; font-size: 22px; }
   .slideout-menu ul > li a.active{ padding: 7px 0px 7px 0px; font-size: 22px; }
   .slideout-menu ul > li > ul > li a { font-size: 18px; }
   .slideout-menu ul > li > ul > li a:hover { font-size: 18px; }
   .slideout-menu ul > li > ul > li a.active { font-size: 18px; }
   .slideout-menu ul > li > ul > li a.active:hover { font-size: 18px; } 
   .langSite > li a { font-size: 20px !important; }     
   .langSite > li a:hover { font-size: 20px !important; }     
   .langSite > li a.active { font-size: 20px !important; }     
   .fixed-open {
     transform: translate3d(-660px, 0px, 0px);
   }   
}
/*** CONTENUTI ***************************************************************************************************/
.conCenter{
  overflow:hidden;
  text-align:center;
  background-color:#ffffff;
  padding: 0px 40px 70px 40px;
  border:0px solid #FF00FD;
}
.contLogo{
   width:100%;
   min-height: 75px;
   text-align:left;
   background-color: #ffffff;
   padding: 15px 0px 0px 20px;
   margin:0px;
   border:0px solid green;
}
.contLogoKapia{
   width:100%;
   min-height: 75px;
   text-align:left;
   background-color: #ffffff;
   padding: 15px 0px 0px 20px;
   margin:0px;
   border:0px solid green;
}
/*** SLIDER ***************************************************************************************************/
.contSlider{
   width:100%;
   padding:0px;
   margin:0px;
   border:0px solid green;
}
.slider {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    border: 0px solid red;
}
.slick-slide {
   margin: 0px 0px;
}
.slick-slide img {
   width: 100%;
}
/* Arrows */
.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 40px;
    height: 80px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:before,
.slick-next:before{
    font-family: 'rgisite';
    font-size: 30px;
    line-height: 1;

    opacity: .55;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev{
    left: 0px !important; border:0px solid red; z-index: 1; background-color: rgba(0,0,0,0.3);
}
.slick-prev > div > a{
   text-decoration:none;
   border:2px solid red;
}
[dir='rtl'] .slick-prev{
    right: -25px;
    left: auto;
}
.slick-prev:before{
    content: "\f104";
}
[dir='rtl'] .slick-prev:before{
    content: "\f105";
}

.slick-next{ right: 0px !important; border:0px solid red; background-color: rgba(0,0,0,0.3);}
[dir='rtl'] .slick-next{
    right: auto;
    left: -25px;
}
.slick-next:before{
    content: "\f105";
}
[dir='rtl'] .slick-next:before
{
    content: "\f104";
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    background-color: rgba(0,0,0,0.3);
}
.contImgSlider{ position:relative; border: 0px solid #FF00F5;}
.contImgSlidercover{
   display:none;
   width:100%;
   border: 0px solid red;
}
.imgSlider{ display:block;}
.contVideoSlider{
   width:100%;
   border: 0px solid red;
}
.contTxtSlider{ position: absolute; width:560px; top: 0; border: 0px solid #00FFFB; margin-top:8%;}
.positionLeft{left:0; right:auto; margin-left:90px; text-align:left;}
.positionRight{left:auto; right:0; margin-right:90px; text-align:right;}
.contTxtSlider h1{
   font-family: "DINProBold", Arial, sans-serif;
   color:#ffffff;
   font-size:48px;
   margin:0px;
   text-decoration:none;
   font-weight:normal;
   padding:0px 0px 20px 0px;;
}
.contTxtSlider h2{
   font-family: "DINProRegular", Arial, sans-serif;
   color:#ffffff;
   font-size:30px; 
   font-weight:normal;     
   margin:0px;
   padding:0px 0px 0px 0px;
}
.contTxtSlider .btn-default {
  font-family: "DINProBold", Arial, sans-serif;
  color:#ffffff;
  font-size:20px;
  margin-top:70px;
  font-weight:normal;
  background-color: #e98656;
  outline:0;
  padding:20px 30px 20px 30px;
  border: 0px solid red;
  border-radius:0px;
}
.contTxtSlider .btn-default:focus,
.contTxtSlider .btn-default.focus {
  color: #ffffff;
  background-color: #e98656;
  border: 0px solid red;
}
.contTxtSlider .btn-default:hover {
  color: #ffffff;
  background-color: #e98656;
  border: 0px solid red;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
/*** DIV LANCIO *************************************************************************************************/
.contLancio{
	position:relative;
	left: 0px;
   padding:0px;
	margin-top: -150px;
	background-color:transparent;
   border:0px solid red;
}
.lancio{
   padding:0px;
   margin:0px auto 0px auto;
   border:0px solid yellow;
}
.lancioSx {
    height: 200px;
    top: 50%;
    display:table;
    position: absolute;
    text-align: left;
    background-color: #e8ecf0;
    padding: 0px 60px 0px 60px;
    margin: -100px 0px 0px 0px;
    border: 0px solid #e8ecf0;
}
.lancioSxTxt{
    display: table-cell;
    vertical-align:middle;
    border: 0px solid #00BBFF;
}
.lancioSxTxt h1{
   font-family: "DINProBold", Arial, sans-serif;    
   color:#405160;
   font-size: 48px;
   padding: 0px 0px 15px 0px;
   margin: 0px;  
}
.lancioSxTxt h2{
   font-family: "DINProMedium", Arial, sans-serif;    
   color:#667d8d;
   font-size: 24px;
   padding: 0px;
   margin: 0px;  
}
.lancioDx{
   position:relative;
   background-color: #FFFFFF;
   color: #7c868d;
   text-align: left;
   font-size: 24px;
   line-height: 32px;
   padding: 60px 80px 60px 80px;
   margin: 0px 0px 0px 50%;
   border: 2px solid #e8ecf0;
}
.lancioDx > a{
   display: block;
   font-family: "DINProBold", Arial, sans-serif;   
   color:#e98656;
   padding: 20px 0px 0px 0px;   
   text-decoration:none;
}
.lancioDx > a:hover{
   display: block;   
   font-family: "DINProBold", Arial, sans-serif;   
   color:#e98656;  
   padding: 20px 0px 0px 0px;   
   text-decoration:none;
}
.cerchio {
   position: absolute;
   top:50%;
   margin-top:-50px;
   left:-50px;
	width:100px;
   text-align:center;
	height:100px;
	border-radius:50px;
	background:#ffffff;
}
.cerchio > span {
    display: block;
    color: #264560;
    padding: 21px 0px 0px 0px;
    font-size: 50px;
}
.contServizi{
   overflow:hidden;
   margin:0px;
   padding:0px 0px 30px 0px;
   border:0px solid red !important;
}
.contServizi h1{
   width:70%;
   font-family: "DINProBold", Arial, sans-serif;
   font-size:60px;
   color:#bcc2c7;
   /*text-transform:uppercase;*/
   margin:0px auto 0px auto;
   padding:60px 0px 25px 0px;
   border:0px solid green;
}
.soluzioniCol h1 > span{
   color:#6dbbf4;
}
.digitalCol h1 > span{
   color:#e98656;
}
.serviziCol h1 > span{
   color:#7dbb50;
}
.contServizi h2{
   line-height:36px;
   font-size:30px;
   width:70%;   
   color:#9ca6af;
   margin:0px auto 0px auto;
   padding: 0px 0px 45px 0px;
   border:0px solid red;
}
.contBoxHP{
   width:100%;
   padding:0px 0px 25px 0px;
   margin: 0px;   
   border: 0px solid red;
}
.contBoxHP .slick-slide {
    margin: 0px 7px 0px 7px;
	
}
.contBoxHP .slick-dots li {
    width: 16px;
    height: 16px;
    margin: 0 2px;

}
.contBoxHP .slick-dots li button::before {
    font-family: 'rgisite';
    font-size: 16px;
    content: "\e902";
    color: #d9dcdf;
    opacity: 9.9;
    border: 0px solid red;    
}
.contBoxHP .slick-dots li.slick-active button:before {
   opacity: 9.9;
   color: #405160;
   border: 0px solid red;    
}
.boxLink{
   min-height: 430px;
   outline:0 !important;
   color:#405160;
   text-decoration:none;
   text-align:left;
   background-color: transparent;
   font-size:24px;
   line-height:32px;
   overflow:hidden;
   padding:40px 40px 40px 40px;
   margin:0px;
   border:0px solid red;
}
.boxLink h1{
   width:100%;
   min-height:90px;
   font-weight:normal;
   font-family: "DINProBold", Arial, sans-serif;    
   font-size:36px;
   color:#405160;
   line-height:38px;
   /*text-transform:uppercase;*/
   padding:0px 0px 0px 0px;
   margin:0px;
   border:0px solid red;
}
.boxLink > h1 > span{ color:#ffffff;}
.boxLink h2{
   width:100%;
   font-weight:normal;   
   font-family: "DINProBold", Arial, sans-serif; 
   font-size:16px;
   line-height:18px;
   text-transform:uppercase;
   padding:0px 0px 20px 0px;
   margin:0px;
   border:0px solid red;
}
.txtBox{
   margin:0px 0px 0px 0px;
   min-height:160px;
}
.textIco{
   font-size:80px;
   padding:30px 0px 0px 0px;
   margin:0px;
   border:0px solid red;
}

/* Soluzione */
.soluzioniCol .contBoxHP .boxLink:nth-child(odd) {
   background-color:#6dbbf4; color:#ffffff; text-decoration:none; outline:0 !important;  
}
.soluzioniCol .contBoxHP .boxLink:nth-child(even) {
   background-color:#e8ecf0; color:#405160; text-decoration:none; outline:0 !important;
}
.soluzioniCol .contBoxHP .boxLink:nth-child(odd) > h1{
   color:#ffffff;  width:100%;    
}
.soluzioniCol .contBoxHP .boxLink:nth-child(even) > h1{
    color:#405160;  width:100%;
}
.soluzioniCol .contBoxHP .boxLink:nth-child(odd) > h2{
   color:#ffffff;  width:100%; font-size: 18px;
}
.soluzioniCol .contBoxHP .boxLink:nth-child(even) > h2{
   color:#6dbbf4;  width:100%; font-size: 18px;   
}
.soluzioniCol .contBoxHP .boxLink:nth-child(odd) .textIco { color:#ffffff; }
.soluzioniCol .contBoxHP .boxLink:nth-child(even) .textIco {  color:#6dbbf4; }
.soluzioniCol .contBoxHP .boxLink:nth-child(odd) h1 > span { color:#ffffff; font-weight:normal; }
.soluzioniCol .contBoxHP .boxLink:nth-child(even) h1 > span {  color:#405160; font-weight:normal; }
/* Digital */
.digitalCol .contBoxHP .boxLink:nth-child(odd) {
    background-color:#e98656; color:#ffffff; text-decoration:none; outline:0 !important;
}
.digitalCol .contBoxHP .boxLink:nth-child(even) {
    background-color:#e8ecf0; color:#405160; text-decoration:none; outline:0 !important;
}
.digitalCol .contBoxHP .boxLink:nth-child(odd) > h1{
    color:#ffffff;  width:100%;
}
.digitalCol .contBoxHP .boxLink:nth-child(even) > h1{
   color:#405160;  width:100%;
}
.digitalCol .contBoxHP .boxLink:nth-child(odd) > h2{
    color:#ffffff;  width:100%; font-size: 18px;
}
.digitalCol .contBoxHP .boxLink:nth-child(even) > h2{
   color:#e98656;  width:100%; font-size: 18px;
}
.digitalCol .contBoxHP .boxLink:nth-child(odd) .textIco { color:#ffffff; }
.digitalCol .contBoxHP .boxLink:nth-child(even) .textIco {  color:#e98656; }
.digitalCol .contBoxHP .boxLink:nth-child(odd) h1 > span { color:#ffffff; font-weight:normal; }
.digitalCol .contBoxHP .boxLink:nth-child(even) h1 > span {  color:#405160; font-weight:normal; }

/* Servizi */
.serviziCol .contBoxHP .boxLink:nth-child(odd) {
    background-color:#7dbb50; color:#ffffff; text-decoration:none; outline:0 !important;
}
.serviziCol .contBoxHP .boxLink:nth-child(even) {
    background-color:#e8ecf0; color:#405160; text-decoration:none; outline:0 !important;
}
.serviziCol .contBoxHP .boxLink:nth-child(odd) > h1{
    color:#ffffff;  width:100%;
}
.serviziCol .contBoxHP .boxLink:nth-child(even) > h1{
   color:#405160;  width:100%;
}
.serviziCol .contBoxHP .boxLink:nth-child(odd) > h2{
    color:#ffffff;  width:100%; font-size: 18px;
}
.serviziCol .contBoxHP .boxLink:nth-child(even) > h2{
   color:#7dbb50;  width:100%; font-size: 18px;
}
.serviziCol .contBoxHP .boxLink:nth-child(odd) .textIco { color:#ffffff; }
.serviziCol .contBoxHP .boxLink:nth-child(even) .textIco {  color:#7dbb50; }
.serviziCol .contBoxHP .boxLink:nth-child(odd) h1 > span { color:#ffffff; font-weight:normal; }
.serviziCol .contBoxHP .boxLink:nth-child(even) h1 > span {  color:#405160; font-weight:normal; }

/*
   .soluzioniCol .contBoxHP .boxLink{ background-color:#e8ecf0; color:#405160; text-decoration:none; outline:0 !important;}
   .soluzioniCol .contBoxHP .boxLink:hover{ background-color:#6dbbf4; color:#ffffff; text-decoration:none; outline:0 !important;}
   .soluzioniCol .contBoxHP .boxLink > h1{ color:#405160;  width:100%;}
   .soluzioniCol .contBoxHP .boxLink:hover > h1{ color:#ffffff;}
   .soluzioniCol .contBoxHP .boxLink > h2{ color:#6dbbf4;  width:100%;  font-size: 18px;}
   .soluzioniCol .contBoxHP .boxLink:hover > h2{ color:#ffffff;}
   .soluzioniCol .contBoxHP .slick-current { background-color:#6dbbf4 !important; color:#ffffff;}
   .soluzioniCol .contBoxHP .slick-current > h1{ color:#ffffff;}
   .soluzioniCol .contBoxHP .slick-current > h2{ color:#ffffff;}
   .soluzioniCol .contBoxHP .boxLink .textIco{ color:#6dbbf4;}
   .soluzioniCol .contBoxHP .boxLink:hover .textIco{ color:#ffffff;}
   .soluzioniCol .contBoxHP .slick-current .textIco{ color:#ffffff;}
   .soluzioniCol .contBoxHP .boxLink > h1 > span{ color:#405160; font-weight:normal;}
   .soluzioniCol .contBoxHP .boxLink:hover > h1 > span{ color:#ffffff;}
   .soluzioniCol .contBoxHP .slick-current > h1 > span{ color:#ffffff;}
   
   .serviziCol .contBoxHP .boxLink{ background-color:#e8ecf0; color:#405160; text-decoration:none; outline:0 !important;}
   .serviziCol .contBoxHP .boxLink:hover{ background-color:#e98656; color:#ffffff; text-decoration:none; outline:0 !important;}
   .serviziCol .contBoxHP .boxLink > h1{ color:#405160;  width:100%;}
   .serviziCol .contBoxHP .boxLink:hover > h1{ color:#ffffff;}
   .serviziCol .contBoxHP .boxLink > h2{ color:#e98656;  width:100%; font-size: 18px;}
   .serviziCol .contBoxHP .boxLink:hover > h2{ color:#ffffff;}
   .serviziCol .contBoxHP .slick-current { background-color:#e98656 !important; color:#ffffff;}
   .serviziCol .contBoxHP .slick-current > h1{ color:#ffffff;}
   .serviziCol .contBoxHP .slick-current > h2{ color:#ffffff;}
   .serviziCol .contBoxHP .boxLink .textIco{ color:#e98656;}
   .serviziCol .contBoxHP .boxLink:hover .textIco{ color:#ffffff;}
   .serviziCol .contBoxHP .slick-current .textIco{ color:#ffffff;}
   .serviziCol .contBoxHP .boxLink > h1 > span{ color:#405160; font-weight:normal;}
   .serviziCol .contBoxHP .boxLink:hover > h1 > span{ color:#ffffff;}
   .serviziCol .contBoxHP .slick-current > h1 > span{ color:#ffffff;}
*/

@media (max-width: 480px){ /* FUCSIA */
   .contLancio{ margin-top: 0px;}
   .lancio{  width:100%;}
   .lancioSx {
       height: inherit;
       top: 0;
       display: block;
       position: relative;
       padding: 40px 40px 80px 40px;
       margin: 0px 0px 0px 0px;
   } 
   .lancioDx{
       padding: 60px 40px 60px 40px;
       margin: 0px 0px 0px 0px;
       line-height: 24px;
       font-size: 20px;       
   }
   .lancioSxTxt h1 { font-size: 36px;} 
   .lancioSxTxt h2 { font-size: 22px;}  
   .cerchio {
       top: 0;
       margin-top: -50px;
       left: 30px;
   }
}
@media (min-width: 481px) and (max-width: 767px){  /* NERO */
   /*.contVideoSlider{ height: 350px;}  */
   .contLancio{ margin-top: 0px;}
   .lancio{  width:100%;}   
   .lancioSx {
       height: inherit;
       top: 0;
       display: block;
       position: relative;
       padding: 40px 40px 80px 40px;
       margin: 0px 0px 0px 0px;
   } 
   .lancioDx{
       padding: 60px 40px 60px 40px;
       margin: 0px 0px 0px 0px;
       line-height: 24px;
       font-size: 20px;       
   }
   .lancioSxTxt h1 { font-size: 36px;} 
   .lancioSxTxt h2 { font-size: 22px;}  
   .cerchio {
       top: 0;
       margin-top: -50px;
       left: 30px;
   }   

}
@media (min-width: 768px){
   .contLancio{ margin-top: -100px;}
   .lancio{ width:90%;} 
.lancioSx {
    height: 120px;
    padding: 0px 140px 0px 40px;
    margin: -60px 0px 0px 0px;
}
   .lancioDx {
       font-size: 18px;
       line-height: 24px;
       padding: 20px 20px 20px 55px;
   }
   .lancioDx > a{ padding: 5px 0px 0px 0px;}
   .lancioDx > a:hover{ padding: 5px 0px 0px 0px;}
   .lancioSxTxt h1 {
       font-size: 36px;
       line-height: 36px;
       padding: 0px 0px 5px 0px;
   }   
   .lancioSxTxt h2 {font-size: 20px;}         
}
@media (min-width: 992px){
   .lancio{ width:90%;} 
   .lancioSx{
       height: 200px;
       padding: 0px 150px 0px 60px;
       margin: -100px 0px 0px 0px;
   } 
   .lancioDx{
       font-size: 20px;
       line-height: 28px;
       padding: 30px 40px 30px 60px;
   }
   .lancioDx > a{ padding: 20px 0px 0px 0px; }
   .lancioDx > a:hover{ padding: 20px 0px 0px 0px;}
   .lancioSxTxt h1 {
       font-size: 42px;
       padding: 0px 0px 15px 0px;
   }     
   .lancioSxTxt h2 {font-size: 24px;}
}
@media (min-width: 1024px){
   .contLancio{ margin-top: -100px;}
   .lancio{ width:90%;} 
   .lancioSx{
       height: 200px;
       padding: 0px 150px 0px 60px;
       margin: -100px 0px 0px 0px;
   } 
   .lancioSxTxt h1 {
       font-size: 42px;
       padding: 0px 0px 15px 0px;
   }      
   .lancioDx{
       font-size: 20px;
       line-height: 28px;
       padding: 30px 40px 30px 60px;
   }
}
@media (min-width: 1200px){ /* GIALLO */
   .contLancio{ margin-top: -100px;}
   .lancio{ width:90%;} 
   .lancioSx{
       height: 200px;
       padding: 0px 150px 0px 60px;
       margin: -100px 0px 0px 0px;
   }
   .lancioSxTxt h1 {
       font-size: 46px;
       padding: 0px 0px 15px 0px;
   }         
   .lancioDx{
       font-size: 24px;
       line-height: 32px;
       padding: 30px 40px 30px 60px;
   } 
}
@media (min-width: 1500px){
   .contLancio{ margin-top: -150px;}   
   .lancio{ width:80%;}
   .lancioSx {
       height: 200px;
       padding: 0px 200px 0px 60px;
       margin: -100px 0px 0px 0px;
   }
   .lancioDx{
       font-size: 24px;
       line-height: 32px;
       padding: 60px 80px 60px 80px;
   }
}

/*** COMPANY ***************************************************************************************************/
.contNumeri{
   overflow:hidden;
   margin:0px;
   padding:0px 0px 30px 0px;
}
.contNumeri h1{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:36px;
   color:#bcc2c7;
   text-transform:uppercase;
   text-align:center;
   margin:0px;
   padding:50px 0px 50px 0px;
}
.contBoxNumeri{
   width:100%;
   padding:0px 0px 25px 0px;
   margin: 0px;   
   border: 0px solid red;
}
.contBoxNumeri .slick-slide {
    margin: 0px 7px 0px 7px;
	
}
.contBoxNumeri .slick-dots li {
    width: 16px;
    height: 16px;
    margin: 0 2px;
}
.contBoxNumeri .slick-dots li button::before {
    font-family: 'rgisite';
    font-size: 16px;
    content: "\e902";
    color: #d9dcdf;
    opacity: 9.9;
    border: 0px solid red;    
}
.contBoxNumeri .slick-dots li.slick-active button:before {
   opacity: 9.9;
   color: #405160;
   border: 0px solid red;    
}
.boxNumeri{
   outline:0;
   color:#2b4358;
   text-align:left;
   background-color: transparent;
   font-size:22px;
   overflow:hidden;
   padding:0px 0px 0px 0px;
   margin:0px;
   border:0px solid red;
}
.icoNumeri{
   display: inline-block !important;
   width:100px;
   color:#6dbbf4;
   text-align:center;
   font-size:60px;
   overflow:hidden;
   float:left;
   padding:10px 0px 10px 0px;
   margin:0px;
   border-right:2px solid #aab4bc;
}
.txtNumeri{
   width: 60%;   
   text-align:left;
   display: inline-block !important;
   color:#2b4358;
   font-size:22px;
   float:left;   
   overflow:hidden;
   padding:0px 20px 10px 20px;
   margin:0px;
}
.txtNumeri h1{
   color:#2b4358; 
   text-align:left;  
   font-family: "DINProBold", Arial, sans-serif;
   font-size:36px;
   margin:0px;
   padding:8px 0px 0px 0px;
   border:0px solid #aab4bc;
}
.txtNumeri h2{
   width:100%;
   text-align:left;  
   color:#2b4358;
   font-size:22px;
   margin:0px;
   padding:0px 0px 0px 0px;
}
/*** COMPANY ***************************************************************************************************/
.contCompany{
   background-color:#ffffff;
   overflow:hidden;
   margin:0px 0px 0px 0px;
   padding:0px;
   border:0px solid red;
}
.companyTxt{
   overflow:hidden;
   margin:0px 0px 0px 0px;
   color:#5d646b;
   text-align:left;
   font-size:22px;
   line-height:30px;
   padding:0px 50px 70px 50px;
   border:0px solid green !important;
}
.companyTxt h1{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:36px;
   color:#40a8dc;
   text-transform:uppercase;
   margin:0px;
   padding:0px 0px 20px 0px;
   border:0px solid #d3dae1;
}
@media (max-width: 480px){
   .companyTxt{
      padding:0px 40px 40px 40px;
   }
}
@media (min-width: 481px) and (max-width: 767px){ 
   .companyTxt{
      padding:0px 40px 40px 40px;
   }
}
/*** MANAGEMENT ***************************************************************************************************/
.contManagement{
   background-color:#ebeff1;
   overflow:hidden;
   margin:0px 0px 0px 0px;
   padding:0px 40px 50px 40px;
   border:0px solid red;
}
.contManagement h1{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:60px;
   color:#2b4358;
   text-transform:uppercase;
   text-align:center;
   margin:0px;
   padding:60px 0px 40px 0px;
   border:0px solid #d3dae1;
}
.flexBoxManager{
  padding: 0;
  margin: 0px 0px 0px 0px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  flex-flow:row wrap;
  -webkit-flex-flow: row wrap;
   border:0px solid blue;
}
.boxManager{
  position:relative;
  background-color:#FFFFFF;
  padding: 0px;
  margin: 0px;
  color: white;
  text-align: left;
  padding-bottom:30px;
  border:20px solid #ebeff1;
}
.managertxt{
   padding:30px 25px 30px 25px;
   margin:0px 0px 0px 0px;
   border:0px solid red;
}
.managertxt h2{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:20px;
   color:#2b4358;
   text-transform:uppercase;
   margin:0px;
   padding:0px 0px 10px 0px;
   border:0px solid #d3dae1;
}
.managertxt h3{
   font-size:20px;
   color:#2b4358;
   margin:0px;
   padding:0px 0px 15px 0px;
   border:0px solid #d3dae1;
}
.managerLinkedin{
   position:absolute;
   bottom:0;
   padding:0px 25px 30px 25px;
   /*min-height:51px;*/
   margin:0px 0px 0px 0px; 
}
.managerLinkedin a{
   color: #aab4bc;
   font-size:20px;
   text-decoration:none;
}
.managerLinkedin a:hover{
   color: #aab4bc;
   font-size:20px;
   text-decoration:none;
}
@media (max-width: 480px){
   .boxManager { width:100%; border:5px solid #ebeff1;}
   .contManagement h1 {
       font-size: 35px;
       padding: 40px 0px 40px 0px;
   }    
}
@media (min-width: 481px) and (max-width: 767px){ 
   .boxManager { width:100%; border:5px solid #ebeff1;}
   .contManagement h1 {
       font-size: 35px;
       padding: 40px 0px 40px 0px;
   }    
}
@media (min-width: 768px){
   .boxManager { width:50%; border:10px solid #ebeff1;}
}
@media (min-width: 992px){
   .boxManager { width: 33.33333333%; border:10px solid #ebeff1;}
}
@media (min-width: 1024px){
   .boxManager { width: 33.33333333%; border:10px solid #ebeff1;}
}
@media (min-width: 1200px){
   .boxManager { width:25%; border:10px solid #ebeff1;}
}
@media (min-width: 1500px){
   .boxManager { width:25%; border:20px solid #ebeff1;}
}
/*** NEWS ***************************************************************************************************/
.contnews-twitter{
   overflow:hidden;
   margin:0px 0px 0px 0px;
   padding:50px 0px 0px 0px;
   border:0px solid red;
}
.contTwitter{
   overflow:hidden;
   background-color: #e8ecf0;
   margin:0px 0px 0px 0px;
   padding:20px 30px 20px 30px;
   border:0px solid red;
}
.addPaddingNews{
   padding:0px 40px 0px 0px !important;
}
.contNews{
   overflow:hidden;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   border:0px solid red;
}
.contNews h1{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:36px;
   color:#bcc2c7;
   text-transform:uppercase;
   text-align:center;
   margin:0px;
   padding:50px 0px 50px 0px;
   border-bottom:1px solid #d3dae1;
}
.contNews > a{
   overflow:hidden;
   display:block;
   text-align:left;
   font-family: "DINProBold", Arial, sans-serif;   
   font-size:20px;
   color:#5684ac;
   text-decoration:none;
   padding:30px 20px 30px 20px;
   background-color: #ffffff;
   border-bottom:1px solid #d3dae1;
}
.contNews > a:hover{
   display:block;
   text-align:left;
   font-size:20px;
   color:#5684ac;
   text-decoration:none;
   padding:30px 20px 30px 20px; 
   background-color: #f2f2f2;
   border-bottom:1px solid #d3dae1;
}
.contDataNews{ padding:0px 0px 0px 0px; }
.contDataNewsFr{ padding:0px 0px 0px 0px; }
.dataNews{
   font-family: "DINProRegular", Arial, sans-serif;   
   color:#405160;
   padding:0px 15px 0px 0px;   
}
.tipNews{
   color:#405160;   
   padding:0px 15px 0px 0px;   
}
.txtNews{
   font-family: "DINProRegular", Arial, sans-serif;
   padding:0px 15px 0px 0px;
   color:#405160;
   font-size:20px;}
.txtNewsTitolo{
   font-family: "DINProBold", Arial, sans-serif;  
   color:#5684ac;
   float:left;
}
.txtNewsTrat{
   font-family: "DINProBold", Arial, sans-serif;  
   color:#5684ac;
   float:left;
}
@media (min-width: 992px){
   .contDataNews .dataNews{ width: 100%; }
   .contDataNews .tipNews{ width: 100%; }
   .contDataNewsFr .dataNews{ width: 100%; }
   .contDataNewsFr .tipNews{ width: 100%; }
}
@media (min-width: 1108px){
   .contDataNews .dataNews{ width: 58.33333333%;}
   .contDataNews .tipNews{ width: 41.66666667%; }
}
@media (min-width: 1330px){
   .contDataNewsFr .dataNews{ width: 50%; }
   .contDataNewsFr .tipNews{ width: 50%; }
}

/*** _NEWS FILTRI ***************************************************************************************************/
.contFiltroNews{
   overflow:hidden;
   margin:0px;
   padding:0px;
   text-align:center;
   border:0px solid red;
}
.rowFiltroNews{
   overflow:hidden;
   margin:0px auto 0px auto;
   padding:0px;
   border:0px solid green;
}
.contFiltroNews .form-group {
    margin: 0px 3px 0px 3px;
    display: inline-block;
    text-align:center;
}
.contFiltroNews .form-control {
    height: auto;
    width: 270px;
    background-color: transparent;
    padding: 16px 18px 16px 18px;
    font-size: 22px;
    color: #3d5265;
    outline:0;
    text-transform:uppercase;
    border: 1px solid #b9bfc6;
    border-radius: 0px;
    margin:0px auto 0px auto;
}
@media (max-width: 480px){
   .contFiltroNews .form-group { margin: 0px 3px 10px 3px;}
}
@media (min-width: 481px) and (max-width: 767px){ 
   .contFiltroNews .form-group { margin: 0px 3px 10px 3px;}
}
/*** TEMPLATE *************************************************************************************************/
.contTemplateHTML{
   overflow:hidden;
   margin:0px 0px 30px 0px;
   padding:0px 0px 0px 0px;
   border:0px solid red;
}
.contTitTemplate{
   overflow:hidden;
   text-align:center;
   margin:0px 0px 0px 0px;
   padding:40px 0px 40px 0px;
}
.contTitTemplate h1{
   color:#405160;
   font-size:44px;
   font-family: "DINProBold", Arial, sans-serif;   
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
}
@media (max-width: 480px){
   .contTitTemplate h1{ font-size:40px; word-wrap: break-word; }
}
@media (min-width: 481px) and (max-width: 767px){ 
   .contTitTemplate h1{ font-size:40px; word-wrap: break-word; }
}
/*** solo IMG *****/
.contTempHTML-IMG{
   background-color:#244864;
}
/*** solo VIDEO *****/
.contTempHTML-VIDEO{
   background-color:#ffffff;
}
/*** solo GALLERY *****/
.contTempHTML-GALLERY{
   background-color:#ffffff;
}
/*** solo testo *****/
.contTempHTML-Testo{
   background-color:#ffffff;
   color:#9ca6af !important;
   text-align:center;
   padding: 80px 0px 80px 0px;
   margin:0px;
   border:0px;
}
.contTempHTML-Testo a{
   display: inline-block;
   font-size:20px;
   text-decoration:none;
   font-family: "DINProBold", Arial, sans-serif;   
   background-color:#e98656;
   padding:20px 70px 20px 70px;
   margin: 40px 0px 0px 0px;   
   color:#ffffff;
}
.contTempHTML-Testo a:hover{ 
   display: inline-block;
   text-decoration:none;   
   background-color:#e98656;
   margin: 40px 0px 0px 0px;   
   padding:20px 70px 20px 70px;
   color:#ffffff;
}
.contTempHTML-Testo h1{
   width: 90%;   
   font-family: "DINProBold", Arial, sans-serif;    
   font-size:60px;
   padding:0px 0px 30px 0px;
   margin:0px auto 0px auto;
}
.contTempHTML-Testo h2{  
   width: 90%;
   font-size:26px;
   line-height:36px;
   padding:0px 0px 0px 0px;
   margin:0px auto 0px auto;
}
/*** solo testo + Img *****/
.flexBoxImgTxt{
  padding: 0;
  margin: 0px 0px 0px 0px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  flex-flow:row wrap;
  -webkit-flex-flow: row wrap;
}
.boxImgTxt{
  background-color:#FFFFFF;
  padding: 40px 60px 40px 60px;
  margin: 0px;
  color:#9ca6af;
  text-align: left;
  border:0px solid green;
}
.boxImgImg{
  background-color:#FFFFFF;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  color:#9ca6af;
  text-align: left;
  border:0px solid green;
}
.boxImgTxt h1{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:40px;
   margin:0px;
   padding:0px 0px 40px 0px;
}
.boxImgTxtTesto{
   font-size:22px;
   line-height:32px;
}
.boxImgTxtTesto h2{
   font-family: "DINProMedium", Arial, sans-serif;
   font-size:26px;
   line-height:34px;   
   margin:0px;
   padding:0px 0px 30px 0px;
}
.boxImgTxtTesto a{
   display: inline-block;
   font-size:20px;
   text-decoration:none;
   font-family: "DINProMedium", Arial, sans-serif;   
   background-color:#e98656;
   margin:20px 0px 0px 0px;
   padding:20px 70px 20px 70px;
   color:#ffffff;
}
.boxImgTxtTesto > ul{  
   list-style-type: square;
   margin: 0px 0px 0px 40px;
   padding: 0px 0px 0px 0px;
}
.boxImgTxtTesto > ul > li{
   margin: 0px 0px 0px 0px;
   padding: 5px;  
}
.boxImgTxtImage {
  height:100%;
  min-height:100%;
  overflow:auto;
  text-align: center;
  padding:0px 0px 0px 0px;
  margin:0px;
  border:0px solid green;
}
.boxImgTxtImage:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em;
 }
.imgBox {
  width:100%;
  display: inline-block;
  padding: 0px 0px 0px 0px;
  border:0px solid green;
}
@media (max-width: 480px){
   .boxImgTxt { width:100%; padding: 40px 40px 40px 40px;}
   .boxImgImg { width:100%;}   
   .boxImgTxtImage {
     overflow:hidden;
   }   
}
@media (min-width: 481px) and (max-width: 767px){ 
   .boxImgTxt { width:100%; padding: 40px 40px 40px 40px;}
   .boxImgImg { width:100%;}   
   .boxImgTxtImage {
     overflow:hidden;
   }      
}
@media (min-width: 768px){
   .boxImgTxt { width: 100%;}
   .boxImgImg { width:100%;}   
   .boxImgTxtImage {
     overflow:hidden;
   }   
}
@media (min-width: 992px){
   .boxImgTxt { width: 50%;}
   .boxImgImg { width:50%;}   
   .boxImgTxtImage {
     overflow:auto;
     overflow-y:hidden;
   }   
}
@media (min-width: 1024px){
   .boxImgTxt { width: 50%;}
   .boxImgImg { width:50%;}   
   .boxImgTxtImage {
     overflow:auto;
   }      
}
@media (min-width: 1200px){
   .boxImgTxt { width:50%;}
   .boxImgImg { width:50%;}   
}
@media (min-width: 1500px){
   .boxImgTxt { width:50%;}
   .boxImgImg { width:50%;}
}
/*** slider testo + Img *****/
.flexSBoxImgTxt{
  padding: 0;
  margin: 0px 0px 0px 0px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  flex-flow:row wrap;
  -webkit-flex-flow: row wrap;
}
.boxSImgTxt{
  background-color:#FFFFFF;
  padding: 0px;
  margin: 0px;
  color:#9ca6af;
  text-align: left;
  border:0px solid green;
}
.boxSliderTxt{
  padding: 40px 80px 40px 80px;
  margin: 0px;
  color:#9ca6af;
  text-align: left;
  border:0px solid green;
}
.boxSliderTxt h1{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:40px;
   margin:0px;
   padding:0px 0px 40px 0px;
}
.boxSImgTxtTesto{
   font-size:22px;
   line-height:32px;
}
.boxSImgTxtTesto h2{
   font-family: "DINProMedium", Arial, sans-serif;
   font-size:26px;
   line-height:34px;   
   margin:0px;
   padding:0px 0px 30px 0px;
}
.boxSImgTxtTesto a{
   display: inline-block;
   font-size:20px;
   text-decoration:none;
   font-family: "DINProMedium", Arial, sans-serif;   
   background-color:#e98656;
   margin:20px 0px 0px 0px;
   padding:20px 70px 20px 70px;
   color:#ffffff;
}
.boxSImgTxtTesto > ul{  
   list-style-type: square;
   margin: 0px 0px 0px 40px;
   padding: 0px 0px 0px 0px;
}
.boxSImgTxtTesto > ul > li{
   margin: 0px 0px 0px 0px;
   padding: 5px;  
}
.boxSImgTxtImage {
  height:100%;
  min-height:100%;
  overflow:auto;
  text-align: center;
  padding:0px 0px 0px 0px;
  margin:0px;
  border:0px solid green;
}
.boxSImgTxtImage:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em;
 }
.imgBox {
  display: inline-block;
  padding: 0px 0px 0px 0px;
  border:0px solid green;
}
@media (max-width: 480px){
   .boxSImgTxt { width:100%; padding: 0px 0px 0px 0px;}
   .boxSliderTxt { padding: 40px 40px 40px 40px; }
   .boxSImgTxtTesto{
       font-size: 18px;
       line-height: 28px;
   }
   .boxSliderTxt h1 {
       font-size: 26px;
       padding: 0px 0px 20px 0px;
   }
}
@media (min-width: 481px) and (max-width: 767px){ 
   .boxSImgTxt { width:100%; padding: 0px 0px 0px 0px;}
   .boxSliderTxt { padding: 40px 40px 40px 40px; }
   .boxSImgTxtTesto{
       font-size: 18px;
       line-height: 28px;
   }
   .boxSliderTxt h1 {
       font-size: 26px;
       padding: 0px 0px 20px 0px;
   }
}
@media (min-width: 768px){
   .boxSImgTxt { width: 100%;}
}
@media (min-width: 992px){
   .boxSImgTxt { width: 50%;}
}
@media (min-width: 1024px){
   .boxSImgTxt { width: 50%;}
}
@media (min-width: 1200px){
   .boxSImgTxt { width:50%;}
}
@media (min-width: 1500px){
   .boxSImgTxt { width:50%;}
}
/*** Elenco Box 3 in 3 *****/
.flexBoxList{
  padding: 0;
  margin: 0px 0px 0px 0px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  flex-flow:row wrap;
  -webkit-flex-flow: row wrap;
}
.boxBoxList{
  background-color:#f6f7f9;
  padding: 30px 60px 60px 60px;
  margin: 0px;
  text-align: left;
  border:2px solid #ffffff;
} 
.boxListTxt{
  margin: 0px;
  color:#77828b;
  font-size:20px;  
  line-height:30px;  
  text-align: left;
  border:0px solid green;
}
.boxListTxt h1{
   font-family: "DINProMedium", Arial, sans-serif;
   font-size:30px;
   margin:0px;
   padding:30px 0px 40px 0px;
}
.boxListTxt > ul{
   list-style-type: square;
   margin: 0px 0px 0px 40px;
   padding: 0px 0px 0px 0px;
}
.boxListTxt > ul > li{
   counter-increment:none !important; 
   margin: 0px 0px 0px 0px;
   padding: 5px;  
}
.flexBoxList,
.flexBoxList ul {
	counter-reset: listitem;
}

.flexBoxList li:before {
    counter-increment: listitem;
    content: counters(listitem, ".")"";
}

.flexBoxList > li::before {
	content: "0" counter(listitem)".";
   font-family: "DINProBold", Arial, sans-serif;
   font-size:100px;
   padding:0px;
   text-transform:uppercase;
}

.boxListTxt > ul{
	counter-reset: none !important;
}
.boxListTxt li:before {
    counter-increment:  none !important;
    content: "";
}
.boxListTxt > li::before {
   content: "";
   font-family: "DINProBold", Arial, sans-serif;
   font-size:0px;
   padding:0px;
   text-transform:uppercase;
}

@media (max-width: 480px){
   .boxBoxList { width:100%;}
   .boxBoxList{ padding: 30px 40px 40px 40px; } 
   .boxListTxt h1 {
       font-size: 26px;
       padding: 30px 0px 20px 0px;
   }   
   .flexBoxList > li::before {
      content: "0" counter(listitem)".";
      font-family: "DINProBold", Arial, sans-serif;
      font-size:80px;
      padding:0px;
      text-transform:uppercase;
   }   
}
@media (min-width: 481px) and (max-width: 767px){ 
   .boxBoxList { width:100%;}
   .boxBoxList{ padding: 30px 40px 40px 40px; }  
   .boxListTxt h1 {
       font-size: 26px;
       padding: 30px 0px 20px 0px;
   }      
   .flexBoxList > li::before {
      content: "0" counter(listitem)".";
      font-family: "DINProBold", Arial, sans-serif;
      font-size:80px;
      padding:0px;
      text-transform:uppercase;
   }      
}
@media (min-width: 768px){
   .boxBoxList { width: 50%;}
}
@media (min-width: 992px){
   .boxBoxList { width: 33.33333333%; }
}
@media (min-width: 1024px){
   .boxBoxList { width: 33.33333333%; }
}
@media (min-width: 1200px){
   .boxBoxList { width: 33.33333333%; }
}
@media (min-width: 1500px){
   .boxBoxList { width: 33.33333333%; }
}
/*** Elenco Box/Icone *****/
.flexBoxIcoList{
  padding: 0;
  margin: 0px 0px 0px 0px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  flex-flow:row wrap;
  -webkit-flex-flow: row wrap;
}
.boxBoxIcoList{
  background-color:#f8f8f9;
  padding: 0px;
  margin: 0px;
  text-align: left;
  border:2px solid #ffffff;
} 
.boxBordoTop{
  height:30px;
  position:relative;
  background-color:#5d6061;
  padding: 0px;
  margin: 0px;
  border:0px solid #ffffff;
} 
.frBordoTop{
   position:absolute;
   bottom: -20px;
   left:50%;
   width: 0; 
   height: 0; 
   margin: 0px 0px 0px -30px;
   line-height: 0px;
   border-top: 30px solid #5d6061;
   border-left: 30px solid transparent; 
   border-right: 30px solid transparent;
}
.boxIcoListIco{
  width:100%;
  height:250px;
  display:table;
  color:#5d6061;
  margin: 0px;
  font-size:120px;   
  text-align: center;
  border:0px solid green;
}
.boxIcoListIco span{
  display: table-cell;
  vertical-align:middle;
}
.boxIcoListTxt{
  margin: 0px;
  padding: 0px 50px 50px 50px;  
  color:#405160;
  font-size:20px;  
  line-height:30px;  
  text-align: left;
  border:0px solid green;
}
.boxIcoListTxt h1{
   font-family: "DINProMedium", Arial, sans-serif;
   font-size:30px;
   color:#53677b;
   text-transform:uppercase;
   margin:0px;
   padding:10px 0px 40px 0px;
}
.boxIcoListTxt > ul{  
   list-style-type: square;
   margin: 0px 0px 0px 40px;
   padding: 0px 0px 0px 0px;
}
.boxIcoListTxt > ul > li{
   margin: 0px 0px 0px 0px;
   padding: 5px;  
}
.boxIcoListTxt a{
  display:block;
  margin: 30px 0px 0px 0px;
  font-family: "DINProBold", Arial, sans-serif;  
  padding: 0px 10px 0px 0px;  
  color:#5d6061;
  font-size:20px;
  outline:0;
  text-decoration:none; 
  text-align: left;
  /*background-color:#5d6061;*/
}
.boxIcoListTxt a:hover{
  display:block;
  outline:0;
  text-decoration:none; 
}
@media (max-width: 480px){
   .boxBoxIcoList { width:100%;}
   .boxIcoListIco {
       height: 190px;
       font-size: 80px;
   }
   .boxIcoListTxt {
       padding: 0px 20px 40px 20px;
       font-size: 18px;
       line-height: 28px;
   } 
   .boxIcoListTxt h1 {
       font-size: 26px;
       padding:10px 0px 20px 0px;
   }  
}
@media (min-width: 481px) and (max-width: 767px){ 
   .boxBoxIcoList { width:100%;}
   .boxIcoListIco {
       height: 190px;
       font-size: 80px;
   }
   .boxIcoListTxt {
       padding: 0px 20px 40px 20px;
       font-size: 18px;
       line-height: 28px;
   } 
   .boxIcoListTxt h1 {
       font-size: 26px;
       padding:10px 0px 20px 0px;
   }      
}
@media (min-width: 768px){
   .boxBoxIcoList { width: 50%;}
   .boxIcoListIco {
       height: 220px;
       font-size: 100px;
   }   
}
@media (min-width: 992px){
   .boxBoxIcoList { width: 33.33333333%; }
   .boxIcoListIco {
       height: 250px;
       font-size: 120px;
   }      
}
@media (min-width: 1024px){
   .boxBoxIcoList { width: 33.33333333%; }
}
@media (min-width: 1200px){
   .boxBoxIcoList { width: 33.33333333%; }
}
@media (min-width: 1500px){
   .boxBoxIcoList { width: 33.33333333%; }
}
/*** Elenco Box/Icone e txt orizzontale *****/
.flexBoxIcoTxtList{
  padding: 0;
  margin: 0px 0px 0px 0px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  flex-flow:row wrap;
  -webkit-flex-flow: row wrap;
}
.boxBoxIcoTxtList{
  background-color:#ffffff;
  padding: 50px 0px 50px 0px;
  margin: 0px;
  text-align: left;
} 
.boxIcoIco{
  margin: 0px;
  padding: 0px 10px 0px 20px; 
  color:#559fd6;
  font-size:70px;
  text-align: center;
}
.boxIcoTxt{
  margin: 0px;
  padding: 0px 40px 0px 20px;  
  color:#2b4358;
  font-size:18px;  
  line-height:26px;  
  text-align: left;
}
.boxIcoTxt h1{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:20px;
   color:#2b4358;
   text-transform:uppercase;
   margin:0px;
   padding:10px 0px 25px 0px;
}
@media (max-width: 480px){
   .boxBoxIcoTxtList { width:100%;}
}
@media (min-width: 481px) and (max-width: 767px){ 
   .boxBoxIcoTxtList { width:100%;}
}
@media (min-width: 768px){
   .boxBoxIcoTxtList { width: 50%;}
}
@media (min-width: 992px){
   .boxBoxIcoTxtList { width: 33.33333333%; }
}
@media (min-width: 1024px){
   .boxBoxIcoTxtList { width: 33.33333333%; }
}
@media (min-width: 1200px){
   .boxBoxIcoTxtList { width: 33.33333333%; }
}
@media (min-width: 1500px){
   .boxBoxIcoTxtList { width: 33.33333333%; }
}
/*** Elenco carousel Box/Icone *****/
.addBottom{ margin: 0px 0px 50px 0px;}
.contBoxCarousel{
   width:100%;
   padding:0px 0px 0px 0px;
   margin: 0px auto 0px auto;   
}
.contBoxCarousel .slick-slide {
    margin: 0px 7px 0px 7px;
	
}
.contBoxCarousel.slick-dotted.slick-slider{
    margin-bottom: 50px;
}
.contBoxCarousel .slick-dots {
    bottom: -50px;
}
.contBoxCarousel .slick-dots li {
    width: 16px;
    height: 16px;
    margin: 0 2px;
}
.contBoxCarousel .slick-dots li button::before {
    font-family: 'rgisite';
    font-size: 16px;
    content: "\e902";
    color: #d9dcdf;
    opacity: 9.9;
    border: 0px solid red;    
}
.contBoxCarousel .slick-dots li.slick-active button:before {
   opacity: 9.9;
   color: #405160;
   border: 0px solid red;    
}
.boxItemCarousel{
   outline:0;
   color:#2b4358;
   text-align:left;
   background-color: transparent;
   font-size:22px;
   overflow:hidden;
   padding:0px 0px 0px 0px;
   margin:0px;
}
.icoBoxCarousel{
  margin: 0px;
  padding: 0px 10px 10px 0px; 
  color:#559fd6;
  font-size:70px;
  text-align: center;
  border-right:2px solid #aab4bc;
}
.txtBoxCarousel{
   text-align:left;
   color:#2b4358;
   line-height:30px;
   font-size:22px;
   overflow:hidden;
   padding:0px 20px 10px 30px;
   margin:0px;
}
.txtBoxCarousel h1{
   color:#2b4358; 
   text-align:left;  
   font-family: "DINProBold", Arial, sans-serif;
   font-size:26px;
   margin:0px;
   padding:0px 0px 20px 0px;
   border:0px solid #aab4bc;
}
/*** Elenco Slider Txt/Icone *****/
.contSliderImgTxt{
   width:100%;
   padding:0px 0px 0px 0px;
   margin: 0px auto 0px auto;   
}
.contSliderImgTxt .slick-slide {
    margin: 0px 0px 0px px;
}
.contSliderImgTxt .slick-prev, .contSliderImgTxt .slick-next {
    height: 70px;
}
.contSliderImgTxt .slick-prev:before, .contSliderImgTxt .slick-next:before {
    font-size: 50px;
    opacity: .75;
}
.contSliderImgTxt.slick-dotted.slick-slider{
    margin-bottom: 50px;
}
.contSliderImgTxt .slick-dots {
    bottom: -50px;
}
.contSliderImgTxt .slick-dots li {
    width: 16px;
    height: 16px;
    margin: 0 2px;
}
.contSliderImgTxt .slick-dots li button::before {
    font-family: 'rgisite';
    font-size: 16px;
    content: "\e902";
    color: #d9dcdf;
    opacity: 9.9;
    border: 0px solid red;    
}
.contSliderImgTxt .slick-dots li.slick-active button:before {
   opacity: 9.9;
   color: #405160;
   border: 0px solid red;    
}
.itemSliderImgTxt{
   outline:0;
   color:#2b4358;
   text-align:left;
   background-color: transparent;
   font-size:22px;
   overflow:hidden;
   padding:0px 0px 0px 0px;
   margin:0px;
}
.icoBoxCarousel{
  margin: 0px;
  padding: 0px 10px 10px 0px; 
  color:#559fd6;
  font-size:70px;
  text-align: center;
  border-right:2px solid #aab4bc;
}
.txtBoxCarousel{
   text-align:left;
   color:#2b4358;
   font-size: 18px;
    line-height: 26px;
   overflow:hidden;
   padding:0px 20px 10px 30px;
   margin:0px;
}
.txtBoxCarousel h1{
   color:#2b4358; 
   text-align:left;  
   font-family: "DINProBold", Arial, sans-serif;
   font-size:20px;
   margin:0px;
   padding:0px 0px 20px 0px;
   border:0px solid #aab4bc;
}
.contSliderImgTxt .slick-prev {
    background-color: transparent;
}
.contSliderImgTxt .slick-next {
    background-color: transparent;
}
.contSliderImgTxt .slick-prev:before {
    content: "\e90b" !important;
}
.contSliderImgTxt .slick-next:before {
    content: "\e90c" !important;
}
/*** SEZIONE NEWS *************************************************************************************************/
.bandoneNews{
   overflow:hidden;
   background-color:#ebeff1;
   color:#3d5265;
   margin:0px 0px 45px 0px;
   padding:70px 50px 70px 50px;
}
.bandoneNews h1{
   width: 70%;
   font-size:60px;
   padding:0px 0px 0px 0px;
   margin:0px auto 0px auto;
   text-transform:uppercase;
}
.contBoxNews{
   width: 100%;
   text-align:left;
   padding:0px;
   margin:0px -14px 0px 0px;
   border: 0px solid blue;
}
#load-more{
  display: block;
  border:0px solid red;
  margin:30px auto 30px auto;
  font-family: "DINProBold", Arial, sans-serif;     
  color:#ffffff;
  outline:0;
  background-color:#e98656;
  text-decoration:none;
  text-transform:uppercase;
  font-size:16px;
  padding: 20px 70px 20px 70px;
}
#load-more:hover{
  text-decoration:none;
}
.hidden{visibility:hidden;
  width:0px!important;
  height:0px!important;
  margin:0px!important;
  padding:0px!important;
  }
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* ---- isotope ---- */
.isotope {
  border: 0px solid #FF00FD;
}
/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */
.element-item {
   width: 25%;
   overflow:hidden;
   padding:0px 7px 0px 7px;   
   float: left;
   text-decoration:none;
   position: relative;
   border: 0px solid green
}
.element-item:hover,
.element-item:focus{
   text-decoration:none;
}
.box_news-sizer {width: 25%; }

.news_data{
   font-family: "DINProBold", Arial, sans-serif;     
   color:#479cd9;
   font-size:16px;
   padding:30px 20px 30px 20px;
   margin:0px;
   border:0px solid red;
}
.txt_box_news{
   padding:0px 20px 30px 20px;
   margin:0px;
   font-size:22px;
   color:#405160;
}
.txt_box_news h2{
   font-family: "DINProMedium", Arial, sans-serif;   
   font-size:36px;
   color:#3d5265;
   line-height:40px;
   padding:0px 0px 20px 0px;
   margin:0px;
   border:0px solid red;
}
/*** EVENTI DETTAGLIO ***/
.boxVideoList{
   overflow:hidden;
   color:#2b4358;
   background-color:#ebeff1;
   margin:0px 0px 45px 0px;
   padding:60px 50px 40px 50px;
}
.newsDettTxt{
   text-align:left; 
   color: #6f7c8e;
   font-size:22px;
   line-height:35px;   
   padding:50px 30px 0px 30px;
   margin:0px;
}
.newsDettTxt h1{  
   width: 100%;
   font-size:30px;
   line-height:45px;
   padding:0px 0px 30px 0px;
   margin:0px;
}
/*** MULTIMEDIA *****/
.flexVideoList{
  padding: 0;
  margin: 0px 0px 0px 0px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  flex-flow:row wrap;
  -webkit-flex-flow: row wrap;
}
.boxVideoList{
  background-color:#ffffff;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  text-align: left;
  border:7px solid #ffffff;
} 
.boxVideoTxt{
  margin: 0px;
  color:#479cd9;
  font-size:16px;  
  text-align: left;
  border:0px solid green;
}
.boxVideoTxt a{
   text-decoration:none;
}
.boxVideoTxt a:hover{
   text-decoration:none;
}
.boxVideoTxt h1{
   font-family: "DINProMedium", Arial, sans-serif;
   font-size:36px;
   color:#3d5265;
   margin:0px;
   padding:0px 20px 50px 0px;
}
.boxVideoTxt h2{
   font-family: "DINProBold", Arial, sans-serif;
   color:#479cd9;
   font-size:16px; 
   margin:0px;
   padding:20px 0px 20px 0px;
}
@media (max-width: 480px){
   .boxVideoList { width:100%;}  
}
@media (min-width: 481px) and (max-width: 767px){ 
   .boxVideoList { width:100%;}     
}
@media (min-width: 768px){
   .boxVideoList { width: 50%;}
}
@media (min-width: 992px){
   .boxVideoList { width: 33.33333333%; }
}
@media (min-width: 1024px){
   .boxVideoList { width: 33.33333333%; }
}
@media (min-width: 1200px){
   .boxVideoList { width: 33.33333333%; }
}
@media (min-width: 1500px){
   .boxVideoList { width: 33.33333333%; }
}
.txtSliderVideo{
   text-align:left;
   padding:0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   border:0px solid red;   
}
.txtSliderVideo h2{
   font-family: "DINProMedium", Arial, sans-serif;
   font-size: 30px;   
   color:#435667;
   padding:0px 0px 30px 0px;
   margin:0px 0px 0px 0px;
   border:0px solid red; 
}
.contSliderVideo{
   width:100%;
   padding:0px 0px 20px 0px;
   margin: 0px auto 0px auto;   
}
.contSliderVideo .slick-slide {
    margin: 0px 7px 0px 7px;
}
.contSliderVideo.slick-dotted.slick-slider{
    margin-bottom: 50px;
}
.contSliderVideo .slick-dots {
    bottom: -50px;
}
.contSliderVideo .slick-dots li {
    width: 16px;
    height: 16px;
    margin: 0 2px;
}
.contSliderVideo .slick-dots li button::before {
    font-family: 'rgisite';
    font-size: 16px;
    content: "\e902";
    color: #d9dcdf;
    opacity: 9.9;
    border: 0px solid red;    
}
.contSliderVideo .slick-dots li.slick-active button:before {
   opacity: 9.9;
   color: #405160;
   border: 0px solid red;    
}
.itemSliderVideo{
   outline:0 !important;
   color:#ffffff;
   text-align:left;
   background-color: transparent;
   overflow:hidden;
   padding:0px 0px 0px 0px;
   margin:0px;
   border:0px solid red;
}
/*** SEZIONE INIZIATIVE SOCIALI *************************************************************************************************/
.flexContIniziative{
  padding: 0;
  margin: 0px 0px 0px 0px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  flex-flow:row wrap;
  -webkit-flex-flow: row wrap;
}
.boxIniziativeList{
  background-color:#f6f7f9;
  padding: 0px;
  margin: 0px;
  text-align: left;
  border:4px solid #ffffff;
} 
.iniziativeListTxt{
  margin: 0px;
  padding: 40px;
  color:#405160;
  font-size:22px;  
  line-height:32px;  
  text-align: left;
  border-bottom:0px solid #b9bfc6;
  border-left:0px solid #b9bfc6;
  border-right:0px solid #b9bfc6;
}
.iniziativeListTxt h1{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:36px;
   color: #479cd9;
   margin:0px;
   padding:0px 0px 40px 0px;
}
@media (max-width: 480px){
   .boxIniziativeList { width:100%;}
}
@media (min-width: 481px) and (max-width: 767px){ 
   .boxIniziativeList { width:100%;}
}

.bandoneNewsDett{ background-color:#ebeff1; color:#2b4358 !important;}
.bandoneNewsDett h1{
   color:#2b4358 !important;
   padding:0px 0px 20px 0px;
}
.bandoneNewsDett h2{
   color:#479cd9;
   font-family: "DINProBold", Arial, sans-serif;
   font-size:40px; 
   padding:0px 0px 20px 0px;  
}
/*** SEZIONE PARTNER *************************************************************************************************/
.rgiPartners{
   background-color:#264560;
   border: 1px solid #264560;
}

.elencoPartners{
   padding:0px 7px 14px 7px;
}
.boxPartners{
    display: block;
    height: 460px;
    text-align: left;
    padding: 0px;
    outline:0;
    margin: 0px;
    color: #ffffff;
    border: 1px solid #b9bfc6;    
}
.boxPartners:hover, .boxPartners:focus{
   background-color: #ffffff;
   text-decoration:none;
}
.conImgPartners {
    height: 220px;
    background-color:#ffffff;
    width: 100%;
    display: table;
    text-align: center;
    border-bottom: 1px solid #b9bfc6;
}
.imgPartners{
   display:table-cell;
   vertical-align:middle;
}
.contTxtPartners{   
   height: 238px;
   padding:0px;
   font-size:22px;
   line-height:32px;
   display: table;   
   margin:0px;
   color:#405160;
}
.txtPartners{   
   display:table-cell;
   vertical-align: top;
   padding: 20px 30px 0px 30px;
}
.titPartners{
   width:100%;  
   height: 80px;
   padding:0px;
   display: table;   
   margin:0px;
   border:0px solid red;
}
.titPartners h1{
   font-family: "DINProBold", Arial, sans-serif;
   font-size: 36px;
   line-height:32px;
   display:table-cell;
   vertical-align: middle;      
   color:#479cd9;
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px;
   border:0px solid red;
}
.contPop {
    background: #FFF;
    padding: 0px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
}
.popTxt {
    padding: 40px;
    text-align: center;
    font-size:22px;
    color:#405160;
    line-height:32px;
}
.txtbody {
    padding: 20px 0px 0px 0px;
    text-align: left;
}
.txtbodyJob {
    padding: 20px 0px 0px 0px;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
}
.txtbodyJob h1{
   font-family: "DINProBold", Arial, sans-serif;
   font-size: 36px;
   color:#479cd9;
   padding:0px 0px 30px 0px;
   margin:0px 0px 0px 0px;
   border:0px solid red;  
}
.txtbodyJob ul{  
   list-style-type: square;
   margin: 0px 0px 0px 40px;
   padding: 0px 0px 0px 0px;
}
.txtbodyJob  ul  li{
   margin: 0px 0px 10px 0px;
   padding: 5px;  
}
.contPop > a {
    width: 100%;
    font-family: "DINProBold", Arial, sans-serif;
    font-size: 26px;
    border-radius: 0px;
    color: #ffffff;
    text-align: center;
    outline:0;
    text-transform: uppercase;
    background-color: #e98656;
    text-decoration: none;
    display: block;
    padding: 20px 0px 20px 0px;
}
.contPop > a:hover {
    width: 100%;
    font-family: "DINProBold", Arial, sans-serif;
    font-size: 26px;
    border-radius: 0px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    background-color: #e98656;
    text-decoration: none;
    display: block;
    padding: 20px 0px 20px 0px;
}
button.mfp-close, button.mfp-arrow {
   display: none !important;
}
.mfp-close-btn-in .mfp-close {
   display: none !important;
}
@media (max-width: 480px){
   .contTxtPartners{
      font-size:18px;
      line-height:28px;
   }
   .txtPartners{   
      padding: 20px 30px 0px 30px;
   }
   .popTxt {
       font-size: 18px;
       line-height: 30px;
   }    
}
@media (min-width: 481px) and (max-width: 767px){ 
   .contTxtPartners{
      font-size:18px;
      line-height:28px;
   }
   .txtPartners{   
      padding: 20px 30px 0px 30px;
   }
   .popTxt {
       font-size: 18px;
       line-height: 30px;
   }   
}
@media (min-width: 768px){
   .contTxtPartners{
      font-size:18px;
      line-height:28px;
   }
   .txtPartners{   
      padding: 15px 20px 0px 20px;
   }    
}
@media (min-width: 992px){
   .contTxtPartners{
      font-size: 16px;
      line-height: 24px;
   }
   .txtPartners{   
      padding: 15px 20px 0px 20px;
   }
}
@media (min-width: 1024px){
   .contTxtPartners{
      font-size: 16px;
      line-height: 24px;
   }
   .txtPartners{   
      padding: 15px 20px 0px 20px;
   }
}
@media (min-width: 1200px){
   .contTxtPartners{
      font-size:18px;
      line-height:28px;
   }
   .txtPartners{   
      padding: 20px 30px 0px 30px;
   }
}
@media (min-width: 1500px){
   .contTxtPartners{   
      height: 210px;
      padding:0px;
      font-size:22px;
      line-height:32px;
      display: table;   
      margin:0px;
      color:#405160;
   }
}
/*
.modal-content {
    background-color: #fff;
    border: 0px solid #999;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 0px;
}
.modal-body {
    padding: 40px;
    text-align: center;
    font-size:22px;
    color:#405160;
    line-height:32px;
}
.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}
.modal {
    z-index: 1 !important;
}
.modal-backdrop {
    z-index: 1160 !important;
}
.txtbody {
    padding: 20px 0px 0px 0px;
    text-align: left;
}
.modal-footer {
    padding: 0px;
    text-align: center;
    border-top: 0px solid #e5e5e5;
}
.btnClose {
   font-family: "DINProBold", Arial, sans-serif;    
   font-size:26px;   
   border-radius: 0px;
   color: #ffffff;
   text-transform:uppercase;
   background-color: #e98656;
   border-color: #ccc;
   width: 100%;
   padding:20px 0px 20px 0px;
   border: 0px solid transparent;
}*/
/*** SEZIONE EVENTI *************************************************************************************************/
.contBoxEventi{
   background-color:#ffffff;
   color:#3d5265;
   text-align:left;
   padding:0px 0px 0px 0px;
   margin:0px -7px 0px -7px;
   border: 0px solid red;
}
.elencoEventi{
   padding:0px 7px 14px 7px;
   border: 0px solid green;
}
.boxCatEventi{
   display:block;
   height:460px;  
   text-align:left;
   padding:85px 57px 0px 57px;
   margin:0px;
   color:#ffffff;   
   border:0px;
}
.rgiNext{
   background-color:#479cd9;
   border: 1px solid #479cd9;
}
.rgiNextBox{
   color:#479cd9 !important;
}
.rgiVertical{
   background-color:#5db429;
   border: 1px solid #5db429;
}
.rgiVerticalBox{
   color:#5db429 !important;
}
.rgiSponsorship{
   background-color:#e98656;
   border: 1px solid #e98656;
}
.rgiSponsorshipBox{
   color:#e98656 !important;
}
.boxCatEventi h1{  
   font-family: "DINProBold", Arial, sans-serif;    
   font-size:50px;
   padding:0px 0px 0px 0px;
   margin:0px;
   text-transform:uppercase;
}
.paddingFR{padding:85px 57px 0px 57px;}
.fontFR{font-size:50px !important;}
.boxEventi{
   height:460px;
   font-size:22px;
   line-height:32px;
   padding:48px 54px 48px 54px;
   display:block;
   text-decoration:none;
   background-color:#ffffff;
   color:#405160;
   text-align:left;
   margin:0px;
   border:0px;
   border: 1px solid #b9bfc6;
}
.boxEventi:hover, .boxEventi:focus{
   background-color: #f2f2f2;
   text-decoration:none;
}
.boxEventi h1{  
   font-family: "DINProBold", Arial, sans-serif;    
   font-size:36px;
   padding:0px 0px 20px 0px;
   margin:0px;
   text-transform:uppercase;
}
.boxEventi h2{  
   font-family: "DINProBold", Arial, sans-serif;    
   font-size:16px;
   padding:0px 0px 25px 0px;
   margin:0px;
   text-transform:uppercase;
}
.boxEventi h3{  
   font-family: "DINProBold", Arial, sans-serif;    
   font-size:16px;
   padding:0px 0px 10px 0px;
   margin:0px;
   text-transform:uppercase;
}
.boxEventi h4{  
   font-family: "DINProLight", Arial, sans-serif;    
   font-size:16px;
   padding:0px 0px 50px 0px;
   margin:0px;
}
/*** EVENTI DETTAGLIO ***/
.bandoneEventiDett{
   overflow:hidden;
   color:#ffffff;
   margin:0px 0px 45px 0px;
   padding:66px 50px 66px 50px;
}
.rgiNextDett{
   background-color:#479cd9;
   color:#ffffff !important;
}
.rgiverticalEventDett{
   background-color:#5db429;
   color:#ffffff !important;
}
.rgiSponsorshipDett{
   background-color:#e98656;
   color:#ffffff !important;
}
.bandoneEventiDett h1{  
   width: 100%;
   font-family: "DINProBold", Arial, sans-serif;    
   font-size:60px;
   padding:0px 0px 25px 0px;
   margin:0px;
   text-transform:uppercase;
}
.bandoneEventiDett h2{
   width: 100%;
   font-family: "DINProLight", Arial, sans-serif;    
   font-size:60px;
   padding:0px 0px 50px 0px;
   margin:0px;
   text-transform:uppercase;
}
.bandoneEventiDett h3{  
   width: 100%;
   font-family: "DINProBold", Arial, sans-serif;    
   font-size:30px;
   padding:0px 0px 15px 0px;
   margin:0px;
}
.bandoneEventiDett h4{  
   width: 100%;   
   font-size:24px;
   padding:0px 0px 70px 0px;
   margin:0px;
}
.bandoneEventiDett a{  
   display:block;  
   font-size:30px;
   color:#ffffff;
   background-color: transparent;
   text-decoration:none;
   margin:0px;
   padding:0px;
}
.bandoneEventiDett a:hover,.bandoneEventiDett a:focus{  
   display:block;  
   font-size:30px;
   color:#ffffff;
   padding:0px;
   background-color: transparent;
   text-decoration:none;
   margin:0px;
}
.colonna_page {
   width: 100%;
   color: #6f7c8e;
   font-size:22px;
   line-height:28px;
   text-align:left;
   padding:60px 30px 60px 30px;
   -webkit-column-width: 50%;
   -webkit-column-gap: 25px;
   -moz-column-width: 50%;
   -moz-column-gap: 25px;
   column-width: 50%;
   column-gap: 25px;
   -moz-column-count: 2; /*Firefox*/
   -moz-column-gap: 40px;
   -webkit-column-count: 2; /*Safari e Chrome*/
   -webkit-column-gap: 40px;
   column-count: 2; /*Opera e IE 10+*/
   column-gap: 130px;
}
.colonna_page h1{
   font-family: "DINProBold", Arial, sans-serif;      
   color: #479cd9;
   font-size:36px;
   line-height:40px;
   padding:0px 0px 45px 0px;
   margin:0px;
   border:0px;
}
.colonna_page h2{
   font-size:30px;
   line-height:40px;
   padding:0px 0px 20px 0px;
   margin:0px;
   border:0px;
}
.linkAncor{  
   display:block;  
   font-size:30px;
   color:#479cd9;
   background-color: transparent;
   text-decoration:none;
   margin:0px;
   padding:0px;
}
.linkAncor:hover,.linkAncor:focus{  
   display:block;  
   font-size:30px;
   color:#479cd9;
   padding:0px;
   background-color: transparent;
   text-decoration:none;
   margin:0px;
}
.linkAncor > span{
   text-decoration:none;
}
.contMultiEventi h1{
   font-family: "DINProBold", Arial, sans-serif;      
   color: #405160;
   font-size:48px;
   text-transform:uppercase;
   padding:60px 0px 30px 0px;
   margin:0px;
   border:0px;
}
.contVideoEvento{
   width:100%;
   padding:0px 0px 50px 0px;
}
.contGallery{ border:0px solid red; width: 100%;}
.gallEventi{
   overflow:hidden;
   margin: 0px;
   padding: 0px;   
   float: left;
   text-decoration:none;
   position: relative;
   border:0px solid red;
   color: #6e7b8a;
}
.gallEventi:hover,.gallEventi:focus{
   text-decoration:none;
}

#iso-container {
  margin: 0 auto 0 auto;
  border:0px solid red;
}
#iso-content{float:left; width:100%; margin: 0px;}
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
  margin: 0px;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}
@media (max-width: 480px){
   .boxCatEventi{ height: 300px; padding:85px 40px 0px 40px; }
   .boxCatEventi h1 { font-size: 40px; }
   .fontFR{font-size:35px !important;}
   .paddingFR{ padding:85px 25px 0px 25px; }     
}
@media (min-width: 481px) and (max-width: 767px){ 
   .boxCatEventi{ height: 300px; padding:85px 40px 0px 40px; }
   .boxCatEventi h1 { font-size: 40px; }
   .fontFR{font-size:40px !important;}
   .paddingFR{ padding:85px 30px 0px 30px; }  
}
@media (min-width: 768px){
   .contVideoEvento{
      width:95%;
      margin-left: auto;
      margin-right: auto;
   }     
}
@media (min-width: 992px){
 
}
@media (min-width: 1024px){
   .contVideoEvento{
      width:85%;
      margin-left: auto;
      margin-right: auto;
   } 
}
@media (min-width: 1200px){

}
@media (min-width: 1500px){

}
/*** PAGINE INTERNE - BANDONI *************************************************************************************************/
.bandoneTit{
   overflow:hidden;
   background-color:#ebeff1;
   color:#3d5265!important;
   margin:0px 0px 45px 0px;
   padding:60px 50px 60px 50px;
}
.bandoneTit h1{
   width:90%;
   font-size:60px;
   color:#3d5265;   
   padding:0px 0px 30px 0px;
   margin:0px auto 0px auto;
   text-transform:uppercase;
}
.bandoneTit h2{ 
   width: 90%;
   font-size:26px;
   line-height: 36px;
   padding:0px 0px 50px 0px;
   margin:0px auto 0px auto;
} 
.bandoneTit span{
   color:#2b4358 !important;
   font-size:24px;
}
.bandoneTit h1 > span{
   font-size:60px;
   font-weight:normal !important;
}
.bandone_tit_soluzioni{
   text-transform:uppercase;
}
.bandone_tit_soluzioni > span{
   color:#6dbbf4 !important;
}
.bandone_tit_servizi{
   text-transform:uppercase;
}
.bandone_tit_servizi > span{
   color:#e98656 !important;
}
/*** RESIDENCE ***************************************************************************************************/
.contReference{
   text-align:left;
   margin:0px;
   padding:0px 0px 30px 0px;
}
.contReference h2{
   color: #2b4358;
   font-family: "DINProBold", Arial, sans-serif;
   font-size: 26px;
   text-transform:uppercase;
   padding:0px 60px 20px 60px;
   margin:0px auto 0px auto;
}
.colonna_page3 {
   width: 100%;
   color: #6f7c8e;
   font-size:22px;
   line-height:36px;
   text-align:left;
   padding:0px 60px 0px 60px;
   -webkit-column-width: 25%;
   -webkit-column-gap: 25px;
   -moz-column-width: 25%;
   -moz-column-gap: 25px;
   column-width: 25%;
   column-gap: 25px;
   -moz-column-count: 3; /*Firefox*/
   -moz-column-gap: 40px;
   -webkit-column-count: 3; /*Safari e Chrome*/
   -webkit-column-gap: 40px;
   column-count: 3; /*Opera e IE 10+*/
   column-gap: 130px;
}
.contReference p{
   padding:0px;
   margin:0px;
}
.colonna_page3 a{
   display:block;
   color:#479cd9;
   font-size:20px;
   padding:0px 5px 0px 0px;
   text-decoration:none;
}
.colonna_page3 a:hover,
.colonna_page3 a:focus{
   display:block;
   color:#479cd9;
   font-size:20px;
   padding:0px 5px 0px 0px;
   text-decoration:none;
}
/*** SEDI / OFFICE ***************************************************************************************************/
.contFiltroSedi{
   margin:0px;
   padding:0px;
   border:0px solid red;
}
.contFiltroSedi .form-group {
    margin-bottom: 0px;
    text-align:center;
}
.contFiltroSedi .form-control {
    height: auto;
    width: 270px;
    background-color: transparent;
    padding: 16px 18px 16px 18px;
    font-size: 22px;
    color: #3d5265;
    outline:0;
    text-transform:uppercase;
    border: 1px solid #b9bfc6;
    border-radius: 0px;
    margin:0px auto 0px auto;
}
select{
  -webkit-appearance: none;
  background: url('../img/arrow-down.png') no-repeat right !important; 
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance:none !important;
}
select[disabled]{
  -webkit-appearance: none;
  background: url('../img/arrow-downDisable.png') no-repeat right !important; 
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance:none !important;
}
/* Questo trick non fa visualizzare la freccia su IE 10. */
select::-ms-expand {
    display: none;
}
select.compulsory{
    background: url('../img/arrow-down.png') no-repeat right !important; 
}
/* CSS condizionale per Firefox, soluzione compatibile con tutti i browser. */
@-moz-document url-prefix() { 
  select{
        background: url('../img/arrow-down.png') no-repeat right !important; 
  }
  select.compulsory{
        background: url('../img/arrow-down.png') no-repeat right !important; 
  }
}
select:focus{outline:none;}
.rowBoxSedi{
   margin:0px -5px 0px -5px;
   padding:0px;
   border:0px solid red;
}
.contBoxSedi{
   margin:0px;
   padding:0px 5px 10px 5px;
   border:0px solid red;
}
.boxSedi{
   overflow:hidden;
   margin:0px;
   padding:20px 0px 20px 0px;
   border:1px solid #b9bfc6;
}
.boxSediMap{
   height:400px;
   margin:0px;
   padding:0px 20px 0px 20px;
}
.boxSediInd{
   height:400px;
   position:relative;
   text-align:left;
   font-size:22px;
   line-height:32px;
   color: #405160; 
   margin:0px 0px 0px 0px;
   padding:0px 20px 0px 20px;
}
.boxSediInd h1{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:36px;
   color:#3d5265;
   padding:15px 0px 40px 0px;
   margin:0px;
}
.boxSediInd > span{
   font-size:20px;
   color:#479cd9;
   padding:0px 10px 0px 0px;
   margin:0px;
}
.boxSediLink{
   width:100%;
   position:absolute;
   bottom:0;
   left:0;
   display:block;   
   padding: 0px 20px 0px 20px;
   border: 0px solid green;   
}
.boxSediLink a{
   display:block;
   text-align:center;
   font-family: "DINProBold", Arial, sans-serif;
   font-size:22px;   
   color:#e98656;
   text-decoration:none;
   padding:20px 10px 20px 10px;
   margin:0px;
   border: 1px solid #b9bfc6;
}
.boxSediLink a:hover{   
   color:#e98656;
   text-decoration:none;
   padding:20px 10px 20px 10px;
   border: 1px solid #b9bfc6;
}
@media (max-width: 480px){
}
@media (min-width: 481px) and (max-width: 767px){ 
}
@media (min-width: 768px){
}
@media (min-width: 992px){
   .boxSediInd {
       font-size: 18px;
       line-height: 30px;
   }
   .boxSediInd h1 {
       font-size: 30px;
       padding: 15px 0px 30px 0px;
   }   
   .boxSediLink a{
      font-size:18px;   
      padding:15px 10px 15px 10px;
   }
   .boxSediLink a:hover{   
      padding:15px 10px 15px 10px;
   }    

}
@media (min-width: 1024px){
   .boxSediInd {
       font-size: 18px;
       line-height: 30px;
   }
   .boxSediInd h1 {
       font-size: 30px;
       padding: 15px 0px 30px 0px;
   }   
   .boxSediLink a{
      font-size:18px;   
      padding:15px 10px 15px 10px;
   }
   .boxSediLink a:hover{   
      padding:15px 10px 15px 10px;
   }      
}
@media (min-width: 1200px){
   .boxSediInd {
       font-size: 22px;
       line-height: 32px;
   }
   .boxSediInd h1{
      font-size:36px;
      padding:15px 0px 40px 0px;
   }   
   .boxSediLink a{
      font-size:22px;   
      padding:20px 10px 20px 10px;
   }
   .boxSediLink a:hover{   
      padding:20px 10px 20px 10px;
   }   
}
@media (min-width: 1500px){

}
/*** SUCCESS STORIES *************************************************************************************************/
.bandoneSuccess {
    background-color: #264560 !important;
    color: #ffffff !important;
}
.bandoneSuccess h1{
    color: #ffffff !important;
}
.bandoneSuccess span {
    color: #ffffff !important;
}
.contTxtSlogan{
   font-size:30px;
   text-align:left;
   line-height:40px;
   color:#6f7c8e;
   padding:0px 40px 0px 40px;
   margin:0px;
   border:0px solid red;
}
.contTxtSlogan > img{
   display:block;
   padding:0px 0px 35px 0px;
}
.contTxtSlogan h2{
   font-family: "DINProBold", Arial, sans-serif;   
   font-size:36px;
   line-height:46px;
   color:#479cd9;
   padding:0px 0px 50px 0px;
   margin:0px;
}
.contTxtSuccess{
   font-size:22px;
   text-align:left;
   line-height:30px;
   color:#6f7c8e;
   padding:0px 40px 0px 40px;
   margin:0px;
   border:0px solid red;
}
.contTxtSuccess > ul{  
   list-style-type: square;
   margin: 0px 0px 0px 40px;
   padding: 0px 0px 0px 0px;
}
.contTxtSuccess > ul > li{
   margin: 0px 0px 0px 0px;
   padding: 5px;  
}
.contTxtSuccess h2{
   font-family: "DINProMedium", Arial, sans-serif;
   font-size:26px;
   line-height:34px;
   color:#6f7c8e;
   padding:0px 0px 40px 0px;
   margin:0px;
}
.contTxtSuccess a{
   font-family: "DINProBold", Arial, sans-serif;
   display:inline-block;
   font-size:20px;
   color:#ffffff;
   text-decoration:none;
   background-color:#e98656;
   padding:20px 30px 20px 30px;
   margin:20px 0px 0px 0px;
}
.contTxtSuccess a:hover{
   color:#ffffff;
   background-color:#e98656;
   padding:20px 30px 20px 30px;
}
/*** SEZIONE JOB POSITION *************************************************************************************************/
.boxJob{
    display: block;
    height: 316px;
    text-align: left;
    padding: 0px;
    outline:0;
    margin: 0px;
    color: #ffffff;
    border: 1px solid #b9bfc6;    
}
.boxJob:hover, .boxJob:focus{
   background-color: #ffffff;
   text-decoration:none;
}
.conImgJob {
    height: 165px;
    background-color:#ebeff1;
    width: 100%;
    display: table;
    text-align: center;
    border: 0px solid red;
}
.imgJob{
   color:#3d5265;
   font-size:80px;
   display:table-cell;
   vertical-align:middle;
}
.contxtJob {
    height: 150px;
    width: 100%;
    display: table;
    text-align: center;
    border: 0px solid red;
}
.txtJob {
    color: #479cd9;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    padding: 0px 20px 0px 20px;
    display: table-cell;
    vertical-align: middle;
}
/*** AREA RISERVATA *************************************************************************************************/
.bandoneArea{
   overflow:hidden;
   background-color:#ebeff1;
   color:#3d5265!important;
   margin:0px 0px 45px 0px;
   padding:60px 50px 60px 50px;
}
.bandoneArea h1{
   width:90%;
   font-size:60px;
   color:#3d5265;   
   padding:0px 0px 30px 0px;
   margin:0px auto 0px auto;
   text-transform:uppercase;
}
.bandoneArea h2{ 
   width: 90%;
   font-size:26px;
   line-height: 36px;
   padding:0px 0px 50px 0px;
   margin:0px auto 0px auto;
} 
.bandoneArea span{
   color:#2b4358 !important;
   font-size:24px;
}
.bandoneArea h1 > span{
   font-size:60px;
   font-weight:normal !important;
}
.bandoneArea a{
    font-size: 26px;
    line-height: 36px;
    text-decoration: none;
    font-family: "DINProBold", Arial, sans-serif;
    background-color: transparent;
    color:#50afde;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.bandoneArea a:hover,
.bandoneArea a:focus{
    background-color: transparent;
    color:#50afde;
    text-decoration:none;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.flexBoxArea{
  padding: 0;
  margin: 0px 0px 0px 0px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  flex-flow:row wrap;
  -webkit-flex-flow: row wrap;
}
.boxArea{
  background-color:#f6f7f9;
  padding: 0px;
  margin: 0px;
  text-align: left;
  border:2px solid #ffffff;
} 
.boxAreaTxt{
  margin: 0px;
  text-align: left;
  color:#505f6c;
  font-size:20px;  
  padding: 50px;
  line-height:30px;  
  border:0px solid green;
}
.boxAreaImg{
  margin: 0px;
  text-align:center;
  color:#505f6c;
  font-size:20px;  
  padding: 50px;
  line-height:30px;  
  border:0px solid green;
}
.boxAreaTxt h1{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:60px;
   color:#50afde;
   text-transform:uppercase;
   margin:0px;
   padding:0px 0px 50px 0px;
}
.boxAreaTxt > a{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:20px;
   color:#50afde;
   text-decoration:none;
   margin:0px;
   padding:0px 0px 0px 0px;
}
.boxAreaTxt > a:hover{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:20px;
   color:#50afde;
   text-decoration:none;
   margin:0px;
   padding:0px 0px 0px 0px;
}
.boxAreaTxt > form{
   overflow:hidden;
   margin:0px 0px 25px 0px;   
   border:0px solid red;
}
.boxAreaTxt .form-group{
   padding-left: 0px;
   margin:0px 0px 5px 0px;
}
.boxAreaTxt label {
    display: inline-block;
    max-width: 100%;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 700;
}
.boxAreaTxt .btn-default {
    width: 100%;
    color: #ffffff;
    font-family: "DINProBold", Arial, sans-serif;
    font-size: 20px;
    margin: 35px 0px 0px 0px;
    padding: 19px 0px 19px 0px;
    background-color: #50afde;
    text-transform: uppercase;
    border: 0px solid red;
    border-radius: 0px;
}
.contxtPageArea {
    font-size:22px;
    color:#696969;
    text-align: left;
    border: 0px solid red;
}
.contxtPageArea h2{
    font-size:48px;
    font-family: "DINProBold", Arial, sans-serif;       
    color:#40a8dc;
    text-align: left;
    padding:20px 0px 20px 0px;
    margin:0px;
    border: 0px solid red;
}
.contxtPageArea a{
    font-family: "DINProBold", Arial, sans-serif;   
    font-size:22px;
    color:#40a8dc;
    text-decoration:none;
    border: 0px solid red;
}
.contxtPageArea a:hover{
    font-family: "DINProBold", Arial, sans-serif;   
    font-size:22px;
    color:#40a8dc;
    text-decoration:none;
    border: 0px solid red;
}
@media (max-width: 480px){
   .boxArea { width:100%;}
}
@media (min-width: 481px) and (max-width: 767px){ 
   .boxArea { width:100%;}
}
@media (min-width: 768px){
   .boxArea { width: 100%;}
}
@media (min-width: 992px){
   .boxArea { width: 50%;}
}
@media (min-width: 1024px){
   .boxArea { width: 50%;}
}
@media (min-width: 1200px){
   .boxArea { width: 50%;}
}
@media (min-width: 1500px){
   .boxArea { width: 50%;}
}

/*** CONTATTI ***************************************************************************************************/
.infoContatti{
   overflow:hidden;
   font-size:22px;
   line-height:32px;
   position:relative;   
   color:#53677b;
   text-align:left;
   padding:50px 60px 40px 60px;
   margin:0px;
   background-color:#eff2f4;
   border-top:30px solid #6dbbf4;
}
.frBordoTopAzz{
   position:absolute;
   top: -10px;
   left:50%;
   width: 0; 
   height: 0; 
   margin: 0px 0px 0px -30px;
   line-height: 0px;
   border-top: 30px solid #6dbbf4;
   border-left: 30px solid transparent; 
   border-right: 30px solid transparent;
}
.infoContatti h1{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:30px;
   color:#53677b;
   padding:0px 0px 5px 0px;
   margin:0px;
   text-transform:uppercase;
}
.infoContatti h2{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:22px;
   color:#53677b;
   padding:0px 0px 5px 0px;
   margin:0px;
}
.infoContatti > a{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:22px;
   color:#6dbbf4;
   text-decoration:none;
   padding:0px 0px 0px 0px;
   margin:0px;
}
.infoContatti > a:hover{
   font-family: "DINProBold", Arial, sans-serif;
   font-size:22px;
   color:#6dbbf4;
   text-decoration:none;
   padding:0px 0px 0px 0px;
   margin:0px;
}
.infoContatti > a > span{
   font-size:40px;
   color:#6dbbf4;
   padding:0px 15px 0px 0px;   
   text-decoration:none;
}
.formContatti{
   overflow:hidden;
   font-size:22px;
   color:#53677b;
   text-align:left;
   line-height:32px;
   padding:0px 40px 30px 60px;
   margin:0px;
   border:0px solid red;
}
.formContatti > form{
   overflow:hidden;
   padding:0px 0px 0px 0px;
}
.form-horizontal .control-label {
    padding-top: 12px;
    margin-bottom: 0;
    text-align: left;
}
.form-control {
   height:auto;
    padding: 16px 18px 16px 18px;
    font-size: 22px;
    color: #53677b;
    border: 1px solid #8a96a2;
    border-radius: 0px;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, .6);
          box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, .6);
}
.errorInput{ border: 1px solid #b90101 !important;}
.errortxt {
    border: 0px solid #b90101;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    color: #b90101;
    padding: 2px 10px 0px 0px;
    margin-top: 1px;
    display: none;
}
.conMsgLogin{
    text-align: left;
    background-color: #c52424;
    padding: 10px 15px 10px 15px;
    margin: 0px 0px 20px 0px;
    color: #ffffff;
}
.conMsgLoginOK {
    background-color: #6dbbf4;
    padding: 10px 15px 10px 15px;
    margin: 0px 0px 20px 0px;
    color: #ffffff;
}
.formContatti .btn-default {
    color: #ffffff;
    font-size:22px;
    font-family: "DINProBold", Arial, sans-serif;    
    background-color: #6dbbf4;
    padding: 15px 30px 15px 30px;
    border:0px solid red;
    border-radius: 0px;
    text-decoration:none;
    outline:0;
    text-transform:uppercase;
}
.contCodice{
   padding: 0px 10px 0px 0px;
   border: 0px solid red;
}
.contCodiceInput{
   padding: 0px 0px 0px 10px;
   border: 0px solid red;
}
@media (max-width: 480px){
   .boxBoxIcoTxtList { width:100%;}
   .infoContatti {
      font-size: 18px;
      line-height: 26px;
      padding: 50px 20px 40px 20px;
   }   
   .formContatti{
      font-size:22px;
      padding:20px 0px 30px 0px;
   }   
   .contCodice{
      padding: 0px 0px 15px 0px;
      border: 0px solid red;
   }
   .contCodiceInput{
      padding: 0px 0px 0px 0px;
      border: 0px solid red;
   }
}
@media (min-width: 481px) and (max-width: 767px){ 
   .boxBoxIcoTxtList { width:100%;}
   .infoContatti {
      font-size: 18px;
      line-height: 26px;
      padding: 50px 20px 40px 20px;
   }
   .formContatti{
      font-size:22px;
      padding:20px 0px 30px 0px;
   }
}
@media (min-width: 768px){
   .boxBoxIcoTxtList { width: 50%;}
   .formContatti{
      font-size:22px;
      padding:20px 0px 30px 0px;
   }
}
@media (min-width: 992px){
   .boxBoxIcoTxtList { width: 33.33333333%; }
   .formContatti{
      font-size:18px;
      padding:0px 10px 30px 30px;
   }
   .infoContatti {
      font-size: 18px;
      line-height: 26px;
      padding: 50px 30px 40px 30px;
   }
   .infoContatti h1{
      font-size:26px;
   }   
}
@media (min-width: 1024px){
   .boxBoxIcoTxtList { width: 33.33333333%; }
   .formContatti{
      font-size:20px;
      padding:0px 20px 30px 40px;
   }
   .infoContatti {
      font-size: 22px;
      line-height: 32px;
      padding: 50px 40px 40px 40px;
   }
   .infoContatti h1{
      font-size:30px;
   }   
}
@media (min-width: 1200px){
   .formContatti{
      font-size:20px;
      padding:0px 20px 30px 40px;
   }
   .infoContatti {
      font-size: 22px;
      line-height: 32px;
      padding: 50px 60px 40px 60px;
   }   
}
@media (min-width: 1500px){
   .formContatti{
      font-size:22px;
      padding:0px 40px 30px 60px;
   }
}
/*** STYLE FOOTER *************************************************************************************************/
.contGovernance{
    margin: 0px 0px 0px 0px;
    color: #5d646b;
    text-align: left;
    font-size: 22px;
    line-height: 30px;
    padding: 0px;
    border: 0px solid green !important;
}
/*** STYLE FOOTER *************************************************************************************************/
.cont-footer{
   overflow:hidden;
   font-size:16px;
   color:#cbd9e6;
   padding:30px 40px 30px 40px;
   margin:0px;
   background-color:#264560;
   border:0px solid blue;
}
.cont-footerDx{
   text-align:right;
   color:#6da1b7;
   padding:0px;  
   margin:0px;
   text-transform:uppercase;
   border:0px solid red;
}
.cont-footerDx > a{
   display: block;
   float: right; 
   font-size:22px;
   color:#6da1b7;   
   text-decoration:none;
   padding:0px 0px 0px 15px;
}
.cont-footerDx > a:hover{
   font-size:22px;
   text-decoration:none;   
   color:#6da1b7;   
   padding:0px 0px 0px 15px;
}
.linkChat {
    display: block;
   float: right; 
    font-size: 16px !important;
    padding: 0px 15px 0px 0px !important;
    margin: 0px 0px 0px 0px;
    border-right: 1px dotted #7e9eb8;
}
.linkChat:hover {
    font-size: 16px !important;
    padding: 0px 15px 0px 0px !important;
    margin: 0px;
    border-right: 1px dotted #7e9eb8;
}
.linkChat > span{
   font-size:18px;
   float:left;
   padding:0px 5px 0px 5px;
}
@media (max-width: 480px){ /* FUCSIA */
   /*.contImgSlidercover{ height: 350px; }*/
   .contImgSlidercover{ height: 350px; display:block !important; }
   .imgSlider{ display:none !important; }
   .cont-header{padding:0px 10px 0px 10px;}
   .cont-header > button{ margin-right:18px;}   
   .conCenter{padding:0px 10px 0px 10px;}
   .slick-prev{ left: 0px !important;}
   .slick-next{ right: 0px !important;}   
   .contTxtSlider {
       width: 100%;
       padding: 40px;
       margin-top: 0px;
       position:relative;
       text-align: left;
       background-color:#15609e;
   }
   .positionLeft {
       left: auto;
       right: auto;
       margin-left: 0;
   }   
   .positionRight {
       left: auto;
       right: auto;
       margin-right: 0;
   }
   .contTxtSlider h1{
      display: inline-block;
      font-size: 28px;
      color:#ffffff !important;
      padding: 5px 0px 10px 0px;
   }
   .contTxtSlider h2{
      display: inline-block;
      font-size:18px;
      line-height: 24px;
      color:#ffffff !important;      
      padding:0px;
   }
   .contTxtSlider .btn-default { font-size: 12px; margin-top: 20px; padding: 8px 20px 8px 20px;}
   .contVideoSlider{ height: 350px;}  
   .contServizi h1 { width: 100%; font-size: 38px;}
   .contServizi h2 { width: 100%; line-height: 24px; font-size: 20px;}
   .boxLink {
       min-height: 400px;
       font-size: 20px;
       line-height: 32px;
       padding: 40px 20px 40px 20px;
   }
   .boxLink h1{   
      font-size:30px;
      line-height:38px;
      min-height: 70px;
   }   
   .boxLink h2 {padding: 0px 0px 10px 0px;}  
   .txtBox { min-height: 120px; }      
   .textIco { font-size: 70px;} 
   .txtNews{ padding:10px 15px 0px 0px; }
   .txtNumeri{
      width: 100%;   
   }
   .icoNumeri {
      width: 80px;
      font-size: 40px;
      padding: 5px 0px 5px 0px;
      border-right: 0px solid #aab4bc;       
   }
   .txtNumeri h1 {
       font-size: 32px;
   }   
   .txtNumeri h2 {
       font-size: 18px;
   }   
   /*TEMPLATE*/
   .contTempHTML-Testo{padding:20px 20px 20px 20px;}
   .contTempHTML-Testo a{ padding:10px 40px 10px 40px; font-size:16px;}
   .contTempHTML-Testo a:hover{padding:10px 40px 10px 40px;}
   .contTempHTML-Testo h1 {
       font-size: 46px;
       padding: 0px 0px 20px 0px;
   }    
   .contTempHTML-Testo h2 {
      font-size: 18px;
      line-height: 28px;
   }     
   .bandoneTit h1 {
      font-size: 32px;
      padding: 0px 0px 20px 0px;    
   }   
   .bandoneTit h1 > span {
       font-size: 32px;
       font-weight: normal !important;
   }
   .bandoneTit h2 {
      font-size: 18px;
      line-height: 28px;
      padding: 0px 0px 20px 0px !important;
   }
   .boxImgTxtTesto{
      font-size: 18px;
      line-height: 28px;
   }
   
   .header-briciole{ display:none !important;}
   .header-briciole-logo{ display:block !important; padding: 8px 0px 0px 30px;} 
   

   .cont-footer{ padding:15px 10px 15px 10px;} 
   .cont-footerDx{ text-align:center; padding:10px 0px 0px 0px;}
   .linkChat { border-right: 0px dotted #7e9eb8; padding: 0px 0px 0px 0px !important; }
   .linkChat:hover { border-right: 0px dotted #7e9eb8; padding: 0px 0px 0px 0px !important; }
   .linkChat > span{
      font-size:22px;
      float:left;
      padding:0px 5px 0px 5px;} 
   .no-smartphone{ display:none;} 
   .bandoneEventi h1{
      width: 100%;
      font-size:38px;
      background-color:rgba(0,0,0,0.6);
      padding:0px 0px 25px 0px;
   }   
   .bandoneEventi h2 {
       font-size: 18px;
       line-height: 28px;
       background-color:rgba(0,0,0,0.6);
       padding:0px 0px 45px 0px;
   }  
   .boxEventi { height: auto; padding: 38px 44px 38px 44px;}
   .colonna_page{
       -moz-column-count: 1; /*Firefox*/
       -moz-column-gap: 0px;
       -webkit-column-count: 1; /*Safari e Chrome*/
       -webkit-column-gap: 0px;
        margin:0;
    }
   .colonna_page3{
       -moz-column-count: 1; /*Firefox*/
       -moz-column-gap: 0px;
       -webkit-column-count: 1; /*Safari e Chrome*/
       -webkit-column-gap: 0px;
        margin:0;
    }    
   .gallEventi-sizer {width: 100%; }
   .gallEventi{ width: 100%; }
   .contBoxNews{ margin:0px 0px 0px 0px;}
   .box_news-sizer {width: 100%; }
   .element-item {width: 100%;}
   .box_news{ width: 100%; padding:0px 0px 0px 0px; }   
   .txt_box_news { font-size: 18px;}
   .txt_box_news h2 { font-size: 34px; line-height: 38px;}
   .news_data { padding: 30px 20px 20px 20px;}    
}
@media (min-width: 481px) and (max-width: 767px){  /* NERO */
   /*.contImgSlidercover{ height: 350px; }*/
   .contImgSlidercover{ height: 350px; display:block !important; }
   .imgSlider{ display:none !important; }   
   .cont-header{padding:0px 10px 0px 10px;}
   .cont-header > button{ margin-right:18px;}   
   .conCenter{padding:0px 10px 0px 10px;}
   
   .contTxtSlider {
       width: 100%;
       padding: 40px;
       margin-top: 0px;
       position:relative;
       text-align: left;
       background-color:#15609e;
   }
   .positionLeft {
       left: auto;
       right: auto;
       margin-left: 0;
   }   
   .positionRight {
       left: auto;
       right: auto;
       margin-right: 0;
   }
   .contTxtSlider h1{
      display: inline-block;
      font-size: 28px;
      color:#ffffff !important;
      padding: 5px 0px 10px 0px;
   }
   .contTxtSlider h2{
      display: inline-block;
      font-size:18px;
      line-height: 24px;
      color:#ffffff !important;      
      padding:0px;
   }
   .contTxtSlider .btn-default { font-size:16px; margin-top:35px; padding:12px 25px 12px 25px;}
   /*.contVideoSlider{ height: 350px;}  */
   .contServizi h1 { width: 100%; font-size: 50px;}
   .contServizi h2 { width: 100%; line-height: 24px; font-size: 20px;}
   .boxLink {
       min-height: 400px;
       font-size: 20px;
       line-height: 32px;
       padding: 40px 20px 40px 20px;
   }
   .boxLink h1{   
      font-size:30px;
      line-height:38px;
      min-height: 70px;
   }  
   .boxLink h2 {padding: 0px 0px 10px 0px;} 
   .txtBox { min-height: 120px; }    
   .textIco { font-size: 70px;} 
   .txtNews{ padding:10px 15px 0px 0px; }
   .txtNumeri{
      width: 60%;  
   }
   .icoNumeri {
       width: 90px;
       font-size: 40px;
   }
   .txtNumeri h1 {
       font-size: 32px;
   }   
   .txtNumeri h2 {
       font-size: 18px;
   }
   .header-briciole{ display:none !important;}
   .header-briciole-logo{ display:block !important; padding: 8px 0px 0px 30px;} 
   /*TEMPLATE*/
   .contTempHTML-Testo{padding:20px 20px 20px 20px;}
   .contTempHTML-Testo a{ padding:10px 40px 10px 40px; font-size:16px;}
   .contTempHTML-Testo a:hover{padding:10px 40px 10px 40px;}
   .contTempHTML-Testo h1 {
       font-size: 46px;
       padding: 0px 0px 20px 0px;
   }    
   .contTempHTML-Testo h2 {
      font-size: 18px;
      line-height: 28px;
   }     
   .bandoneTit h1 {
      font-size: 46px;
      padding: 0px 0px 15px 0px;    
   }   
   .bandoneTit h1 > span {
       font-size: 46px;
       font-weight: normal !important;
   }
   .bandoneTit h2 {
      font-size: 18px;
      line-height: 28px;
      padding: 0px 0px 20px 0px !important;
   }
   .boxImgTxtTesto{
      font-size: 18px;
      line-height: 28px;
   }
   .cont-footer{ padding:15px 10px 15px 10px;} 
   .cont-footerDx{ text-align:center; padding:10px 0px 0px 0px;}
   .linkChat { border-right: 0px dotted #7e9eb8; padding: 0px 0px 0px 0px !important; }
   .linkChat:hover { border-right: 0px dotted #7e9eb8; padding: 0px 0px 0px 0px !important; }
   .linkChat > span{
      font-size:22px;
      float:left;
      padding:0px 5px 0px 5px;}
   .no-smartphone{ display:none;}
   .bandoneEventi h1{
      width: 100%;
      font-size:42px;
      padding:0px 0px 30px 0px;
   }   
   .bandoneEventi h2 {
      font-size: 20px;
      line-height: 30px;
      padding:0px 0px 45px 0px;
   }
   .boxEventi { height: auto;}
   .colonna_page{
       -moz-column-count: 1; /*Firefox*/
       -moz-column-gap: 0px;
       -webkit-column-count: 1; /*Safari e Chrome*/
       -webkit-column-gap: 0px;
        margin:0;
    }
   .colonna_page3{
       -moz-column-count: 1; /*Firefox*/
       -moz-column-gap: 0px;
       -webkit-column-count: 1; /*Safari e Chrome*/
       -webkit-column-gap: 0px;
        margin:0;
    }     
   .gallEventi-sizer {width: 50%; }
   .gallEventi{ width: 50%; }
   .contBoxNews{ margin:0px 0px 0px 0px;}
   .box_news-sizer {width: 100%; }
   .element-item {width: 100%;}
   .box_news{ width: 100%; padding:0px 0px 0px 0px; }   
   .txt_box_news { font-size: 18px;}
   .txt_box_news h2 { font-size: 34px; line-height: 38px;}
   .news_data { padding: 30px 20px 20px 20px;}
}
@media (min-width: 768px){
   .header-briciole{ display:none !important;} 
   .header-briciole-logo{ display:block !important; padding: 8px 0px 0px 60px;}

   /*.contImgSlidercover{ height: 400px; } */
   .contImgSlidercover{ display:none !important; }
   .imgSlider{ display:block !important; }
   .cont-header{padding:0px 40px 0px 40px;}
   .cont-header > button{ margin-right:48px;}     
   .conCenter{padding:0px 40px 0px 40px;} 
   
   .contTxtSlider{ width:30%; margin-top: 6%; border: 0px solid #E800FF;}
   .positionLeft{ margin-left:60px;}
   .positionRight{margin-right:60px;}
   .contTxtSlider h1{ font-size:28px; background-color: transparent; padding:0px 0px 10px 0px;}
   .contTxtSlider h2{ font-size:18px; background-color: transparent; line-height: 20px; padding:0px 0px 0px 0px;}
   .contTxtSlider .btn-default { font-size:18px; margin-top:35px; padding:16px 26px 16px 26px;}
   
   .contServizi h1{ width:80%; font-size:50px;}
   .contServizi h2 { line-height: 36px; font-size: 28px; width: 80%;}
   .soluzioniCol .contBoxHP .boxLink > h2{ font-size: 20px;}
   .serviziCol .contBoxHP .boxLink > h2{ font-size: 20px;}
   .boxLink h1{
      font-size: 30px;
      line-height: 30px;
   }
   .txtNumeri{
      width: 60%;  
   }
   .icoNumeri {
       width: 90px;
       font-size: 40px;
   }
   .txtNumeri h1 {
       font-size: 32px;
   }   
   .txtNumeri h2 {
       font-size: 18px;
   } 
   .menu_briciole{
      padding:0px 10px 0px 0px !important;
   }
   .contTempHTML-Testo h1 {
       font-size: 46px;
       padding: 0px 0px 20px 0px;
   }
   .bandoneTit h1 > span {
    font-size: 46px;
    font-weight: normal !important;
   }
   .contTempHTML-Testo h2 {
       font-size: 22px;
       line-height: 30px;
   }
   .bandoneEventi h1{
      font-size:60px;
   }
   .bandoneNewsDett h1{    
      font-size:34px;
   }
   /*.contVideoSlider{ height: 400px;} */
   .cont-footer{padding:30px 40px 30px 40px}
   .no-smartphone{ display:block;}
   .bandoneEventi h2 { width: 100%; } 
   .boxEventi{
      font-size:16px;
      line-height:24px;
      padding: 30px 25px 30px 25px;
   }
   .boxEventi h1{ font-size:36px; padding:0px 0px 15px 0px; }
   .boxEventi h2{ font-size:14px; padding:0px 0px 20px 0px; }   
   .boxEventi h3{ font-size:14px; padding:0px 0px 10px 0px; }
   .boxEventi h4{ font-size:14px; padding:0px 0px 30px 0px; } 
   .gallEventi-sizer {width: 33.3%; }
   .gallEventi{ width: 33.3%; } 
   .box_news-sizer {width: 50%; }
   .element-item {width: 50%;}
   .box_news{  width: 50%; }        
}
@media (min-width: 992px){
   .header-briciole{ display:block !important;} 
   .header-briciole-logo{ display:none !important;}   
   /*.contImgSlidercover{ height: 500px; } */
   .contImgSlidercover{ display:none !important; }
   .imgSlider{ display:block !important; }
   .cont-header{padding:0px 40px 0px 40px;}
   .conCenter{padding:0px 40px 0px 40px;}
   
   .contTxtSlider{ width:30%; margin-top: 5%; border: 0px solid green;}
   .positionLeft{ margin-left:60px;}
   .positionRight{margin-right:60px;}
   .contTxtSlider h1{ font-size:33px; padding:0px 0px 15px 0px;}
   .contTxtSlider h2{ font-size:18px; line-height: 24px; padding:0px 0px 0px 0px;}
   .contTxtSlider .btn-default { font-size:20px; margin-top:45px; padding:20px 30px 20px 30px;}
   
   .contServizi h1{ width:70%;font-size:60px;} 
   .contServizi h2 { line-height: 36px; font-size: 30px; width: 70%;} 
   .boxLink {
       padding: 30px 30px 30px 30px;
   } 
   .boxLink h1{
      font-size: 32px;
      line-height: 32px;
   }   
   .icoNumeri {
       width: 100px;
       font-size: 60px;
   }
   .txtNumeri h1 {
       font-size: 36px;
   }   
   .txtNumeri h2 {
       font-size: 22px;
   } 
   .menu_briciole{
      padding:0px 20px 0px 0px !important;
   }
   .contTempHTML-Testo h1{ 
      font-size:60px;
   }
   .contTempHTML-Testo h2{  
      font-size:26px;
      line-height:36px;
   }
   .bandoneTit h1 > span {
       font-size: 60px;
       font-weight: normal !important;
   }
   .bandoneNewsDett h1{    
      font-size:34px;
   }
   /*.contVideoSlider{ height: 500px;} */
   .cont-footer{padding:30px 40px 30px 40px} 
   .no-smartphone{ display:block;} 
   .bandoneEventi h2 { width: 90%; } 
   .boxEventi{
      font-size:16px;
      line-height:24px;
      padding: 30px 25px 30px 25px;
   }
   .boxEventi h1{ font-size:36px; padding:0px 0px 15px 0px; }
   .boxEventi h2{ font-size:14px; padding:0px 0px 20px 0px; }   
   .boxEventi h3{ font-size:14px; padding:0px 0px 10px 0px; }
   .boxEventi h4{ font-size:14px; padding:0px 0px 20px 0px; }  
   .gallEventi-sizer {width: 33.3%; }
   .gallEventi{ width: 33.3%; }
   .box_news-sizer {width: 33.3%; }
   .element-item {width: 33.3%;}
   .box_news{  width: 33.3%; }   
}
@media (min-width: 1024px){
   /*.contImgSlidercover{ height: 530px; } */
   .contImgSlidercover{ display:none !important; }
   .imgSlider{ display:block !important; }
   .cont-header{padding:0px 40px 0px 40px;}
   .cont-header > button{ margin-right:48px;}     
   .conCenter{padding:0px 40px 0px 40px;}
   
   .contTxtSlider{ width:30%; margin-top: 6%; border: 0px solid red;}
   .positionLeft{ margin-left:70px;}
   .positionRight{margin-right:70px;}
   .contTxtSlider h1{ font-size:40px; padding:0px 0px 15px 0px;}
   .contTxtSlider h2{ font-size:22px; line-height: 26px; padding:0px 0px 0px 0px;}
   .contTxtSlider .btn-default { font-size:20px; margin-top:55px; padding:20px 30px 20px 30px;}
   .boxLink {
       padding: 30px 30px 30px 30px;
   }   
   .boxLink h1{
      font-size: 32px;
      line-height: 32px;
   }   
   /*.contVideoSlider{ height: 530px;}*/
   .cont-footer{padding:30px 40px 30px 40px} 
   .no-smartphone{ display:block;}   
   .boxEventi{
      font-size:16px;
      line-height:24px;
      padding: 30px 25px 30px 25px;
   }
   .boxEventi h1{ font-size:36px; padding:0px 0px 15px 0px; }
   .boxEventi h2{ font-size:14px; padding:0px 0px 20px 0px; }   
   .boxEventi h3{ font-size:14px; padding:0px 0px 10px 0px; }
   .boxEventi h4{ font-size:14px; padding:0px 0px 20px 0px; }
   .gallEventi-sizer {width: 25%; }
   .gallEventi{ width: 25%; }
   .box_news-sizer {width: 33.3%; }
   .element-item {width: 33.3%;}
   .box_news{  width: 33.3%; }  
}
@media (min-width: 1200px){ /* GIALLO */
   /*.contImgSlidercover{ height: 689px;} */
   .contImgSlidercover{ display:none !important; }
   .imgSlider{ display:block !important; }
   .cont-header{padding:0px 40px 0px 40px;}
   .cont-header > button{ margin-right:48px;}     
   .conCenter{padding:0px 40px 70px 40px;}
   .contTxtSlider{ width:40%; margin-top:6%; border:0px solid #00E3FF;}
   .positionLeft{ margin-left:90px;}
   .positionRight{margin-right:90px;}
   .contTxtSlider h1{ font-size:44px; padding:0px 0px 20px 0px;}
   .contTxtSlider h2{ font-size:28px; line-height:34px; padding:0px 0px 0px 0px;}
   .contTxtSlider .btn-default { font-size:20px; margin-top:70px; padding:20px 30px 20px 30px;}
   /**.contVideoSlider{ height: 689px;}*/   
   .boxLink{
       font-size: 24px;
       line-height: 30px;
       padding: 30px 40px 30px 40px;
   }
   .boxLink h1{
      font-size:36px;
      line-height:38px;
   }   
   .cont-footer{padding:30px 40px 30px 40px}  
   .no-smartphone{ display:block;}
   .boxEventi{
      font-size: 18px;
      line-height: 28px;
      padding: 35px 41px 48px 41px;
   }
   .boxEventi h1{ font-size:36px; padding:0px 0px 15px 0px; }
   .boxEventi h2{ font-size:16px; padding:0px 0px 20px 0px; }   
   .boxEventi h3{ font-size:16px; padding:0px 0px 10px 0px; }
   .boxEventi h4{ font-size:16px; padding:0px 0px 30px 0px; }
   .gallEventi-sizer {width: 16.6%; }
   .gallEventi{ width: 16.6%; }
   .box_news-sizer {width: 33.3%; }
   .element-item {width: 33.3%;}
   .box_news{  width: 33.3%; }
}
@media (min-width: 1500px){
   .contTxtSlider h1{ font-size:48px; padding:0px 0px 20px 0px;}
   .contTxtSlider h2{ font-size:30px; line-height:38px; padding:0px 0px 0px 0px;}   
   .boxLink{
      font-size:24px;
      line-height:32px;
      padding:40px 50px 40px 50px;
   }
   .boxLink h1{
      font-size:36px;
      line-height:38px;
   }   
   .boxLink h2 {
      font-size:18px;
   }
   .boxEventi{
      font-size:22px;
      line-height:32px;
      padding:48px 54px 48px 54px;
   }
   .boxEventi h1{ font-size:36px; padding:0px 0px 15px 0px; }
   .boxEventi h2{ font-size:16px; padding:0px 0px 20px 0px; }   
   .boxEventi h3{ font-size:16px; padding:0px 0px 10px 0px; }
   .boxEventi h4{ font-size:16px; padding:0px 0px 50px 0px; }
   .box_news-sizer {width: 25%; }
   .element-item {width: 25%;}
   .box_news{  width: 25%; }    
}

/*** STYLE VELOCI *************************************************************************************************/
.no-padding{ padding:0px !important;}

.no-paddingLeft{ padding:0px !important; text-align:left;}
.no-paddingright{ padding:0px !important; text-align:right;}

.no-margin{ margin:0px !important;}
.align-left{ text-align:left;}
.valign-middle{vertical-align: middle;}
.valign-top{vertical-align: top;}
.maiuscolo{ text-transform:uppercase;}

/* SCROLLBAR */
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{border-radius:0px; background:#ffffff; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb{border-radius:0px; background:#456988;}
/* HORIZONTAL BAR*/
::-webkit-scrollbar:horizontal{height:6px;}
::-webkit-scrollbar-track:horizontal{background:#ddd; box-shadow:none;}


.btn-hamburger {
    display: inline-block;
    cursor: pointer;
}


.bar1, .bar2, .bar3 {
    width: 24px;
    height: 3px;
    background-color: #145f9e;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 6px) ;
    transform: rotate(-45deg) translate(-5px, 6px) ;   
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px, -5px) ;
    transform: rotate(45deg) translate(-4px, -5px) ;
}


/* LOADING */
/* Incollate questo stile CSS al vostro file CSS */
/* Questo funziona solo con Javascript, 
Se non presente, non fa vedere nulla */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/Preloader_11.gif) center no-repeat #fff;
}


/*Temporanea */
.bgTemp{
   font-family: "DINProRegular", Arial, sans-serif;
   font-size: 14px;
   color: #4e5860;
   text-align:center;
   background-color:#c3e8f9;
   margin:0px;
   padding:0px 0px 0px 0px;
}
.contTop{
   text-align:center;
   margin:0px;
   background-color:#ffffff;   
   padding:50px 30px 50px 30px;
   border:0px solid red;
}
.contTop h1{
   font-size: 24px;
   color: #4e5860;
   text-align:center;
   margin:0px;
   padding:30px 0px 0px 0px;
   border:0px solid red;
}
.contTop a{
   font-size: 18px;
   display:block;
   color: #2e7dbf;
   text-align:center;
   text-decoration:none;
   margin:0px;
   padding:15px 0px 0px 0px;
   border:0px solid red;
}
.contTop a:hover{
   font-size: 18px;
   display:block;
   color: #2e7dbf;
   text-align:center;
   text-decoration:none;
   margin:0px;
   padding:15px 0px 0px 0px;
   border:0px solid red;
}
.contBottom{
   text-align:center;
   margin:0px;
   padding:0px 0px 0px 0px;
}
.contBottom h2{
   font-size: 14px;
   color: #4e5860;
   text-align:center;
   margin:0px;
   padding:20px 0px 20px 0px;
   border:0px solid red;
}
@media (max-width: 480px){
   .contTop{ padding:20px 30px 20px 30px;}
   .contBottom h2{ padding:10px 0px 10px 0px; }
}
@media (min-width: 481px) and (max-width: 767px){ 
   .contTop{ padding:20px 30px 20px 30px;}
   .contBottom h2{ padding:10px 0px 10px 0px; }
}

/*IMG IE9*/
.ie9 img[src*=".svg"] {
  width: 100%; 
}
/* MEDIA */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%; 
  }
  .contTop > a > img[src*=".svg"] {
    width: 100px; 
  }  
  .contLogo > a > img[src*=".svg"] {
    width: 60px; 
  }  
  .contLogoKapia > a > img[src*=".svg"] {
    width: 100px; 
  }  
  .header-briciole-logo > a > img[src*=".svg"] {
    width: 60px; 
    height: 44px;
  }
  .contBottom> img[src*=".svg"] {
    width: 70%; 
  }  
}


/******** QUESTIONARI ********/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.aThird {
    border-bottom:0px;
    background-color:lightslategrey;
}
.ulThird {
    top:0px;
    left:100%;
}
.cf {
    *zoom: 1;
}
.navbar-orgchart .nav > li {
    background-color:#fff;
}
.org-chart {
    width:100% !important;
}
.nowidth {
    width:0% !important;
}

#contenutoSearchResult{display: none; overflow:hidden; border:0px solid red; margin:-10px 0px 0px 0px;}
.content-table-questionario{overflow:hidden;}
.titCampo{ font-family: 'DINProMedium', Arial, sans-serif;     padding: 0px 0px 7px 0px; font-size: 12px; color:#1d6699;}
.prodottiFormSx{
   padding:0px 10px 0px 0px;
   margin:0px 0px 0px 0px;   
   border:0px solid red;
}
.padding-form-check-login{ display:block; overflow:hidden; padding:0px 0px 0px 0px; border:0px solid red;}
.label-check-login{ display:block; float:left; font-size: 16px; padding:0px 0px 0px 0px;}
/*----- STYLE CHECKED ---------------------------------*/
.checkbox{
    margin-top: 5px;
}
.checkStyle {
   -webkit-appearance: none;
   appearance: none;
   width: 30px;
   height: 30px;
   border: 1px solid #ababab;   
   border-radius: 3px;
   background-color: #ffffff;   
   padding: 0px;
   cursor: pointer;
   vertical-align:middle;
}
.checkStyle:checked {
   -webkit-appearance: none;
   appearance: none;
   width: 30px;
   height: 30px;
   cursor: pointer;
   padding: 0px;
   border: 1px solid #6dbbf4;
   border-radius: 3px;   
   background-color: #6dbbf4;   
   background-image: url('../img/selezionato.svg');
   vertical-align:middle;
}
.txtCheck{padding: 10px 0px 0px 25px; font-family: "DINProRegular", Arial, sans-serif;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    outline: 0;
}
.prodottiFormDx{
   padding:0px 0px 0px 10px;
   margin:0px 0px 0px 0px;    
   border:0px solid red;
}
.content-table-questionario h1{
    font-size: 26px;
    color:#50afde;
    font-weight: normal;
    font-family: 'DINProMedium', Arial, sans-serif;
    padding:0px 0 10px 0px;
    margin:0px 0px 0px 0px;
	text-align:left;
}
.content-table-questionario > table {
    width:100%;
    background-color: transparent;
    margin-bottom:30px;
    border:0px solid red;
}
.content-table-questionario table {
    width:100%;
    background-color: transparent;
    margin-bottom:30px;
    border:0px solid red;
}
.content-table-questionario .table-condensed>tbody>tr>td,
.content-table-questionario .table-condensed>tbody>tr>th,
.content-table-questionario .table-condensed>tfoot>tr>td,
.content-table-questionario .table-condensed>tfoot>tr>th,
.content-table-questionario .table-condensed>thead>tr>td,
.content-table-questionario .table-condensed>thead>tr>th {
    padding: 15px;
	border:0px solid #ffffff;
	text-align:left;
}

.content-table-questionario .table-condensed>thead>tr>th{ background-color: #1d6699; color:#ffffff; text-transform:uppercase; font-size: 18px; }
.content-table-questionario .table-condensed>thead>tr>th>a{ display:block;color:#ffffff; text-decoration:none;}
.content-table-questionario .table-condensed>thead>tr>th>a:hover, a:focus{ color:#ffffff; text-decoration:none;}
.content-table-questionario .table-condensed>tbody>tr>td{ border-bottom:0px solid #c4cad1; font-family: 'DINProBold', Arial, sans-serif; }
.content-table-questionario .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;
}
.content-table-questionario .table-striped>tbody>tr:nth-of-type(even) {
    background-color: #ebeff1;
}
.content-table-questionario_nobgk{
	background-color: #ffffff !important;
}
.questionario .radioBtn .notActive{
    color: #ababab;
    background-color: #fff;
	border:1px solid #ababab;
	border-radius:3px;
	margin: 0px 9px 0px 0;
	padding: 6px 16px 6px 16px;
	font-family: "DINProMedium", Arial, sans-serif;
    font-size: 20px;

}
.questionario .radioBtn .active{
    color: #ffffff;
    background-color: #6dbbf4;
	border:1px solid #ababab;
	border-radius:3px;
	margin: 0px 9px 0px 0;
	padding: 6px 16px 6px 16px;
	font-family: "DINProMedium", Arial, sans-serif;
    font-size: 20px;

}
.textarea_style{
   color: #ababab;
   background-color: #fff;
   border:1px solid #ababab;
   border-radius:3px;
   margin: 0px 9px 0px 0;
   padding: 6px 16px 6px 16px;
   font-family: "DINProMedium", Arial, sans-serif;
   font-size: 20px;
   width:100% !important;
}
.questionario_button{
    color: #ffffff;
    background-color: #6dbbf4;
	border:0px solid #ababab;
	border-radius:1px;
	margin: 0px;
	padding: 12px 16px 12px 16px;
	font-family: "DINProMedium", Arial, sans-serif;
	text-transform:uppercase;
    font-size: 20px;

}
.questionario_margin_sep{
	margin: 20px 0px 0px 0px;
}
.formSurvey{  width:100%; padding: 12px 16px 12px 16px; font-family: "DINProRegular", Arial, sans-serif; font-size:16px;}

@media (min-width: 1000px) and (max-width: 1194px){
.content-table-questionario .table-condensed>tbody>tr>td{ font-size:14px; }
.content-table-questionario .table-condensed>tbody>tr>td,
.content-table-questionario .table-condensed>tbody>tr>th,
.content-table-questionario .table-condensed>tfoot>tr>td,
.content-table-questionario .table-condensed>tfoot>tr>th,
.content-table-questionario .table-condensed>thead>tr>td,
.content-table-questionario .table-condensed>thead>tr>th {
    padding: 10px;

}
	.questionario .radioBtn .notActive{
	margin: 0px 5px 0px 0;
	padding: 6px 13px 6px 13px;
    font-size: 15px;

}
.questionario .radioBtn .active{
	margin: 0px 5px 0px 0;
	padding: 6px 13px 6px 13px;
    font-size: 15px;

}
}

@media (min-width: 1195px) and (max-width: 1231px){
.content-table-questionario .table-condensed>tbody>tr>td{ font-size:14px; }
.content-table-questionario .table-condensed>tbody>tr>td,
.content-table-questionario .table-condensed>tbody>tr>th,
.content-table-questionario .table-condensed>tfoot>tr>td,
.content-table-questionario .table-condensed>tfoot>tr>th,
.content-table-questionario .table-condensed>thead>tr>td,
.content-table-questionario .table-condensed>thead>tr>th {
    padding: 10px;

}
	.questionario .radioBtn .notActive{
	margin: 0px 7px 0px 0;
	padding: 8px 16px 8px 16px;
    font-size: 18px;

}
.questionario .radioBtn .active{
	margin: 0px 7px 0px 0;
	padding: 8px 16px 8px 16px;
    font-size: 18px;

}
}

@media (min-width: 1232px) and (max-width: 1290px){
	.questionario .radioBtn .notActive{
	margin: 0px 7px 0px 0;
	padding: 8px 16px 8px 16px;
    font-size: 18px;

}
.questionario .radioBtn .active{
	margin: 0px 7px 0px 0;
	padding: 8px 16px 8px 16px;
    font-size: 18px;

}
}
@media (min-width: 616px) and (max-width: 999px){
	  /* AZZURRO */
   /* Force table to not be like tables anymore */
   .content-table-questionario table, 
   .content-table-questionario thead, 
   .content-table-questionario tbody, 
   .content-table-questionario th, 
   .content-table-questionario td, 
   .content-table-questionario tr { 
      display: block; 
   }
   
   /* Hide table headers (but not display: none;, for accessibility) */
   .content-table-questionario thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
  	  border:1px solid green;
   }
   
   .content-table-questionario tr { margin-bottom: 4px; border:1px solid #c4cad1; }
   
   .content-table-questionario td { 
      /* Behave  like a "row" */
      position: relative;
      word-break:break-all;
      padding-left: 50% !important; 
	  
   }
   .allWidth{padding: 0px !important; }
   
   .content-table-questionario td:before { 
       position: absolute;
           font-family: 'DINProMedium', Arial, sans-serif;
       top: 8px;
       left: 6px;
       width: 50%;
       padding-right: 10px;
       white-space: nowrap;
   }

   /* Label the data */		
   .content-table-questionario td:nth-of-type(1):before { content: '' attr(data-before); }
   .content-table-questionario td:nth-of-type(2):before { content: '' attr(data-before); }
   .content-table-questionario td:nth-of-type(3):before { content: '' attr(data-before); }
}

@media (min-width: 475px) and (max-width: 615px) {
	.content-table-questionario .table-condensed>tbody>tr>td{ font-size:14px; }
		.questionario .radioBtn .notActive{
	margin: 0px 5px 0px 0;
	padding: 6px 13px 6px 13px;
    font-size: 15px;

}
.questionario .radioBtn .active{
	margin: 0px 5px 0px 0;
	padding: 6px 13px 6px 13px;
    font-size: 15px;

}
   /* AZZURRO */
   /* Force table to not be like tables anymore */
   .content-table-questionario table, 
   .content-table-questionario thead, 
   .content-table-questionario tbody, 
   .content-table-questionario th, 
   .content-table-questionario td, 
   .content-table-questionario tr { 
      display: block; 
   }
   
   /* Hide table headers (but not display: none;, for accessibility) */
   .content-table-questionario thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
  	  border:1px solid green;
   }
   
   .content-table-questionario tr { margin-bottom: 4px; border:1px solid #c4cad1; }
   
   .content-table-questionario td { 
      /* Behave  like a "row" */
      position: relative;
      word-break:break-all;
      padding-left: 50% !important; 
	  
   }
   
   .content-table-questionario td:before { 
       position: absolute;
       font-family: 'DINMedio', Arial, sans-serif; 
       top: 8px;
       left: 6px;
       width: 50%;
       padding-right: 10px;
       white-space: nowrap;
   }

   /* Label the data */		
   .content-table-questionario td:nth-of-type(1):before { content: '' attr(data-before); }
   .content-table-questionario td:nth-of-type(2):before { content: '' attr(data-before); }
   .content-table-questionario td:nth-of-type(3):before { content: '' attr(data-before); }
}

@media 
only screen and (max-width: 474px) {
	.content-table-questionario .table-condensed>tbody>tr>td{ font-size:12px; }
		.questionario .radioBtn .notActive{
	margin: 0px 3px 0px 0;
	padding: 3px 7px 3px 7px;
    font-size: 11px;

}
.questionario .radioBtn .active{
	margin: 0px 3px 0px 0;
	padding: 3px 7px 3px 7px;
    font-size: 11px;

}
   /* AZZURRO */
   /* Force table to not be like tables anymore */
   .content-table-questionario table, 
   .content-table-questionario thead, 
   .content-table-questionario tbody, 
   .content-table-questionario th, 
   .content-table-questionario td, 
   .content-table-questionario tr { 
      display: block; 
   }
   
   /* Hide table headers (but not display: none;, for accessibility) */
   .content-table-questionario thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
  	  border:1px solid green;
   }
   
   .content-table-questionario tr { margin-bottom: 4px; border:1px solid #c4cad1; }
   
   .content-table-questionario td { 
      /* Behave  like a "row" */
      position: relative;
      word-break:break-all;
      padding-left: 50% !important; 
	  
   }
   
   .content-table-questionario td:before { 
       position: absolute;
       font-family: 'DINMedio', Arial, sans-serif; 
       top: 8px;
       left: 6px;
       width: 50%;
       padding-right: 10px;
       white-space: nowrap;
   }

   /* Label the data */		
   .content-table-questionario td:nth-of-type(1):before { content: '' attr(data-before); }
   .content-table-questionario td:nth-of-type(2):before { content: '' attr(data-before); }
   .content-table-questionario td:nth-of-type(3):before { content: '' attr(data-before); }
}
  /* .questionario_domanda{
	padding: 10px 10px 10px 0px;
	display:table-cell;
	vertical-align:middle;
	align-content: flex-start;
}*/
radio-widget{ width:100%; border:0px solid red; overflow:hidden;}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
  margin-left: 0px;
}
.btn {
    border: 0px solid transparent;
}
.radio-widget .btn {
  padding: 0px;
  margin-bottom: 0px;
  margin-right:0px;
  text-align:center;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  white-space: normal;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border-right: 0px solid transparent;
  border-radius: 0px;
}
.radio-widget .btn-default{
    color: #ababab;
    background-color: #fff;
    border: 1px solid #ababab;
    border-radius: 3px;
    margin: 0px 5px 5px 0;
    padding: 15px 16px 15px 16px;
    font-family: "DINProMedium", Arial, sans-serif;
    font-size: 20px;
}
@media (max-width: 480px){ /* FUCSIA */
   .radio-widget .btn-default{
     width: 100%;
     float: none;
   }
}
@media (min-width: 481px) and (max-width: 767px){  /* NERO */
   .radio-widget .btn-default{
     width: 100%;
     float: none;
   }
}
.radio-widget .btn-default > div{
   display: table-cell;
   line-height: 14px;
   text-align: center;
   padding:0px;   
   vertical-align:middle;
}
.radio-widget .btn-default.active, 
.radio-widget .btn-default.focus, 
.radio-widget .btn-default:active, 
.radio-widget .btn-default:focus, 
.radio-widget .btn-default:hover, .open>.dropdown-toggle.btn-default {
   color: #ffffff;
   background-color: #6dbbf4;
   border: 1px solid #ababab;
}
.radio-widget .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=40);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .40;
}
.radio-widget .btn-default.disabled:hover,
.radio-widget .btn-default[disabled]:hover,
fieldset[disabled] .radio-widget .btn-default:hover,
.radio-widget .btn-default.disabled:focus,
.radio-widget .btn-default[disabled]:focus,
fieldset[disabled] .radio-widget .btn-default:focus,
.radio-widget .btn-default.disabled.focus,
.radio-widget .btn-default[disabled].focus,
fieldset[disabled] .radio-widget .btn-default.focus {
  background-color: #fff !important;
  color: #ababab !important;   
  border-color: #ababab !important;
}
.radio-widget .btn-default.disabled.active {
  background-color: #fff !important;
  color: #ababab !important;   
  border-color: #ababab !important;
}