@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('hamburgers.css');
@import url('balloon.min.css');

* { 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; }
: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; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { font-size: 100%; height:100%; }
body { margin: 0px; font-family: 'Oswald', sans-serif; font-size:20px; letter-spacing:1px; position: relative;-webkit-text-size-adjust: none; color:#000; background:#EEE; font-weight:300; }
h1, h2, h3, h4, h5 { font-weight: 400; }
h1 { font-size:80px; margin-bottom:20px; line-height:82px; text-transform:uppercase; font-weight:300; }
h2 { font-size:44px; line-height:48px; margin:0 0 40px 0; }
h3.section { font-size:18px; margin-bottom:40px; text-transform:uppercase; text-align:center; padding-top:20px; }
h4 { font-size:16px; }
a { color:#000; text-decoration:none; }
a:hover { color:#666; }

input.error, textarea.error, select.error { border-color:#FF0000; color:#FF0000; background:#FFE5E5; }
label.error { float:left; color:#FF0000; font-size:0px; visibility:hidden; overflow:hidden; height:0px; margin:0px; padding:0px;  }
input, select, textarea { padding:8px; font-family: 'Oswald', sans-serif; font-size:16px; border-bottom:1px solid #000; background: none; }
select { text-transform:uppercase; background-image: url('../images/select_arrow.png'); background-position: right center; background-repeat:no-repeat; background-color:#EEE; padding: 12px 35px 12px 12px; -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
input[type='submit'], input[type='button'], input[type='reset'], button, a.btn { cursor:pointer; border:2px solid #000; padding: 5px 20px; letter-spacing:1px; color:#000; display:inline-block; text-transform:uppercase;font-weight:400; font-size: 16px; }
input.btn-primary, a.btn-primary, button.btn-primary{ background:#000; color:#FFF; border:1px solid #000; }
input[type='submit']:hover, input[type='button']:hover, button:hover, a.btn:hover { background:#555; color:#FFF; }
input[type='radio']:checked { background:#000; }
input[type='checkbox'], input[type='radio'] { padding:0; height:20px; width:20px; float:left; margin-right:10px; cursor:pointer; margin-bottom:10px; }
.btn i { margin-left:20px; }
input[type='radio'] { border-radius:200px; }
input[type='checkbox']:checked, input[type='radio']:checked { background:#666; }
input, select, button { height:40px; }
select { background: url('../images/select_arrow.png') right center no-repeat #EEE; padding: 8px 35px 8px 8px; -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
.label { text-align:right; padding:10px 20px 0 0; }
.row { margin-bottom:10px; }
.check-list li { padding:5px 0 0 35px; position:relative; margin-bottom:5px; text-transform:uppercase; }
.check-list li input { left:0; top:2px; position:absolute; }
form h3 { margin-bottom:10px; text-transform:uppercase; font-weight:bold; }
::placeholder { color: #555; opacity: 1; }
:-ms-input-placeholder { color: #555; }
::-ms-input-placeholder { color: #555; }
img { display:block; transition: transform .5s ease; }
img.loading { background: url('../images/loading.gif') no-repeat center center #FFF; }
img.scale { width:100%; height:auto; }
figure { overflow:hidden; }
a:hover figure.zoom img { filter: none; transform: scale(1.1);  }
a:hover figure.fade img { opacity:0.5;  }
label { cursor:pointer; }
span.new { position:absolute; background:#FF0000; color:#FFF; padding:5px 10px; z-index:2; right:20px; text-transform:uppercase; font-size:13px; font-style: italic; }
table { width:100%; }
thead td { background:#114E93; color:#FFF; padding: 5px 10px;  text-transform:uppercase; font-size:11px; font-weight:bold; }
tbody td { border-bottom:1px dotted #CCC; padding: 5px 10px; vertical-align:top; }
.videoWrapper { background:#000; position: relative; padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
iframe {  width: 100%; }
.wrapper { width:100%; margin: 0 auto; min-width:720px; clear: both; overflow:hidden; }
.content { width:100%; max-width:1400px; padding:0px; margin: 0 auto; clear: both; position:relative; padding:0 25px; }
.content-small { max-width:900px; margin: 0 auto; clear: both; padding:0 15px; position:relative; }
.content-box { max-width:600px; margin: 0 auto; clear: both; padding:0 15px; position:relative; }
.phone_show { display:none; }
.nowrap { white-space:nowrap; }
.mb60 { margin-bottom:60px; }
.mt40 { margin-top:40px; }
.mt20 { margin-top:20px; }
.mb40 { margin-bottom:40px; }
.mb20 { margin-bottom:20px; }
.mr40 { margin-right:40px; }
.mr30 { margin-right:30px; }
.mr20 { margin-right:20px; }
.pl40 { padding-left:40px; }
.align_center { text-align:center; }
.btn-links { text-transform:uppercase; font-size:14px; font-weight:bold; }
.masonry-layout { column-count: 3; -webkit-column-count: 3; column-gap: 80px;  -webkit-column-gap: 80px; margin-bottom:80px; }
.masonry-layout .item {break-inside: avoid; -webkit-column-break-inside: avoid; margin-bottom:40px;  }
.masonry-layout .item li { margin-bottom:15px; }
#msg #close {  float:right; color:#FFF; }
#msg #close::before { content: "\f00d"; font-family: "Font Awesome 5 Free"; }
#msg.msg_success { background:#00B259; color:#FFF; padding:7px 10px; font-weight:bold; }
#msg.msg_error { background:#FF0000; color:#FFF; padding:7px 10px; font-weight:bold; }
#msg { margin: 0 0 40px 0; }
#msg i { margin-right:10px; }



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_50 { width:50%; float:left; }
.span_50.text { padding:40px;  }

.tabs ul { margin:0 auto; text-align:center; }
.tabs li { display:inline-block; }
.tabs a { padding:10px 20px; text-transform:uppercase; border-bottom:2px solid #114E93; display:block; text-align:center; color:#114E93; font-size:13px; font-weight: bold; }
.tabs a.selected, .tabs a:hover { background:#FFF; border-bottom-color:#F28E23; color:#F28E23; text-decoration: none; }
.tabcontent { padding:20px; }.gray { color:#AAA;}
.center { text-align:center; }
.right { text-align:right; }
.relative { position:relative; }
.separator { padding-top:60px; margin-top:60px; border-top:1px solid #000; }
.red, .red a {color:#DABF8E; }

.box-newsletter { max-width:600px; margin:0 auto; padding: 0 20px; }
.box-newsletter h2, .box-newsletter h3 { text-align:center; margin: 10px 0; }
.box-newsletter h3 { color:#c9002b; }
.box-newsletter form { margin-top:20px; }
.box-newsletter .privacy { color:#777; font-size:12px; letter-spacing:0px; line-height:normal; }
.box-newsletter .privacy li { padding-left:30px; position:relative; margin-top:5px; }
.box-newsletter .privacy li input { position:absolute; top:0; left:0; border:1px solid #CCC; }
.box-newsletter .buttons { text-align:center; margin:20px 0; }
.box-newsletter .buttons input { width:150px; text-align:center;  }

.nav { text-transform:uppercase; }
.hidden { display:none; }
.small { font-size:14px; }

header { width: 100%; position: fixed;  top: 0; left: 0; z-index: 99; transition: .5s ease-in-out; padding:15px 30px; text-align:center; background:#FFF; }
header li a { font-size: 30px; padding:20px 60px 20px 20px; text-transform:uppercase; color:#FFF; display:block; text-align:left; }
header img { height:50px; width:auto; display:inline-block; }
header2.smaller { padding:20px 30px;  }

.share-box { position:fixed; top:20px; left:40px; }
.share-box li { text-align:center; display:inline-block; border:1px solid #000; }
.share-box a { width:40px; height:40px; color:#000; font-size:18px; padding:5px; text-align: center; }
.share-box a:hover { color:#FFF; background:#000; }


.hamburger-menu { position: fixed; top: 20px; right: 40px; z-index: 999; height:50px; width:50px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; padding: 10px 0; cursor: pointer; border: none; box-sizing: border-box; justify-content: space-around;  }
.hamburger-menu:hover {  }
.linea { transition: all 0.3s ease-in-out; display: block; width: 80%;  height: 3px; background: #000;  border-radius: 5px; transition: all 0.3s ease-in-out; transform-origin: center; }
.hamburger-menu.open .linea { background: #FFF; }
.hamburger-menu.open .linea-1 { transform: translateY(10px) rotate(45deg); }
.hamburger-menu.open .linea-2 { opacity: 0; }
.hamburger-menu.open .linea-3 { transform: translateY(-10px) rotate(-45deg); }
.menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index: 500; display: none; display: flex; align-items: center; justify-content: center; display:none; opacity:0; transition: opacity 0.4s ease-in-out; }
.menu-overlay.show { display: flex; opacity: 1;}


#footer { font-size:14px; line-height:16px; letter-spacing:1px; background:#111;  }
#footer .content { max-width:100%; padding:20px 0; }
#footer .content .grid { text-transform:uppercase; padding:40px 80px; color:#AAA; display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; gap:20px; }
#footer .content .grid-2 { text-transform:uppercase; padding:40px 80px; color:#AAA; display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; max-width:1000px; margin: 0 auto; }
#footer ul { margin-top:10px; }
#footer li { padding:5px 0; }
#footer h4 { color:#FFF; font-size:22px; margin-bottom:20px; }
#footer .credits ul { margin:0 auto; text-align:center; }
#footer .credits li { display:inline-block; margin:0 10px; text-transform:uppercase; color:#888; }
#footer .credits li a { color:#888; }
#footer .social { margin: 0 auto; text-align:right; }
#footer .social li { display:inline-block; }
#footer .social a { font-size:18px; width:40px; height:40px; text-align:center; padding:10px; border:1px solid #FFF; color:#FFF; margin-left:5px; display:block;}
#footer .social a:hover { color:#999; border:1px solid #999; }
#footer a { color:#FFF; }

.navigation { padding-left:40px; }

.flex { display: flex; align-items: center; justify-content: center; }
p.more {  color:#c9002b; text-transform:uppercase; letter-spacing:1px; font-weight:bold; margin-top:20px; }
.page { margin-top:90px; }

.slide-animation{ animation: fadezoom 20s 0s forwards; }
@keyframes fadezoom { 0% { transform: scale(1); } 100% { transform: scale(1.2); }  }

.cover, .cover .swiper-slide { padding:0px; margin:0 auto; position:relative; height: 100vh; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.cover div.text { max-width:1000px; text-align:left; padding: 40px 60px; margin:0 auto; color:#FFF; position:absolute; bottom:300px; left:0px; right:0; text-align:center; font-size:28px; z-index:3; }
.cover p.more, .cover p.card { color:#FFF; }
.bg { background-color:rgba(0, 0, 0, 0.2); position:absolute; top:0; bottom:0; right:0; left:0; z-index:2; }
.cover .btn, .cover-small .btn { text-transform:uppercase; border:1px solid #FFF; padding: 10px 20px; line-height:auto; display:inline-block; margin-top:20px; font-size:14px; }
.swiper-slide img { height:600px; width:auto; }


.cover-small { padding:0px; margin:0 auto; position:relative; height: 80vh; background-position:center center; background-size:cover; background-repeat:no-repeat; color:#FFF; padding: 40px; }
.cover-small a { color:#FFF; } 
.cover-small .grid { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:40px; }
.cover-small div.text { max-width:1000px; text-align:center; padding: 40px 60px; margin:0 auto; color:#FFF; position:absolute; top:0px; bottom:0px; left:0px; right:0; z-index:3; display: flex; flex-direction: column; justify-content: center; }
.cover-small h4 { border-top:2px solid #FFF; font-size:20px; margin: 10px 0 20px 0; text-transform:uppercase; padding-top:5px; }
.cover-small .bg { background-color:rgba(0, 0, 0, 0.5); position:absolute; top:0; bottom:0; right:0; left:0; z-index:2; }


.list-services { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:20px; }
.list-services .item { background:#FFF; }
.list-services .item:hover { -webkit-box-shadow:0px 0px 43px -10px #000000; -moz-box-shadow:0px 0px 43px -10px #000000; -o-box-shadow:0px 0px 43px -10px #000000; box-shadow:0px 0px 43px -10px #000000; }
.list-services h3 { text-transform:uppercase; font-weight:400; margin: 10px 0 25px 0; font-size:38px; text-align:left; margin-left:10px; }
.list-services .grid-2 { font-weight:400; text-align:left; gap:10px; margin: 10px 0 0 0; border-bottom:2px solid #000; text-transform:uppercase; }
.list-services .grid-2:hover { background:#000; color:#FFF; }

.list-projects .item { padding: 40px 0; border-bottom:1px solid #000; }
.list-supports .btn { margin-top:40px; font-size: 14px; }

.header-section { text-align:center; padding: 40px 0; }

.title-page { margin:40px 0 40px 0; text-align:center; }
.title-page h1 { font-size:18px; margin:0px; text-transform:uppercase; font-weight:bold; }
.title-page h2 { margin-top:10px; font-size:50px; line-height: 60px; }
.title-page p { margin:0 auto; margin-top:20px; margin-bottom:20px; }

.item-row-small { max-width:900px; margin:60px auto; font-size:18px; text-align:center; }
.item-row-small p { margin-bottom:20px; }
.item-row-small li { text-align:left; position:relative; padding-left:180px; margin-bottom:20px; }
.item-row-small li b { position: absolute; left:0; top:0; }
.item-row-small .text { background:#FFF; padding:10px 20px;} 
.item-row-small h3 { margin:0 0 10px 0; }
.item-row-small h2 { margin:0 0 30px 0;  }

.item-row { padding: 20px; max-width:1400px; margin:60px auto; font-size:18px; text-align:center; }
.about { font-size:18px; padding: 40px 0; }

.why { margin-top:100px; padding:40px; background:#FFF; }
.why img { margin-bottom:20px; }
.why h2 { font-size:40px; }

.video { background:#000; margin:80px 0;  }
a .play { color:#FFF; }
a:hover .play { opacity:1; }
.play { position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; z-index:22; display: flex; align-items: center; justify-content: center; }
.play:hover { opacity:0.6; }
.play img { width:80px; height:auto; display:inline-block; }

.grid.news { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:40px; }
.news .item { text-align:center; background:#FFF; font-size:12px; box-shadow: 0 0 4px 0 rgba(0,0,0,.1); transition: box-shadow .35s ease; will-change: box-shadow; position:relative; }
.news .item:hover { box-shadow: 10px 10px 20px 0 rgba(0,0,0,.5); }
.news .item .text { padding:20px; }
.news .item .text p.tag { color:#FFF; }
.news .item h3 { font-size:18px; margin-bottom:40px; text-transform:uppercase; line-height: 22px; }

.news-scheda { max-width:1000px; margin:0 auto; position:relative; padding-bottom:40px; margin-bottom:80px; }
.news-scheda .text h2 { margin-bottom:20px; font-size:25px; text-transform:uppercase; }
.news-scheda .text { padding: 40px 60px; text-align:center; background:#FFF; width:100%; max-width:800px; margin:0 auto; margin-top:-100px; position:relative; box-shadow: 12px 60px 60px 0 rgba(0,0,0,.15); }
.other-button { margin-bottom:40px; text-align:center; }

.preview { margin-bottom:40px; }
.preview .item { position:relative; }
.preview .item h2 { z-index:9; margin:0; background:#000; position:absolute; top:0; bottom:0; color:#FFF; left:0; right:0; text-align:center; align-content:end; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 44%, rgba(0, 0, 0, 1) 100%); font-weight:300; text-transform:uppercase; padding-bottom:40px; display: flex; flex-direction: column; justify-content: flex-end;}

.preview-subcat .text { padding: 20px 40px; text-align:left; font-size:24px; display: flex; flex-direction: column; justify-content: center; background: #d2c7b5;}
.preview-subcat .button { margin-top:40px; font-size:16px; }
.preview-subcat .item h3 { z-index:9; margin:0; background:#000; position:absolute; top:0; bottom:0; color:#FFF; left:0; right:0; text-align:center; align-content:end; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 44%, rgba(0, 0, 0, 1) 100%); font-weight:300; text-transform:uppercase; padding-bottom:40px; }


.grid-preview-products { margin:80px 0 40px 0; display:grid; grid-template-columns:1fr 1fr 1fr; gap:55px; row-gap:60px; }
.grid-preview-products h3 { font-size: 30px; z-index:9; margin:0; background:#000; position:absolute; top:0; bottom:0; color:#FFF; left:0; right:0; text-align:center; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 44%, rgba(0, 0, 0, 1) 100%); font-weight:300; text-transform:uppercase; padding-bottom:40px; display: flex; flex-direction: column; justify-content: flex-end; }
.grid-preview-products .item { text-align:center; position:relative; }
.grid-preview-products i { border:2px solid #000; width:80px; height:80px; border-radius:200px; align-content:center; text-align:center; margin:20px 0 0 0; }
.grid-preview-products .item:hover i { background:#000; color:#FFF; }

.booking { padding:30px 10px 10px 10px; background:#FFF; border:2px solid #000; margin-top:40px; max-width:500px; }
.booking h3 { margin:0 0 15px 0; }
.booking .buttons { margin:20px 0; }

.list-view-more { max-width:800px; padding:20px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.list-view-more .item { display:grid; grid-template-columns:1fr 1fr; background:#FFF; align-content:center; -webkit-box-shadow:0px 0px 39px -18px #000000; -moz-box-shadow:0px 0px 39px -18px #000000; -o-box-shadow:0px 0px 39px -18px #000000; box-shadow:0px 0px 39px -18px #000000;}
.list-view-more .text { align-content:center; padding:20px; }
.list-view-more .item:hover { background: #d2c7b5 }
.list-view-more .item i { border:2px solid #000; width:40px; height:40px; border-radius:200px; align-content:center; text-align:center; margin:20px 0 0 0;  }
.list-view-more .item:hover i { background:#000; color:#FFF; }


.list-details { margin: 40px 0; }
.list-details .item .text { padding:20px; align-content:center; }
.list-details .item .text h3 { margin-bottom:20px; }
.list-details .item .image { width:50%; }
.list-details .item .text { width:50%; padding:40px; display: flex; flex-direction: column; justify-content: center; background:white; }
.list-details .item { display:flex; }
.list-details .item:nth-child(even) { flex-direction:row-reverse; }

.form { background:#FFF; padding:20px; margin: 40px 0; }
.form input[type='text'], .form textarea, .form select { width:100%; background:#EEE; }
.form label { font-size:14px; }


.contact-box { text-align:center; padding:80px 0; font-size:20px; }
.contacts .item-row .text { padding:40px; background:#FFF;  }
.contacts .item-row .text h2 { margin-bottom:20px; font-size: 24px; }
.separation { margin-top:100px; }


.gallery { position:relative; }
.gallery .swiper-slide { width: auto !important; }
.gallery .swiper-slide { margin: 0 10px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-button-next, .swiper-button-prev { position:absolute; z-index:2; background-color: white; background-color: rgba(255, 255, 255, 0.5); right:10px; padding: 30px; color: #000 !important; fill: black !important; stroke: black !important; }

.grid-brands { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap:2px; margin-bottom:40px; } 
.grid-brands .item { padding:10px; background:#FFF; }

.marker { margin-top:40px; }


.grid.list-product .item { margin-bottom:40px; }
.list-product .item { padding:20px; min-height:400px; position:relative; }
.list-product .item .image { position:relative; text-align:center; width:100%; background:#FFF; display:inline-block; margin-bottom:10px; }
.list-product .item img { margin-bottom:10px; }
.list-product .item h2 { font-size:16px; }
.add { width:40px; height:40px; position:absolute; right:20px; top:20px; z-index:2; background:#EEE; border-radius:200px; padding:10px; }
.add img { width:100%; height:auto; }
p.price { font-weight:bold; font-size:20px; }



.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 .span_1_of_7:nth-child(7n+1) { margin-left:0px; }
.grid .span_1_of_8:nth-child(8n+1) { margin-left:0px; }
.grid .col { margin-bottom:1.6%; }
.span_25 { width:25%; margin:0px; line-height:normal; font-size:0px; }

.grid-4 { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; }
.grid-3 { display:grid; grid-template-columns: 1fr 1fr 1fr; }
.grid-2 { display:grid; grid-template-columns: 1fr 1fr; }
.grid-2-1 { display:grid; grid-template-columns: 2fr 1fr;  }
.gap40 { gap:40px; }
.gap20 { gap:20px; }
.gap10 { gap:10px; }
.gap5 { gap:5px; }
.gap2 { gap:2px; }


.acc_title { cursor:pointer; margin: 10px 0;   }
.acc_content { margin-bottom:40px;}
.acc_content li { list-style:disc; margin-left:15px; }


.grid-contacts { display:grid; grid-template-columns: 1fr 1fr; gap:40px; }
	
.content-box h2 { margin-bottom:20px; }
.position { margin:20px auto; }
.position h2 { margin:0; }
.acc-title { display:block; padding:20px; border-bottom:1px solid #CCC; cursor:pointer; font-weight:bold; font-size:20px; }
.acc-title i { margin-right:10px; }
.acc-content { padding:20px; }

div.top {  display: none; overflow: hidden; position: fixed; right:50px; bottom:50px; cursor:pointer;  width:50px; height:50px; text-align:center; background:#000; align-content: center; }


.box-contact { z-index:2; font-size:12px; position: fixed; bottom: 25px; right: 25px; width: 340px; background: #FFF; border: 1px solid #000; line-height:18px; padding:15px 15px 15px 130px; }
.box-contact a { color:#000; }
.box-contact a:hover { color:#c9002b; }
.box-contact h3 { margin-bottom:10px; font-size:13px; font-weight:bold; }
.box-contact img { width:100px; height:auto; position:absolute; left:15px; top:15px; }

.pagination { margin: 20px 0 40px 0; text-transform: uppercase; }
.pagination .page { text-align:right; }
.pagination .page a, .pagination .page b { padding:10px 15px; display:inline-block; border:1px solid #DDD; }
.pagination .page b { color: #E50026; }
.pagination .page a:hover { background:#EEE; }
.pagination .result { padding-top:10px; }

.subnav { margin-bottom:40px; }
.subnav .col { padding: 0 70px; position:relative; }
.subnav .col i { color:#000; position:absolute; right:0; top:0px; font-size:20px; width:50px; height:50px; text-align:center; margin:0px; }
.subnav .col.left i { left:0; right:none; }