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

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Handlee&display=swap');
@import url('balloon.min.css?i=4');
@import url('jquery-confirm.css');
@import url('hamburgers.css');

:root {
  --body-fonts: 'Poppins', serif;
  --body-fonts-2: 'Handlee', cursive;
  
  --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:var(--white-color); margin: 0px; font-family:var(--body-fonts); font-size:14px; color: var(--blue-color); -webkit-text-size-adjust:100%;  line-height:22px; font-size:16px; letter-spacing:0.01em; }
a { text-decoration:none; outline:none; color: var(--yellow-color); text-overflow:ellipsis; font-weight:bold; }
a:hover { text-decoration:underline; }
a.cat { color:#000; font-weight:bold; }
a.cat: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:bold; }
h1 { font-size:40px; margin:0 0 20px 0; line-height:50px; font-family:var(--body-fonts-2); }
h2 { font-size:30px; margin:0 0 10px 0; line-height:40px; font-family:var(--body-fonts-2); }
h3 { margin-bottom:20px; font-size:22px; font-weight:bold; font-family:var(--body-fonts-2); }
img { display:inline-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:8px 15px; border-radius:200px; margin-top:20px; background:#DDD; color:#000; display:inline-block; text-transform:uppercase; font-weight:600; height:auto; font-size: 14px; }
.btn:hover { text-decoration:none; background:#000; color:#FFF; }


input, select, textarea, button {padding:10px; background:#EEE; line-height: 20px; color:#444; var(--body-fonts); font-size:14px;  border: 1px solid #CCCCCC;  }
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; border-radius:200px; margin:0px; background:none;  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:10px 0 10px 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_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; }

i { width:20px; text-align:center; }
.flex { display: flex; align-items: center; justify-content: center; }


header { width:100%; height:160px; background:#FFF; font-size:13px; position:fixed; z-index:10; top:0; left:0; right:0;  z-index:200; color:var(--black-color); }
header .social { padding: 10px 0; font-weight:bold; }
header .social i { margin-right:10px; font-size:15px; }
header .lang { text-align:right; font-weight:600; }
header .logo {  padding:20px 0 10px 0; text-align:center; }
header .menu { background:#000; }
header .menu a { color:#FFF; padding:12px 10px; display:block; text-transform:uppercase; font-weight:800; }
header .menu ul { margin:0 auto; text-align:center; }
header .menu li { display:inline-block; font-family:var(--body-fonts-2); }
.hamburger, nav.mobile { display:none; }
.space .content { height:15px;  }
.logo img { height:80px; width:auto; }
.data { font-weight:800; font-size:13px; padding-bottom:20px; color:#000; text-transform:uppercase; }
.classic { font-family:var(--body-fonts-2); }
.prRe { font-weight:bold; position:absolute; right:0px; top:30px; z-index:2; text-align:right; padding-right:80px; }
.prRe img { position:absolute; right:20px; top:0; height:50px; }

.grid-2 { display:grid; grid-template-columns:1fr 1fr; }
.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; }

footer .logo img { height:45px; width:auto; margin-bottom:40px; }
footer { background:var(--black-color); color:#FFF; padding:40px 0; font-size:12px; line-height:28px; }

#main { margin-top:150px; }
.slide { position:relative; margin-bottom:40px;  }
.slide li { height:800px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.slide .text { position:absolute; z-index:5; bottom:80px; left:40px; right:40px; width:100%; max-width:800px; margin:0 auto; text-align:center; }
.slide h1 { font-family:var(--body-fonts-2); font-size:30px; line-height:40px; color:white; }

p.section { font-weight:bold; text-transform:uppercase; margin-bottom:5px; font-size:14px;}
.item-row { line-height:22px; font-size:16px; }
.item-row .text { padding:40px; }
.item-row img { border-radius:20px; }

.navigation { padding:80px 0; background:#000; color:#FFF; font-family:var(--body-fonts-2); font-size:40px; text-align:center; }
#map {
    filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);    
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}
.form { text-align:center; padding: 60px 20px; }
.form input[type='text'] { margin-bottom:20px; }
.form h2 { margin-bottom:20px; }
.form ul { margin: 20px 0; }

.blog { display:grid; grid-template-columns:auto 200px; gap:80px; padding:40px 0; }
.list-blog .item { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #CCC; }
.list-blog .item img { float:right; margin-left:40px; margin-bottom:20px; }
.lato li { padding: 8px 0; border-bottom:1px solid #CCC; }
.lato a { display:block; }

.service { margin-top:40px; }
.service p.section { text-align:center; margin-bottom:40px; }
.service h3 { line-height:20px; font-size:18px; border-bottom:1px solid #000; padding-bottom:10px; text-transform:uppercase; }
.service li { list-style:disc; font-size:15px; margin:5px 15px; }
.service .grid-2 { gap:40px; }

.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; }