var(--2-color)var(--1-color)/* INTRO ABOUT */
.afterMenu {
  padding-top: 80px
}

.introText {
  font-size:60px !important;
  line-height:70px !important;
}

.servizi .numero {
  font-family: 'Nantes', Calibri, Arial, sans-serif;
  color:var(--2-color);
  font-size:60px;
  line-height:60px;
  margin: 30px 0 5px 0;
  transition: all .5s;
}
.servizi .text {
  font-family: 'Light', Calibri, Arial, sans-serif;
  color:var(--2-color);
  font-size:18px;
  line-height:22px;
  margin: 0;
  transition: all .5s;
}

@media only screen and (max-width: 1200px) {
  .introText {
    font-size:40px !important;
    line-height:50px !important;
  }

  .servizi .numero {
    font-size:40px;
    line-height:40px;
    margin: 30px 0 5px 0;
  }
  .servizi .text {
    font-size:14px;
    line-height:18px;
  }

}


 .intro-image-big {
   height: 70vh;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }
 .intro-image-small {
   height: 34vh;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }
 .intro-image-small.ims-mb {
   margin-bottom: 2vh;
 }

 @media only screen and (max-width: 992px) {

   .intro-image-big {
     height: 50vh;
     margin-bottom:20px
   }
   .intro-image-small {
     height: 24vh;
   }

   .intro-image-small.ims-mb {
     margin-bottom: 0vh;
   }

 }



/* PORTFOLIO */

.newsImage {
  width: 100%;
  height: 60vh;
  background-size: cover;
  background-position: center;
}
.operaText .h6 {
  margin-top: 30px;
  border-bottom: .5px solid var(--2-color);
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: var(--2-color) !important;
  transition: all .5s;
}
.operaText .title {
  font-family: 'Normal', Calibri, Arial, sans-serif;
  color:var(--2-color);
  font-size:12px;
  line-height:15px;
  margin-bottom: 5px;
  text-transform: uppercase;
  transition: all .5s;
}
.operaText .tecnica {
  font-family: 'Light', Calibri, Arial, sans-serif;
  color:#555555;
  font-size:14px;
  line-height:16px;
  margin: 0;
  transition: all .5s;
}


.opereControls {
  position: relative;
  width: 100%;
  height: 20px;
  margin-bottom: 20px
}

.opereControls .swiper-button-next:after, .opereControls .swiper-button-prev:after {content: '';}
.opereControls .swiper-button-prev { background-image: var(--icon-arrow-l); background-repeat: no-repeat;background-size: 27px; margin-top: 0}
.opereControls .swiper-button-next { background-image: var(--icon-arrow-r); background-repeat: no-repeat;background-size: 27px; margin-top: 0}

.opereControls .swiper-button-next, .opereControls .swiper-rtl .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset,40px);
  right: auto;
}
.opereControls .swiper-button-prev, .opereControls .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset,0px) !important;
  right: auto !important;
}


/* SERVIZI */
.borderline {
  margin-top:80px;
  margin-bottom:80px;
  width:100%;
  height:.5px;
  background-color:var(--2-color)
}

.servizi ul {
  width: 50%;
  float:left
}
.servizi li {
  font-family: 'Light', Calibri, Arial, sans-serif;
  color:var(--2-color);
  font-size:15px;
  line-height:18px;
  text-transform: uppercase;
  margin: 0 0 5px 0;
  transition: all .5s;
}

.wallet {position:relative}
.wallet img {
  border-radius:5px;
  width: 100%;
  position: sticky !important;
  margin-bottom:-30px;
  &:nth-child(1) {top:150px; z-index: 10}
  &:nth-child(2) {top:200px; z-index: 10; margin-left: 10px}
  &:nth-child(3) {top:250px; z-index: 10; margin-left: 20px}
  transition: all .5s;
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);;
}
.wallet img:hover {
  rotate: 5deg;
  translate: 40px
}

.wallet-next {
  position:sticky;
  top:150px;
}

@media only screen and (max-width: 1200px) {
  .borderline {
    margin-top:30px;
  }
  .servizi li {
    font-size:13px;
    line-height:16px;
  }
  .wallet img {
    margin-bottom:-40px;
    &:nth-child(1) {top:100px; z-index: 10}
    &:nth-child(2) {top:140px; z-index: 10; margin-left: 10px; width: calc(100% - 10px);}
    &:nth-child(3) {top:180px; z-index: 10; margin-left: 20px; width: calc(100% - 20px); }
  }
  .wallet-next {
    top:80px !important;
    padding-top: 100px
  }
}


/* GIGA */
.giga {
  position:relative;
  width: 100%;
  padding-top:20vh;
  padding-bottom:20vh;
  background: rgb(188,223,132);
	background: -moz-linear-gradient(45deg, rgba(188,223,132,1) 0%, rgba(222,223,132,1) 50%, rgba(132,212,223,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(188,223,132,1) 0%, rgba(222,223,132,1) 50%, rgba(132,212,223,1) 100%);
	background: linear-gradient(45deg, rgba(188,223,132,1) 0%, rgba(222,223,132,1) 50%, rgba(132,212,223,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bcdf84",endColorstr="#84d4df",GradientType=1);
	background-size: 300% 100%
}
.giga-box {
  position:relative;
  width: 100%;
  height: 50vh;
  background: rgb(188,223,132);
	background: -moz-linear-gradient(45deg, rgba(188,223,132,1) 0%, rgba(222,223,132,1) 50%, rgba(132,212,223,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(188,223,132,1) 0%, rgba(222,223,132,1) 50%, rgba(132,212,223,1) 100%);
	background: linear-gradient(45deg, rgba(188,223,132,1) 0%, rgba(222,223,132,1) 50%, rgba(132,212,223,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bcdf84",endColorstr="#84d4df",GradientType=1);
	background-size: 300% 100%
}

.giga .h2,
.giga .h6,
.giga .h3,
.giga .h5 {color:#222222!important}

.giga .goto {
  border: .5px solid #333333 !important;
  color:#333333 !important;
  background-image:url("../img/arrow_right.svg") !important;
}
.giga .goto:HOVER {
  border: .5px solid #000000 !important;
}



.rotator {
	z-index: 8990;
  width: 50%;
  margin-left: 25%;
}
.rotator img {width: calc(100%)}


@media only screen and (max-width: 992px) {
	.rotator {
    width: 120px;
    margin-left: 0;
    margin-bottom: 40px
	}
  .rotator img {width: 120px}

}

/* ROTATOR */
.rotate-center {
	-webkit-animation: rotate-center 10s linear infinite both;
	        animation: rotate-center 10s linear infinite both;
}
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/* CONTATTI */
.contatti {
  background: #333333;
  background: linear-gradient(135deg, #333333, #000000);
}
.contatti .h6, .contatti .h2, .contatti .h5, .contatti {
  color: #f4f4f4 !important;
}


/**/