/**********************************************************
 *** IMPOSTAZIONI GENERALI ***
 *********************************************************/
 /* titillium-web-200 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/titillium-web-v15-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-200.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-200italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/titillium-web-v15-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-200italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-300italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/titillium-web-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-300italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium-web-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/titillium-web-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/titillium-web-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/titillium-web-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/titillium-web-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-900 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/titillium-web-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
 
html {
    overflow-y: scroll;
}
body, html {
	height: 100%;    
}
body {     
	font-family: "Titillium Web", sans-serif;     
	font-size: 18px; 
    color: #000;            
    background-color: #FFF;
    line-height: 150%; /* line-height: 1.4; */
}

p { 
    line-height: 150%; 
    text-align: left;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { 
	font-family: "Titillium Web", sans-serif;
	font-weight: bold;
	line-height: 150%; /*line-height: 1.2; */
	color: #000;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-weight: 400;
	line-height: 150%; /*line-height: 1;*/
	color: #999;
}
.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
	font-size: 65%
}
.h4, .h5, .h6, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-size: 75%
}
.h1, h1 {
	font-size: 54px;
}
.h2, h2 {
	font-size: 2.2em !important; /*font-size: 40px;*/
}
.h3, h3 {
	font-size: 32px;
}
.h4, h4 {
	font-size: 23px;
}
.h5, h5 {
	font-size: 21px;
}
.h6, h6 {
	font-size: 18px;
}

@media screen and (max-width:767px) {
    h2, h2 {
        font-size: 36px;
    }     
    h3, h3 {
        font-size: 28px;
    }
} 

a {
	color: #005999;
	text-decoration: underline;
}
a {
	transition: all .3s ease 0s   
}

a:focus, a:hover {
	color: #005999; 
	text-decoration: underline
}

a:focus {
	outline: 2px solid #ff8c00;     
}

a:visited {
	color: #551a8b;
}

p {
	margin: 0 0 14px;
    font-size: 1em;  /*font-size: 18px;*/
}

.lead { 
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 200;
    line-height: 150%; /*line-height: 1.4; */
}

.hidden {
    display: none;
}

.element-invisible {
    position: absolute;
    left: -9999px;
}


ul.lista-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.lista-menu li {
	margin: 0;
	position: relative;
	list-style: none;
	padding: 0;
}
ul.lista-menu li:first-child {
	margin-top: 15px;    
}
ul.lista-menu li a {
	padding: 7px 0 8px 25px;
	line-height: 150%;
	display: block;
}
ul.lista-menu li a.active, ul.lista-menu li a.active-trail {
	color: #1d1d1d;
}
ul.lista-menu li a:hover {
	text-decoration: none;
	background-color: #252525;
	color: #ffffff;
}
ul.lista-menu li.expanded ul {
	padding-left: 25px;
}
ul.lista-menu li.collapsed > a:before {
	content: "\f105";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	font-size: 20px;
	top: 7px;
	color: #2a68af;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	transition: all linear 0.2s;
	font-weight: 700;
}
ul.lista-menu li.expanded > a:before {
	content: "\f107";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	font-size: 20px;
	top: 7px;
	color: #2a68af;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	transition: all linear 0.2s;
	font-weight: 700;
}
ul.lista-menu li.active-trail > a:before, ul.lista-menu li.active-trail a.active:before {
	color: #1d1d1d;
}
ul.lista-menu li > a:hover:before {
	left: 10px;
	color: #2a68af!important;
}
ul.lista-menu li.expanded > a:hover:before {
	left: 5px;
}

.button {
    text-align: left;
}

/* k2 */
span.itemDateModified {
	color: #000 !important;
}

/**********************************************************
 *** HEADER ***
 *********************************************************/
/* ---header-top--- */
.header-top,
.header-top * {
    -webkit-transition: height 0.5s ease, line-height 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease, padding 0.5s ease, background-size 0.5s ease, width 0.5s ease, border 0.5s ease, margin 0.5s ease;
    transition: height 0.5s ease, line-height 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease, padding 0.5s ease, background-size 0.5s ease, width 0.5s ease, border 0.5s ease, margin 0.5s ease; 
}

.header-top {
    margin: 0;
    padding: 0;
    width: 100%; 
    position: relative;
    z-index: 2; 
}
 
/* h6 sostituito con h1 */
.header-top h6,
.header-top h1 {
    margin: 0;
    height: 48px;
    color: #FFFFFF;
    line-height: 48px;
    font-weight: 700;
    font-size: 1.145em;
    letter-spacing: 0.01em;
    margin-left: 136px;
    padding-left: 118px; 
}  

.js-scrolled .header-top h6,
.js-scrolled .header-top h1 {
  height: 32px;
  height: 2px;
  overflow: hidden;
  line-height: 32px;
  font-size: 0.85em; 
}
  
  @media (min-width: 768px) and (max-width: 991px) {
    .js-scrolled .header-top h6,
    .js-scrolled .header-top h1 {
        font-size: 0.785em; 
    } 
  }
  @media (max-width: 767px) {
    .js-scrolled .header-top h6,
    .js-scrolled .header-top h1 {
        text-align: center;
        margin-left: 0;
        padding-left: 0;
        font-size: 0.785em; 
    } 
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .header-top h6,
    .header-top h1 {
        margin-left: 92px;
        padding-left: 72px;
        font-size: 1em; 
    } 
  }
    @media (max-width: 767px) {
      .header-top h6,
      .header-top h1 {
        text-align: center;
        margin-left: 0;
        padding-left: 0;
        font-size: 0.785em; 
      } 
    }
    @media (min-width: 1441px) {
      .header-top h6,
      .header-top h1 {     
      } 
    } 
    
/* ---header-main--- */ 
.header-main {  
    height: 150px;
    position: relative; 
}

.header-main,
.header-main * {
    -webkit-transition: height 0.5s ease, line-height 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease, padding 0.5s ease, background-size 0.5s ease, width 0.5s ease, border 0.5s ease, margin 0.5s ease;
    transition: height 0.5s ease, line-height 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease, padding 0.5s ease, background-size 0.5s ease, width 0.5s ease, border 0.5s ease, margin 0.5s ease; 
}

.js-scrolled .header-main {
    height: 70px;               
}
  @media (max-width: 991px) {
    .header-main {
      height: 96px; } }
  
.header-main .container-fluid {
    position: relative;
    height: 150px; 
}
    
.js-scrolled .header-main .container-fluid {
    height: 60px; 
}
  @media (max-width: 991px) {
    .header-main .container-fluid {
        height: 96px; 
    } 
  }          
    
/* header-ente */
.header-main .header-ente {
    margin-left: 110px;          
    display: table;
    height: 98%; 
}
  @media (min-width: 768px) and (max-width: 991px) {
    .header-main .header-ente {
        margin-left: 92px; 
    } 
  }
  @media (max-width: 767px) {
    .header-main .header-ente {
        margin-left: 58px;          
    } 
  }
  @media (min-width: 1441px) {
    .header-main .header-ente {      
    } 
  }
    
.js-scrolled .header-main .header-ente {
  display: table;
  height: 98%; 
}
  @media (min-width: 1441px) {
    .js-scrolled .header-main .header-ente {  
    } 
  }
  
.header-main .header-ente a {
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle; 
}

.header-main .header-ente a h1 {    
    color: #fff;
    font-size: 1.8em;
    font-weight: 400;
    margin: 0;
    padding-left: 106px;
    background: url("../images/logo-ente.png") no-repeat left center;
    background-size: 72px 87px;
    height: 96px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.15; 
}
.header-main .header-ente a:hover h1 {    color: #fff;
    text-decoration: underline;
}
.header-main .header-ente a:focus h1 {
    outline: #ff8c00 solid 3px !important;
    text-decoration: none !important; 
}
        
.header-main .header-ente a h1 strong {
    font-weight: 700;
    display: block; 
}
  @media (min-width: 768px) and (max-width: 991px) {
    .header-main .header-ente a h1 {
        padding-left: 72px;
        background-size: 46px 51px;
        height: 56px;
        font-size: 1.5em; 
    } 
  }
  @media (max-width: 767px) {
    .header-main .header-ente a h1 {
        padding-left: 58px;
        background-size: 38px 43px;
        height: 48px;
        font-size: 1em; 
    } 
  }
        
.js-scrolled .header-main .header-ente a h1 {
    background-size: 46px 51px;
    height: 56px;
    font-size: 1.5em;
    padding-left: 66px; 
}
  
.js-scrolled .header-main .header-ente a h1 strong {
    display: block; 
}
  @media (min-width: 768px) and (max-width: 991px) {
    .js-scrolled .header-main .header-ente a h1 strong {
        display: inline-block; 
    } 
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .js-scrolled .header-main .header-ente a h1 {
        background-size: 46px 51px;
        height: 56px;
        font-size: 1.5em; 
    } 
  }
  @media (max-width: 767px) {
    .js-scrolled .header-main .header-ente a h1 {
        background-size: 38px 43px;
        height: 48px;
        font-size: 1em; 
    } 
  }
      
.header-main .header-ente a:hover {
    text-decoration: none; 
}
/* --- */   

.header-main .header-dx {
    position: absolute;
    top: 0;
    right: 24px; 
}
  @media (min-width: 768px) and (max-width: 991px) {
    .header-main .header-dx {
        right: 48px; 
    } 
  }
  @media (max-width: 767px) {
    .header-main .header-dx {
        right: 16px; 
    } 
  }
  @media (min-width: 1441px) {
    .header-main .header-dx {  
    } 
  }

/* social-follow  */
.social-follow {    
    position: relative;
    margin: 14px 0 13px; 
}
  
.js-scrolled .social-follow {
    margin-top: -296px;
    z-index: 1; 
}
  @media (max-width: 991px) {
    .social-follow {
      margin: 8px 0 12px; 
    } 
  }
  
.social-follow > span {    
   /* margin-right: 7px;   */
}
  
.social-follow .social-links { clear: both;
    float: left; 
}
    
.social-follow .social-links span { 
    color: #fff;
    font-size: 1em; 
    text-decoration: underline;
    text-align: left;
}
    
.social-follow .social-links a {
    background: #FFFFFF;
    display: inline-block;
  /*  text-align: center; */
    width: 28px;
    height: 28px;
    line-height: 29px;
    margin: 0 0 0 16px;
    border-radius: 50%;
    vertical-align: baseline; 
}
      
.social-follow .social-links a:hover {
    text-decoration: none;
    background-color: #5A0000;                     
}
  @media (max-width: 991px) {
    .social-follow .social-links a {
      width: 22px;
      height: 22px;
      line-height: 26px;
      font-size: 0.78em;
      margin-top: 6.5px; 
    } 
  }
  
.social-follow .social-links a:focus {
    border: #ff8c00 solid 3px;                    
}
      
.social-follow .social-links a span.fa-facebook,
.social-follow .social-links a span.fa-youtube { 
    font-size: 1.15em;
    text-align: left; 
    padding-left: 5px;
}
.social-follow .social-links a:hover span.fa-facebook,
.social-follow .social-links a:hover span.fa-youtube {
    color: #fff;
}

.social-follow .social-links a span.fa-facebook::before,
.social-follow .social-links a span.fa-twitter::before {
    padding-left: 1px; 
}

.social-follow .testata {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; 
}  

span.fa {              
/*	padding-right: 10px     */
}
/* ---  */

/* SEARCH-BAR */
input:focus,
button:focus,
textarea:focus,
select:focus { 
    outline: #ff8c00 solid 3px !important;
    text-decoration: none !important; 
}             

.button.btn.btn-primary {  
  /*  margin: 0;
    border: 0;
    outline: none;
    display: block;
    float: left;
    height: 48px;
    line-height: 48px;    
    border-radius: 0;
    font-size: 12px;
    font-weight: 700;
    padding-left: 25px;
    padding-right: 25px;
    background-image: url("../images/icon-lente-white.svg"); 
    background-repeat: no-repeat; 
    background-position: 14px 1px;
    background-size: 38px 38px;
    background-position: center;
    color: transparent;*/ 
}

/*sb-search-input search-query input-medium */

.sb-search-input,
.sb-search-submit {  
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    display: block;
    float: left;
    height: 48px;
    line-height: 48px; 
}
  
.js-scrolled .sb-search-input, 
.js-scrolled .sb-search-submit {
    margin-top: 0; 
}  

.search-bar.hidden-xs.hidden-sm.clearfix {
	margin-top: 4px;
}

.sb-search-input {
    padding: 0 16px;
    color: #1C2024;
    width: 284px;
    font-size: 1.15em;
    color: #30373d; 
}
  
.sb-search-submit {
    width: 48px;
    cursor: pointer;
    background-image: url("../images/icon-lente-white.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px 32px; 
   /* color: transparent !important; */   /* rende trasparente Vai nel bottone di ricerca */
}

.element-invisible {
    color: #fff;
}
  
.mobile .sb-search-input {
    width: 100%; 
} 

.mobile-search .sb-search-submit {
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin-top: 24px;
    background-size: 24px 24px; }
  .js-scrolled .mobile-search .sb-search-submit {
    margin-top: 6px; }

.mobile-search-bar {
    position: fixed;
    width: 100%;
    top: 144px;
    left: 0;
    z-index: 250;
    height: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: height 0.25s ease, top 0.25s ease, padding 0.25s ease;
    transition: height 0.25s ease, top 0.25s ease, padding 0.25s ease; }
    .mobile-search-bar.revealed { width: 100%;
      height: 68px;
      padding: 6px 20px; }
    .js-scrolled .mobile-search-bar {
      top: 62px; }
    .mobile-search-bar .search-input {
      position: relative;
      border: 0;
      background: #FFFFFF;
      width: 100%;
      height: 48px;
      margin: 0;
      font-size: 20px;
      padding: 0 8px; }

::-webkit-input-placeholder {
    color: #000;
    font-size: 1.15em; }

:-moz-placeholder {
    color: #000;
    font-size: 1.15em; }

::-moz-placeholder {
    color: #000;
    font-size: 1.15em; }

:-ms-input-placeholder {
    color: #000;
    font-size: 1.15em; }
    
    

/**********************************************************
 *** INVOLUCRO ***
 *********************************************************/
body section {
	padding-top: 2px;      
}  

#wrap {
	height: auto!important;
	margin: 0 auto;
	min-height: 100%;
}

#wrap .element-invisible {
	display: none;
} 

#main1 {   
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    width: 100%; }
    .js-scrolled #main1 {
      padding-top: 0px; }
    @media (max-width: 991px) {
      #main1 {
        padding-top: 0px; } }

.top-background {            
    position: relative;
    height: 198px;                     
    width: 100%;
    display: block; }
    .js-scrolled .top-background {
      height: 152px; }
      .js-scrolled .top-background {
        height: 82px; } 
    @media (max-width: 991px) {
      /*.top-background {
        height: 192px; }*/
        .top-background {
          height: 144px; } }         

/* TPL1 */ 
#imageForm .row::after, .group:after, .thumbnails::after {
	clear: both
}

.accordion-toggle, button, input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox], label, select {
	cursor: pointer
}
.accordion {
	margin-bottom: 20px
}
.accordion-group {
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-bottom: 2px
}
.accordion-heading {
	border-bottom: 0 none
}
.accordion-heading .accordion-toggle {
	display: block;
	padding: 8px 15px
}
.accordion-inner {
	border-top: 1px solid #e5e5e5;
	padding: 9px 15px
}
.form-horizontal .control-label {
	width: 160px;
	margin-bottom: 0;
	padding-top: 7px
}
.form-horizontal .form-actions {
	padding-left: 160px
}
.hm_blog_list .blog_grid_con .meta, .post_title_con .meta {
	border-bottom: 1px dotted rgba(0,0,0,.1);
	font-size: 13px;
	font-style: italic;
	margin-bottom: 17px;
	padding-bottom: 11px
}

.clearfix::after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden
}
.clearfix {
	display: block
}

/* -------------------------------------------------------------------------------------------------------------
.layout-boxed {
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	margin: 0 auto;
	max-width: 1240px;
	background: #fff
}
-----------------------------------------------------------------------------------------------------------------*/

.navbar-default .nav-header {
	padding: 5px 20px;
	display: block;
	font-weight: 700;
	line-height: 20px
}
.uneditable-input, input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], select, textarea {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
	color: #000;
	display: inline-block;
	font-size: 100%;
	line-height: 1.42857;
	min-width: 100px;
	padding: 6px 12px;
	transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s
}
.manager.thumbnails li {
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0,0,0,.055);
	display: block;
	float: left;
	height: 80px;
	line-height: 18px;
	position: relative;
	text-align: center;
	width: 80px;
	padding: 4px
}
.dropdown-menu, .navbar {
	border-radius: 0!important
}
.manager.thumbnails li .height-50 {
	height: 50px;
	margin-bottom: 4px;
	margin-top: 4px
}
.thumbnails::after, .thumbnails::before {
	content: "";
	display: table;
	line-height: 0
}
.manager.thumbnails {
	list-style: none;
	margin: 0 0 0 -20px;
	padding: 0
}
.window .window-mainbody {
	padding: 20px
}
#editor-xtd-buttons .btn, .toggle-editor .btn {
	background-color: #fff;
	border-color: #ccc;
	text-shadow: 0 1px 0 #fff;
	margin: 5px
}
.thumbnails>li {
	float: left;
	margin-bottom: 18px;
	margin-left: 20px
}
.thumbnail {
	margin-bottom: 9px
}
.height-80 {
	height: 80px
}
.width-80 {
	width: 80px
}
.center, .table td.center, .table th.center {
	text-align: center
}

.search .only label, .search .phrases .phrases-box .controls label {
	display: inline-block;
	margin: 0 20px 20px
}

img {
	max-width: 100%
}
#top {
	color: #ddd;
	font-size: 12px;
	line-height: 30px;
	padding-bottom: 4px;
	padding-top: 4px
}
#top .container .separator {
	border-left: 1px solid #CCC;
	display: inline-block;
	height: 10px;
	margin: 0 20px;
	width: 1px
}

#main-box {
	background: 0 0;
	border: 0 solid #E5E5E5;
	margin-bottom: 20px;
	padding: 10px 0;
}

.toppad {
	padding-top: 40px
}
#fullwidth {
	overflow: hidden
}
#fullwidth .moduletable {
	border: 0;
	padding: 0;
	margin-bottom: 20px
}

.black .moduletable {
	background: #222;
	border-color: #222;
	color: #AAA
}

.panel.moduletable {
	padding: 0
}
.panel .moduletable {
	box-shadow: none;
	margin: 0 10px;
	padding: 10px
}
#brand {
	float: left;
	padding-left: 15px;
	padding-top: 5px
}
#imageForm .pull-right,
#pop-print {
	float: right
}
#brand img {
	padding-bottom: 10px;
	padding-top: 20px
}
.page-header {
	margin: 10px 0 20px!important
}
.hasTooltip {
	display: inline!important
}
.noMainbody {
	display: none!important
}
ol.unstyled, ul.unstyled {
	list-style: none;
	margin-left: 0;
	padding: 0
}
.input-append .add-on:last-child, .input-append .btn-group:last-child>.dropdown-toggle, .input-append .btn:last-child {
	border-radius: 0 3px 3px 0
}
.input-append .add-on, .input-append .btn, .input-append .btn-group {
	margin-left: -1px
}
.input-append .add-on, .input-append .btn, .input-append .btn-group>.dropdown-toggle, .input-prepend .add-on, .input-prepend .btn, .input-prepend .btn-group>.dropdown-toggle {
	border-radius: 0;
	vertical-align: top
}
#pop-print {
	margin: 10px
}
div#jform_access_chzn.chzn-container, div#jform_access_chzn.chzn-container div.chzn-drop, div#jform_catid_chzn.chzn-container, div#jform_catid_chzn.chzn-container div.chzn-drop, div#jform_featured_chzn.chzn-container, div#jform_featured_chzn.chzn-container div.chzn- drop, div#jform_language_chzn.chzn- container, div#jform_language_chzn.chzn-container, div#jform_language_chzn.chzn-container div.chzn-drop, div#jform_metadata_tags_chzn.chzn-container, div#jform_metadata_tags_chzn.chzn-container div.chzn-drop, div#jform_state_chzn.chzn-container, div#jform_state_chzn.chzn-container div.chzn-drop, div#jform_tags_chzn.chzn-container {
	width: 260px!important
}
.control-group {
	margin-bottom: 15px
}
.btn.modal {
	bottom: auto;
	display: inline;
	left: auto;
	position: relative;
	top: auto
}
#imageForm .well {
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,.05) inset;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 19px
}
#imageForm .row::after,
#imageForm .row::before {
	content: "";
	display: table;
	line-height: 0
}
#print, body #overall {
	height: auto;
	overflow: hidden
}  

#copy.well {
	border-radius: 0;
	border: 0;
	margin: 0
}

#main #container {
	background-color: #fff
}
#push {  
	height: 60px
}
.float-left {
	float: left
}
.float-right {
	float: right
}
.group:after, .group:before {
	content: "";
	display: table
}
.ie7 .group {
	zoom: 1
}
.form-horizontal .control-label {
	text-align: inherit!important
}

div.contact-form-field label, div.message-label label {
	display: inline!important
}
div#jform_tags_chzn.chzn-container ul.chzn-choices li.search-field input.default {
	padding: 0
}
.control-group input[type=checkbox] {
	width: 10px!important
}
.btn-toolbar, .nav.nav-tabs {
	margin-bottom: 20px
}
.component-content h2, .title {
	text-shadow: none
}
.title-line {
	background: #d1d1d1;
	height: 2px;
	margin-bottom: 20px;
	width: 100%
}
.title-line span {
	display: block;
	height: 2px;
	width: 90px;
	background: #428bca
} 

#frame input.inputbox {
	border: 1px solid #ccc;
	padding: 8px;
	width: 100%;
	border-radius: 4px
}
#frame {
	margin-top: 100px
}
@media (max-width:768px) {
.navbar-nav>li>a {
	line-height: 30px!important;
	padding-bottom: 5px!important;
	padding-top: 5px!important
}

/* -------------------------------------------------------------------------------------------------------------
.layout-boxed .header--fixed {
	width: 100%!important;
	left: auto!important;
	right: auto!important
}
 -------------------------------------------------------------------------------------------------------------*/
}

@media (min-width:1200px) {
section {
	margin-top: auto
}

/* -------------------------------------------------------------------------------------------------------------
.layout-boxed .header--fixed {
	width: 1240px;
	left: auto;
	right: auto
}
/* -------------------------------------------------------------------------------------------------------------*/
}

/* Fix disappearing tabs on editor page - Added by Waseem Sadiq 8th March 2015*/
.icons .btn-group, 
.icons .btn-group a[data-toggle=tab][aria-expanded=false], 
ul.nav-tabs>li>a[data-toggle=tab][aria-expanded=false] {
	display: block!important
}
.checkbox label, .radio label {
	padding-left: 20px;
	padding-right: 10px;
}
label {
	display: block;
	margin-bottom: 5px;
}
button, input, label, select, textarea { 
	font-size: 0.8em;          
	/*font-weight: 400;*/
	line-height: 18px;
	font-family: arial;
}
.contact-form .control-group .uneditable-input, .contact-form .control-group input, .contact-form .control-group textarea {
	width: 100%;
}
.email-copy-input {
	float: left;
}
.control-group .control-label {
	padding-top: 7px;
	padding-bottom: 7px;
}
div#jform_access_chzn.chzn-container, div#jform_access_chzn.chzn-container div.chzn-drop, div#jform_catid_chzn.chzn-container, div#jform_catid_chzn.chzn-container div.chzn-drop, div#jform_featured_chzn.chzn-container, div#jform_featured_chzn.chzn-container div.chzn- drop, div#jform_language_chzn.chzn-container, div#jform_language_chzn.chzn-container div.chzn-drop, div#jform_metadata_tags_chzn.chzn-container, div#jform_metadata_tags_chzn.chzn-container div.chzn-drop, div#jform_state_chzn.chzn-container, div#jform_state_chzn.chzn-container div.chzn-drop, div#jform_tags_chzn.chzn-container {
	width: 260px!important;
}
.chzn-container-single .chzn-single {
	width: 140px
}
.chzn-container .chzn-drop {
	width: 100px
}
.input-append .add-on, .input-prepend .add-on {
	display: inline-block;
	width: auto;
	height: 18px;
	min-width: 16px;
	padding: 4px 5px;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	background-color: #eee;
	border: 1px solid #ccc
}
.input-small {
	width: 90px
}
.btn.modal {
	background: #eee
}
/* //tpl1 */

/**********************************************************
 *** FOTO HEADER ***
 *********************************************************/
#foto-header { } 

#foto-header .moduletable {     
	margin: 0;
    padding: 0; 
} 

.foto-header img {
	height: 100%;
	width: 100%;
    border-bottom: 4px solid #c2c2c0;
}   

/**********************************************************
 *** BREADCRUMBS ***
 *********************************************************/

#breadcrumbs {    border-bottom: 1px solid #d0d0d0;
	background: #f5f5f5;
	padding: 14px 0;
}
.breadcrumb {  
    font-size: 0.8em;
    font-weight: bold;  
	border-radius: 0;
	margin-bottom: 0;
}
.breadcrumb a {  
    color: #005967;
}

#breadcrumbs .moduletable {    
	margin-bottom: 0;
	padding: 0;
} 

/* Content slider */
.bt-cs .next:hover, .bt-cs .prev:hover,
.bt-cs a.next:hover, .bt-cs a.prev:hover  {
text-decoration: underline;
border: rgb(0,102,0) solid 3px !important;
}

.bt-cs .next:focus, .bt-cs .prev:focus,
.bt-cs a.next:focus, .bt-cs a.prev:focus { 
border: #ff8c00 solid 3px !important;
}

.bt-cs .bt-inner a {
	text-decoration: underline;
    color: #005964;
}

.bt-cs .bt-center {
	text-align: left !important;
}

/**********************************************************
 *** MENU LATERALE ***
 *********************************************************/
#sidebar-2 {
    border-left: 1px solid #eaeaea;
    padding-right: 5px;
}

/* 1 livello */
.mod-crsf-menu1 .menu a  {  
    font-size: 16px;
    color: #fff;
    display: block;
 	padding: 15px 15px 15px 32px;  
    line-height: 1.4em;
} 

/*.mod-aree .menu a:hover.aree-tematiche-extra   {  
    background-color: #30373d;
}  */

.mod-crsf-menu1 .menu a  {   
    background: url("../images/tema/freccina-bianca.png") no-repeat 0.6em 1.1em;  
} 

.mod-crsf-menu1 .menu li {  
    border-bottom:1px dotted #ccc; 
    line-height: 20px;
} 

.mod-crsf-menu1 .menu li > a:hover {   
    color: #fff;
    background: url("../images/tema/freccina-bianca.png") no-repeat 0.8em 1.1em;           
}  

.mod-crsf-menu1 .menu li.current > a:hover,
.mod-crsf-menu1 .menu li.current > a, 
.mod-crsf-menu1 .menu li > a:focus,
.mod-crsf-menu1 .menu li > a:active {     
    background: url("../images/tema/freccina-bianca.png") no-repeat 0.6em 1.1em;  
}  

.mod-crsf-menu1 .menu .sub-menu1:hover  {  
    background: url("../images/tema/freccina-bianca-giu.png") no-repeat 0.6em 1.1em;
} 

.mod-crsf-menu1 .menu li.current > .sub-menu1,
.mod-crsf-menu1 .menu li.current > .sub-menu1:hover, 
.mod-crsf-menu1 .menu li > .sub-menu1:focus, 
.mod-crsf-menu1 .menu li > .sub-menu1:focus {     
    background: url("../images/tema/freccina-bianca-giu.png") no-repeat 0.6em 1.1em;  
}  

/* 2° livello */ 
.mod-crsf-menu1 .menu li ul li:first-child  {   
    border-top: 1px dotted #ccc; 
} 
.mod-crsf-menu1 .menu li ul li:last-child  {   
    border-bottom: none; 
}   

.mod-crsf-menu1 .menu li ul li a {  
    background: url("../images/tema/freccina2-bianca.png") no-repeat 1.4em 1.1em;   
    padding-left: 46px;
    line-height: 1.4em;  
} 


.mod-crsf-menu1 .menu li ul li a.extra {  
    background-color: #30373d;  
   /* border-left: 18px solid #df0625;  */
}

.mod-crsf-menu1 .menu li ul li > a:focus,
.mod-crsf-menu1 .menu li ul li > a:active, 
.mod-crsf-menu1 .menu li ul li.current > a,
.mod-crsf-menu1 .menu li ul li.current > a:hover {
    color:#fff;
    background: url("../images/tema/freccina2-bianca.png") no-repeat 1.4em 1.1em;
}  

.mod-crsf-menu1 .menu li ul li .sub-menu2:hover  {  
    background: url("../images/tema/freccina2-bianca-giu.png") no-repeat 1.6em 1.1em;
} 

.mod-crsf-menu1 .menu li ul li.current > .sub-menu2, 
.mod-crsf-menu1 .menu li ul li.current > .sub-menu2:hover, 
.mod-crsf-menu1 .menu li ul li > .sub-menu2:focus, 
.mod-crsf-menu1 .menu li ul li > .sub-menu2:active {     
    background: url("../images/tema/freccina2-bianca-giu.png") no-repeat 1.6em 1.1em;  
} 

/* 3 livello */ 
.mod-crsf-menu1 .menu li ul li ul li a {   
    background: url("../images/tema/freccina2-blu.png") no-repeat 1.8em 1.1em !important; 
    padding-left: 56px; 
}

.mod-crsf-menu1 .menu li ul li ul li a:hover {   
    background: url("../images/tema/freccina2-blu.png") no-repeat 2em 1.1em !important; 
    padding-left: 56px;
}        


/**********************************************************
 *** MODULI  ***
 *********************************************************/
.moduletable {  
	padding: 20px 10px
}

.module-title .title {   
	background: transparent;
	font-size: 26px; 
	margin: 0 0 20px 0;
	padding: 0;  
  font-weight: normal;  
} 

/* --------------------------
    Suffissi module class                   
---------------------------*/
.moduletable_mod-cr .module-content {
  background: #FAFBFC;
  border: 1px solid #eef1f5;
}


.moduletable_mod2 .module-content {
  /*background: #E7EAEC;  */
}
.moduletable_mod2 .module-title {
  background-color: #1B63A2;
  border-radius: 5px;
  color: #FFF !important;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 6px 12px !important;
}  

/* --------------------------
    class pagina -> amministrazionr                   
---------------------------*/
#pag-amministrazione {}  

.amministrazione-pulsante {
    border-radius: 4px; 
    color: #ffffff; 
    vertical-align: middle; 
    font-size: 1.2em; 
    margin: .6em .2em; 
    padding:  1.2em .5em;                         
    min-height: 4em;  
    background-size: cover;
    box-shadow: 2px 2px 5px #999	
}   
.amministrazione-pulsante .fa {   
    float: right;
    font-size: 1.2em;
    color: #fff;
    padding-right: 6px; 
    line-height: 150%;   /* line-height: 1.2em; */	
} 
.amministrazione-titolo {
    font-size: 0.9em;
    font-weight: bold;
    margin: 0 6px;       	
}  
.amministrazione-pulsante a {
    color: #fff !important; 	
} 
.amministrazione-pulsante a:hover {
    text-decoration: underline;	
}
.amministrazione-pulsante a:active {
    background-color: #ff8c00; 
}

.row .assessori-consiglieri h3 {
    font-size: 1.28em; 
}

/* --------------------------
    tabelle                   
---------------------------*/
table#tab1_allegati .riga_intestazione a, table#tab2_allegati .riga_intestazione a {     
  color: #fff; 
  font-size: 1.2em;
  padding: 16px; 
}
table#tab1_allegati .riga_intestazione a:hover, table#tab1_allegati .riga_intestazione a:hover {     
  color: #FFC600;  
} 

/* --------------------------
    header                   
---------------------------*/
h2.titolo {   
	font-weight: bold;
	letter-spacing: normal;
}

h3.vedi-tutto a {
    text-decoration: underline;
}

h3.vedi-tutto a:focus  {
    outline: #ff8c00 solid 3px !important;
    text-decoration: none !important; 
}

@media screen and (max-width:767px) {
    h2.titolo, h3.vedi-tutto {
	float: none !important;
    text-align: center;
    }  
        
    h3.vedi-tutto { 
	margin-top: 10px;  
    }
} 

/**********************************************************
 *** SERVIZI - TRASPARENZA  ***
 *********************************************************/
#modulo-servizi {}  
#modulo-trasparenza {}

.pulsante-ico-png:before{
    content:  "\0000a0";
    display: inline-block;      
    position: relative;
    top: 0px;
    left: 0px;
    background: url("../images/ico/videosorveglianza.png") no-repeat left center transparent;
    background-size: 100% 100%;
    height: 35px;
    width: 41px;
    margin-left: 2px;
}

.servizi-pulsante,
.trasparenza-pulsante,
.pulsante-ico-png  { 
    border-radius: 4px; 
    color: #ffffff; 
    vertical-align: middle; 
    font-size: 1.2em; 
    margin: .6em .2em; 
    padding:  1em .5em;                         
    min-height: 4em;  
    background-size: cover;
    box-shadow: 2px 2px 5px #999	
}   
.servizi-pulsante .fa,
.trasparenza-pulsante .fa { 
    font-size: 1.2em;
    color: #fff;
    padding-left: 10px; 
    line-height: 150%;  	
} 

.servizi-pulsante .icon-camrecorder {
    line-height: 150%;
}

.servizi-titolo,
.trasparenza-titolo  {
    font-size: 0.9em;
    font-weight: bold;
    margin: 0 10px;       	
}  
.servizi-pulsante a,
.trasparenza-pulsante a,
.pulsante-ico-png a {
    color: #fff !important; 	
} 
.servizi-pulsante a:hover,
.trasparenza-pulsante a:hover,
.pulsante-ico-png a {
    text-decoration: underline;	
}
.servizi-pulsante a:active,
.trasparenza-pulsante a:active {
    background-color: #ff8c00; 
}

/**********************************************************
 *** PUBBLICITA' LEGALE - SITI DI INTERESSE ***
 *********************************************************/
#modulo-pubblicita-legale{}
#modulo-siti-di-interesse {}  

.pubblicita_legale_box,
.siti_di_interesse_box {    
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 20px;
    max-width: 445px;
}
  @media (max-width: 767px) {
      .pubblicita_legale_box,
      .siti_di_interesse_box {
        margin: 0 auto 15px auto; 
        } 
    }

.pubblicita_legale_box img,
.siti_di_interesse_box img {     
    border-radius: 6px;
    border: 2px solid #0066cc;
}

.pubblicita_legale_box img:hover,
.siti_di_interesse_box img:hover { 
    border-radius: 6px; 
    border: 2px solid #ff8c00;
}

.pubblicita_legale_box a:focus,
.siti_di_interesse_box a:focus {   
  border: none;
} 

/* whistleblowing */
.whistleblowing_box {    
    margin: 0 auto;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 20px;
    width: 300px;  
}
  @media (max-width: 767px) {
      .whistleblowing_box {
        margin: 0 auto 15px auto; 
        } 
    }

.whistleblowing_box img {     
    border-radius: 6px ;
    border: 2px solid #0066cc;

}

.whistleblowing_box img:hover { 
    border-radius: 6px; 
    border: 2px solid #ff8c00;
}

.whistleblowing_box a:focus {   
  border: none;
}    

/**********************************************************
 *** GALLERIA ***
 *********************************************************/
#modulo-galleria {}   

.section-galleria {  
    /*padding-top: 40px;
    padding-bottom: 30px;    */
    position: relative; 
    background-color: #30373d;
}  

  @media (min-width: 768px) and (max-width: 991px) {
    .section-galleria {
     /* padding-top: 32px;
      padding-bottom: 32px;   */
    } 
  }
  @media (max-width: 767px) {
    .section-galleria {    
    /*  padding-top: 24px; 
      padding-bottom: 56px;   */
    } 
  }  
  
  @media (max-width: 767px) {
    .section-galleria.extra-padding {
      padding-left: 16px;
      padding-right: 16px; 
    }
    .section-galleria.extra-padding .row {
        margin-left: -16px;
        margin-right: -16px; 
    } 
  }  
  
.extra-padding {
    padding-left: 32px !important;
    padding-right: 32px !important; 
}

    @media (min-width: 768px) and (max-width: 991px) {
      .extra-padding {
        padding-left: 24px !important;
        padding-right: 24px !important; 
      } 
    }
    @media (max-width: 767px) {
      .extra-padding {
        padding-left: 16px !important;
        padding-right: 16px !important; 
      } 
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .extra-padding .container {
        padding-right: 16px !important; 
      } 
    }
     
.section-galleria h2 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 32px;  
}
    @media (max-width: 767px) {
      .section-galleria h2 {
        font-size: 2.4em; 
      } 
    }
 
.section-galleria .vedi-tutto-galleria a {
    color: #65dde0;
    text-decoration: underline; 
}

.section-galleria .vedi-tutto-galleria h3 {  
    margin-top: 7px; 
}
    @media (max-width: 767px) {  
    .section-galleria .vedi-tutto-galleria {  
        position: absolute;
        bottom: -40px;
        left: 0; 
      }   
      .section-galleria .vedi-tutto-galleria h3 {   
        font-size: 1.8em;
        width: 100%;
        text-align: center; 
        margin-bottom: 20px;
      }    
    }

.box-singola-galleria {
    margin-bottom: 0; 
    padding: 10px;
} 

.box-singola-galleria .box-galleria-immagine img {  
    width: 100%;
    max-width: 100%;
    height: auto; 
}

.box-singola-galleria .box-galleria-immagine img:hover {  
    outline: 3px solid #ff8c00;
}

.box-singola-galleria .box-galleria-foto,
.box-singola-galleria .box-galleria-video {    
    padding: 26px 16px 10px 16px; /*padding: 26px 16px;   */  
    background-repeat: no-repeat;
    background-position: top +26px left +16px;
    background-size: 32px 22px;        
}


.box-singola-galleria .box-galleria-foto  {
    background-image: url(../images/ico-camera-bianca.svg);
} 
.box-singola-galleria .box-galleria-video  {
    background-image: url(../images/ico-video-bianca.svg);
}
    
p.galleria-descrizione {
    padding-left: 50px;
    font-size: 1.14em;
    line-height: 150%; 
    margin-bottom: 24px;
    color: #FFFFFF;
    font-weight: 400; 
}
      
p.galleria-descrizione strong {
    font-weight: 700; 
}
      
p.galleria-descrizione a {
    color: #FFFFFF; 
} 

p.galleria-descrizione a:hover {
    text-decoration: underline; 
}  

p.galleria-descrizione a:focus {
	border: 1px solid #ff8c00;
    background-color: #ff8c00;   
} 

h3.vedi-tutto-galleria { 
	float: right;  
	font-weight: bold;
	letter-spacing: normal;
    padding-right: 2%;      
    /*
	text-decoration: underline;
	font-size: 25px;
	color: #65dde0;
	
    */   
} 
.vedi-tutto-galleria a {   
    text-decoration: underline;
}

.vedi-tutto-galleria a:focus {
	border: 3px solid #ff8c00;

}
.vedi-tutto-galleria a:active {
	border: 3px solid #ff8c00;
    background-color: #ff8c00;   
}    

/* owl custom */  
.owl-nav {
  color: #fff; 
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  display: block;
  opacity: 1;
  -webkit-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px 32px; }
  @media (max-width: 767px) {
    #modulo-galleria .owl-prev, 
    #modulo-galleria .owl-next {
      margin-top: -64px;
      top: 0; } }
  .owl-prev:hover,
  .owl-next:hover {
    opacity: 0.5; }

.owl-prev {
  left: 24px;
  background-image: url("../images/freccia-sinistra-white.svg"); }
  @media (max-width: 767px) {
    #modulo-galleria .owl-prev {
      left: auto;
      right: 40px; } }

.owl-next {
  right: 24px;
  background-image: url("../images/freccia-destra-white.svg"); }
  @media (max-width: 767px) {
    #modulo-galleria .owl-next {
      right: 0px; } }

.owl-carousel .item {
  width: 100%;
  max-width: 100%;
  height: auto; }     
      
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
   /* cursor: hand;    */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    display: none; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
  z-index: 0; }
.owl-carousel .owl-animated-out {
  z-index: 1; }
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.html") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
  
/* pag. gallerie */ 
.section-gallery img:hover {
    outline: 3px solid #ff8c00;
}

.gallery_index  {
    padding: 10px 4px 20px 4px;
    text-align: center;  
}

.gallery_index a:hover {
	text-decoration: underline;  
}

.gallery_index a:active {
	border: 1px solid #ff8c00;
    background-color: #ff8c00;   
}

/**********************************************************
 *** FEEDBACK ***
 *********************************************************/
.feedback-cr .moduletable {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 10px;	
}

#feedback {
	color: #fff;
	text-align: center;
}

.feedback .inviaci-parere {
	display: inline-block;
	position: relative  
}

.feedback .inviaci-parere h3:before {
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: 400;
    color: #fff;
	line-height: 1;
	font-size: 45px;
	content: "\f044";
	font-size: 30px;
	position: absolute;
/*	top: 10px;  */
	left: -40px
} 

.feedback .inviaci-parere h3 {
	color: #fff; 
	font-size: 1.2em;
    font-weight: bold;
}

.feedback .inviaci-parere a {
	font-weight: normal;
    color: #fff;
}

.feedback .inviaci-parere a:hover {
	text-decoration: underline
}
.feedback .inviaci-parere a:focus {
	outline: #ff8c00 solid 1px !important;
	background-color: #ff8c00 !important;
	text-decoration: none !important;
}   

/**********************************************************                      
 *** AREE TEMATICHE - VIVERE VALGUARNERA ***
 *********************************************************/
#aree-tematiche {}
#vivere-valguarnera {}
  
.aree_tematiche_box,
.vivere_valguarnera_box {    
	background: #f0f0f0;
   /* overflow: hidden;    */
    margin-bottom: 20px;
    max-width: 445px;     
}

  @media (max-width: 767px) {
    .aree_tematiche_box,
    .vivere_valguarnera_box {
      margin: 10px auto; } }   


.aree_tematiche_titolo,
.vivere_valguarnera_titolo   { 
	height: 90px;    
	padding: 12px 24px; 
}

.aree_tematiche_titolo h3,
.vivere_valguarnera_titolo h3 { 
   /* text-align: center; */
    font-size: 1em;
}

.aree_tematiche_titolo h3 a,
.vivere_valguarnera_titolo h3 a {
    color: #005964 !important; 
}

.aree_tematiche_titolo a:hover,
.vivere_valguarnera_titolo a:hover {
    text-decoration: underline; 
} 

.aree_tematiche_titolo a:focus,
.vivere_valguarnera_titolo a:focus {
    outline: 1px solid #ff8c00;
    background-color: #ff8c00;
}  

.aree_tematiche_box a:focus,
.vivere_valguarnera_box a:focus {   
    border: none;
}

.aree_tematiche_box img:hover,
.vivere_valguarnera_box img:hover {
    cursor: pointer;   
    outline: 2px solid #ff8c00;       
}

/* leggi tutto vivere-valguarnera */
.readmore {
	margin-top: 1em;
}
.readmore a {
	color: #002c74;
	/* font-weight: bold; */
	display: inline-block;
	padding: 0 1em 0 0.5em;
	/* padding: 0.2em 0 0.2em 0.5em; */
	background-color: #eeeeff;
	text-decoration: none;
}

.readmore a::after {
	background-color: #30373d;
	color: #ffffff;
	margin-left: 0.3em;
	/* padding: 0.2em 0.1em; */
	content: "\f054";
    font-family: FontAwesome;
/*	font-family: "IcoMoon";  */
	padding: 0 0.1em;
	display: inline-block;
	position: absolute;
}

/* FOOTER ===================================== 
=============================================*/
#pre-footer,
#footer,
#sub-footer {
	background-color: #30373d;
}

#pre-footer a:hover, #pre-footer a:active, #pre-footer a:focus,
#footer a:hover, #footer a:active, #footer a:focus,
#sub-footer a:hover, #sub-footer a:active, #sub-footer a:focus {
	background-color: transparent;
}

#pre-footer a:focus,
#footer a:focus,
#sub-footer a:focus {
    outline: #ff8c00 solid 3px !important;
    text-decoration: none !important;
} 

/*
outline: #ff8c00 solid 3px !important;
text-decoration: none !important;
*/

/* pre-footer */ 
.pre-footer {   
	padding-top: 20px;
}
    @media (min-width:768px) {
      .pre-footer {
      	padding-top: 60px;
      }
    }

.pre-footer a {
	color: #fff;
}

.pre-footer a:hover {
	text-decoration: underline;
}  

.pre-footer a .img-responsive {   
	margin-right: 15px;
	max-height: 96px;
}
    @media (max-width:480px) {
      .pre-footer a .img-responsive {
      	max-height: 54px;
      }
    }  

.pre-footer .logo-footer,
.pre-footer .nome-ente-footer {     
	float: left;
}

.pre-footer .logo-footer {     
	margin-right: 10px;
}

.pre-footer .nome-ente-footer a {              
	font-size: 2em;
    line-height: 1.2em;
    text-decoration: underline;
}
    @media (max-width:480px) {
      .pre-footer .nome-ente-footer a {       
        font-weight: normal;
      	font-size: 1.28em;
      	line-height: 1.2em;      
      }
    }

    @media (max-width:320px) {
      .pre-footer .nome-ente-footer a {  
      	font-size: 1em;
      	font-weight: normal;       
      }    
    }

/* footer */   
.footer-container .footer-area { 
	font-size: 18px; 
    text-align: left;
	margin-top: 30px;
}
    @media (max-width:480px) {
      .footer-container .footer-areaa {
      	font-size: 16px;
      }
    } 

.footer-area h2.title {     
    color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
    @media (max-width:480px) {   
      .footer-area h2.title {  
      	font-size: 18px; 
      }
    }  

.footer-container p {
	width: 100%;
	padding-right: 0;
	padding-left: 0
}

.footer-area .footer-blocco-uno p {
	color: #fff;
}
.footer-area .footer-blocco-uno p a,
.footer-area .footer-blocco-due p a {
	color: #fff;
    text-decoration: underline;
}
.footer-area .footer-blocco-uno p a:hover,
.footer-area .footer-blocco-due p a:hover {
	color: #fff;
    text-decoration: underline;
} 

.footer-menu .moduletable {
	margin: 0;
    padding-top: 5px;
}

.footer-menu ul.menu {
	text-align: left;
}

.footer-menu ul.menu li a {
	font-size: 0.9em;  /*font-size: 16px; */
	line-height: 150%; /*line-height: 24px;*/
	color: #65dde0;
	padding: 0;
	margin: 0;
    text-decoration: underline
}

.footer-menu ul.menu li a:hover {
	color: #fff;
    text-decoration: underline;
}

.footer-social  {  
	margin-top: 20px; 
    margin-bottom: 20px; 
}

.footer-social .fa {  
    color: #30373d; 
}

.footer-social .fa:hover {  
    color: #fff; 
} 

.footer-social .fa-circle { 
    color: #65dbde; 
}

.footer .fa-facebook:before,
.footer .fa-youtube:before { text-align: left;
    text-decoration: underline;
}

/* sub-footer */  
#sub-footer {  
    border-top: 1px solid #bbb;  
}
    @media (min-width:768px) {
      .sub-footer {
      	padding-bottom: 20px;
      }
    }  

.sub-footer ul.menu {
	text-align: left;
} 
    @media (max-width:768px) {
      .sub-footer ul.menu {
      	text-align: left;
      }
    }
    @media (max-width:991px) {
    .sub-footer ul.menu {
    	text-align: left;
    	padding: 0 0 0 2px;
    }
    }  

.sub-footer ul.menu li {
	display: inline-block; 
}
    @media (max-width:767px) {
      .sub-footer ul.menu li {
      	display: block;
      	padding: 10px 10px;
      } 
    } 
      @media (max-width:991px) {
      .sub-footer ul.menu li {
      	margin: 5px 0;
      }
    } 

.sub-footer ul.menu li a {  
	font-size: 0.9em; /*font-size: 16px;*/
	font-weight: 400;
 	color: #65dde0; 
	margin: 0;      
	padding: 0 10px 0 8px;    
	line-height: 1;
 	text-decoration: underline;
}
    @media (max-width:767px) {
      .sub-footer ul.menu li a {
      	border-right: none;
      	padding: 0 10px;
      } 
    }  
      @media (min-width:768px) {
      .sub-footer ul.menu li a {
      	margin: 0 10px;
      } 
    } 

.sub-footer ul.menu li a:hover {
	text-decoration: underline;
} 

/**********************************************************
 *** TAB - SLIDERS ***
**********************************************************/
 /* sliders */
.panel-heading { }
.panel-heading a, .panel-heading a:active, .panel-heading a:visited {
	color: #fff;              
}

.rl_sliders.accordion > .accordion-group.icon > .accordion-heading > a.accordion-toggle span.rl_sliders-toggle-inner::before {         
	display: inline-block;
	*margin-right: .3em;
	font-family: fontAwesome;          
	font-style: normal;
	speak: none;
	content: "\f078";                  
}

.rl_sliders.accordion > .accordion-group.icon.active > .accordion-heading > a.accordion-toggle span.rl_sliders-toggle-inner::before {
	content: "\f077";              
}

.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
	color: #fff;
}

.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
	color: #fff;
	text-decoration: none;
}

/* tabs */
#set-rl_tabs-1, #set-rl_tabs-2 {
	margin-top: 3px;
}

.rl_tabs.top > ul.nav-tabs > li.active a, .rl_tabs.top > ul.nav-tabs > li.active  {
    background-color: #b50000;
    color: #fff;
}

/**********************************************************
 *** ERROR 404 ***
**********************************************************/
.error .box_404 h1 {   margin-top: 80px !important;
	font-size: 11.12em;
	color: #df0625;
	font-weight: 400;
	margin: 0;
	line-height: 0.95em;
}

.error .box_404 h2 {
	font-size: 3.34em;
	color: #df0625;
	margin: 0 0 40px 0;
}
.error .box_404 p {
	margin-bottom: 30px;
}
.error .box_404 .btn {
	text-decoration: none;
}

.error .btn-default {
	color: #ffffff;
	background-color: #df0625;
	border-color: #ab051e;
    margin-bottom: 40px;
}
.error .btn-default:hover, .btn-default:focus, .btn-default:active {
	color: #ffffff;
	background-color: #ab051e;
	border-color: #df0625;
}

/**********************************************************
 *** SCROLL TO TOP ***
**********************************************************/
.scrollto_top { 
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: right; 
  background: #ab051e;
  color: #fff;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 1.39em;
  line-height: 150%;      
  border: 2px solid #FFFFFF;
  z-index: 900; 
}

.scrollto_top:hover {
    background: #df0625;
    text-decoration: none;
    color: #fff; 
}

.scrollto_top .fa { 
color: #fff;
padding-right: 5px;
line-height: 150%; 
}