
.Slider {
    position:relative;
    /*min-height:100vh;*/
}

#Slider__Inner .item {
    height: auto;
    position: relative;
    overflow:hidden;
}

#Slider__Inner .item img {
    display: block;
    width: 100%;
    height:100%;
}

#Slider__Inner .owl-item .item .Slider__Cover {
    z-index:98;
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    display:block;
    opacity:0;
}

#Slider__Inner .owl-item.active .item .Slider__Cover {
    -webkit-animation: puff-in-center 2s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
    animation: puff-in-center 2s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}

@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1 !important;
    }
}
@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

.Home__Content {
  padding-top:60px;
    background: #fff;
}
@media screen and (max-width:575px) {
.Home__Content {
  padding-top:15px;
}	
}
.Home__Content h1 {
    color:#164194;
}

.Home__Content__Left img {
  margin-bottom:30px;
}

.Home__Content__Left {
    max-width: 570px;
    float: right;
}
.Home__Content__Right {
    background: url(../img/home-pattern-white.jpg) repeat;
    padding-bottom: 30px;
    margin-top: 30px;
    height:110%;
    position:relative;
    z-index:1;
}
@media (min-width:768px) {
  .Home__Content__Right {
    height:120% !important;
  }
}
.Home__Content__Right__Inner {
    width: 100%;
    max-width: 500px;
    position:relative;
    z-index:2;
    left: 49px;
}
.Home__Content__Left h2 {
    font-size: 40px;
    line-height: 47px;
    color: #164194;
    margin-top:0px;
    margin-bottom:15px;
}
.Home__Content__Left Button {
    margin-top:15px;
}
@media screen and (min-width:767px) and (max-width:992px) {
  .Home__Content__Left Button {
      margin-bottom:30px;
  }
}
.Home__Content__Right__Inner .Box {
   width:100%;
   padding:15px 15px;
  /*  clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%); */
  -moz-transform: skew(0deg, 6deg);
  -webkit-transform: skew(0deg, 6deg);
  -o-transform: skew(0deg, 6deg);
  -ms-transform: skew(0deg, 6deg);
  transform: skew(0deg, 6deg);
}
.Home__Content__Right__Inner .Box .Box__Inner {
  -moz-transform: skew(0deg, -6deg);
  -webkit-transform: skew(0deg, -6deg);
  -o-transform: skew(0deg, -6deg);
  -ms-transform: skew(0deg, -6deg);
  transform: skew(0deg, -6deg);
}
.Home__Content__Right__Inner .Box.Box--Red {
    background-color:#E30613;
    margin:-87px 0px 60px 0px;
}
.Home__Content__Right__Inner .Box.Box--Blue {
    background-color:#164194;
    margin:-20px 0px 30px 0px;
}
@media (max-width:767px) {
  .Home__Content__Right__Inner .Box.Box--Blue {
      margin: -20px 0px 60px 0px;
  }
}

.Home__Content__Right__Inner .Box  img {
    text-align: center;
    padding: 30px 0px 60px 0px;
}
.Home__Content__Right__Inner .Box h3 {
    padding-top:50px;
    color:#fff;
    font-weight:600;
    margin-bottom: 5px;
}
.Home__Content__Right__Inner .Box p {
    color:#fff;
}
.Home__Content__Right__Inner .Box a {
    color:#fff;
    float:right;
}

.Home__Content__Right__Inner .Box a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width .5s;
}
.Home__Content__Right__Inner .Box a:hover::after {
    width: 100%;
}

@media screen and (max-width:575px) {
  .Home__Content__Right {
    background:none;
  }
  .Home__Content .Col-Right-0 {
      padding-left: 0px;
  }
  #Slider__Inner .item .Slider__CTA h1 {
      font-size:40px;
      line-height:47px;
  }
  #Slider__Inner .item .Slider__CTA button {
      padding-right: 25px;
      padding-left: 30px;
  }
  .Home__Content__Left h2 {
      font-size: 30px;
      line-height: 37px;
  }
  .Home__Content__Right {
      margin-top: 60px;
  }
  .Home__Content__Right__Inner {
      max-width:100%;
      left:0px;
  }
  .Home__Content__Right__Inner .Box.Box--Red {
      margin:0px 30px 30px 0px;
      padding-bottom: 70px;
  }
  .Home__Content__Right__Inner .Box {
      width: 100%;
      padding: 15px 15px 0px 15px;
  }
  .Home__Content__Right__Inner .Box img {
      padding: 30px 0px 0px 0px;
      text-align:center;
  }
  .Home__Content__Right__Inner .Box h3 {
      padding-top: 30px;
      text-align:center;
      margin-bottom:10px;
  }
  .Home__Content__Right__Inner .Box p {
      text-align:center;
      margin-bottom:30px;
  }
  .Home__Content__Right__Inner .Box a {
      float:none;
      background-color: #fff;
      color: #164194;
      padding: 15px 25px;
      border-radius: 25px;
  }
  .Home__Content__Right__Inner .Box a::after {
    display:inherit;
  }
  .Home__Content__Right__Inner .Box.Box--Blue {
      margin:0px 30px 30px 0px;
      padding-bottom: 70px;
  }
  .Home__Content__Right__Inner .Box .Box__Inner {
      text-align:center;
  }
}

@media screen and (min-width:576px) and (max-width:767px) {
  .Home__Content__Right__Inner .Box h3 {
      padding-top: 35px;
      font-size: 28px;
      line-height: 34px;
      margin-bottom:10px;
  }
  .Home__Content__Left {
      max-width: 100%;
      float: none;
  }
  .Home__Content__Right__Inner {
      left:0px;
      max-width:100%;
  }
  .Home__Content__Right {
      margin-top: -30px;
      margin-right: 15px;
  }

  .Home__Content__Right__Inner .Box {
    max-width:500px;
  }
  .Home__Content__Right__Inner .Box.Box--Red {
      margin:100px 0px 60px 0px;
      padding-bottom: 0px;
  }
  .Home__Content__Right__Inner .Box.Box--Blue {
      float: right;
  }
  .Home__Content__Right__Inner .Box img {
      padding: 20px 0px 0px 0px;
  }

  .Home__Content__Right__Inner .Box p {
      margin-bottom:30px;
  }
  .Home__Content__Right__Inner .Box a {
      margin-bottom:30px;
  }
  .Home__Content__Right__Inner .Box a::after {
    display:inherit;
  }
}
@media screen and (min-width:767px) and (max-width:1024px) {
  .Home__Content__Right__Inner {
      max-width:100%;
  }
}
@media screen and (min-width:768px) and (max-width:1100px) {
  .Home__Content__Right__Inner {
      left:0px;
  }
  .Home__Content__Right__Inner .Box {
    padding: 15px 15px 15px 15px;
  }
  .Home__Content__Right__Inner .Box h3 {
      padding-top: 30px;
      font-size: 20px;
      line-height: 27px;
  }
  .Home__Content__Right__Inner .Box p {
      font-size: 15px;
      line-height: 21px;
  }
}
.LastBlog {
  background-color:#F4F4F4;
  /* margin-top:-30px; IN ATTESA DELLA SEZIONE SERVIZI */
  padding-top:60px;
  padding-bottom:60px;
}
.LastBlog__Title {
    width:100%;
    text-align: center;
}
.LastBlog__Title h3, .Clients__Title h3 {
  text-align: center;
  color:#164194;
  font-size:40px;
  line-height:47px;
  margin-bottom: 60px;
  font-weight: 500;
}
@media (max-width:575px) {
  .LastBlog__Title h3, .Clients__Title h3 {
    font-size:30px;
    line-height:37px;
    margin-bottom:30px;
  }
}
#LastBlog__Carousel {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
    box-sizing: border-box;
}
#LastBlog__Carousel .owl-item {
    padding: 0px 15px 15px 15px;
}
.LastBlog button, .Home__Content__Left button, .Clients__Title button {
  margin-top:15px;
  position: relative;
  color:#fff !important;
}
@media (max-width:575px) {
  .LastBlog button, .Home__Content__Left button {
    margin-top:0px;
  }
}
.Clients__Title button {
  margin-bottom:60px;
}
.LastBlog button {
  left: 50%;
  transform: translateX(-50%);
}
.LastBlog button a, .Home__Content__Left button a, .Clients__Title button a {
  color:#fff !important;
}
.LastBlog button:hover a,  .Home__Content__Left button:hover a, .Clients__Title button:hover a {
  color:#E30613 !important;
}
.Clients {
  margin-top:60px;
}

.Clients__Title {
  text-align:center;
  line-height:144px;
}


.Slider .Slider__CTA {
    max-width: 600px;
    position: absolute;
    z-index: 8;
    margin: 0 auto;
    top: 20%;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-animation: scale-in-center 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-center {
    0% {
        opacity:0;
    }
    40% {
        opacity:0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes scale-in-center {
    0% {
        opacity:0;
    }
    40% {
        opacity:0;
    }
    100% {
        opacity: 1;
    }
}

.Slider .Slider__CTA p {
    position: relative;
    margin: 0 auto 15px auto;
    font-size: 52px;
    line-height: 58px;
    color: #164194;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
}
.Slider .Slider__CTA p span {
    color:#E30613;
}
.Slider .Slider__CTA button {
    position: relative;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    padding-right:35px;
    padding-left: 40px;
}
.Slider .Slider__CTA button svg {
    width:15px;
    height:auto;
    margin-left:10px;
    margin-top:-2px;
    fill:#fff;
}
.Slider .Slider__CTA button svg path {
    fill:#fff;
    transition: all .3s ease 0s;
}
.Slider .Slider__CTA button:hover svg {
    fill:#E30613;
}
.Slider .Slider__CTA button:hover svg path {
    fill:#E30613;
}
.Slider .Slider__CTA button img {
    width: 15px;
    height: 15px;
}
.Slider .Slider__CTA button img:hover {
    color:#e30613;
}

.Slider__Deskstop {
    display:block;
}
.Slider__Mobile {
    display:none !important;
}
@media (max-width:768px) {
    .Slider__Desktop {
        display:none !important;
    }
    .Slider__Mobile {
        display:block !important;
    }
    .Slider .Slider__CTA {
        max-width:600px;
        /*left: 15px;*/
        top: 20%;
        /*transform: translate(0, 0);*/
    }
    .Slider .Slider__CTA p {
        font-size: 34px;
        line-height: 49px;
        /*text-align:left;*/
    }
}
@media (max-width:767px) {
    .Slider .Slider__CTA button {
        display:none;
    }
}
@media (max-width:480px) {
    .Slider .Slider__CTA {
        max-width:200px;
    }
    .Slider .Slider__CTA p {
        font-size: 24px;
        line-height: 30px;
    }
}
@media (max-width:360px) {
    .Slider .Slider__CTA {
        max-width:180px;
    }
}
@media (max-width:575px) {
    /*
    .Slider .Slider__CTA button {
        display:none;
    }
    */
}
.Servizi-Masorny {
    padding:30px 0px 30px 0px;
    background:#ffffff;
}
.Servizi-Masorny .grid {
    width:100%;
}
.Servizi-Masorny .grid .grid-sizer
{
    width:25%;
}
.Servizi-Masorny .grid .grid-item a{
    position:relative;
    padding:5px;
    box-sizing: border-box;
    display:block;
    width:100%;
}
.Servizi-Masorny .grid .grid-item a img{
    width:100%;
    border-radius:12px;
    transition: all .3s ease 0s;
    opacity:1;
}
.Servizi-Masorny .grid .grid-item a:hover img{
    opacity:0.7;
}
.Servizi-Masorny .grid .grid-item a .A-Caption {
    border-radius:12px;
    position:absolute;
    top:5px;
    left:5px;
    width:calc(100% - 10px);
    height: calc(100% - 10px);
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
}
.Servizi-Masorny .grid .grid-item a h4 {
    color:#ffffff;
    position:absolute;
    bottom:15px;
    left:15px;
    width:calc(100% - 30px);
    z-index:2;
    font-weight:500;
    font-size:24px;
    line-height:31px;
}
@media (max-width:992px) {
    .Servizi-Masorny .grid .grid-item a h4 {
        font-size:20px;
        line-height:26px;
    }
}
@media (max-width:768px) {
    .Servizi-Masorny .grid .grid-item a h4 {
        font-size:18px;
        line-height:26px;
    }
}
@media (max-width:480px) {
    .Servizi-Masorny .grid .grid-item a h4 {
        font-size:14px !important;
        line-height:20px;
    }
}
.Servizi {
    padding:0px;
    height:340px;
    text-align:center;
    box-sizing: border-box;
    position:relative;
    overflow: hidden;
    background-attachment: fixed!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position:center top;
    transition: all .3s ease 0s;
}
.Servizi img {
    width:32px;
    height:auto;
    position:absolute;
    bottom:30px;
    left:50%;
    transform: translate(-50%,0px);
    z-index:1;
}
@media (max-width:768px) {
    .Servizi {
        height:260px;
        background-attachment:scroll !important;
        background-position:center center !important;
    }
    .Servizi img {
        width:24px;
        height:auto;
        position:absolute;
        bottom:15px;
        left:50%;
        transform: translate(-50%,0px);
        z-index:1;
    }
}
.Servizi .Servizi__Inner {
    position:absolute;
    z-index:2;
    top:50%;
    width:100%;
    left:0px;
    transform: translate(0px,-50%);
    box-sizing: border-box;
}

.Servizi .Servizi__Inner h3 {
    text-align: center;
    color: #fff;
    font-size:50px;
    line-height:57px;
    text-shadow:0px 0px 4px #000;
}
@media (max-width:575px) {
    .Servizi .Servizi__Inner  h3 {
        font-size:32px;
        line-height:38px;
    }
}
.Servizi-Masorny .grid .grid-item {
    width: 25%;
}
.Servizi-Masorny .grid .grid-item--1 {
    width:25%;
}
.Servizi-Masorny .grid .grid-item--2 {
    width:25%;
}
.Servizi-Masorny .grid .grid-item--3 {
    width:50%;
}
.Servizi-Masorny .grid .grid-item--4 {
    width:25%;
}
.Servizi-Masorny .grid .grid-item--5 {
    width:25%;
}
.Servizi-Masorny .grid .grid-item--6 {
    width:25%;
}
.Servizi-Masorny .grid .grid-item--7 {
    width:25%;
}
.Servizi-Masorny .grid .grid-item--8 {
    width:25%;
}
.Img-Desktop {
    display:block;
}
.Img-Mobile {
    display:none;
}
@media (max-width:768px) {
    .Img-Desktop {
        display:none !important;
    }
    .Img-Mobile {
        display:block !important;
    }
    .Servizi-Masorny .grid .grid-item {
        width: 50%;
    }
    .Servizi-Masorny .grid .grid-item--1 {
        width:100%;
    }
    .Servizi-Masorny .grid .grid-item--2 {
        width:50%;
    }
    .Servizi-Masorny .grid .grid-item--3 {
        width:50%;
    }
    .Servizi-Masorny .grid .grid-item--4 {
        width:50%;
    }
    .Servizi-Masorny .grid .grid-item--5 {
        width:50%;
    }
    .Servizi-Masorny .grid .grid-item--6 {
        width:50%;
    }
    .Servizi-Masorny .grid .grid-item--7 {
        width:50%;
    }
    .Servizi-Masorny .grid .grid-item--8 {
        width:50%;
    }
}
