/*
Theme Name: 	MaxPullara
Description: 	Responsive WordPress Theme based on Boostrap and Font Awesome.
Version:     	1.0.0
Author:     	Ivan Franzese
Author URI:   http://www.ivanfranzese.com/
Site:         http://www.ivanfranzese.com/
Text Domain: 	maxpullara
Domain Path: 	/languages
Tags:        	grid-layout, blog, custom-menu, featured-images, right-sidebar
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html
*/

body, html{font-family: "Poppins", serif;background: #fff;font-size: 16px; width: 100%;height: 100%;}


/*--------------------------
General
--------------------------*/

hr{border:none; border-bottom: 1px solid #ddd}



main{display: flex;flex-wrap: wrap;}

.yes-snap{position: relative;}
pre{overflow: hidden}

/* Video Resposnive */
figure{margin:0;}
.video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}
.video-container  iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*Swup*/
.swup-transition-fade {transition: 0.6s cubic-bezier(0,0,.58,1);opacity: 1;top: 0;position: relative;z-index: 0;flex-basis: 100%;}
html.is-animating .swup-transition-fade {opacity: 0;}

.overlay{position: fixed;width: 100%;z-index:999999999999999;height: 100%;left: 0;top:0;transform-origin:left;background: #212121;}
.swup-transition-wipe{transition: 1s cubic-bezier(0,0,.58,1);transform: translateX(-100%);opacity: 1;z-index: 99999999999999999;}
html.is-animating .swup-transition-wipe{transform: translateX(0);opacity: 1;z-index: 99999999999999999;}
html.is-rendering .swup-transition-wipe{opacity: 1;transform: translateX(100%);z-index: 99999999999999999;}
/* html.is-leaving .swup-transition-wipe{opacity: 0;} */

.img-res { width: 70%; height: auto; object-fit: cover; display: block; margin: 0 auto;    max-width: 1024px; /* height: calc(var(--vh,1vh)*100); */ /* max-height: -webkit-fill-available; */}


.overlay img{position: absolute;margin: auto;top: 50%;transform: translateY(-50%);left: 0;right: 0;width: 200px;}

/*Animate*/
.shapes {flex-basis: 50%;height: calc(var(--vh,1vh)*100);max-height: -webkit-fill-available;margin: -20px;border-radius: 50% 0% 0% 50%;
  position: absolute;width: 50%;right:-50%;background: #ff7212;}

/*Locomotive*/
.reveal{opacity: 0; overflow: hidden; transition: all 1s cubic-bezier(.215, .61, .355, 1); transition-delay: .5s;}
.reveal.is-inview{opacity: 1;}
.reveal.is-inview h1{animation: reveal 1s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;}
.reveal.is-inview h2{animation: reveal 1s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;}
.reveal.is-inview h3{animation: reveal 1s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;}
.reveal.is-inview h4{animation: reveal 1s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;}
.reveal.is-inview h5{animation: reveal 1s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;}
.reveal.is-inview img{animation: reveal 1s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;}

.reveal-link{display: flex;flex-wrap: wrap;justify-content: center; position: absolute; bottom: 40px; left: 0; right: 0;}
.reveal-link h5{text-align: center;padding-right: 10px;margin: 0;font-size: 18px; font-weight: 500;}

.reveal-opacity{opacity: 0; overflow: hidden; transition: all 1s cubic-bezier(.215, .61, .355, 1); transition-delay: .5s;}
.reveal-opacity.is-inview{opacity: 1;}

.transition-left{opacity: 0; overflow: hidden; transition: all 1s cubic-bezier(.215, .61, .355, 1);transform: translateX(-100%);}
.transition-left.is-inview{opacity: 1;transform: translateX(0);}

.transition-right{opacity: 0; overflow: hidden; transition: all 1s cubic-bezier(.215, .61, .355, 1);transform: translateX(100%);}
.transition-right.is-inview{opacity: 1;transform: translateX(0);}

.transition-bottom{opacity: 0; overflow: hidden; transition: all 1s cubic-bezier(.215, .61, .355, 1);transform: translateY(100%);}
.transition-bottom.is-inview{opacity: 1;transform: translateY(0);}

.transition-top{opacity: 0; overflow: hidden; transition: all 1s cubic-bezier(.215, .61, .355, 1);transform: translateY(-100%);}
.transition-top.is-inview{opacity: 1;transform: translateY(0);}

.transition-rotate-top{transition-delay: 1s;transition: all 3s cubic-bezier(.215, .61, .355, 1);transform: rotateX(-90deg);}
.reveal.is-inview ~ .transition-rotate-top{transform: rotateX(0);}

/* .img-wrap img{transition: .5s;}
.img-wrap:hover img{transform: scale(1.1);} */
a.img-wrap { width: 100%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;}

.img-wrap:hover{color: #fff;}
.img-wrap:hover .reveal{opacity: 1;}
.img-wrap:hover .reveal h5{animation: reveal 1s cubic-bezier(0.77, 0, 0.175, 1) .1s;color: white;}
.img-wrap:hover .reveal svg{animation: revealsvg 1s cubic-bezier(0.77, 0, 0.175, 1) .2s;color: white;}
.img-wrap .reveal svg{width: 21px;}

.delay-3{transition-delay: .3s;}
.delay-5{transition-delay: .5s;}
.delay-10{transition-delay: 1s;}

@keyframes reveal {
  0% {
    transform: translate(0,100%);opacity: 0;
  }
  100% {
    transform: translate(0,0);opacity: 1;
  }
}

@keyframes revealsvg {
  0% {
    transform: translate(-50%,0);opacity: 0;
  }
  100% {
    transform: translate(0,0);opacity: 1;
  }
}


/*Swiper*/

.swiper-container{overflow: hidden;width: 100%;margin: 0!important;height: calc(var(--vh,1vh)*100);max-height: -webkit-fill-available;
  /* -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(10px); */
}
.swiper-wrapper{list-style-type: none;padding: 0;margin: 0;
  /* -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(10px); */
}

.swiper-slide{position: relative;display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column;
  align-content: center; align-items: center;max-height: -webkit-fill-available;width: 100%!important;
  /* -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(10px); */
}
.swiper-slide h4{color: white; text-align: center; font-size: 2vw; font-weight: 900; letter-spacing: 10px;z-index: 3;
  position: relative; font-weight: bolder; text-transform: uppercase;width: 100%;padding-bottom: 20px;}
.swiper-slide p{color: white; text-align: center; font-size: 1.4vw; font-weight: 400; letter-spacing: 2px; position: relative; z-index: 1; width: 100%; max-width: 1024px; margin: 0;}
.swiper-wrapper img{width: 100%; height: 100%; max-width:100%; object-fit: cover;display: block; position: absolute; top: 0; left: 0;filter: brightness(0.5);z-index: 2;}
.swiper-wrapper .addtoany_content{display: none;}

.background-arrow-left{ position: absolute; left: 40px; top: 0; bottom:1px;width: 52px; z-index: 1;display: flex; flex-wrap: wrap; align-content: center;align-items: center;}
.background-arrow-right{ position: absolute; right: 40px; top: 0; bottom:1px;width: 52px; z-index: 1;display: flex; flex-wrap: wrap; align-content: center;align-items: center;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:none!important;
left: unset!important;right: 10px!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:none!important;
left: 10px!important;right: unset!important;}

.swiper-button-next, .swiper-button-prev{display: inline-block;}

.reveal-hover{overflow: hidden;
  transition-delay: .5s;position: absolute;left: 0;right: 0;bottom: 0;}



/* form  */
input[type="submit"] { background: #fff; color: #ff7212; border: none; text-transform: uppercase; font-weight: 700; padding: 10px 30px; width: auto; transition: .5s; margin-top: 5px; letter-spacing: 4px; 
  font-size: 14px; line-height: 14px; box-shadow: 0 0 3px #999 !important; border-radius: 5px; }
input[type="submit"]:hover {color: #fff;background: #ff7212;}
input[type="checkbox"]{width: auto;}
span.wpcf7-list-item { width: 400px; color: white;margin: 0 20px;}

input, textarea, select, button {width: auto; font-size: 14px; line-height:14px; font-weight: 400; line-height: 14px; margin: 5px 0; -webkit-box-sizing: border-box;outline: none;
  -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; border-radius: 0; display: inline-block;border: 0;}
.wpcf7 { padding: 20px;}
.wpcf7-spinner{position: absolute;transform: translateY(8px);}

/*--------------------------
Layout
--------------------------*/
*{box-sizing: border-box;}
a{color: #212121;text-decoration: none;}
a:hover{color:#ff7212;text-decoration: none;}

.button { color: #fff; transition: .5s; border: 1px solid; padding: 10px 50px; text-transform: uppercase; text-decoration: none; cursor: pointer; display: inline-block; font-weight: 600; letter-spacing: 4px; position: relative; margin-top: 10px; width: auto; text-align: center; z-index: 3; border-radius: 5px; line-height: 14px; font-size: 14px; }
.button:hover{background: #ff7212;color: #fff;border-color: #ff7212;}
.button.button-red:hover{background:#212121;color: #fff;border-color: #212121;}

.button-mod{background: #fff;color: #212121;transition: .5s;padding: 10px;text-transform:uppercase;position: absolute;
  opacity: 0;cursor: pointer;font-weight: 800;letter-spacing: 2px;width:100%;height: 200px;left: 0;right: 0;
  display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; font-size: 42px;
}
.button-mod:hover{color: #212121;background: #fff;}

.button-absolute{position: absolute;top: 50%;left: 0;right: 0;width: 100%;text-align: center;z-index: 9998;height: 200px;transform: translateY(-50%);}
.button-absolute.modal-opacity .button-mod:hover{opacity: 1;}
.button-absolute.modal-opacity{z-index: 9999;}

.span-select{color: #ff7212;}
.span-not-select{color: #fff;}

h1,h2,h3,h4,h5{letter-spacing: 3px;margin: 10px; margin: 0 auto;text-transform: uppercase;}
h1{font-size: 36px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 21px;}
h5{font-size: 18px;}
p{font-size: 16px;}


.button-black{color:#fff;background:#212121;text-decoration: none;padding: 10px;font-weight: 600;letter-spacing: 2px;transition: .5s;display: inline-block;}
.button-black:hover{color:#fff;background:#ff7212;}


.container{margin:0 auto;background: #fff;}

.header-wrapper { overflow: hidden; width: 100%; position: relative; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; margin-top: 110px;height: calc(100vh - 110px); transition: all .5s;}
.header-wrapper-middle { overflow: hidden; width: 100%; position: relative; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; margin-top: 110px; height: calc(60vh - 110px); }


.header-wrapper img { width: 100%;;height: 100%; object-fit: cover; filter: brightness(.5); }
.header-wrapper-middle img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.5); }




body.home .header{background: transparent;}
.header{justify-content: space-between;padding: 0;display: flex; flex-wrap: wrap; align-content: center; align-items: center;width: 80%;margin: 0 auto;}
.header-scroll{position:fixed;transition: 1s;text-align:center;margin:0 auto;width:100%;top:0;z-index: 9999;left: 0; right: 0;background:#fff;    box-shadow: 0 1px 3px #999;transform: translateY(0);}

body.home .header .current-menu-item a{border:0;color:#ff7212;}


  .header__menu { width: auto; border: 0; height: auto; overflow-y: hidden; margin-left: auto; margin-right: auto; position: absolute;
    transition: .6s cubic-bezier(0,0,.6,.1); margin: 0; display: flex; flex-wrap: wrap; align-content: center;
    justify-content: center; top: 0; right: 0; z-index: 999999; padding: 20px 0;position: relative;}
.header__menu .menu-item{padding:0;width: auto;text-align: left;justify-content: center;position: relative;
  display: flex;flex-wrap: wrap;align-content: center;flex-direction: column;}
.header__menu .menu-item:after { content: ''; color: white; position: absolute; right: 0; transform: translate(-50%, -50%); top: 50%; border-left: 1px solid white; height: 50%; }
.header__menu .menu-item:last-child:after { border-left: 0;}
.header__menu .menu-item a {
    display: inline-block;
    margin: 15px;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    transition: .5s;
    position: relative;
    text-transform: uppercase;
    color: #212121;
}
.header__menu .menu-item:last-child a { margin-right: 0; }
.header__menu .menu-item a:hover{color: #ff7212;}
.header__menu .current-menu-item a{border:0;color:#ff7212;font-weight: 700;}


ul.social-header { list-style-type: none; display: flex; flex-wrap: wrap;transition: .4s;}


ul.social-header li.social-li {
    padding: 5px 10px;
}

ul.social-header li.social-li a{font-size: 18px;transition: .4s;}
ul.social-header li.social-li a:hover{color: #212121;}
.home ul.social-header li.social-li a:hover{color: #ff7212;}


#logo{display: flex;width: auto;justify-content: flex-start;padding: 20px 0;position: relative;}

.header img{width:150px;height: auto;text-align:center;display: block;margin-left: auto;margin-right: auto;filter:invert(1);}

.scrolled { transform:translateY(-110px);}

.hamburger {top:50%;left:0;right: 0;width: 20px;height: 2px;background: #212121;position: absolute;box-shadow: 0 2px 5px rgba(0, 0, 0, .2);transition: 0.5s;margin: 0 auto;}
.hamburger:before {top: -6px;}
.hamburger:after {top: 6px;}

.contattaci-fix { display: block; position: fixed; right: 0; top: 50%;transition: 1s;
    transform: translateX(100%) translateY(-50%); -webkit-transform: translateX(100%) translateY(-50%);
    -moz-transform: translateX(100%) translateY(-50%); -ms-transform: translateX(100%) translateY(-50%);
    -o-transform: translateX(100%) translateY(-50%); z-index: 9;}
.contattaci-fix span.contattaci-span { text-transform: uppercase; font-weight: 700; position: absolute; left: 0; font-size: 14px; transform: translateX(-100%) translateY(-50%) rotate(180deg); 
  -webkit-transform: translateX(-100%) translateY(-50%) rotate(180deg); -moz-transform: translateX(-100%) translateY(-50%) translateZ(0) rotate(180deg); 
  -ms-transform: translateX(-100%) translateY(-50%) translateZ(0) rotate(180deg); -o-transform: translateX(-100%) translateY(-50%) rotate(180deg); 
  z-index: 9; letter-spacing: 3px; text-align: center; margin: 0 auto; background: #ff7212; color: #fff; padding: 5px; cursor: pointer; writing-mode: vertical-rl; 
  top: 50%; padding: 20px 10px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.form-mobile{display: none;}
.form { background: #eee; max-width: 450px; border-right: 0; box-shadow: 0 0 3px #999; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; }

.form .wpcf7{padding:30px;}

.form p { text-align: center;}
.open-contattaci{transform: translateX(0%) translateY(-50%);
    -webkit-transform: translateX(0%) translateY(-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

polygon{transition: .3s;}
.open-contattaci polygon.poly-rotate{transform: translateX(0) scaleY(-100%);}
.open-form{height: auto;}

.svg-wrap.svz-1 path{fill:url(#img1);}
.svg-wrap.svz-2 path{fill:url(#img2);}
.svg-wrap.svz-3 path{fill:url(#img3);}
.svg-wrap.svz-4 path{fill:url(#img4);}

.pattern{width: 100%;height: 100%;object-fit: cover;}

/* Icon 1 */
.icon-one {position: relative;width: 70px;height: 70px;cursor: pointer;z-index: 11;display: none;}
.hamburger-one:before,.hamburger-one:after {content: '';position:absolute;left:0;right: 0;width: 20px;height: 2px;background: #212121;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);transition:1s;}
.icon-one.active-one .hamburger-one {background:rgba(0,0,0,0);box-shadow: 0 2px 5px rgba(0, 0, 0, 0);transform: scale(1.1) rotate(-180deg);}
.icon-one.active-one .hamburger-one:before {top: 0;transform:rotate(45deg);background: #fff;}
.icon-one.active-one .hamburger-one:after {top: 0;transform:rotate(135deg);box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);background: #fff;}





/*SCROLL BUTTON*/
#scroll-wrapper {width: auto; height: 150px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;z-index: 1;display: none;}
#scroll-wrapper-right {width: auto; height: 20px; margin: 0 auto;z-index: 9999;}
#scroll-wrapper-inner {vertical-align:middle; width:100%; height:100%;transition: .4s;}
#scroll-down { display: block; position: relative; padding-top: 79px; text-align:center;margin: 40px 0;}
#scroll-right{ display: block; position: relative;text-align:center;transform: rotate(-90deg);}
#scroll-title { display: block; text-transform: uppercase; color: white; font-size: 12px; font-weight: 700; letter-spacing: 4px;
  text-align: center; transform: rotate(-90deg); margin-bottom: 0;margin-left: 5px;z-index: 10;}
#scroll-down::before {
  -webkit-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite; /* Safari 4+ */ -moz-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite; /* Fx 5+ */
  -o-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite; /* Opera 12+ */ animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite; /* IE 10+, Fx 29+ */
  position: absolute; top: 0px; left: 50%; width: 2px; height: 50px; background: white; content: ' ';}
#scroll-right::before {
  -webkit-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite; /* Safari 4+ */ -moz-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite; /* Fx 5+ */
  -o-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite; /* Opera 12+ */ animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite; /* IE 10+, Fx 29+ */
  position: absolute; top: -50px; bottom: 0; width: 2px; height: 100px; background: white; content: ' ';}

/* #scroll-wrapper-inner:hover{transform: scale(1.2);} */

#scroll-wrapper-inner:hover #scroll-down::before
  {
      -webkit-animation-play-state: paused;
      -moz-animation-play-state: paused;
      -o-animation-play-state: paused;
      animation-play-state: paused;
  }

@-webkit-keyframes elasticus {
  0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
    50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
    50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
    100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
}
@-moz-keyframes elasticus {
  0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
    50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
    50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
    100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
}
@-o-keyframes elasticus {
  0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
    50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
    50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
    100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
}
@keyframes elasticus {
  0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
    50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
    50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
    100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
}



/*--------------------------
Home
--------------------------*/
.grecaptcha-badge { visibility: hidden; display: none; }
.wp-block-column{outline: none;}
.torna-su-wrap { display: none; position: fixed; bottom: 20px; right: 20px; z-index: 9999; mix-blend-mode: difference; }
a.torna-su { display: flex ; font-size: 21px; border-radius: 50%; border: 1px solid; padding: 20px; width: 50px; height: 50px; cursor: pointer; z-index: 999; justify-content: center; align-items: center; align-content: center; color: #fff; }


.absolute-home{ position: absolute; color: #fff; z-index: 8;text-align: center;}
.absolute-home h1 { font-size: 45px; text-align: center; font-weight: 600; }
.absolute-home p { font-size: 18px; line-height: 26px; font-weight: 200; margin: 15px 0; text-align: center; }

section#chi-siamo { flex-direction: column; }

.chi-siamo-image{max-width:950px; margin:0 auto;}
.format-text { padding: 10px; }
.content section { min-height: 30vh; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; max-width: 1200px; padding: 60px; margin:0 auto; }
.content section h2 { font-size: 40px; position: relative; padding: 0; width: 100%;}
.content section p { font-size: 18px; line-height: 25px; font-weight: 200; padding: 0; max-width: 950px; margin: 10px 0; }
.content section ul { list-style-type: none; padding: 0; width: 100%; display: flex; flex-wrap: wrap; margin-top: 40px; justify-content: center;}
.content section ul li { font-size: 21px; font-weight: 200; width: calc(25% - 20px); margin: 0 10px; border-radius: 25px; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; justify-content: center; box-shadow: 0 0 3px #999; }
.content section ul li h3 { padding: 10px 0 0; width: 100%; font-size: 18px; line-height: 18px; }
.content section ul li p{font-size:16px;}
.content section ul li img { width: 100%; background: #212121; border-radius: 25px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 25px; border-top-right-radius: 25px; border: 6px solid #fff; }
.content section#servizi ul li { width: calc(25% - 20px); padding:20px; }


.content section#servizi ul li h3 { height: 40px; }

span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item {padding:10px 0;font-size:14px;line-height:24px;}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #212121;
}
input::-moz-placeholder { /* Firefox 19+ */
    color: #212121;
}
input:-ms-input-placeholder { /* IE 10+ */
    color: #212121;
}
input:-moz-placeholder { /* Firefox 18- */
    color: #212121;
}

/* Rimuove lo stile di iOS dai campi select */
select {
    -webkit-appearance: none; /* Rimuove lo stile di default su iOS */
    -moz-appearance: none;    /* Per Firefox */
    appearance: none;         /* Standard */
    background: none;         /* Rimuove eventuale sfondo */
    border: none;             /* Personalizza il bordo */
	color:#212121;
}

/* Rimuove lo stile di iOS dai campi date */
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
	color:#212121;
}



.form-custom span.wpcf7-form-control-wrap[data-name="acceptance-623"]{width:100%;text-align:center;}
.form-custom span.wpcf7-form-control-wrap[data-name="acceptance-623"] input {width: auto;}
.form-custom span.wpcf7-form-control-wrap[data-name="acceptance-623"] span.wpcf7-form-control.wpcf7-acceptance {width: 100%;}
.form-custom span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item {color: #212121;font-size: 14px;line-height: 24px;width: auto;padding:10px 0;}
.form-custom p {display: flex;flex-wrap: wrap;justify-content:center;max-width: 950px;margin:0 auto;}
.form-custom .wpcf7-form-control-wrap {width: calc(50% - 10px);margin: 0 5px;}
.form-custom .wpcf7-form-control-wrap[data-name="instagram"] {width: 100%;}
.form-custom .wpcf7-form-control-wrap input, .form-custom .wpcf7-form-control-wrap textarea, .form-custom .wpcf7-form-control-wrap select {width: 100%;}
.form-custom input, .form-custom textarea, .form-custom select {border-radius: 5px;box-shadow: 0 0 3px #999;height:50px;}
input[type="checkbox"]{height:auto!important;}
.form-custom .wpcf7-form-control-wrap[data-name="your-message"] { width: 100%; }
.form-custom textarea { height: 200px; }
.form-custom input[type="date"]:before{content:attr(placeholder);float:left;}

.title { position: absolute; top: 50%; left: 0; bottom: 0; right: 0; transform: translateY(-50%);height: auto;z-index: 999;}

.content__title-wrap{position: absolute; top: 50%; transform: translateY(-50%);left: 0;right: 0;text-align: center;z-index: 1;}
.content__title{font-size: 36px;margin: 0 auto;margin: 0 auto;mix-blend-mode: difference;line-height: 36px;
color: #212121;z-index: 2;width: 100%;height: auto;}
.content__subtitle{font-size: 28px;margin: 0 auto;margin: 0 auto;mix-blend-mode: difference;line-height: 28px;
color: #212121;z-index: 2;width: 100%;height: auto;font-weight: 400;}

.content__title-animate{animation: text 1s;}
.content__title-animate-start{animation: text 1s;}




section#cta{background-color: #eee;max-width: 100%;flex-direction: column;}
section#cta .wpcf7 { padding: 0; }

section.post{position: relative;width: 100%;height: calc(var(--vh,1vh)*100);max-height: -webkit-fill-available;overflow: hidden;}
/* section.post:last-of-type {border-bottom: 0;} */


.title:after { content: ''; height: 200px; background: #fff;position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);background-size: cover;background-repeat: no-repeat; }
.title.title-visual-design:after {  background-color:#fff;}
.title.title-digital-communication:after {background-color:#fff;}
.title.title-web-development:after {  background-color:#fff;}
.title.title-events-pr:after { background-color:#fff; }

.info{opacity: 0;}

.servizi { position: absolute; top: 0; left: 0; right: 0; z-index: 9999;}
.servizi ul { list-style-type: none; color: #fff; display: flex; flex-wrap: wrap; justify-content: space-around; position: relative; padding: 0;
  width: 100%; margin: 0 auto;padding: 0;transform: translateX(0);}
.servizi ul li{cursor: pointer; width: auto; text-align: center; padding: 20px;}
.servizi ul li p{display: none;}
.servizi ul li span{letter-spacing: 1px;font-weight: 700;}

.servizi ul.marquee{transform: translateX(0);animation: move 30s linear infinite; overflow: hidden; position: absolute; white-space: nowrap;left: 0;}
.servizi ul.marquee.marquee2{transform: translateX(-100%);animation: move2 30s linear infinite;}

/* Create the animation */
@keyframes move {
0% { transform: translateX(0); }
100% { transform: translateX(100%); }
}

@keyframes move2 {
0% { transform: translateX(-100%); }
100% { transform: translateX(0); }
}

.modal {position: relative;}
.modal-popup {position: fixed; z-index: 10000; top: 50%; left: 50%; visibility: hidden; width: 50%; transition: 1s; height: auto;background: white; color: #212121;
  padding: 0 300px; transform: translate(-50%, 0); opacity: 0; border: 3px solid; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center;
  text-align: left;font-size: 18px;text-transform: none;padding: 40px;}
.modal-popup.visible {opacity: 1;visibility: visible;transition-delay: 0s;transform:translate(-50%, -50%);opacity: 1;}
.modal-popup img.close{position: absolute;right: 5px;top:5px;width: 20px;cursor: pointer;}
.modal-popup p {text-align: left;}


@keyframes text { 0%{ color: #212121; opacity: 0; } 30%{ letter-spacing: 5px; } 85%{ letter-spacing: 3px; opacity: 1; }}

.shapes-morph-wrapper{position: absolute;top:50%;left: 0;right: 0;transform: translateY(-50%);}
.shapes-morph{width: 400px; height: 400px;margin: 0 auto;opacity: 1;
border: 1px solid #fff;border-radius: 100%;transform: rotate(90deg);animation: morph 3s;transition:all 3s;}

@keyframes morph {0%{border-radius: 100%;transform: rotate(90deg);border-color: #70100F;opacity: 0;}30%{border-radius: 0%;transform: rotate(360deg);border-color: #ff7212;}85%{border-radius: 100%;transform: rotate(90deg);border-color: #70100F;opacity: 1;}}


.svg-wrap{transform: translateY(-50%); position: absolute; top: 50%; left: 0; right: 0; text-align: center;z-index: 1;}

.header-wrapper svg{ left: 0; right: 0; margin: 0 auto; position: relative; top: 0; text-align: center; bottom: 0;z-index: 1;
  width: 20px; margin: 0 auto; z-index: 1}

@keyframes rotate {
   0%{transform:rotate(360deg);}

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

.header-wrapper svg path{width: 400px;}

.swiper-button-next, .swiper-button-prev{display: flex;flex-wrap: wrap;}

/* .header-wrapper svg path{transition: .35s cubic-bezier(.25, .1, 0, 2.05);fill: #ff7212;} */
/* .header-wrapper svg:hover path{d: path("M40,10 V40 H10 L40,10z");} */
/* path{animation:svgmorph 20s;transition-delay: 6s;transition: .35s cubic-bezier(.25, .1, 0, 2.05);} */
/* @keyframes svgmorph {
10%{d: path{"M 0,0 C 50,0 50,0 100,0 100,50 100,50 100,100,50,100 50,100 0,100 0,50 0,50 0,0 Z"};}
20%{d: path{"M 0,0 C 50,0 50,0 100,0 100,50 100,50 100,100,50,100 50,100 0,100 0,50 0,50 0,0 Z"};}
30%{d: path{"M 50,0 C 75,50 75,50 100,100 50,100 50,100 0,100,12.5,75 12.5,75 25,50 37.5,25 37.5,25 50,0 Z"};}
40%{d: path{"M 50,0 C 75,50 75,50 100,100 50,100 50,100 0,100,12.5,75 12.5,75 25,50 37.5,25 37.5,25 50,0 Z"};}
50%{d: path{"M 100,50 C 100,77.6 77.6,100 50,100 22.4,100 0,77.6,0,50 0,22.4 22.4,0 50,0 77.6,0 100,22.4 100,50 Z"};}
60%{d: path{"M 100,50 C 100,77.6 77.6,100 50,100 22.4,100 0,77.6,0,50 0,22.4 22.4,0, 50,0 77.6,0 100,22.4 100,50 Z"};}
100%{d: path("M 100,100 C 50,100 50,100 0,100 0,50 0,50 0,0,50,0 50,0 100,0 100,50 100,50 100,100 Z");}
} */


.row-white{background: #fff;color: #212121;padding:30px 60px;text-align: center;margin: 0;}
.row-white h1 { text-align: center; font-size: 28px;color: #212121;margin: 0;}
.row-white h3 { text-align: center; font-size: 28px;color: #212121;margin: 0;}
.row-white h4 {font-size: 24px;color: #212121;margin: 0;}
.row-white h5 {font-size: 16px; color: #212121; margin: 0; text-transform: uppercase; font-weight: 900;}
.row-white p{width: 100%;margin: 0 auto;padding: 20px 0;text-align: left;}
.row-white a.button-red{margin-top: 20px;}


.row-black{padding:30px 60px;background: #ff7212;}
.row-black h1 { text-align: center; font-size: 28px;color: #fff;margin: 0;}
.row-black h3 { text-align: center; font-size: 28px;color: #fff;margin: 0;}
.row-black h4 {font-size: 24px;color: #fff;margin: 0;}
.row-black h5 {font-size: 16px; color: #fff; margin: 0; text-transform: uppercase; font-weight: 900;}
.row-black p {color: #fff;}
.row-black ul { list-style-type: none; display: flex; flex-wrap: wrap;justify-content: center;width: 100%;padding: 0;margin: 0 auto;}

.row-black ul.col-4 li{width: 25%;padding:0 10px;}
.row-black ul li a{display: block;position: relative;overflow: hidden;}
.row-black ul li a:after{content: '';position: absolute;left: 0;right: 0;top:0;bottom:0;background: rgba(0,0,0,0.5);opacity: 0;transition: .5s;}

.row-black ul li a h4{position: absolute;top:50%;transform: translateY(-50%);left: 0;right: 0;text-align: center;margin: 0 auto;z-index: 11;color:#fff;}
.row-black ul li a:hover h4{opacity: 0;color: #ff7212;}
.row-black ul li img{width: 100%;transform: scale(1);transition: all .3s;display: block;}
.row-black ul li a:hover img { transform: scale(1.3);}
.row-black ul li a:hover:after{opacity: 1;}
.row-black ul li p.absolute-p{position: absolute;left: 0;right: 0;bottom: 20px;margin: 0 auto;text-align: center;z-index: 1;opacity: 0;color: #fff;}

.row-red{padding:30px 60px;background: #70100F;}
.row-red h1 { text-align: center; font-size: 28px;color: #fff;margin: 0;}
.row-red h3 { text-align: center; font-size: 28px;color: #fff;margin: 0;}
.row-red h4 {font-size: 24px;color: #fff;margin: 0;}
.row-red h5 {font-size: 21px;color: #fff;margin: 0;font-weight: 500;}
.row-red p {color: #fff;}
.row-red ul { list-style-type: none; display: flex; flex-wrap: wrap;justify-content: center;width: 100%;padding: 0;margin: 0 auto;}

.row-red ul.col-4 li{width: 25%;padding:0 10px;}
.row-red ul li a{display: block;position: relative;overflow: hidden;}
.row-red ul li a:after{content: '';position: absolute;left: 0;right: 0;top:0;bottom:0;background: rgba(0,0,0,0.5);opacity: 0;transition: .5s;}

.row-red ul li a h4{position: absolute;top:50%;transform: translateY(-50%);left: 0;right: 0;text-align: center;margin: 0 auto;z-index: 11;color:#fff;}
.row-red ul li a:hover h4{opacity: 0;color: #ff7212;}
.row-red ul li img{width: 100%;transform: scale(1);transition: all .3s;display: block;}
.row-red ul li a:hover img { transform: scale(1.3);}
.row-red ul li a:hover:after{opacity: 1;}
.row-red ul li p.absolute-p{position: absolute;left: 0;right: 0;bottom: 20px;margin: 0 auto;text-align: center;z-index: 1;opacity: 0;color: #fff;}

.row-red li a .reveal-hover p { position: relative; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 11;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);transform:  translate(0,100%);padding: 30px;}
.row-red li a:hover .reveal-hover p{transform: translate(0,0);opacity: 1;color: #fff;}

.row-red .partners{text-align: center;}
.row-red .partners li p{text-align: center;padding: 20px;margin: 0;}
.row-red .partners img{height: 200px;width: auto;margin: 0 auto;}


.row-wrap{width: 100%;max-width: 1366px;margin: 0 auto;padding: 0 60px;;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;align-content: center;}
.col-mid{width: 50%;}
.col-mid img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.no-padding{padding: 0;}
.pad-40{padding: 40px;}
.pad-60{padding: 60px;}
.pad-r-60{padding-right: 60px;}
.pad-l-60{padding-left: 60px;}

.mar-t-b-60{margin: 60px 0;}
.pad-t-b-60{padding: 60px 0;}

.col-wrap{flex-direction: column;}
.col-1 li{width: 100%;padding: 20px;}
.col-2 li{width: 50%;padding: 20px;}
.col-3 li{width: 33%;padding: 20px;}

.flex-col{flex-direction: column;}

.w-50{width: 50%!important;}
.w-100{width: 100%!important;}

.p-10{padding: 10px!important;}
.p-20{padding: 20px!important;}
.p-40{padding: 40px!important;}
.p-40-0{padding: 40px 0!important;}
.p-60{padding: 60px!important;}

.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}

.align-center-flex{align-items: center;align-content: center;display: flex;flex-wrap: wrap;}
.align-start-flex{align-items: flex-start;align-content: flex-start;display: flex;flex-wrap: wrap;}
.align-end-flex{align-items: flex-end;align-content: flex-end;display: flex;flex-wrap: wrap;}

.justify-start-flex{justify-content: flex-start;}
.justify-center-flex{justify-content: center;}
.justify-end-flex{justify-content: flex-end;}

.bac-blk{background: #212121;position: relative;height: 400px;}
.bac-blk img{width: 250px; height: auto; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto;}


/*--------------------------
Maledetta Primacena
--------------------------*/

.page-id-2840 .content{padding-top:60px;}



/*--------------------------
Index, Single, Page
--------------------------*/

.content-titolo .page { max-width: 1200px; margin: 0 auto; text-align: left; padding-top: 140px; }
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode{max-width: 100%;}

.page h4 { background: white; display: inline-block; color: #ff7212; padding: 0 5px; margin-top: 20px;    margin-bottom: 10px;}
.content.content-home{margin: 0 auto;width: 100%;padding-top: 0!important;}
.content {margin: 0 auto;width: 100%;text-align:center;/*min-height: calc(100vh - 110px);*/}
.content.content-work ul { display: flex; flex-wrap: wrap; list-style-type: none;max-width: 1366px;margin: 0 auto;
   padding: 0 60px; justify-content: flex-start; align-content: center; align-items: center; height: auto;}
.content.content-work ul li { width: 33%; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center;position: relative;padding: 20px;}
.content.content-work ul li a{width: 100%;}
.content.content-work ul li a img{width: 100%;display: block;height: auto;}
.content.content-work ul li a h4 { position: absolute; bottom: 20px; left: 20px; right: 20px;
  margin: 0 auto; padding: 5px; background: #212121;font-size: 21px;font-weight: 400;color: #fff;}
.content.content-work ul li a:hover h4{color: #ff7212;}

.content.content-work .row-white{margin: 0;}

article { padding: 60px 0; display: inline-block;width: 80%;position: relative;text-align: left;margin: 0 auto;}
article .copertina img{width: 100%; max-width:100%; height: 600px; object-fit: cover;}
article .subtitle{font-weight: 100;margin-bottom: 40px;text-align: center;}

.wp-block-preformatted{display: flex;justify-content: center;margin: 0; font-family: 'Nunito Sans', sans-serif!important; font-size: 14px;}

.copertina{margin-bottom: 40px!important;}
.page-id-2760 .copertina img.wp-image-2733 {
    object-position: bottom;
}
/* Single */
  /* .post{display: flex; flex-wrap: wrap; justify-content: center;flex-direction: column;} */
  .post-title { padding: 0; text-align: center; margin: 0 auto; width: 100%;}
  .post-title h1{ text-align: center; text-transform: uppercase; font-size: 28px; color: #212121;padding: 30px 0 0;margin: 0;}
  .post-category { margin: 0; width: auto; display: inline-block; background: #212121; color: #fff; padding: 20px 10px; font-size: 26px;position: fixed;
    left: 0; top: 50%;z-index: 11; writing-mode: vertical-lr;transform: rotate(180deg) translateY(50%);text-transform: uppercase;font-weight: 700;}

  .post-category a{color: #fff;}
  .post-category a:hover{color: #ff7212;}

  .post-img{width: 100%;}
  .post-img img{max-width: 100%; height: auto; width: 100%; margin: 0 auto; padding: 0 60px;}


.supsystic-tables-wrap {visibility: visible!important;}


  .content .page h1{margin-bottom: 10px;text-align: center;}
  .content .page h5{text-align: center;}
  .content .tag { margin: 40px auto;}
	.content .tag a{background: #666; color:#fff; padding:5px 10px; text-decoration: none; display: inline-block;;margin-top:5px;font-size: 12px;}

	/* Comments */
	.comments{margin: 40px 0; border-top: 1px solid #eee}
	.commentlist,
	.commentlist .children{list-style-type: none}

	.comment-body{margin: 40px 0}
	.comment-author.vcard img{border-radius: 100%;}

	.comment-form-comment textarea{background: #eee; width:100%;border: 1px solid #ddd;margin-top:5px;}
	.comment-form-author input,
	.comment-form-email input,
	.comment-form-url input{background: #eee; width:200px; max-width:300px;border: 1px solid #ddd;padding:5px}

	.comment-form-author label,
	.comment-form-email label,
	.comment-form-url label{ width:100px;display: inline-block;}

	.form-submit input{background: #333; color:#fff; border:none;font-size: 16px;padding: 10px 15px;width: auto;}

  /* Pagination */
  .pagination{padding:40px;}
  .pagination a,
  .pagination span{padding: 10px 15px; border: 1px solid #ddd; text-decoration: none;}
  .pagination a:hover{background: #eee}

  /* Caption Images */
  .wp-caption { margin-bottom: 20px; padding: 10px; max-width: 97%; border: 1px solid #ddd; text-align: center; }
  .wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
  .wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }

  /* Gallery */
  .gallery { padding: 40px 0 40px 0; width: 100%; }
  .gallery-item { float: left; width: 33.333333%; text-align: center; }
  .gallery img { margin: 0 5% 0 5%; width: 90%; height: auto; border: none!important; }
  .gallery-caption { width: 90%;margin:10px 0 0 0;}


/*--------------------------
Sidebar
--------------------------*/

.sidebar{width:30%;float: left;}
	.widget{padding:40px;}
	.widget ul{padding: 0;list-style-type: none;}
	.widget ul li a{text-decoration: none;display: block;border-bottom: 1px solid #eee;padding:10px 15px}

	.widget_search label{display: none;}



  /*--------------------------
  Footer
  --------------------------*/

  footer{padding:0;color: #fff; text-align: center;width: 100%;position: relative;background:#212121;font-size: 14px;}
  footer a{color: #fff;transition: .4s;}
  footer i{color: #fff;transition: .4s;}
  footer a:hover{border-color: #fff; }
  footer p{margin: 0;padding: 20px 0; position: relative; z-index: 1;text-align: center!important;font-size: 14px;}
  /* footer:after { content: ''; position: absolute; left: 0; width: 100vw;top:0;height: 100%;} */
  .sub-col-1 li { width: 70%; text-align: left; display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 10px 0;}
  .sub-col-3 li { width: auto;}

.footer-section{width: 80%;margin: 0 auto; position: relative; z-index: 1;}

ul.col-2 { padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.col-2 li{ padding: 0;text-align: center;}


ul.col-2 li h5 {padding: 0;width: auto;display: inline-block;position: relative;margin: 40px 0 10px;text-align: center;}

ul.col-2 li ul.sub-col-1 { padding: 0; width: auto; margin: 0 auto;}
ul.col-2 li ul.sub-col-1 .contacts-li{padding: 10px 0;width: 100%;transition: .4s;}
ul.col-2 li ul.sub-col-1 .contacts-li a{transition: .4s; letter-spacing: 1px; font-weight: 600;}
ul.col-2 li ul.sub-col-1 .contacts-li:hover { color: #ff7212; border-color: #fff; }
ul.col-2 li ul.sub-col-1 .contacts-li:hover a{ color: #ff7212; }

ul.sub-col-3 { display: flex; flex-wrap: wrap; justify-content: center; list-style-type: none; padding: 0;}
ul.sub-col-3 li { padding: 10px!important;}
ul.sub-col-3 li.social-li i { font-size: 16px;}
ul.sub-col-3 li.social-li i:hover{color: #ff7212;}

li.social-li a{line-height: 0;}
.contatti-page{background: #eee; width: 100%; margin: 0; padding-bottom: 40px !important; justify-content: center !important;}
.contatti-page ul.col-2{margin: 0 auto;max-width: 950px;}


/*--------------------------
Laptop
--------------------------*/

@media (max-width: 1440px) {
	article .copertina img{height:400px;}
}

/*--------------------------
Laptop Mini
--------------------------*/

@media (max-width: 1100px) {
  .content section {
    padding: 60px 30px 50px;
}
  .absolute-home h1{font-size: 36px;}
  .content section h2{font-size: 30px;}
  .content section ul li h3{font-size: 16px;line-height: 16px;}
  .content section p{font-size: 16px;}
  .content section ul{margin-top: 30px;}
}

/*--------------------------
Tablet
--------------------------*/

@media (max-width: 998px) {
  .scrolled{transform: none;}
  h5{font-size: 16px;}
  .header{width: 100%;}
  #logo{padding: 20px;}
  ul.social-header{opacity: 0;position: fixed; z-index: 9999; transform: translateX(100%);transition: .6s cubic-bezier(0,0,.6,.1);bottom: 0;
    left: 0; right: 0; justify-content: center; padding: 0;display: none!important;}
    ul.social-header.open-social-header {
      opacity: 1;
      transform: translateX(0);
      height: 70vh;
      top: 10vh;
      align-content: flex-end;
  }
  ul.social-header li.social-li a{color:#fff;}
  .header__menu{width:100%;border:0;height:0;overflow-y:hidden;margin-left: auto;margin-right: auto;position: fixed;transition: .6s cubic-bezier(0,0,.6,.1);
    margin: 0;padding: 0;display: flex; flex-wrap: wrap; align-content: center;justify-content: center;top: 0; bottom: 0; background: #212121; z-index: 1;
    height: calc(var(--vh,1vh)*100);transform: translateX(100%);}
    .header__menu .menu-item{width: 100%;padding: 0 40px;}
    .header__menu .menu-item a{display: inline-block; padding: 5px 0; text-align: center; font-size: 21px; margin: 5px;
      font-weight: 700; letter-spacing: 2px; transition: .5s; opacity: 0; position: relative;}
.header__menu .menu-item:after{display: none;}
    .icon-one{display: block;}

    .show-menu{transform: translateX(0);}
    .show-menu .menu-item a{opacity: 1;color: #fff!important;}
    .show-menu .menu-item a:hover{color:#ff7212;}

    .show-menu .current-menu-item a{opacity: 1;color: #ff7212!important;}

    .background-arrow-right{display: none;}
    .background-arrow-left{display: none;}
    .swiper-wrapper li h4 { font-size: 7vw; padding: 20px; }

    .wpcf7{text-align: center;padding: 20px;}
    .wpcf7 p{margin: 0;}

    .button{padding: 10px 20px;font-size: 14px;letter-spacing: 2px;z-index: 99;}

    span.wpcf7-list-item{width: 100%;margin: 0;}
    input[type="submit"]{margin-top: 10px;}
    textarea{height: 120px;}
    .contattaci-fix{height: 100%;margin: 0;}
    .contattaci-fix .form{display: none!important;}
    .form-mobile { position: fixed; left: 0; right: 0; width: calc(100% - 40px); top: 50%; transform: translateY(-50%); display: block; z-index: 99999; opacity: 0; 
      box-sizing: border-box; margin: 20px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; pointer-events: none; background: #eee; border-right: 0; box-shadow: 0 0 3px #999; max-width: 600px; margin: 0 auto; }
    .form-mobile span.close { position: absolute; top: 10px; right: 10px;font-size: 21px; font-weight: 900;}
    .form-mobile.open-form{opacity: 1;pointer-events: auto;}

    .reveal-link{opacity: 1;}
    .img-wrap .reveal svg{animation: right-move 3s infinite;}
.img-wrap:hover .reveal h5{animation: none;}
    @keyframes right-move {
      0%{transform:translateX(0);-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);}
       50%{transform:translateX(5px);-webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px);}
       100%{transform:translateX(0);-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);}
    }

article{width: 100%;}
.copertina{margin-bottom: 20px!important;}
article .copertina img{height: auto;}

.footer-section{width: 100%;}
.swiper-wrapper li h4{letter-spacing: 5px;}
.overlay img{width: 150px;}



.content section ul li { width: calc(33.33% - 20px); margin: 0; margin-bottom: 20px; }
.content section#servizi ul li { width: calc(33.34% - 20px); padding: 20px; margin-bottom: 20px; }

.form-mobile .wpcf7 {padding: 40px 20px 20px;}
	
	
}


/*--------------------------
Smartphone
--------------------------*/

@media (max-width: 767px) {

h1{font-size: 24px;}
h3.subtitle{font-size: 18px;margin-bottom: 20px;}
h4 { font-size: 16px;}

article h1{margin: 0;}
	/* content layout */
	.main-title{font-size: 32px;}
	.content{width: calc(100% - 40px);padding:0;}
	.sidebar{width:100%;}


  article{padding: 20px 0;}

  .col-2 li { width: 100%;}
  .col-2 li:nth-child(2) { order: 1;}
  .col-2 li:nth-child(4) { order: 2;}
.col-2 li ul.sub-col-3 li.social-li{width: auto;}

.content section ul li{    width: 100%;}
.content section#servizi ul li { width: 100%; padding: 20px 0; margin-bottom: 20px; }
.content section#servizi ul li h3{height: auto;}


  /* Gallery */
  .gallery-caption{ font-size: 12px;}

  .img-res {
      width: 100%;}

.row-black{padding: 30px 0;}
footer{padding: 0 20px;}

}

@media (max-width: 600px) {
  .form-mobile { top: 50%; transform: translateY(-50%); display: flex ; flex-wrap: wrap; align-items: center; align-content: center; border-radius: 5px; }

  .content section ul li{    width: 100%;}
  .content section ul li:last-child{margin-bottom: 0;}
  .content section#servizi ul li { width: 100%; padding: 20px; margin-bottom: 20px; }
  .content section#servizi ul li:last-child{margin-bottom: 0;}
	
	.form-custom .wpcf7-form-control-wrap{width:100%;}
}

/* Clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */