:root {
    --border-radius: 0px;
}
body{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin: 0px;
}

/* border-radius  */
.border-radius-full,
#box_in_newsletter,
.btn,
.up, .up a, .up a img,
.cerca_cf {
    border-radius: var(--border-radius) !important;
}
.border-radius-top {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}
.border-radius-bottom {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

/* fonts  */
@font-face {
    font-family: "Cera Pro Bold";
    src: url("font-face/98b78079f5ee4295c40260785b4e4fbf.eot");
    /* IE9*/
    src: url("font-face/98b78079f5ee4295c40260785b4e4fbf.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font-face/98b78079f5ee4295c40260785b4e4fbf.woff2") format("woff2"), /* chrome、firefox */
    url("font-face/98b78079f5ee4295c40260785b4e4fbf.woff") format("woff"), /* chrome、firefox */
    url("font-face/98b78079f5ee4295c40260785b4e4fbf.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("font-face/98b78079f5ee4295c40260785b4e4fbf.svg#Cera Pro Bold") format("svg");
    /* iOS 4.1- */
}

.titolo,
.info_gloss,
#slider1_container,
.cerca_cf,
.approfondire,
h1,
h2,
h3,
h4,
h5 {
    font-weight: bold !important;
    font-family: 'Cera Pro Bold' !important;
}
#slider1_container {
    font-size: 56px;
}
h1 {
    font-size: 50px !important;
}

.full{
	width: 100%;
}


.intestazione{
	height: 400px;
    background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

.fascia{
	background: rgba(0, 0, 0, .4);
	height: 90px;
	width: 100%;
}


.base{
	max-width: 995px;
	width: 100%;
	overflow: auto;
}

.titolo{
	top:0px;
	margin-top: -90px;
	font-weight: 400;
	
}


.titolo_mid{
	top:0px;
	margin-top: -120px;
	font-weight: 400;
	
}

.col3{
	float: left;
	width: 325px;
}

.col2{
	float: left;
	max-width: 485px;
	width: 97%;
}


.col23{
	float: left;
	max-width: 650px;
	min-width: 325px;
	width: 100%;
}

.banner{
	background-color: #f02e4e;
	height: 120px;
	background-repeat:no-repeat;
	background-position: center;	
}





.facile{
	color: #ffffff;
	margin-top: 47px;
    text-transform: none;
}


a{
	color: #f02e4e;
}

a:hover{
	color: #f02e4e;
	text-decoration: underline;	
}


.info_gloss{
	background-color: #ffffff;
	padding-top: 15px;
	height: 50px;
	margin-top: 230px;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.lente{
	background-repeat:no-repeat;
	background-position: right;	
	height: 267px;
	margin-top: 15px;
}

.slide{
	font-size: 60px;
	line-height: 70px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-top: 50px;
	margin-bottom: 35px;
	/*min-height: 250px;*/
}


h1{
	font-size: 60px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-top: 50px;
}


.search{
	background-color: #f0f0f0;
	min-height: 80px;
	/*margin-bottom: 50px;*/
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;	
	text-align: left;
    border-radius: var(--border-radius);
}

.cerca_cf{
	cursor: pointer;
	background-color: #f02e4e;
	color: #ffffff;
	padding-top: 20px;
	height: 60px;
	margin-top: 10px;
	margin-left: 12px;
	text-align: center;
	width: 322px;
}

.cerca_cf:hover{
	text-decoration: underline;
}


.search input{
	border: none;
	background-color: #f0f0f0;
	max-width: 540px;
	width: 100%;
	color: #969696;
	margin-top: 30px;
	margin-left: 30px;
}

input:-moz-placeholder{color:#969696}
input:-ms-input-placeholder{color:#969696}



.trecol{
	text-align: left;
	padding-left: 18px;
	margin-top: 70px;
	overflow: auto;
}

p{
	font-size: 14px;
	color: #969696;
	font-weight: 400;
}

.nero{
	color: #323232;
}

.rosso{
	color: #f02e4e;
}

b{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.trecol .col3{
	margin-right: 3px;
	margin-left: 2px;
	width: 315px;
}

.grigio{
	background-color: #f0f0f0;
}
.bianco{
	background-color: #ffffff;
}



.banner2{
	height: 180px;
	background-repeat:no-repeat;
	background-position: bottom;	
    background-size: cover;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;	
}

.banner2 .facile{
	text-align: left;
	padding-left: 20px;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.f16{
	font-size:16px;
}


.bt20{
	margin-bottom: 20px;
}

.bt50{
	margin-bottom: 50px;
}

.bt80{
	margin-bottom: 50px;
}

.bt-padd80{
	padding-bottom: 80px;
}

.form_style input{
	border: none;
	background-color: #ffffff;
	max-width: 475px;
	width: 100%;
	color: #969696;
	padding: 18px;
	margin-bottom: 20px;
}

.form_style textArea{
	border: none;
	background-color: #ffffff;
	max-width: 475px;
	width: 100%;
	color: #969696;
	padding: 15px;
	margin-bottom: 10px;
	height: 210px;
}


.invia{
	cursor: pointer;
	background-color: #f02e4e;
	color: #ffffff;
	padding-top: 20px;
	height: 60px;
	margin-top: 10px;
	text-align: center;
	float: right;
	width: 320px;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
}

.invia:hover{
	text-decoration: underline;
}

.checkbox{
	float: left;
	width: 60px;
	height: 60px;
	/*background-color: #ffffff;*/
	cursor: pointer;
	margin-top: 0px;
}

.condizioni_privacy{
	font-size: 12px;
	margin-top: 20px;
	margin-left: 80px;
}



.quadratino{
	
	position: absolute;
	width: 60px;
	height: 60px;
	background-color: #f02e4e;
	cursor: pointer;
	margin-top: -30px;
	z-index: 99;
	margin-left: 120px;
}

.approfondire{
	background-color: #f02e4e;
	position: absolute;
	width: 320px;
	color: #ffffff;
	padding-top: 20px;
	height: 60px;
	margin-top: -30px;
	text-align: center;
	float: right;
	width: 320px;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;	
    border-radius: var(--border-radius);
}


.perappr{
	background-repeat:no-repeat;
	background-position: right top;	
	min-height: 300px;
}
	
	

.cursor{
	cursor: pointer;
}

.tick{
	background-image: url("../../imgs/tick.jpg");
}


.overlay{
    background:#000;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:300;
    height: 100%;
    
    
	cursor:pointer;
	/*Trasperenza cross browser*/
	opacity: .7; filter: alpha(opacity=70); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	
}

#box_in_newsletter{
	width: 75%;
	background-color:#FFF; 
	padding: 10px;
}

#box-newletter{ 
    width:100%;
    
    display:none; 
    z-index:350; 
    
    position:fixed; 
    
    
    top:10%; 
	bottom: 5%;
    font-size: 13px;
    text-align: left; 
    padding: 15px;
    text-transform: none;
	cursor: pointer; 

    
}

#news-cont{
	width: 100%;
	height: 500px;
	overflow-y: auto;
}

.result{
	/*color: #969696;*/
	color: black;
	margin-top: 30px;
	margin-left: 30px;
}


.down{
	background-repeat:no-repeat;
	background-position: right top;		
}


.up{
	background-repeat:no-repeat;
	background-position: right top;		
}

.glossario, .documenti, .faq{
	position: absolute;
	width: 61px;
	height: 150px;
	cursor: pointer;
	margin-top: -5px;
	z-index: 99;
	margin-left: 0px;
	background-repeat:no-repeat;
	background-position: right top;			
}


.footer{
	float: right;
	font-size: 10px;
	text-transform: none;
}

.footer a{
	color:#ffffff;
}


input.errore, textarea.errore, .errore{
	border: 2px solid #f02e4e;
}

.esito_mail{
	font-size: 30px;
}

body.modal-open {
    overflow: hidden;
}

.accetta{
	overflow: auto;
	width: 96.5%;
}



.tabella_informative > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border: 1px solid #aaaaaa !important;
}

/* home page tabella documenti */


#search {
    position: relative;
    font-size: 18px;
    padding-top: 40px;
    margin: 20px 0;
}
#search label {
    position: absolute;
    left: 17px;
    top: 51px;
	color: #CCC;
	font-size: 22px;
}
#search #search-input, #search .hint {
    padding-left: 43px;
    padding-right: 43px;
    border-radius: 0;
}
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}


.tabella_documenti_container {
	margin-bottom: 20px;
	border-bottom: 2px solid #F0F0F0;
}
.tabella_documenti  {
	margin-top: 40px;
	margin-bottom: 0px;
}
.tabella_documenti tr {
	border-top: 2px solid #FFF;
	background: #F0F0F0;
}
.tabella_documenti tr:nth-child(even) {
    background-color: #FFF;
}
.tabella_documenti tr td {
	border-right:2px solid #FFF;
	padding:15px !important;
}
.tabella_documenti tr td p {margin-bottom: 0;}
.pagination {margin-top: 0;margin-bottom: 140px}
.pagination > li > a {color:#CCC}
.pagination > li > a.active {color:#f02e4e}
.pagination > li > a:hover {color:#f02e4e}
.pagination > li > a{border-right:0;border-bottom: 0;border-top: 0}
.pagination > li:first-child > a, .pagination > li:first-child > span {
/*    margin-left: 0;*/
	border-left:0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
	
/* home page area notizie */
.sqr_notizie{
	position: absolute;
	width: 61px;
	height: 150px;
	cursor: default;
	margin-top: 60px;
	margin-left: 130px;
	z-index: 99;
	background-repeat:no-repeat;
	background-position: right top;			
}
.hp_box_notizia {
	border:1px solid #DDD;
	padding:30px;
	text-align: left;
}
.hp_box_notizia .intestazione {
	border-bottom: 1px solid #DDD;
	height: 30px;
	margin-bottom: 15px;
	position: relative;
	color: #969696;
}
.hp_box_notizia .intestazione .news {
	position: absolute;
	left:0;
}
.hp_box_notizia .intestazione .data {
	position: absolute;
	right:0;
}
.hp_box_notizia .bottom_link {
	text-align: right;
}
.hp_box_notizia .bottom_link img { width:30px; }
a.box_hp {
	padding:20px 50px; 
	background-color: #FFF; 
	color:#000; 
	font-weight: 700;
	display: block;
	background-image:url(../../imgs/freccia_dx.png); 
	background-repeat: no-repeat;
	background-position: right top;
}

/* pagina news */
.base.breadcrumbs {
	text-align: left;
	height:90px;
	line-height: 90px;
	color: #969696;
	margin-top: -120px;
	background: #FFF;
}
.base.breadcrumbs a { color: #969696;}
.base.breadcrumbs .active {
	color:#f02e4e;
}
.base.news {
	text-align: left;
	border: 1px solid #ececec;
	padding: 56px 68px 56px;
}
.base.news h1 {
	margin-bottom: 40px;
}
.base.news .news_footer  {margin-top: 40px;position:relative}
.base.news .news_footer .share {position:absolute; left: 0}
.base.news .news_footer .share a {margin-right: 20px;}
.base.news .news_footer .naviga {position:absolute; right: 0}

/* pagine condominio e business */
.panel {
	background-color: transparent; 
	text-align: left;
	border-left: 0;
	border-right: 0;
}
.panel-default > .panel-heading {
    background-color: transparent;
    border-color: #dddddd;
}

.panel-group .panel + .panel {
    border-top: 0;
    margin-top: 0;
}

.panel-heading h4 {font-weight: 700}
.panel-body {color: #969696;}
.panel-group .panel-heading + .panel-collapse .panel-body {
	border-top: 0
}
.panel-title { position:relative;} 
.panel-title > a:after {
	content: "\f068"; 
	font-family: FontAwesome;
	font-size: 14px; 
	color: #f02e4e;
	position: absolute;
	right: 0;
}
.panel-title > a.collapsed:after {
	content: "\f067"; 
	font-family: FontAwesome;
	font-size: 14px;
	color: #969696;
	position: absolute;
	right: 0;
}
.panel-title > a.collapsed:hover:after {color:#f02e4e} 


/* pagina login */
.check_container {
  display: block;
  position: relative;
  padding-left: 5px;
  margin-top: 12px;
  margin-bottom: 12px;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.check_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #FFF;
}

.check_container input:checked ~ .checkmark {
  background-color: #f02e4e;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check_container input:checked ~ .checkmark:after {
  display: block;
}

.check_container .checkmark:after {
  left: 7px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}