* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*general*/
html {/* font-size: 62.5%*/ font-size: 10px; outline: none; }
body { font-family: "Work Sans", sans-serif; color: #05273F; font-weight: 400; background-color: #F6F8FA; }
.body { background-color: #FCFCFC; max-width: 300rem; margin: 0 auto; overflow: hidden; }
ul, li, h1, h2, h3, h4, h5, p { list-style: none; }
a { font-size: 1.6rem; text-decoration: none; color: #05273F; outline: none }
a:focus, input:focus, textarea:focus, select:focus, label:focus {outline: none!important }
p, ul, li { line-height: 1.8; font-size: 1.6rem; }
.container { max-width: 140rem; margin: 0 auto; padding: 0 2%; width: 100%; }
button { color: #05273F; font-size: 1.6rem; cursor: pointer; background-color: transparent; border: none; font-family: "Work Sans", sans-serif; }
input, textarea, select { font-size: 1.8rem; ; font-weight: 600; font-family: "Work Sans", sans-serif; }
select { width: 100%; 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; color: #111;
  background: url(../img/down.svg) 95% / 13px no-repeat #05273F;
}
.center { text-align: center; }
.clear { clear: both; }
.float { float:left; }
.floatr { float:right; }
.flex { display: flex; flex-wrap: wrap; }
.clearfix::after { content:""; display: table; clear: both; }
.upper { text-transform: uppercase; }
.pr { position:relative; }
.oh { overflow:hidden; }
.font { font-family: "Poppins", sans-serif; }

/*colors*/
.fff {color: #fff}
.bgfff { background-color:#fff }
.blu { color:#0F3250 }
.bgblu { background-color:#0F3250 }
.bgblu2 { background: #004391;
background: linear-gradient(-90deg, rgba(0, 67, 145, 1) 0%, rgba(5, 39, 63, 1) 100%); }
.blu2 { color:#004391 }
.red { color:#C8363E }
.lblu { color:#71C2FF }
.red { color:#C8363E }
.bgred { background-color:#C8363E }

.gragreen {  background: rgb(182,219,112);
background: linear-gradient(45deg, rgba(182,219,112,1) 0%, rgba(57,191,134,1) 100%);  }

/*fontsize*/
.w300 { font-weight:300 }
.w400 { font-weight:400 }
.w500 { font-weight:500 }
.w600 { font-weight:600 }
.w700 { font-weight:700 }
.w800 { font-weight:800 }

.t70 { font-size:7rem; line-height:1.2; }
.t20 { font-size: 2rem; line-height:1.6 }
.t40 { font-size: 4rem; }
.t55 { font-size:5.5rem; line-height:1.2 }
.t66 { font-size:6.6rem; line-height:1.2 }
.t45 { font-size:4.5rem; line-height:1.2 }
.t35 { font-size:3.5rem; line-height:1.2 }
.t30 { font-size:3rem; line-height:1.2 }
.t28 { font-size: 2.8rem; line-height:1.6 }
.t18 { font-size: 1.8rem }
.t16 { font-size: 1.6rem }
.t14 { font-size: 1.4rem }
.ls { letter-spacing:4px }

.mt1 { margin-top:1rem }
.mt2 { margin-top:2rem }
.mt3 { margin-top:3rem }
.mt4 { margin-top:4rem }
.mt5 { margin-top:5rem }
.mt6 { margin-top:6rem }
.mt8 { margin-top:8rem }
.mt9 { margin-top:9rem }
.mt10 { margin-top:10rem }
.mb1 { margin-bottom:1rem }
.mb2 { margin-bottom:2rem }
.mb3 { margin-bottom:3rem }
.mb4 { margin-bottom:4rem }
.mb5 { margin-bottom:5rem }
.mb6 { margin-bottom:6rem }
.mb10 { margin-bottom:10rem }

.opt { object-position:top center; }
.opb { object-position:bottom center; }
.ojf { object-fit:cover; object-position:center; height:100%; width:100% }
.multi { mix-blend-mode: multiply; }
.overlay { mix-blend-mode: overlay; }
.screen { mix-blend-mode: screen; }

.br { border-radius: 2rem }

.cta { ptransition: .2s; osition: relative; font-weight: 600; padding: 1rem 2rem; display: inline-block; font-size: 1.6rem; border-radius:5rem }
.ctaimg { display:flex; align-items:center; }
.cta.bord { border:1px solid; }
.cta img { width:1.47rem; margin-right: .8rem}
/*padding/margin*/
.wt100 { width:100% }
.ojf { width:100%; height:100%; object-fit:cover; }
.opt { object-position:center top!important; }

/*TOP BUTTON*/
.div-back-to-top { transition: .3s; max-width: 400rem; width: 100%; left: 0; right: 0; bottom: 0; margin: 0 auto; position: fixed; z-index: 10000; }
.back-to-top { transition: .3s; position: absolute; z-index: 2; bottom: 2rem; right: 2rem; }
.back-to-top img { transition: .3s; width: 5.2rem; background-color:#C8363E; padding:2rem 1.5rem; border-radius:0 }
.back-to-top:hover {cursor: pointer; }

header { padding: 2rem 4rem; justify-content: space-between; position: absolute; background-color: rgba(244, 244, 244, .9); width: 100%; left: 0; right: 0; margin: 0 auto; max-width: 300rem; top: 0; z-index: 8; align-items:center; }
header .logo { transition: .3s; z-index: 1; width: 20rem; }
header .menu { display: flex; align-items: center; justify-content: flex-end; width:calc(100% - 20rem); }
header .menu li a { text-transform: uppercase; display: flex; font-weight: 400; margin:0 3.5rem 0 0  }
header .menu li a:hover { color: #C8363E }
header .menu li .down { margin-left:5px }
header .menu li { display:inline-block; }
header .menu li .active { font-weight:600 }
header .info { z-index: 1; display: flex; align-items: center; position: absolute; right: 0; top: 2.8rem; width: auto; }
header .mail { display:none; } 
header .menu li.social a { margin:0 0 0 1.5rem }
header .menu li.social.ml { margin-left:-1.5rem }
.cta.ctamenu { display: block; position:absolute; z-index: 3; top:14rem; right:3.6rem; }

.dropbtn { transition: all 0.3s ease 0s; }
.dropdown {display: inline-block; position: relative;}
.dropdown button { position: relative; z-index: 2; }
.dropdown-content {
  position: absolute;
  background-color: #fff;
  width: 100%;
  z-index: 2;
  right: 0;
  transition: all 0.3s ease-in-out; opacity: 0;}
.dropdown-content { display: flex; justify-content: center; text-align: left; }
.dropdown-content .cl { background-color: #fff; padding: 1rem 9rem; display:flex ; align-items:center; }
.dropdown-content .cl a { margin:0 7.5rem 0 0; background-color:#fff }
.dropdown-content .cl img { height:2rem; filter: brightness(0.6);}
.dropdown-content .cl img:hover { filter: brightness(1); }
 
.dropdown:hover .dropdown-content { height: auto; margin-top: 5px; opacity: 1}
.dropdown:hover .dropbtn { color: #C8363E }

.sticky { opacity:1 }
.sticky { transition: 0.3s; position: fixed; top: 0; left: 0; z-index: 30; width: 100%; max-width: 300rem; margin: 0 auto; }
.sticky header { box-shadow: 0 3px 10px rgba(0,0,0,0.1); }
.hidden-sticky { }
/*sidenav*/
.menuresponsive, .sidenav { display: none; }

.slidehome .txt { position:absolute; z-index: 2; text-align: center; max-width: 68rem; bottom:6rem; right:0; left:0; margin:0 auto; }
.bg000 { position:absolute; top:0; left:0; z-index:1; background-color:rgba(0, 0, 0, .3); }

#splide3 { width: 100%; height: 100vh }
#splide3 .my-arrows {position: absolute; bottom: 10rem; margin: 0 auto; padding: 0 2%; width: 100%; z-index: 3; left: 0; right:0 }
#splide3 .my-arrows button:focus {outline: none;}
#splide3 .my-prev { background-image:url(../img/prev.svg); left:2% }
#splide3 .my-next { right: 2%; position: absolute; background-image:url(../img/next.svg); }
#splide3 .my-prev, #splide3 .my-next { width: 6.5rem; height: 6.5rem; border-radius: 0; background-color: transparent; transition: .3s; opacity: 1; cursor: pointer; background-repeat:no-repeat; background-position: center;}
#splide3 .my-prev:hover , #splide3 .my-next:hover { opacity:1 }
#splide3 .my-prev svg, #splide3 .my-next svg { fill:transparent; }
#splide3 .img, #splide3 .splide__track { width: 100%; height: 100vh; object-fit: cover; object-position: center;}
#splide3 .splide__pagination { display: block; text-align: center; width: 100%!important; bottom: 3rem; height: 6rem; z-index: 1}
#splide3 .splide__pagination__page { border-radius: 0; background: #fff; opacity: 0.5; width: 5rem; height: 3px; margin: 5px;cursor: pointer;display: block;}
#splide3 .splide__pagination__page:focus {outline: none;}
#splide3 .splide__pagination__page.is-active {background: #fff; opacity: 1; transform: inherit;}
.splide__slide { position:relative; }

.pad { padding:12rem 0 }
.mw100 { max-width:100rem; margin:0 auto; }

.bannerimg { height:55rem }
.boxes { padding:14rem 4%; justify-content:center; gap:2% }
.boxes .box { transition: .2s; margin-bottom: 2%; width: 32rem; padding: 4rem; min-height: 34rem; text-align: center; flex-direction: column; align-items: center; justify-content: space-between; border-radius:2rem; border:1px solid #D8D8D8; }
.boxes .box .cta { padding: .5rem 3rem; }
.boxes .box:hover .cta { background-color: #C8363E }
.boxes .box:hover { background-color:#f2f2f2 }
.last-word { color: #C8363E; font-style: italic; display: block }

.txt-img { margin-bottom: 10rem; justify-content:space-between; align-items:center;  }
.txt-img .txt { width:47% }
.txt-img img { width:47%; min-height:52rem }
.txt-img.rev { flex-direction:row-reverse; }

.bannertxt { display: flex; min-height:74rem; align-items:center; justify-content:center; flex-direction:column; }
.bannertxt img { position:absolute; top:0; left:0; }
.bannertxt .txt { width:100%; z-index:3 }

#splide1 .splide__pagination { display: none;}
.blog .box { background-color: #fff; transition:.3s }
.blog .box:hover { background-color:#f2f2f2 }
.blog .box:hover .img { opacity:.8 }
.blog .box .img { transition:.3s }
.blog .box .imgs { width: 100%; overflow:hidden; }
.blog .box .imgs .arrow { width: 5rem; position: absolute; bottom:1.5rem; right:1.5rem }
.blog .box .txt { padding:3rem }
.blog { padding:10rem 4% }

.tronca2 { width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.tronca3 { width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.igbanner .bannerimg { height:30rem }
.igbanner .ig { margin:3rem 0 -4rem; z-index:2; position:relative; }

/*.footer11*/
.footer1 { background-color: #05273F; padding: 8rem 0 5rem }
.footer1 .foflex { justify-content:space-between; align-items:flex-start; }
.footer1 .foflex .cl50 { width:50% }
.footer1 .foflex .cl50.flex { border-left:1px solid #fff; padding-left:3rem }
.footer1 .cl { margin-right:10rem; display:flex; flex-direction:column; }
.footer1 .cl:last-child a { line-height:1.8 }
.footer1 p, .footer1 a { font-size:1.4rem; line-height:2.2; color:#fff }
.footer1 b { font-weight:600 }
.footer1 a:hover { color:#C8363E!important }
.footer1 .credits { color:#7B8D9A; border-top: 4px solid #123249; padding: 3rem 0; margin-top: 4rem; line-height:1.4 }
.footer1 .credits a, .footer1 .credits p { color:#7B8D9A }
.footer1 a.flex { align-items:center; }
.footer1 a img { width: 1.7rem; object-fit: contain; height: 2.1rem; margin-right:1rem }

/*pages*/
.page .slidehome { display: flex; align-items: center; justify-content: center; height:100vh; min-height:40rem }
.page .slidehome .txt { position:relative; bottom:inherit; margin-top:10rem; max-width:100rem }
.page .slidehome .bg { position: absolute; top: 0; right: 0; }

.banner-servizi { align-items: flex-start; padding: 8rem 4% 6rem; justify-content: space-between; background: #F0F0F0; background: linear-gradient(90deg, rgba(240, 240, 240, 1) 50%, rgba(5, 39, 63, 1) 100%); }
.banner-servizi .txt { position: relative; width:41%; margin:0 2.5%; padding-left: 4rem }
.banner-servizi .txt::before { border-radius: 5rem; content:""; background:#C8363E; height:100%; width:9px; position:absolute; top:0; left:0 }
.banner-servizi .box { width: 48%; padding: 4rem 1rem; margin-bottom: 4%; max-width: auto; background-color:#fff; box-shadow:0 3px 26px rgba(0, 0, 0, .12); }
.banner-servizi .boxes { padding: 0; width:50%; gap:4%; justify-content:flex-start; }
.banner-servizi:nth-child(odd) { background:transparent; }
.banner-servizi .txt::before { background-color:#C8363E }
.banner-servizi .txt .t45 { color:#C8363E }
.banner-servizi:nth-child(odd) .txt .t45 { color:#004391 }
.banner-servizi:nth-child(odd) .txt::before { background:#004391 }

.banner-servizi.full .txt { width:100% }

.page .igbanner { margin-top:10rem }
.page .bannertxt { min-height:47rem }

.icons { padding:8rem 4%; background-color:#F0F0F0 }
.icons .flex { justify-content:space-between; }
.icons .box { width:23% }
.icons .box img { max-width:16rem; width:90% }

.slidehome.dett { height:80vh; max-height:70rem; }
.slidehome .categoria .img { width: 10rem;
  height: 10rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2rem; }
.breadcrumbs { font-size:1.4rem }
.breadcrumbs a { color:#fff; font-size:1.4rem }
.breadcrumbs a:last-child { color:#C8363E }

.ckeditor.dett { position: relative; max-width:90rem; padding:0 4rem; margin:8rem auto; }
.ckeditor.dett::before { border-radius: 5rem; content:""; background:#C8363E; height:100%; width:9px; position:absolute; top:0; left:0 }

.ckeditor { font-size:1.6rem; font-family: "Poppins", sans-serif; line-height: 1.8}
.ckeditor b, .ckeditor strong { font-family: 'JustBold', sans-serif; }
.ckeditor h1,.ckeditor h2,.ckeditor h3,.ckeditor h4, .ckeditor h5, .ckeditor h6 { line-height: 1.2; color: #004391; font-size:3.5rem; font-weight:400; margin: 3rem 0 1rem }
.ckeditor a { color:#C8363E; text-decoration:underline; font-weight:500 }
.ckeditor ul { margin-top:2rem }
.ckeditor ul li::before { content:url('../img/arr.svg'); width: 3rem; height: 3rem; position:absolute; left:0; top:.2rem }
.ckeditor li { padding-left:3rem; position:relative; font-size:1.6rem; line-height:1.7; margin:1rem 0 }
.ckeditor ul b, .ckeditor ol b { color:#004391 }
.ckeditor ol { margin-left:1.5rem }
.ckeditor ol li::marker { font-weight:600; color:#004391 }
.ckeditor ol li { list-style:decimal; padding-left:1rem }

#splide2 .splide__pagination { display: block; text-align: center; width: 100%!important; bottom: 0rem; height: auto; z-index: 1}
#splide2 .splide__pagination__page { border-radius: 0; background: #D9D9D9; opacity: 0.5; border-radius: 50%; width: 1.8rem; height: 1.8rem; margin: 5px;cursor: pointer;display: block;}
#splide2 .splide__pagination__page:focus { outline: none; }
#splide2 .splide__pagination__page.is-active { background: #004391; opacity: 1; transform: inherit; }
#splide2.boxes { padding:0 0 8rem }
#splide2.boxes .box { width:auto; padding: 4rem 1rem }
.page .blog { padding-bottom:0 }

.page .blog .box { width:23%; margin-bottom:2.6% }
.page .blog { gap:2.6% }
.page .blog #splide1 .box { width:100%!important; margin-bottom:0!important }

.data img { vertical-align:middle; margin-top:-4px }

.mainblog { padding: 18rem 0 6rem; box-shadow: 0 3px 26px rgba(0, 0, 0, .4); display:flex; align-items:center; justify-content:center; flex-direction:column; }
.mainblog .flex { justify-content:space-between; align-items:center; }
.mainblog .txt { width:50% }
.mainblog .img { width:50%; box-shadow:0 3px 20px rgba(0, 0, 0, .12); border-radius:1rem }
.mainblog .breadcrumbs a:last-child { color:#fff; font-weight:600 }

.icons.a3 .flex { justify-content:center; gap:4% }

.list .box { background-color:#f0f0f0; border-radius:1rem; padding:2rem; border-left:2rem solid #C8363E; margin-bottom:2rem }

/*form1*/
.contact_form { width: 60%; padding:4rem; background-color:#0F3250; margin:8rem auto; }
.contact_form .content { max-width:55rem; margin:0 auto; border-radius: 3px; border:1px solid rgba(255, 255, 255, .25); padding:3rem }
.form1 { margin-top:3rem }
.form1 input, .form1 textarea { font-size: 1.8rem; margin-bottom: 2rem; border: 0; width:100%; background-color:rgba(255, 255, 255, .2); border-radius:0; padding:1.5rem; color:#fff }
.form1::placeholder { color:#fff; }
.form1 .cl50 { width:49% }
.form1 .inputs { justify-content:space-between; }
.map { background-color:#eee; width:100%; height:50vh }

.service-page { padding-top: 20rem; background: #004391; background: linear-gradient(180deg, rgba(0, 67, 145, 1) 0%, rgba(5, 39, 63, 1) 100%); min-height:100vh; }
.sitemap { padding: 2rem 4rem; background-color:rgba(255, 255, 255, .2); border-radius:2rem; box-shadow: 0 0 30px rgba(0, 0, 0, .2); }
.sitemap a { color:#fff!important }
.service-page.er { display:flex; align-items:center; justify-content:center; flex-direction:column; }
.service-page .error { font-size:14rem; opacity:.4 }

.team { padding:6rem 0 }
.team .flex { gap:2%; justify-content:center; }
.team .box { margin-bottom: 2%; width:23%; background-color:#F0F0F0; border-radius:1rem; overflow:hidden; }
.team .box img { width:100% }
.team .box .txt { padding:2rem; position:relative; }
.team .box .icon { position:absolute; top:-4rem; right:1rem; height:3rem; width:3rem; object-fit:contain; }

/*-------------------------style check & radio box-------------------------*/
/*style check box*/
.containercheck { text-align: left; width: 100%;
  margin: 1rem 0 2rem; font-size: 1.4rem;
  display: block;
  position: relative;
  padding-left: 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 2rem;
  width: 2rem;
  background-color: #fff;
  border-radius: 1px; border: 1px solid #E3E3E3;
}

/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
  background-color: #4BAA05;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmark:after {
  left: 0.6rem;
  top: 0.3rem;
  width: 0.4rem;
  height: .8rem;
  border: solid white;
  border-width: 0 0.2rem 0.2rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 1300px) {
html { font-size:9.5px }
.dropdown-content .cl a { margin-right:7rem }
.dropdown-content { right:-10rem }
.footer1 .foflex { flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.footer1 .foflex .cl { justify-content:center; align-items:center; margin:3rem 0 0 0 }
.footer1 .credits, .footer1 .credits a { line-height:1.4 }
.footer1 a.flex { align-items:flex-start; flex-wrap:nowrap; }
.footer1 a.flex img { margin-top:5px }
}

@media (max-width: 1200px) {
html { font-size:9.5px }
/*sidenav*/
header .menu { display: none; }
.cta.ctamenu { right:2% }
.menuresponsive, .sidenav { display: block; }
#mySidenav { display: block; z-index: 1000;}
#mySidenav .closebtn img { width:3.5rem }
#mySidenav { height: 100%; width: 0; position: fixed; z-index:100; top: 0; right: 0; overflow-x: hidden; transition: 0.2s; }
.sidenav .bgcolor { width:0; opacity:.4; height:100vh; overflow: hidden; position:absolute; right:0 }
#mySidenav .bg { background: #004391;
background: linear-gradient(0deg, rgba(0, 67, 145, 1) 0%, rgba(5, 39, 63, 1) 100%); overflow-y: scroll; width: 100%; margin: 0; height:100vh; padding:8rem 4rem }
#mySidenav .bg a, #mySidenav .bg p { color:#fff }
#mySidenav .closebtn { position: absolute; top: 1.5rem; right: 0; padding: 2rem; text-align: right; margin:0; width:100% }
#mySidenav .bg li a { font-size:2rem; padding-bottom: 3rem; display:block; }
#mySidenav .bg li { margin:3rem 0; border-bottom:1px solid rgba(255, 255, 255, .2); }
.accordion { position: relative; width:100%; text-align:left; }
.accordion li { font-size:2rem }
.accordion .btnmore { left: 0; top: 0; width: 50%; position: absolute; height: 3.5rem; cursor: pointer; margin-left: 50%; }
.accordion .showhidenew img { margin: 0; transition: 1s; width: 1.8rem; position: absolute; right: 0; top: .9rem}
.accordion .text_opennew { margin:-2rem 0 4rem }
.accordion .text_opennew a { display:block; padding: 1rem 0 0!important }
.accordion .text_opennew a { display: flex!important; align-items: center; font-size:1.6rem!important }
.accordion .text_opennew a img { margin-right: 1rem; filter: brightness(0) invert(1); width: 2.5rem; height: 2.5rem; object-fit: contain;}

#splide1 .box .imgs { height:20vw }
}

@media (max-width: 1024px) {
html { font-size:9.5px }
.t55 { font-size:3.2rem }
.t28 { font-size:2.2rem }
.t45 { font-size:3.5rem }
.t30 { font-size: 2.5rem }
.slidehome .txt { padding:0 2% }
header { padding:1rem 2.5% }

.machine .img { width:40% }
.machine .img .circle { width:35rem; height:35rem }
.machine .txt { width:55% }
.macchinari .bx .img { height:30vw }
.macchinari .bx p { font-size:3rem }

.machine.bgggra .txt { width:45% }
.bgggra.machine { padding:4rem 2% }
.bgggra.machine .flex { padding-bottom:2rem }

.punti.spiega .bx { width:31.33% }

.punti .flex .bx { width:32.33% }

.testo { padding-left:2%; padding-right:2% }

.banner-servizi .txt { margin: 0; padding: 0; margin-bottom: 5rem; width:100%; text-align:center; }
.banner-servizi .txt::before { display:none; }
.banner-servizi { background:#F0F0F0  }

.banner-servizi .boxes { width:100%; justify-content:center; }

.page .blog .box { width:31.6% }

.cta.ctamenu { top:11rem }

.igbanner .bannerimg { height:auto; }
.contact_form { width:100% }

.team .box { width:31.33% }
}

@media (max-width: 768px) {
.txt-img { text-align: center; flex-direction:column-reverse!important; min-height:auto}
.txt-img .txt { padding: 0 2%; width:100% }
.txt-img img { width:100%; margin-bottom:3rem; min-height:auto }
.container.noc { padding:0 }
#splide1 .box .imgs { height:30vw }

#splide1 { padding-bottom:8rem }
#splide1 .splide__pagination { display: block; text-align: center; width: 100%!important; bottom: 0rem; height: auto; z-index: 1}
#splide1 .splide__pagination__page { border-radius: 0; background: #D9D9D9; opacity: 0.5; border-radius: 50%; width: 1.8rem; height: 1.8rem; margin: 5px;cursor: pointer;display: block;}
#splide1 .splide__pagination__page:focus { outline: none; }
#splide1 .splide__pagination__page.is-active { background: #004391; opacity: 1; transform: inherit; }

.banner-servizi .boxes .box { width:32rem }

.icons .box { width:48%; margin-bottom:6rem }
.icons { padding-bottom:4rem }

.page .blog .box { width: 48.7% }
.blog .box .imgs { height:30vw }

.mainblog .flex { flex-direction:column; text-align:center; }
.mainblog .txt { width:100% }
.mainblog .img { width:90%; margin:4rem auto 0; }

.team .box { width:48% }
}

@media (max-width: 600px){
.cta.ctamenu { top:11rem }
#splide3 .img { object-position: 22% 78%; }
.boxes .box {min-height: auto; margin-bottom: 5rem}
.boxes .box .cta { margin-top:3rem }
#splide1 .box .imgs { height:60vw }
#splide1 .box .imgs .img { border-radius:2rem }

.slidehome .txt { bottom:12rem }

.bannerimg { height:30rem }

.footer1 .foflex .cl, .footer1 .foflex { text-align:left; align-items:flex-start; justify-content:flex-start; }
.footer1 .foflex .cl { margin-top:5rem }
.footer1 .foflex .logo { width:100%; max-width:30rem }

.icons .box { width:100%; }
#splide2.boxes { padding-bottom: 4rem}
.page .blog { padding:6rem 4% 0 }

.page .blog .box { width: 100%; margin-bottom:4rem }
.blog .box .imgs { height:60vw }

.form1 .cl50 { width:100% }

.team .box { width:100%; margin-bottom:4rem }

.page .slidehome { height: auto; min-height:100vh; padding:10rem 0 8rem }
}

/*gsap css*/
.fade-left { transform: translateX(-100%); opacity:0 }
.fade-right { transform: translateX(100%); }
.fade-in { transform: translateY(0); opacity: 0; }
.fade-in-down { transform: translateY(-100%); opacity: 0; }
.fade-in-up { transform: translateY(100%); opacity: 0; }
.bounce { transform: translateY(100px); }
.rotate { transform: rotate(-180deg); }
.swing { opacity: 0; transform: rotate(-10deg); }
.shake { opacity: 0; transform: translateX(0); }
.zoom-in { transform: scale(0); }
.zoom-out { transform: scale(2); }
.roll-in { transform: translateX(-100%) rotate(-360deg); }