/*http://www.responsivegridsystem.com/calculator/*/

@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Grandiflora+One&display=swap');
@import url('balloon.min.css?i=4');
@import url('jquery-confirm.css');
@import url('hamburgers.css');

:root {
  --body-fonts: 'Overpass', serif;
  --body-fonts-2: 'Grandiflora One', serif;
  
  --black-color: #000;
  
}

* { border:0px; list-style:none; margin:0px; padding:0px;outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { font-size: 100%; height:100%; }
body { height:100%; background:#352828; margin: 0px; font-family:var(--body-fonts); font-size:14px; color:#DDD; -webkit-text-size-adjust:100%;  line-height:18px; letter-spacing:0.01em; text-align:justify; }
a { text-decoration:none; outline:none; color:#CCAB6A; text-overflow:ellipsis; font-weight:300; }
a:hover { text-decoration:underline; }
a:hover { transition: all 0.9s ease-in-out;  -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; -ms-transition: all 0.9s ease-in-out; }
b, strong { font-weight:600; }
h1, h2, h3, h4 { line-height:normal; margin:0px; font-weight:normal; text-align:left; }
h1 { font-size:40px; margin:0px; line-height:50px; }
h2 { font-size:30px; margin:0 0 10px 0; line-height:40px; font-family:var(--body-fonts-2); }
h3 { margin-bottom:10px; font-size:22px; line-height:24px; font-family:var(--body-fonts-2); color:#CCAB6A; font-weight:300;}
img { display:block; }
img.scale { width:100%; height:auto; }
img.loading { background: url('../images/loading.gif') no-repeat center; }
img.border { border:1px solid #DDD; }
label { cursor:pointer; margin-bottom:5px; display: inline-block; color:#000; }
input, select, .btn { line-height:normal; }
.btn { padding: 12px 30px 10px 30px;  border:1px solid #FFF; color:#FFF; display:inline-block; text-transform:uppercase; font-weight:300; height:auto; }
.btn:hover { text-decoration:none; background:#FFF;  color:#352828; }
input, select, textarea, button {padding:10px; background:#EEE; line-height: 20px; color:#444; font-family:var(--body-fonts); font-size:14px;  border: 1px solid #DDD; }
select { background: #EEE url("select_arrowdown.gif") no-repeat 97% 50%; }
input:focus, textarea:focus, select:focus { border-color: #004592; }
input.error, textarea.error, select.error, input[type='radio'].error, input[type='checkbox'].error { border-color:#FF0000; color:#FF0000; background:#FFE5E5; } 
label.error { color:#FF0000; font-size:0px; visibility:hidden; float:none; overflow:hidden; height:0px; }
input[type='checkbox'], input[type='radio'] { padding:0; height:15px; width:15px; display:inline-block; margin-right:10px;  border: 2px solid #CCCCCC; border-radius: 3px; box-shadow:none; cursor:pointer; }
input[type='checkbox']:checked, input[type='radio']:checked { background:var(--yellow-color); box-shadow:none;  }
input[type='radio'] { border-radius:100px; }
input[type='radio']:checked + label { font-weight:bold; }
:disabled, :disabled { opacity:0.5; }
:disabled:hover { cursor: not-allowed; }
.placeholder { color: #CCC; line-height:normal; padding:0px; margin:0px; }
form .row { margin-bottom:15px; }
form .row:last-child { margin-bottom:0px; }
form .button { text-align:right; }
form i { margin-left:10px; }
form a { text-decoration:underline; }
option { padding:0 5px; }
input[type='submit'], input[type='button'], input[type='reset'], button { padding: 10px 20px; font-weight:bold;  cursor:pointer; display:inline-block; color:#FFF; border:1px solid #FFF;  margin:0px; background:#882D00; text-align:center; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; text-transform:uppercase; }
input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover, button:hover { text-decoration:none;  }
.btn-primary, input.btn-primary { background-color:#007FFF; color:#FFF;  }
.btn i { margin: 0 0 0 10px; }
.label { font-weight:bold; margin-bottom:5px; }
.normal, a.normal { font-weight:normal; }


.warning { color:#FF0000; font-weight:600; background: url('../images/icon_warning.png') no-repeat left top; padding:5px 0 5px 22px; text-transform:uppercase; }
.icon_info { margin-left:10px; cursor:pointer;  font-size:11px; }
.strike { text-decoration: line-through; font-weight:normal; }
.msg_error { color:#FFF; margin-bottom:20px; display:block; color:#FF0000; padding: 5px 10px; border-radius: 5px; font-weight:bold; }
.msg_success { color:#FFF; margin-bottom:20px; display:block; color:#59B200; padding: 5px 10px; border-radius: 5px; font-weight:bold;  }
#result.result-error { background:#FFDADA; color:#68201F; }
#result.result-success { background:#A2E5B5; color:#00664C; }
#result { padding:20px 0; position:relative; }
#result #close { float:right; cursor:pointer; }

p.limit { margin: 10px 0; font-size:11px; }
.icon_en { background: url('../images/icon_en.png') no-repeat 20px 5px; }
.icon_it { background: url('../images/icon_it.png') no-repeat 20px 5px; }
figure { position:relative; display: block; }
a:hover figure.fade img { opacity:0.5; }
a:hover figure.scale img { filter: none; transform: scale(1.1); }
a.disable { color:#999; }
a.active { color:#59B200; }
.renew a { margin-left:20px; }

ul.list_border li:first-child { border-top:0px; }
ul.list_border li { float:none; border-top:1px solid var(--blue-color); margin:0px; padding: 5px 0; }
ul.list_border li a { display:block; }
ul.list_border li p a { display:inline; }
ul.list_border li span { float:right; }
ul.icon_right li a i { float:right; }
ul.list_number li { list-style:decimal; margin:5px 0 5px 20px; }
ul.list_disc li { list-style:disc; margin:0 0 20px 15px; }
ul.list_disc li li { list-style:circle; }
ul.list_icon li { padding-left:50px; position:relative; margin-bottom:20px; }
ul.list_icon li i { position:absolute; top:3px; left:0px; width:20px; text-align: center; font-size:28px; }
li.selected a { opacity:0.5; }
ul.contact li { text-align:right; position:relative; padding-left:100px; }
ul.contact li span { position:absolute; left:0; }
.list-tag { text-transform: capitalize; }

.tool li { float:left; margin:10px 20px 0 0; color:#999;   }

.layout { position:relative; }
.wrapper { width:100%; margin: 0 auto; min-width:720px; clear: both; }
.content { width:100%; max-width:1200px; margin: 0 auto; clear: both; padding:0 20px; position:relative; }
.content-large { width:100%; max-width:95%; margin: 0 auto; clear: both; padding:0 20px; position:relative; }
.content-small { width:100%; max-width:600px; margin: 0 auto; clear: both; padding:0 20px; position:relative; }
.content_column_right { width:100%; max-width:100%; padding: 40px; text-align:left; float:left; }
.content_column_left { width:100%; max-width:100%; padding: 40px; text-align:left; float:right; }
.align_right { text-align: right; }
.align_center { text-align: center; }
.relative { position:relative; }
.relative img { display:block; }
.hidden { display:none; visibility:hidden; }
.block { display:block; visibility:show;}
.bold { font-weight:600; }
.avatar { width:50px; height:45px; float:left; margin-right:10px; border-radius: 50%; }
.fa { margin-right:5px; }
.fr { float:right; }
.red, .color_2 { color:#D90000; }
.black, .color_1 { color:#59B200;  }
.gray, .gray a { color:#888; }
.gray a:hover { color:#000; }
.black, .black a { color:#000; }
.fixed { position:fixed; }
.hidden { display:none; }
.mt100 { margin-top:100px; }
.mt40 { margin-top:40px; }
.mb40 { margin-bottom:40px; }
.mt20 { margin-top:20px; }
.mb20 { margin-bottom:20px; }
.mt10 { margin-top:10px; }
.mb10 { margin-bottom:10px; }
.pt40 { padding-top:40px; }
.pb40 { padding-bottom:40px; }
.pr15 { padding-right:16px; }
.capitalize { text-transform:capitalize; }
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */	height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
iframe {  width: 100%; }
.small { font-size:12px; line-height:normal; color:#777; }
.phone_show { display:none; }

table { border-collapse: collapse; width:100%; }
table, th, td { padding: 5px 0; font-size:14px; position:relative; vertical-align:top; }
table thead td { border-bottom: 1px solid #DDD; padding: 10px 0; font-weight:bold; font-size:11px; }
table tbody td { border-top: 1px solid #DDD;}
table .fa { font-size:15px; }
table.compare td { border-bottom:1px dotted #CCC; padding-left:0; }
table.compare tr:last-child td { border-bottom:0px; }

.column_2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.column_3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}


.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.col { display: block; float:left; margin: 0 0 0 1.6%; }
.col:first-child { margin-left: 0; }

.span_1_of_2 { width: 49.2%; }
.span_2_of_2 { width: 100%; }

.span_1_of_3 { width: 32.2%; }
.span_2_of_3 { width: 66.1%; }
.span_3_of_3 { width: 100%; }

.span_1_of_4 { width: 23.8%; }
.span_2_of_4 { width: 49.2%; }
.span_3_of_4 { width: 74.6%; }
.span_4_of_4 { width: 100%; }

.span_1_of_5 { width: 18.72%; }
.span_2_of_5 { width: 39.04%; }
.span_3_of_5 { width: 59.36%; }
.span_4_of_5 { width: 79.68%; }
.span_5_of_5 { width: 100%; }

.span_1_of_6 { width: 15.33%; }
.span_2_of_6 { width: 32.26%; }
.span_3_of_6 { width: 49.2%; }
.span_4_of_6 { width: 66.13%; }
.span_5_of_6 { width: 83.06%; }
.span_6_of_6 { width: 100%; }

.span_1_of_8 { width: 11.1%; }
.span_2_of_8 { width: 23.8%; }
.span_3_of_8 { width: 36.5%;}
.span_4_of_8 { width: 49.2%; }
.span_5_of_8 { width: 61.9%; }
.span_6_of_8 { width: 74.6%; }
.span_7_of_8 { width: 87.3%; }
.span_8_of_8 { width: 100%; }

.span_1_of_10 { width: 8.56%; }
.span_2_of_10 { width: 18.72%;  }
.span_3_of_10 { width: 28.88%; }
.span_4_of_10 { width: 39.04%;  }
.span_5_of_10 { width: 49.2%; }
.span_6_of_10 { width: 59.36%; }
.span_7_of_10 { width: 69.52%;  }
.span_8_of_10 { width: 79.68%; }
.span_9_of_10 { width: 89.84%; }
.span_10_of_10 { width: 100%; }
.span_80 { width: 80%; float:left; }
.span_50 { width: 50%; float:left; }
.span_70 { width: 70%; float:left; }
.span_30 { width: 30%; float:left; }
.span_20 { width: 20%; float:left; }
.span_10 { width: 10%; float:left; }

label { font-weight:bold; text-align:left; font-size:13px; display:block; }
.flex { display: flex; align-items: center; justify-content: center; }


header { width:100%; height:160px; background:#352828; color:#FFF; font-size:13px; color:var(--black-color); }
header .social { font-weight:bold; position:absolute; right:40px; top:20px; }
header .social i { margin-right:10px; font-size:15px; }
header .lang { text-align:right; font-weight:600; }
header .logo { padding:20px 0 10px 0; }
header .menu { margin:0 auto; text-align:center; }
header .menu a { color:#CCAB6A; padding:8px 0px; border-bottom:1px solid #352828; display:inline-block; text-transform:uppercase; font-weight:normal; }
header .menu a.selected { color:#FFF; border-color:#FFF; }
header .menu li { display:inline-block; margin:0 8px; }
header a { color:#FFF; }
header a:hover { text-decoration:none; }
header .lang { position:absolute; top:20px; right:30px; }
header .lang li { display:inline-block; margin: 0 5px; }

footer { background:#CCAB6A; color:#352828; padding:40px 0; font-size:14px; line-height:20px; }
footer h3 { font-family:var(--body-fonts); margin-bottom:5px; text-transform:uppercase; font-size:16px; color: #352828; font-weight:normal;  }
footer b { color:inherit; }
footer a { color:#352828; font-weight:bold;  }
footer li { list-style:none; margin:0px; position:relative; padding-left:40px; height:30px; line-height:30px; }
footer li i { position:absolute; left:0; width:25px; height:25px; padding:4px 0; display:block; text-align:center; border:1px solid #352828; }
footer li:hover i { background:#352828; color:#CCAB6A; }
footer .grid-footer { max-width:1000px; margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:60px;  margin-top:40px; }
footer img { margin-bottom:20px; }

.acc_menu_content { margin-bottom:20px; }
.acc_menu_content li { padding:0px; height:auto; line-height:14px; margin:0 0 5px 30px; list-style:disc; }

.hamburger, nav.mobile { display:none; }
.space .content { height:15px;  }
.logo { text-align:center; }
.logo img { height:60px; width:auto; display:inline-block; }
.data { font-weight:800; font-size:13px; padding-bottom:20px; color:#000; text-transform:uppercase; }
.classic { font-family:var(--body-fonts-2); }

.image { position:relative; }
.image img { position:absolute; padding:60px; z-index:22; border-radius: 2000px;}
.image svg { fill: #353535; }


.grid-news { display:grid; grid-template-columns:1fr 1fr 1fr; gap:100px; }
.grid-news .image img { position:relative; padding:0px; border-radius:0px; margin-bottom:10px; }
.grid-news figure { position:relative; }
.grid-news span { font-weight:bold; background:#CCAB6A; color:#352828; position:absolute; top:0; left:0; padding: 2px 5px; display:block; z-index: 999; }
.grid-news-scheda {  display:grid; grid-template-columns:1fr 350px; gap:100px; }

h1 { margin:40px 0; }
.grid-about { display:grid; grid-template-columns:1fr 1fr; gap:40px;  }
.grid-about li { list-style:disc; margin-left:15px; }
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; }
.grid-4 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:20px; }



#main { font-size:15px; line-height:24px; min-height: calc(100vh - 500px); padding-bottom:60px; }
.slide { position:relative; }
.slide li { height: calc(100vh - 320px); background-repeat:no-repeat; background-position:center center; background-size:cover; }
.slide .text { padding-bottom:50px; position:absolute; z-index:5; bottom:0px; left:0px; right:0px; width:100%; text-align:center; margin:0 auto; text-align:center; color:#FFF; background: rgba(0, 0, 0,  0.5) }
.slide h1 { text-align:center; font-family:var(--body-fonts-2); font-size:40px; line-height:50px; font-weight:normal; }

.acc_title { cursor:pointer; display:block; position:relative; padding:10px 0 10px 50px; margin:0px; font-size:18px; border-top:1px dotted #CCAB6A; color:#CCAB6A; font-family: var(--body-fonts-2); text-transform:uppercase; }
.acc_title h3 { margin:0px; }
.acc_title i { position:absolute; left:10px; top:17px; }
.acc_content { padding-left:50px; padding-bottom:60px; }
b, strong { color:#CCAB6A; }



p.section { font-weight:bold; text-transform:uppercase; margin-bottom:5px; font-size:14px;}
.item-row .text { padding:40px; }

.contact li { padding-left:30px; position:relative; margin-bottom:10px; }
.contact li i { position:absolute; left:0; top:4px; font-size:13px; }


.service p.section { text-align:center; margin-bottom:40px; }
.service li { list-style:disc; font-size:15px; }
.service .grid-2 { gap:40px; margin-bottom:40px; }
.service .main-menu h3 {padding:20px 0; margin:0px; font-size:30px; font-family: var(--body-fonts); }
.service .main-menu li { list-style:none; font-size:24px; line-height:32px; padding:20px 0px; border-top:1px dotted #CCAB6A; color:#CCAB6A; font-family: var(--body-fonts-2); text-transform:uppercase; text-align:left; }
.service .main-menu li a { color:#FFF; }
.service .main-menu li a:hover { color:#CCAB6A; text-decoration:none; }


.grid-6 { display: grid; grid-template-columns: 258px 270px 258px; }
.grid-6 .item { border-right: 1px solid var(--blue-color-4); padding: 0 15px; }
.grid-6 .item:nth-child(3n) { border-right: 0px; padding: 0; padding: 0 0 20px 15px; }
.grid-6 .item:nth-child(3n+1) { padding-left:0px; }
.grid-6 .item:nth-child(6n) { padding-bottom:0px; }
.grid-6.group::before { display:none; }
/* grid-template-columns: repeat(3, 33.33%); */

.grid .span_1_of_2:nth-child(2n+1) { margin-left:0px; }
.grid .span_1_of_3:nth-child(3n+1) { margin-left:0px; }
.grid .span_1_of_4:nth-child(4n+1) { margin-left:0px; }
.grid .span_1_of_5:nth-child(5n+1) { margin-left:0px; }
.grid .span_1_of_6:nth-child(6n+1) { margin-left:0px; }
.grid .item { margin-bottom:1.6%; }
.grid img { display:block; }