body {
	/*
font-family: finalsix, sans-serif;
	*/
font-family: finalsix, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #7F8B9B;
background-color: #F4F4F4;
/*letter-spacing: 0.01em;*/
/* -webkit-font-smoothing: antialiased;
letter-spacing: -0.45px;*/
background-image: url('../images/header-grigio-sporco.svg');
  background-position: top center;
	background-repeat: repeat-x;
}

#sp-main-body{
	background-image: url('../images/bottom-grigio-sporco.svg');
  background-position: bottom center;
	background-repeat: repeat-x;
}

.h1, h1, .h2, h2,.h3, h3,.h4, h4,.h5, h5,.h6, h6 {
    font-family: finalsix, sans-serif!important;
}
.h2, h2 {
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
}
.h3, h3 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
}
p {
	margin-top: 0;
    /*margin-bottom: 0.7rem;*/
	margin-bottom: 5px;
}

.sppb-addon-content {
    font-family: finalsix, sans-serif!important;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1125px;
}
.sppb-row-container {
    max-width: 1125px;
}


a {
    color: #21C5C4;
}
a:hover, a:focus, a:active {
    color: #21C5C4!important;
}

b, strong {
    font-weight: 700;
}



.spumoni .sppb-addon-content ul li:before {
    content: "";
    width: 20px;
    height: 17px;
    background: url(../images/ico-link-piu.svg);
    top: 0px;
    right: 0px;
    display: inline-block;
    margin: 0px 10px -2px 0px;
    background-repeat: no-repeat;
}



.zoom-in-box  {
  margin: 24px;
  width: 100%;
  height: auto;
  background: #f50057;
  animation: zoom-in 10s ease ;
}

@keyframes zoom-in{
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1.2, 1.2);
  }
}



.ken img {
  animation: kenny 40s linear;
  /*background-image: url('../images/bg-top-home.jpg');
  background-size: cover;
  background-position: center;*/
  height: 100vh;
  width: 100vw;
  opacity: 1;
  overflow: hidden;
  scale: 2;
}

@keyframes kenny {
  100% {
    opacity: 0;
    scale: 1;
  }
}

.com_spsimpleportfolio #sp-main-body .container{
	max-width: 100%;
	padding: 0px;
}
.pag-portfolio #sp-main-body .container{
	/*max-width: 1124px;*/
}
.com_spsimpleportfolio .sp-page-title{
	display: none;
	visibility: hidden;
}



.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #7F8B9B;
    font-size: 16px;
    font-weight: 400;
    background-image: url(../images/sottolineato.svg);
    background-repeat: repeat-x;
    background-position: 0px 50px;
}
.sp-megamenu-parent>li>a {
    color: #7F8B9B;
    font-size: 16px;
    font-weight: 400;
}
.sp-megamenu-parent>li:last-child>a {
    padding: 0px 5px 0px 5px;
}




#sp-footer, #sp-bottom {
    background: #19A4B4;
    color: #63E1E5;
}
#sp-bottom .sp-module .sp-module-title {
    color: #63E1E5;
}
#sp-footer a, #sp-bottom a {
    color: #63E1E5;
}
#sp-bottom .sp-module-content .latestnews>li>a>span {
    color: #63E1E5;
}







body.variation-portfolio {
  background-color: #ffffff;
  color: #000000;
}
.variation-portfolio #sp-header {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.variation-portfolio #sp-header #sp-logo {
  position: relative;
  left: -50px;
}
.variation-portfolio .sp-page-title {
  padding-top: 125px;
}
.variation-portfolio #sp-header.menu-fixed .sp-megamenu-wrapper {
  margin-top: 35px;
}
.variation-portfolio #sp-header.menu-fixed .sp-megamenu-wrapper .sp-megamenu-parent {
  top: 55px;
}
.variation-portfolio #sp-header.menu-fixed .sp-megamenu-wrapper >.sp-megamenu-toggler {
  height: 55px;
}
.variation-portfolio .sp-megamenu-wrapper {
  margin-top: 50px;
  transition: .3s;
}
.variation-portfolio .sp-megamenu-wrapper >.sp-megamenu-toggler {
  position: relative;
  display: block;
  width: 30px;
  height: 50px;
  font-size: 20px;
}
.variation-portfolio .sp-megamenu-wrapper >.sp-megamenu-toggler .close {
  display: none;
  opacity: 1;
  font-size: inherit;
}
.variation-portfolio .sp-megamenu-wrapper >.sp-megamenu-toggler .open {
  animation: zoomIn .4s;
  display: inline-block;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-parent {
  width: 260px;
  padding: 20px 0;
  position: absolute;
  top: 50px;
  left: 0;
  background: #f2f2f2;
  z-index: 99999;
  display: none;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-parent li.sp-menu-item >a {
  display: block;
  padding: 14px 30px;
  font-size: 15px;
  line-height: 1.5;
  text-transform: capitalize;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-parent >li {
  display: block;
  padding: 0;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-parent >li.sp-has-child>a:after {
  content: " \f105";
  float: right;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
  top: 0;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
  left: 100%;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
  left: 100%;
  right: 0;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
  right: 0;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #ededed;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
  box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
  padding: 0;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {
  font-size: 15px;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-parent li.sp-menu-item:not(:last-child) >a {
  border-bottom: 1px solid #e5e5e5;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-parent li.sp-menu-item:hover > a:not(.sp-group-title),
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-parent li.sp-menu-item.active > a:not(.sp-group-title) {
  color: #000000;
  background-color: rgba(255,255,255,0.85);
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-toggler:hover .close {
  display: inline-block;
  animation: zoomIn .4s;
  float: left;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-toggler:hover .open {
  animation: zoomOut .4s;
  display: none;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-toggler:hover .sp-megamenu-parent {
  display: block;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-toggler:hover .sp-megamenu-parent.menu-fade-down {
  -webkit-animation: spMenuFadeInDown 400ms;
  animation: spMenuFadeInDown 400ms;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-toggler:hover .sp-megamenu-parent.menu-fade-up {
  -webkit-animation: spMenuFadeInUp 400ms;
  animation: spMenuFadeInUp 400ms;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-toggler:hover .sp-megamenu-parent.menu-fade {
  -webkit-animation: spMenuFadeIn 400ms;
  animation: spMenuFadeIn 400ms;
}
.variation-portfolio .sp-megamenu-wrapper .sp-megamenu-toggler:hover .sp-megamenu-parent.menu-zoom {
  -webkit-animation: spMenuZoom 400ms;
  animation: spMenuZoom 400ms;
}
.variation-portfolio #offcanvas-toggler {
  position: absolute;
  right: 15px;
  z-index: 100;
  top: 47px;
  line-height: 1;
  font-size: 20px;
}

.ares-intro-section .sppb-addon-text-block .sppb-addon-content p span {
  font-weight: 700;
}
.ares-intro-section .sppb-addon-text-block .sppb-addon-title {
  position: relative;
}
.ares-intro-section .sppb-addon-text-block .sppb-addon-title:before {
  height: 1px;
  width: 22px;
  content: '';
  position: absolute;
  top: auto;
  bottom: -22px;
  left: 0;
  background: #000000;
}
body .sp-simpleportfolio .sp-simpleportfolio-filter {
  margin-bottom: 30px;
}
body .sp-simpleportfolio .sp-simpleportfolio-filter > ul {
  /*display: table;
  width: 100%;*/
	display: inline-block;
    width: auto;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul li {
  margin: 0 25px 10px 0;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul li.active > a {
  color: #19A4B4;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul li a {
  background: transparent;
  color: #000000;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2.4px;
  font-weight: 700;
  border-radius: 0;
  padding: 0 0 4px;
  border-bottom: 1px solid transparent;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul li a:hover,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul li a:focus {
  background: transparent;
  border-color: #b0b0b0;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul li.active a {
  background: transparent;
  border-color: #b0b0b0;
}
.sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {
  background-color: transparent;
}
.sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-btns {
  margin-top: 15px;
	display: none;
	visibility: hidden;
}
.sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-btns .btn-zoom {
  display: none;
}
.sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-btns .btn-view {
  background: transparent;
  border: medium none;
  border-radius: 0;
  color: #000000;
  font-size: 28px;
  margin: 0;
  padding: 5px;
}
.sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-btns .btn-view:hover {
  color: rgba(0,0,0,0.6);
}
.sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-tags {
  color: #18A4B4;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    font-weight: 400;
    padding: 0px 20px 0px 20px;
	
}
.sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-title a {
  font-size: 34px;
    color: #19A4B4;
    font-weight: 700;
}
.sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-title a:hover {
  color: rgba(0,0,0,0.6);
}
.sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
  /*border: 20px solid #fff;*/
  background: #ffffff;
  width: 100%;
	border: 0px solid #fff;
    /* background: #C6FDFF !important; */
    background-image: url(../images/rollower-categoria.svg);
    background-size: 320px;
    background-repeat: no-repeat;
	background-position: center center;
	/*min-height: 345px;*/
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle>div .sp-simpleportfolio-title a {
    text-decoration: none;
    color: #19A4B4;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul li a {
    background: transparent;
    color: #19A4B4;
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 400;
    border-radius: 0;
    padding: 0 0 4px;
    border-bottom: 1px solid transparent;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul li.active a {
    background: transparent;
    border-color: transparent;
    background-image: url(../images/sottolineato.svg);
    background-repeat: repeat-x;
    background-position: 0px 15px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul li a:hover, .sp-simpleportfolio .sp-simpleportfolio-filter > ul li a:focus {
    background: transparent;
    border-color: transparent;
    background-image: url(../images/sottolineato.svg);
    background-repeat: repeat-x;
    background-position: 0px 15px;
}











.sp-simpleportfolio .pagination {
  margin-top: 30px;
}
.com-spsimpleportfolio.view-item .sp-page-title {
  display: none;
}
.sp-load-more-lg.sppb-btn {
  padding: 17px 50px;
}
.ares-news-section .sppb-section-title {
  margin-bottom: 110px !important;
}
.ares-news-section .sppb-section-title .sppb-title-heading {
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.ares-news-section .sppb-addon-articles .sppb-addon-article .sppb-meta-category a {
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2.4px;
}
.ares-news-section .sppb-addon-articles .sppb-addon-article .sppb-meta-category a:hover,
.ares-news-section .sppb-addon-articles .sppb-addon-article .sppb-meta-category a:focus {
  color: #000000;
}
.ares-news-section .sppb-addon-articles .sppb-addon-article h3 {
  margin: 8px 0 22px;
}
.ares-news-section .sppb-addon-articles .sppb-addon-article h3 a {
  font-size: 30px;
  color: #000000;
  font-weight: 700;
}
.ares-news-section .sppb-addon-articles .sppb-addon-article h3 a:hover,
.ares-news-section .sppb-addon-articles .sppb-addon-article h3 a:focus {
  color: rgba(0,0,0,0.5);
}
.ares-news-section .sppb-addon-articles .sppb-addon-article .sppb-article-meta {
  margin-right: 0;
  margin-bottom: 23px;
  margin-left: 0;
}
.ares-news-section .sppb-addon-articles .sppb-addon-article .sppb-article-meta span {
  margin: 0;
  text-transform: uppercase;
  font-size: 14px;
  color: #000000;
  letter-spacing: .7px;
}
.ares-news-section .sppb-addon-articles .sppb-addon-article .sppb-article-meta span.sppb-meta-author {
  font-weight: 700;
  margin-left: 20px;
}
.ares-news-section .sppb-addon-articles .sppb-addon-article .sppb-article-meta span.sppb-meta-author >span {
  font-weight: 400;
}
.ares-news-section .sppb-addon-articles .sppb-addon-article .sppb-article-introtext p {
  line-height: 30px;
  letter-spacing: .45px;
}
.ares-news-section .sppb-addon-articles .sppb-addon-article a.sppb-readmore {
  margin-top: 30px;
}
div.sppb-addon-instagram-gallery .sppb-instagram-images {
  width: 100%;
  display: table;
}
div.sppb-addon-instagram-gallery .sppb-instagram-images .sppb-instagram-gallery-btn {
  margin: 0;
  width: 100%;
  float: left;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .4s;
  transition: .4s;
  text-align: center;
  position: relative;
}
div.sppb-addon-instagram-gallery .sppb-instagram-images .sppb-instagram-gallery-btn:before {
  content: '';
  background: rgba(0,0,0,0.7);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-transition: .4s;
  transition: .4s;
  visibility: hidden;
  opacity: 0;
}
div.sppb-addon-instagram-gallery .sppb-instagram-images .sppb-instagram-gallery-btn:after {
  content: '\6a';
  font-family: ares;
  color: #fff;
  font-size: 75px;
  top: 0;
  left: 0;
  position: absolute;
  right: 0;
  height: 25px;
  margin: auto;
  bottom: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}
div.sppb-addon-instagram-gallery .sppb-instagram-images .sppb-instagram-gallery-btn img {
  height: 230px;
  width: 100%;
}
div.sppb-addon-instagram-gallery .sppb-instagram-images .sppb-instagram-gallery-btn:hover {
  transform: scale(.83);
}
div.sppb-addon-instagram-gallery .sppb-instagram-images .sppb-instagram-gallery-btn:hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}
div.sppb-addon-instagram-gallery .sppb-instagram-images .sppb-instagram-gallery-btn:hover:before {
  visibility: visible;
  opacity: 1;
}
.sp-simpleportfolio-view-item {
  padding-top: 30px;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-info {
  text-align: center;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-info .sp-simpleportfolio-category h2 {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 3.2px;
  margin: 0;
  text-transform: uppercase;
  color: #000000;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-info .sp-simpleportfolio-title h2 {
  letter-spacing: .48px;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.270;
  margin: 18px 0 0;
  color: #000000;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-info .sp-simpleportfolio-meta {
  margin: 22px 0 52px;
  padding: 0;
  width: 100%;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-info .sp-simpleportfolio-meta ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-info .sp-simpleportfolio-meta ul li {
  display: inline-block;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-info .sp-simpleportfolio-meta ul li div {
  font-size: 12px;
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 2.4px;
  font-weight: 700;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-info .sp-simpleportfolio-meta ul li div.sp-simpleportfolio-created,
.sp-simpleportfolio-view-item .sp-simpleportfolio-info .sp-simpleportfolio-meta ul li div.sp-simpleportfolio-tags {
  margin-left: 28px;
}
.sp-simpleportfolio-view-item.sp-simpleportfolio .sp-simpleportfolio-image {
  margin-bottom: 0;
}
.sp-simpleportfolio-view-item.sp-simpleportfolio .sp-simpleportfolio-description {
  float: left;
  width: 100%;
}
.sp-simpleportfolio-view-item.sp-simpleportfolio .sp-simpleportfolio-description .content {
  margin: 75px auto 75px;
  width: 63%;
}

.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    color: #fff !important;
    background: rgba(100, 100, 100, 0.4);
}








  /*========== Animazioni =======*/



.ani-raggio{
	animation: ani-raggio 20s linear 0s infinite normal forwards;
}

@keyframes ani-raggio {
	0%,
	100% {
		transform: rotate(0deg);
		transform-origin: 50% 50%;
	}

	10% {
		transform: rotate(8deg);
	}

	20%,
	40%,
	60% {
		transform: rotate(-10deg);
	}

	30%,
	50%,
	70% {
		transform: rotate(10deg);
	}

	80% {
		transform: rotate(-8deg);
	}

	90% {
		transform: rotate(8deg);
	}
}


.ani-elefante{
	animation: ani-elefante 20s linear 0s infinite normal forwards;
}
.ani-bici{
	animation: ani-elefante 30s linear 0s infinite normal forwards;
}

@keyframes ani-elefante {
	0%,
	100% {
		transform: translateY(0);
	}

	10%,
	30%,
	50%,
	70% {
		transform: translateY(-8px);
	}

	20%,
	40%,
	60% {
		transform: translateY(8px);
	}

	80% {
		transform: translateY(6.4px);
	}

	90% {
		transform: translateY(-6.4px);
	}
}

.ani-fumetto{
	animation: ani-fumetto 20s linear 0s infinite normal forwards;
}
@keyframes ani-fumetto {
	0% {
		transform: translate(0);
	}

	10% {
		transform: translate(-2px, -2px);
	}

	20% {
		transform: translate(2px, -2px);
	}

	30% {
		transform: translate(-2px, 2px);
	}

	40% {
		transform: translate(2px, 2px);
	}

	50% {
		transform: translate(-2px, -2px);
	}

	60% {
		transform: translate(2px, -2px);
	}

	70% {
		transform: translate(-2px, 2px);
	}

	80% {
		transform: translate(-2px, -2px);
	}

	90% {
		transform: translate(2px, -2px);
	}

	100% {
		transform: translate(0);
	}
}








.anim-portfolio{
  position:relative;
  /*width:500px;
  height:500px;
  margin-right:100px;
  background-image:url('https://picsum.photos/500');*/
  overflow:hidden;
}

.anim-portfolio::after{
  content:'';
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  opacity:1;
  transform: translateX(0%);
  transition: transform 1s cubic-bezier(.16,.67,.67,.98) .5s;
}
.big::after{
  background:#F4F4F4;
}

.show::after{
  transform: translateX(101%);
}

.anim-portfolio:nth-child(2n){
  margin-top:600px;
}

  /*========== Fine Animazioni =======*/





.reveal {
  visibility: hidden;
  position: relative;
  /*width: 80%;
  height: 80%;
  max-width: 1313px;*/
  overflow: hidden;
}






.btn-primary, .sppb-btn-primary {
    border-color: #19A4B4;
    background-color: #ffffff;
}
.sppb-btn-primary {
    color: #19A4B4;
    border: 1px solid #19A4B4;
    border-radius: 4px;
    height: 50px;
    font-size: 12px;
    line-height: 30px;
    padding: 10px 20px;
}
.btn-primary:hover, .sppb-btn-primary:hover {
    border-color: #19A4B4;
    background-color: #19A4B4;
}
.sppb-btn-primary:hover {
    color: #fff !important;
}
#sp-header {
    background: transparent;
	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.1);
	padding-top: 30px;
	height: 150px;
}

.sppb-btn-warning {
    color: #19A4B4;
    background-color: transparent;
    border-color: transparent;
    font-size: 16px;
    line-height: 27px;
    font-weight: 600;
    background: url(../images/car-f-sx.svg);
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0px 13px;
    padding: 9px 10px 0px 22px;
	
	
}
.sppb-btn-warning:hover {
    color: #63E1E5 !important;
    background-color: transparent;
    border-color: transparent;
}

.sppb-btn-warning:active {
    color: #63E1E5 !important;
    background-color: transparent;
    border-color: transparent;
	background-image: url(../images/car-f-sx.svg);
}
.uppercase{
	text-transform: uppercase;
}


.tit-sottolineato h2{
    /*text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #C6FDFF;*/
     text-decoration: underline solid #C6FDFF 10px; 
    text-underline-offset: 2px;
}

.underline h2 {
    background-image: url(../images/sottolineato.svg);
    background-repeat: repeat-x;
    background-position: 50px 30px;
}





#sp-main-body {
    padding: 50px 0;
}


.box-dotted {
background-image: repeating-linear-gradient(0deg, #19a4b4, #19a4b4 2px, transparent 2px, transparent 6px, #19a4b4 6px), repeating-linear-gradient(90deg, #19a4b4, #19a4b4 2px, transparent 2px, transparent 6px, #19a4b4 6px), repeating-linear-gradient(180deg, #19a4b4, #19a4b4 2px, transparent 2px, transparent 6px, #19a4b4 6px), repeating-linear-gradient(270deg, #19a4b4, #19a4b4 2px, transparent 2px, transparent 6px, #19a4b4 6px);
background-size: 2px 100%, 100% 2px, 2px 100% , 100% 2px;
background-position: 0 0, 0 0, 100% 0, 0 100%;
background-repeat: no-repeat;
}

.burger-icon {
    width: 32px;
    cursor: pointer;
    background-color: #19A4B4;
    padding: 3px 7px 5px 7px;
    height: 32px;
	border-radius: 4px;
	margin: 0px 10px 0px 0px;
	/*content: "";
    width: 32px;
    height: 32px;
    background: url(../images/ico-burger.svg);
    top: 0px;
    right: 0px;
    display: inline-block;
    margin: 0px 10px -2px 0px;
    background-repeat: no-repeat;*/
}
.burger-icon>span {
    background-color: #FFFFFF;
	/*display: none;*/
}






.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #ffffff;
}
.offcanvas-active .burger-icon>span:nth-child(3), #modal-menu-toggler.active .burger-icon>span:nth-child(3) {
    transform: translate(0, -5.8px) rotate(45deg);
}


.sp-simpleportfolio .sp-simpleportfolio-items {
    margin: -15px;
    min-height: 500px;
}

.bg-verde{
  background: url(../images/bg-verde-bottom.svg) left bottom repeat-x, #19A4B4 url(../images/bg-verde-top.svg) right top repeat-x;
	
	/*background-image: url(../images/bg-verde-top.svg), url(../images/bg-verde-bottom.svg);
  background-repeat: repeat-x, repeat-x;
  background-position:
    top left,
    bottom left,	*/
	
}



.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }    
}

.floating2 {  
    animation-name: floating2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating2 {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }    
}

.b-on{
	display: inline;
	visibility: visible;
}
.b-off{
	display: inline;
	visibility: visible;
}




.car-lavori .sppb-carousel-inner>.sppb-item {
padding: 170px 40px 60px 40px;
}
.car-lavori h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
}
.ico-lavori{
	width: 138px;
    position: absolute;
    top: 0px;
	margin: 0px 22% 0px 18%;
}



.ico-testimonial{
	width: 150px;
    top: 0px;
	margin: -60px auto 50px auto;
	
}

.car-testimonial .sppb-carousel-inner>.sppb-item {
    padding: 60px 40px 60px 40px;
	background-image: url(../images/virgolette.svg);
    background-repeat: no-repeat;
    background-position: 0px 210px;
}

.car-testimonial2 .sppb-carousel-inner>.sppb-item {
    padding: 60px 40px 60px 40px;
	background-image: url(../images/virgolette.svg);
    background-repeat: no-repeat;
    background-position: 0px 210px;
}

.fa-chevron-left:before {
    content: "";
    width: 15px;
    height: 20px;
    background: url(../images/car-f-sx.svg);
    right: 0px;
    display: inline-block;
    margin: 0px 10px -2px 0px;
    background-repeat: no-repeat;
}
.fa-chevron-right:before {
    content: "";
    width: 15px;
    height: 20px;
    background: url(../images/car-f-dx.svg);
    right: 0px;
    display: inline-block;
    margin: 0px 10px -2px 0px;
    background-repeat: no-repeat;
}

.carousel-partners-mobile .fa-chevron-left:before {
    content: "";
    width: 15px;
    height: 20px;
    background: url(../images/car-f-sx.svg);
    right: 0px;
    display: inline-block;
	margin: 200px 0px 0px 130px;
    background-repeat: no-repeat;
}
.carousel-partners-mobile .fa-chevron-right:before {
    content: "";
    width: 15px;
    height: 20px;
    background: url(../images/car-f-dx.svg);
    right: 0px;
    display: inline-block;
        margin: 200px 130px 0px 0px;
    background-repeat: no-repeat;
}


.sppb-carousel-extended-item img {
    width: 100%;
    object-fit: scale-down!important;
    height: 100%;
}

.car-lavori .sppb-carousel-arrow i {
    top: 20%;
}
.car-testimonial2 .sppb-carousel-arrow i {
    top: 400px;
    right: 0px;
    left: 0px;
}


body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -3000px;
    top: 0;
}

.offcanvas-menu {
    background-color: #19A4B4;
    color: #63E1E5;
    width: 100%;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #63E1E5;
    font-size: 30px;
    line-height: 52px;
    font-weight: 300;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #ffffff !important;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {
    padding: 0px;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {
    border-bottom: 0px solid rgba(32, 31, 31, 0.1);
    margin-bottom: 0;
}
.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
    color: #63E1E5;
}
.fa-facebook:before {
    font-size: 30px;
	content: "";
    width: 31px;
    height: 31px;
    background: url(../images/ico-facebook.svg);
    top: 0px;
    right: 0px;
    display: inline-block;
    margin: 0px 10px -2px 0px;
    background-repeat: no-repeat;
}

.fa-linkedin:before {
    font-size: 30px;
	content: "";
    width: 31px;
    height: 31px;
    background: url(../images/ico-linkedin.svg);
    top: 0px;
    right: 0px;
    display: inline-block;
    margin: 0px 10px -2px 0px;
    background-repeat: no-repeat;
}
.fa-instagram:before {
    font-size: 30px;
	content: "";
    width: 31px;
    height: 31px;
    background: url(../images/ico-instagram.svg);
    top: 0px;
    right: 0px;
    display: inline-block;
    margin: 0px 10px -2px 0px;
    background-repeat: no-repeat;
}

.offcanvas-menu.center-alignment .offcanvas-inner {
    background: url(../images/k11-logo-menu.svg);
    right: 0px;
    display: block;
    background-repeat: no-repeat;
    background-position: 50% bottom;
	padding-bottom: 190px;
}

.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before {
    border: 1px solid #63E1E5;
    width: 15px !important;
    height: 15px !important;
}
span.sppb-form-builder-required {
    color: #D30028;
}
.form-builder-checkbox-item input:checked+label::before, .form-builder-radio-item input:checked+label::before, .sppb-addon-form-builder .sppb-form-check-input:checked+label::before {
    background: #63E1E5;
}
.form-builder-radio-content label {
    font-size: 12px;
}
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
    padding: 5px 0px !important;
}
 #sppb-addon-1714132010167 .sppb-addon-form-builder-form .sppb-form-group textarea {
    padding: 20px 20px;
	 border: 1px solid #63E1E5;
    min-height: 200px;
}
#sppb-addon-1714132010167 .sppb-addon-form-builder-form .sppb-form-group label:not(.form-builder-radio-label):not(.form-builder-checkbox-label) {
    margin-bottom: 5px;
}



.sppb-addon-video-local-source {
    position: relative;
}
.sppb-addon-video .sppb-addon-video-local-video-wrap {
    padding-top: 0px;
}

ol, ul {
    padding-left: 15px;
}





/*.sp-pre-loader .circle-two>span, .sp-pre-loader .circle-two>span:before, .sp-pre-loader .circle-two>span:after{
border: 2px solid #19A4B4!important;}

.sp-pre-loader .circle-two>span{
border-left-color: transparent;}

.sp-pre-loader .circle-two>span:before{
border-right-color: transparent;}

.sp-pre-loader .circle-two>span:after{
border-bottom-color: transparent;}*/



.sp-page-builder .page-content #section-id-1713784514254 {
    background-image: url(../images/bg-top-home.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    background-attachment: inherit;
	background-position: 50% 90px;
}

.sppb-form-builder-field-8{
	margin-top: 50px;
}



#offcanvas-toggler{
	display: none!important;
	visibility: hidden;
}






.sp-pre-loader .sp-loader-circle:after{
    background-color: #63E1E5 !important;
}


.convertforms {
    font-family: finalsix, sans-serif;
	    border-radius: 8px;
}
.convertforms .cf-checkbox-group, .convertforms .cf-radio-group {
    align-items: baseline;
    padding: 10px 0px 3px 0px;
}


input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
    color: #7F8B9B;
    border-bottom: 1px solid #63E1E5;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.convertforms h2 {
    margin: 0;
    border-bottom: 0px solid #ededed;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	padding-bottom: 0px;
}

.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 50px 60px;
}
.convertforms .cf-label .cf-required-label {
    color: #7F8B9B;
	display: none;
	visibility: hidden;
}

.convertforms .cf-input {
    border: solid 1px #63E1E5;
    border-radius: 0px;
}
.convertforms .cf-btn {
    border: 1px solid #19A4B4;
    text-transform: uppercase;
    font-size: 12px;
	min-width: 150px;
}

.convertforms .cf-checkbox-group .cf-label, .convertforms .cf-radio-group .cf-label {
    font-size: 16px;
    line-height: 26px;
}
.convertforms .cf-input {
	font-size: 14px;
    line-height: 25px;
    line-height: 25px;
    color: #7F8B9B;
    font-weight: 300;
}
.txt-privacy {
    font-size: 14px;
    line-height: 27px;
}
.convertforms .cf-label {
    font-size: 18px;
    line-height: 28px;
	font-weight: 700;
}


.convertforms .cf-input[type=checkbox], .convertforms .cf-input[type=radio] {
    width: 15px!important;
    height: 14px!important;
}

input[type="checkbox"],
input[type="radio"] { 
	padding: 0; 
}


.convertforms.cf-success .cf-response {
    background-color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 30px;
    margin-bottom: 20px;
    line-height: 30px;
    text-align: center;
    color: #7F8B9B;
    border: 1px solid #63E1E5;
}

.cf-response img {
        display: inline;
}


#cf_3 {
	max-width: 100%!important;
}
.form-contatti {
	width: 100%;
	border-radius: 0px;
}

.form-contatti .convertforms .cf-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
	padding-bottom: 10px;
}
.cf-list .cf-label {
    font-size: 14px !important;
	padding-bottom: 0px!important;
}
 .form-contatti select:not(.form-select):not(.form-control) {
    color: rgb(116, 191, 193);
}
.convertforms .cf-checkbox-group, .convertforms .cf-radio-group {
    align-items: anchor-center;
    padding: 0px 0px 03px 0px;
}
.convertforms .cf-input:focus, .convertforms .cf-input:invalid:focus {
    border: solid 0px #ffffff;

}
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
    height: 50px;
	color: rgb(116, 191, 193)!important;
}
















  /*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


 /*==========  Non-Mobile First Method  ==========*/


@media only screen and (max-width: 4000px) and (min-width: 3000px){
	
	
	

}
@media only screen and (max-width: 1999px) {
  
		
	
	
	
}
@media only screen and (max-width: 991px) {


#sp-header .logo {
	height: 50px;
	margin-left: 15px;
}
#offcanvas-toggler{
	display: inline!important;
	visibility: visible;
}
	.sp-megamenu-wrapper{
		display: none!important;
	visibility: hidden!important;
	}

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

.sppb-row-container {
    padding-left: 30px;
    padding-right: 30px;
}

.b-off{
	display: none;
	visibility: hidden;
}
.sppb-carousel-extended-item.active {
    width: 260px !important;
	height: 260px !important;
	margin-right: 20px;
}
.sppb-carousel-extended-item {
    width: 260px !important;
	height: 260px !important;
	margin-right: 20px;
}
.sp-page-builder .page-content #section-id-1713784514254 {
    background-image: url(../images/bg-top-home-mobile.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    background-attachment: inherit;
	background-position: center 0px;
}
	
.sp-page-builder .page-content #section-id-1710949290178 {
    background-image: url(../images/pallini-gialli-mobile.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    background-attachment: inherit;
	background-position: left 80px;
}
	
.page-404 {
	background-position: left 380px!important;
}
	
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 30px;
}	
.convertforms [class*=cf-list-].cf-list-2-columns>div {
    flex-basis: 100%;
}
.convertforms .cf-checkbox-group, .convertforms .cf-radio-group {
    /*align-items: normal;*/
	align-items: -webkit-box;
}
.convertforms .cf-checkbox-group .cf-label, .convertforms .cf-radio-group .cf-label {
    font-size: 18px;
    line-height: 30px;
}
.convertforms .cf-label {
    font-size: 18px;
    line-height: 25px;
}
	


	
}
@media only screen and (max-width: 480px) {
	
.logo-image {
    height: 43px;
}

.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li {
    text-align: center;
    margin: 0px auto !important;
    padding: 0px 10px 0px 10px;
}

.bg-verde{
  background: url(../images/bg-verde-bottom.svg) left bottom repeat-x, #ffffff url(../images/bg-verde-top-mobile.svg) right top repeat-x;
	
}
.car-lavori .sppb-carousel-arrow i {
    top: 206px;
}
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
	        padding: 30px 25px;
}
.convertforms .cf-checkbox-group .cf-label, .convertforms .cf-radio-group .cf-label {
	font-size: 18px;
	line-height: 26px;
}
.convertforms .cf-checkbox-group, .convertforms .cf-radio-group {
    align-items: self-start;
    padding: 20px 0px 3px 0px;
}
	.convertforms .cf-input[type=checkbox], .convertforms .cf-input[type=radio] {
    width: 15px !important;
    height: 14px !important;
    margin-top: 1px;
}
	
 .form-contatti .convertforms .cf-input[type=checkbox], .convertforms .cf-input[type=radio] {
    width: 15px !important;
    height: 14px !important;
    margin-top: 7px;
}
 .form-contatti .convertforms .cf-checkbox-group, .convertforms .cf-radio-group {
        align-items: self-start;
        padding: 10px 0px 3px 0px;
    }



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

    
}