@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Dancing+Script|Fjalla+One|Poppins:400,500,600,700,800&subset=latin-ext");
.white {color:#fff!important}
.h6 {}
.thank-ecommerce .ecommerce {padding: 30px 0 40px 0!important;}
.thankyou-slogan-1 {margin-top:80px;    font-size: 1.7vw;  font-family: "Fjalla One",sans-serif; color: #0aa5b5;}
.thankyou-slogan-1 a{color: #0aa5b5;}
.thankyou-slogan-1 a:hover{color: #fff;}
.thankyou-slogan a{color: #0aa5b5;}
.thankyou-slogan a:hover{color: #fff;}
.thankyou-slogan {margin-top:80px;    font-size: 2vw;    font-family: "Fjalla One",sans-serif;    text-transform: uppercase;    color: #0aa5b5;}
.btn-scroll{ border:2px solid rgba(255,255,255,0.5);  border-radius:16px;  display:block;  height:50px;  left:50%;  margin-left:-17px;  position:absolute;  width:30px;  z-index:10;  bottom:30px;  cursor:pointer;  -webkit-transition:all .3s ease;  -moz-transition:all .3s ease;  -o-transition:all .3s ease;  transition:all .3s ease}
.zoomIn{ -webkit-animation-name:zoomIn;  animation-name:zoomIn}
.btn-scroll .key{ background:#f5f5f5 none repeat scroll 0 0;  border-radius:10px;  height:10px;  margin-left:auto;  margin-right:auto;  position:relative;  top:4px;  width:4px}
.btn-scroll .key{ animation-delay:0s;  animation-duration:1s;  animation-iteration-count:infinite;  animation-name:drop;  animation-play-state:running;  animation-timing-function:linear}
@keyframes drop{0%{ opacity:0;  top:5px}
30%{ opacity:1;  top:10px}
100%{ opacity:0;  top:25px}
}

.disp-inline {display:inline-block}
.novita div {display:inline-block}
.post-produzione .photo-h2 .novita::after {animation: fadeInOut1 3s ease-in-out infinite;opacity: 0;position: absolute;content: "Novità";left: 50px;top: 50px;font-size:24px;color:red;font-weight:900;text-transform:uppercase;transform: rotate(-50deg);}
.post-produzione .photo-h2 .novita::before {display:none}
@keyframes fadeInOut1 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.responsive-img {width:100%}
.mtm-10 {margin-top:-10px;}
.h6-title {margin-bottom: 0px!important;font-family: "Fjalla One", sans-serif;opacity: 0.5;font-size: 14px!important;}

.menu-page .post-produzione .photo-h2{border-bottom:none}
.menu-page .portfolio-area {background-color: #efeee8;}
.portfolio__area-1 {position:relative}
.menu-page .swiper-container-horizontal>.swiper-pagination-bullets {bottom: -50px;left: 0px;}
.menu-page .swiper-pagination-bullet {width: 12px;height: 12px;}
.swiper-pagination-bullet-active {background: #fd7f3e;}
.menu-page .button-close {top: 15px;right:15px;color:#333;background-color: #fff;border-radius: 50%;padding: 19px;line-height: 10px;}
.menu-page .button-close img {margin-top:-10px}
.menu-page .portfolio-area::before {display:none}
.menu-page .portfolio-area::after {display:none}
.menu-page h2 img {width:145px;margin-left:-10px;margin-top:-20px;}
.menu-page .on-slider {margin-bottom:100px}
.menu-page .portfolio-area {padding: 56px 0px;}
.menu-page .bg-twentytwenty {    padding-top: 390px;}
.menu-page .post-produzione .photo-h2 {border-top:none;    margin-top: 50px;}
.menu-page .post-produzione .photo-h2 p {margin-bottom: 20px;}
.swiper-pagination-bullet-active {opacity: 1!important;}
.menu-page .portfolio-area a img:hover {opacity:0.5;transition:1s}
.menu-page .we-work {padding: 150px 0 30px 40px;}
.col-md-bigger a {text-align: center;display: inline-block;margin: 20px auto 0px;    background: linear-gradient( -56deg,rgb(253 127 62),rgb(181 63 43));padding:15px 30px 15px 30px;font-family: "Poppins",sans-serif;font-size: 14px;text-transform: uppercase;font-weight: 600;color: #fff;}
.col-md-bigger a:hover {background: linear-gradient( -56deg,rgb(181 63 43),rgb(253 127 62));color:#fff}

@media (min-width:992px) and (max-width:1200px) {
.video-reels .col-lg-2 {flex: 0 0 33%!important;max-width: 33%!important;width: 33%!important;}
.video-reels .col-lg-2 video {margin-bottom:30px;}
.menu-page .we-work {padding: 150px 0 0px 40px;}
.menu-page h2 img {width: 90px;margin-left: -5px;margin-top: -10px;}
.menu-page .bg-twentytwenty {padding-top: 350px;    margin-top: -290px;}
.menu-page .bg-twentytwenty .col-md-3 {width:100%;flex: 0 0 100%;max-width: 100%;}
.menu-page .col-md-bigger {flex: 0 0 56%!important;max-width: 56%!important;padding-right: 15px;padding-left: 30px;}
.menu-page .col-md-smaller {flex: 0 0 42%!important;max-width: 42%!important;}
.menu-page .we-work .col-md-4 {-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}
.menu-page .we-work .col-md-8 { -ms-flex: 0 0 60%;flex: 0 0 60%; max-width: 60%;}
.menu-page .faq-element {margin-top:50px;}
.menu-page .contact-area .col-md-4 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.menu-page .pricing a {margin-left: -45px;}
}

@media (min-width:768px) and (max-width:991px) {
.video-reels .col-lg-2 {flex: 0 0 33%!important;max-width: 33%!important;width: 33%!important;}
.video-reels .col-lg-2 video {margin-bottom:30px;}
.novita {padding-left:90px!important;}
.post-produzione .photo-h2 .novita::after {left:0px;top:30px;}
.menu-page .portfolio-area .col-sm-6 {margin-bottom:30px;}
.menu-page .bg-twentytwenty {padding-top: 50px;margin-top: 0px;}	
.menu-page .portfolio-area {padding: 56px 0px 26px 0px;}
.menu-page .post-produzione .photo-h2 h2 {letter-spacing: 1px;padding: 20px 0 20px 0px;}
.menu-page h2 img {width: 80px;margin-left: -5px;margin-top: -10px;}
.menu-page .post-produzione .photo-h2 h2::before {display:none}
.menu-page .bg-twentytwenty .col-md-3 {width:100%;flex: 0 0 100%;max-width: 100%;}
.menu-page .col-md-bigger {flex: 0 0 56%!important;max-width: 56%!important;padding-right: 15px;padding-left: 30px;}
.menu-page .col-md-smaller {flex: 0 0 42%!important;max-width: 42%!important;}
.menu-page .we-work .col-md-4 {-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}
.menu-page .we-work .col-md-8 { -ms-flex: 0 0 60%;flex: 0 0 60%; max-width: 60%;}
.menu-page .faq-element {margin-top:50px;}
.menu-page .contact-area .col-md-4 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.menu-page .we-work h3 {font-size: 40px;}
.menu-page .we-work p {margin-top: 150px;}
.menu-page .bg-w100 {padding: 70px 0 0px 0;}
.menu-page .mt-100 {margin-top: 70px;}
}

@media only screen and (max-width:767px), only screen and (max-device-width:767px){
.post-produzione .photo-h2 .novita::after {transform: rotate(0deg);left: 0px;top: -7px;}
.video-reels .col-lg-2 {flex: 0 0 50%!important;max-width: 50%!important;width: 50%!important;}
.video-reels .col-lg-2 video {margin-bottom:30px;}
.menu-page .we-work {padding: 130px 20px 0px 20px;}
.menu-page .post-produzione .photo-h2 {margin-top: 100px;}
.menu-page .on-slider {margin-bottom: 50px;}
.menu-page .bg-twentytwenty {padding-top: 0px;margin-top: 0px;}
.menu-page h2 img {width: 60px;margin-left: -5px;margin-top: -10px;}
.menu-page .post-produzione .photo-h2 h2::before {display:none}
.menu-page .post-produzione .photo-h2 h2 {letter-spacing: 1px;padding: 20px 0 20px 0px;}
.menu-page .relative {margin-bottom: 0px;padding: 50px 0px 0px 0px!important;}
.bg-w100 {padding: 50px 0 50px 0!important;}
.link-custom .foto-riprese-btn {padding: 0 0px 0 0px!important;margin-left: 5px;}
}

@media (min-width: 1921px) and (max-width: 3000px) {
	
}


.custom-link-1 {
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    color: #0e0e0e;
}
.h4-new h4 {
    padding-right: 0!important;
}
::-webkit-scrollbar{ display:none}
.traslochi .pt-40 {padding-top:40px;}
.traslochi .intro h2:before {z-index: 11;font-size: 18vw;}
.color-1 {background-color:#ca1f26;padding:50px;color:#fff;text-align:center;font-size:30px!important;text-transform:uppercase;font-family: "Fjalla One",sans-serif;letter-spacing: 1px;}
.color-2 {background-color:#182959;padding:50px;color:#fff;text-align:center;font-size:30px!important;text-transform:uppercase;font-family: "Fjalla One",sans-serif;letter-spacing: 1px;}
.color-3 {background-color:#ffe828;padding:50px;color:#333;text-align:center;font-size:30px!important;text-transform:uppercase;font-family: "Fjalla One",sans-serif;letter-spacing: 1px;}

.botox-logo .pagination .swiper-btn{ display:inline-block;margin:0 30px; border-bottom:none;}
.botox-logo .pagination .swiper-btn img{width:30px;}
.botox-logo .pagination .swiper-btn:hover{cursor:pointer; border-bottom:none}
.botox-logo .pagination .swiper-btn span{ display:block;padding-top:20px;}
.botox-logo .pagination {margin-top: -80px;z-index:99;position:relative}

@media (max-width: 767px){
.botox-logo .pagination {margin-top: -30px!important;}
}

.traslochi .trigger-5 a {display:inline-block;margin:0 15px 0 15px }
.black-btn {background: #1e1e1f!important;}
.black-btn:hover {background: #0aa5b5!important;}
.center-div {display:block;margin:0 auto;text-align:center}

.post-produzione-page .parallax-block__play {margin:0 auto!important;position:absolute;top:40%;background:#fd7f3ec2;left:0;right:0}
.post-produzione-page .parallax-block__play:before {content: "";position: absolute;z-index: 0;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 120px;height: 120px;background: #fd7f3e;border-radius: 50%;animation: pulse-border 3500ms ease-out infinite;}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}


.post-produzione-page.overflow .navbar a {color:#fff!important}
.production-form-page.overflow .navbar a {color: #fff!important;}


.lg-none {display:none}
.production-form-page .xs-active {border-bottom: 5px solid #fd7f3e!important}
.post-produzione-page .xs-active {border-bottom: 5px solid #fd7f3e!important}
.hamburger.open span {background: #fff!important;}
.language span {padding-left:15px;}
.multi-before-after .strongs {color:#1e1e1e}
.mr-20 {margin-right:20px;}
.post-produzione-page .pulse-button {background: linear-gradient( -56deg,rgb(253 127 62),rgb(181 63 43));}
.post-produzione-page .pulse-button:hover {background: linear-gradient( -56deg,rgb(181 63 43),rgb(253 127 62));}
#nav-tabContent .twentytwenty-container {min-height:1046px}
.post-produzione .mrl-0 {height:auto;position:relative;}
.tabs .tab{
    float: left;
    display: block;
}
#nav-tab a {padding:10px 10px 10px 10px;margin:0px 20px 0px 20px;}
#nav-tab .active {background-color:#efeee8}
.tabs .tab>label {
    display: block;
    padding: 6px 21px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;}

.tabs .content {
    z-index: 0;
    overflow: hidden;
    width: 100%;
    padding: 25px;
    position: absolute;
    top: 27px;
    left: 0;
    opacity:0;
    transition: opacity 400ms ease-out;
}

.tabs>.tab>[id^="tab"]:checked + label {
    top: 0;
    background: #303030;
    color: #F5F5F5;
}

.tabs>.tab>[id^="tab"]:checked ~ [id^="tab-content"] {
    z-index: 1;
   
    opacity: 1;
    transition: opacity 400ms ease-out;
}

.production-form-page .intro h4 span {background-color: #fd7f3e;}
.block-div img {width:100px;display:block;margin:0 auto;text-align:center;}
.block-div p {font-weight:600;font-size:17px!important;padding-top:0px!important;letter-spacing:0px!important;text-align:center;padding-right:0px!important;}
.post-produzione-page ::selection{ background-color:#fd7f3e;  color:#fff}
.post-produzione-page -webkit-::-moz-selection{ background-color:#fd7f3e;  color:#fff}
.post-produzione-page -webkit-::selection{ background-color:#fd7f3e;  color:#fff}
.post-produzione-page ::-moz-selection{ background-color:#fd7f3e;  color:#fff}
.post-produzione-page .footer .footer-bottom .h5 {color:#fd7f3e}
.post-produzione-page .green-btn {color: #fd7f3e!important;}
.post-produzione-page .green-btn:hover {color: #0e0e0e!important;}
.post-produzione-page .hamburger span {background:#fd7f3e}
.post-produzione-page .hamburger span:before{ background:#0e0e0e;}
.post-produzione-page #hamburger-menu:before {color:#0e0e0e}
.post-produzione-page .navbar a {color:#0e0e0e!important}
.production-form-page .navbar a {color: #0e0e0e!important;}
.production-form-page .hamburger span {background:#fd7f3e}
.production-form-page #hamburger-menu:before {color: #0e0e0e;}
.post-produzione {    overflow: hidden;padding:180px 0 0px 0;background-color: #F7F7F7;background-size: cover;background-position: center;background-repeat: repeat;background-position: top left;background: url(../../images/post-produzione/bg.png);position: relative;}
.shape-1 {position:absolute;width: 425px;height: 407px;background-image: url(../../images/post-produzione/shape-1.png);background-repeat: no-repeat;top:0;right:0}
.post-produzione h1 {font-size: 350px;line-height:1;font-weight: 600;letter-spacing:-7px;text-transform: uppercase;}
.post-produzione h1 img {width:350px;margin-top:-50px;margin-left:-40px;}
.post-produzione h1 .letter-css {color: transparent;line-height:1;display:inline-block; -webkit-text-stroke: 2px #0e0e0e;}
.letter-css-1 {color: transparent;line-height:1;display:inline-block;font-weight:800; -webkit-text-stroke: 2px #fd7f3e;}
.post-produzione .under-title {margin-bottom:-25px;font-weight:600;color:#121212;font-size:20px;line-height:1;}
.post-produzione .under-title::after {position: absolute;content: "";width: 150px;height: 1px;background-color: #121212;top: 13px;margin-left: 10px;}
.post-produzione .on-slider {float:right;margin-top:-20px;margin-right:70px;max-width: 350px;color:#121212;font-weight: 600;font-size: 16px;line-height: 1.6;text-indent: 60px;}
.post-produzione .photo-h2 {margin-top:100px;margin-bottom:50px;grid-template-columns: 100px auto 100px;border-bottom: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;}
.post-produzione .photo-h2 h2 {position:relative;font-weight:300;letter-spacing:3px;font-size: 140px;padding: 40px 0 40px 150px;}
.post-produzione .photo-h2 h2::before {position: absolute;content: "";width: 75px;height:75px;background-size:cover;left:20px;top:33%;background-image: url(../../images/post-produzione/camera.gif);background-repeat: no-repeat;}
.post-produzione .photo-h2 h2 span {font-weight:700;}
.post-produzione .photo-h2 p {line-height: 1.6;max-width:500px;    text-indent: 60px;margin-top:20px;font-weight:600;font-size: 16px;letter-spacing:1px;margin-bottom:70px;}
.responsive-images {width:100%}
.twentytwenty-container {position:relative;z-index:99;}
.twentytwenty-container .info-div {vertical-align:middle;align-items: center;text-align:center;width: 330px;height: 330px;background: #121212;justify-content: center;position: absolute;right: 0;bottom: 0px;z-index: 999;}
.twentytwenty-container p {padding-top:80px;margin-bottom:0;font-weight: 700;font-size: 100px;line-height: 1;color: #fff;}
.twentytwenty-container p span {font-size: 20px;display:block;line-height: 1.4;font-weight:400; padding-top: 15px;}
.bg-twentytwenty {background-color: #efeee8;z-index:0;position: relative;padding-bottom: 130px;padding-top: 420px;margin-top: -330px;}
.z-99 {z-index:99;position:relative}
.bg-twentytwenty h3 {font-size:50px;padding-left:80px;font-weight:700}
.bg-twentytwenty p {font-weight:600;font-size: 16px;letter-spacing:0px;padding-top:10px;padding-right:50px;line-height: 1.6;}
.we-work h3 {font-size: 80px;font-weight: 900;line-height: 1.2;}
.we-work {padding:270px 0 150px 90px;position:relative}
.we-work img {position: absolute;width: 100%;left: 0;-webkit-filter: invert(1);filter: invert(1);top: 50px;}
.we-work p {line-height: 1.6;max-width:90%;margin-top:250px;padding-left:30%;font-weight:600;font-size: 16px;letter-spacing:1px;}
.portfolio-area {border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;padding: 56px 10px;position: relative;z-index:2}
.portfolio-area .col-md-4 {padding:0 50px 0 50px}
.portfolio-area::before {position: absolute;left: 33.3%;top: 0;width: 1px;height: 100%;content: "";background-color: #d3d3d3;}
.portfolio-area::after {position: absolute;left: 66.6%;top: 0;width: 1px;height: 100%;content: "";background-color: #d3d3d3;}
.bt-0 {border-top:0px!important}
.contact-area {border-bottom: 1px solid #d3d3d3;padding: 120px 10px;}
.contact-area h4 {font-size: 60px;font-weight: 800;line-height: 1.2;padding-bottom: 28px;text-transform: uppercase;}
.titl {font-size: 18px;font-weight: 700;padding-bottom: 10px;text-transform: uppercase;}
.list-left li {position:relative;  font-weight: 500;  list-style: none;color:#5e5e5e;padding-bottom:10px}
.list-left li::before {position: absolute;top: 2px;left: -30px;content: "";width: 20px;height: 20px;    background-size: cover;background-image: url(../../images/post-produzione/plus-icon.gif);background-repeat: no-repeat;}
.list-left li::marker {display:none;}
.contact-area .col-md-5 {text-align:center;padding:170px 0 0 0}
.contact-area .col-md-5 a {position:relative;font-weight:700}
.contact-area .col-md-5 a::after {position: absolute;bottom: -7px;left: 0;width: 100%;height: 2px;background-color: #0e0e0e; content: "";-webkit-transition: all 0.5s;transition: all 0.5s;}
.contact-area .col-md-5 a:hover::after {left: 0;width: 1%;}
.contact-area {position:relative;}
.contact-area::after {position: absolute;left: 56.6%;top: 0;width: 1px;height: 100%;content: "";background-color: #d3d3d3;}
.arrow-gif {width:60px;}
.faq-element {background-color:#efeee8;padding: 130px 0 130px 0;}
.faq-element h3 {font-weight: 600;font-size: 60px;line-height: 1;}
.price-top {background-color:#121212;padding: 40px 30px 30px 30px;margin-bottom: 20px;border-radius: 9px;color:#fff}
.price-top-1 {color: #999;border: 1px solid #dfdfdf;font-weight: 400;font-size: 12px;display:inline-block;line-height: 20px;padding: 5px 12px;border-radius: 30px;margin-bottom: 15px;text-transform: uppercase;}
.price-top-2 {font-weight: 600;font-size: 26px;line-height: 1.5;text-transform: uppercase;    padding-bottom: 5px;}
.price-top-3 {color: #999;line-height: 1.5;font-weight: 400;font-size: 16px;}
.pricing {padding-top:50px;}
.pricing .richiedi {background:transparent;border:1px solid #0e0e0e;font-weight:500;font-size: 1em; border-radius:20px; text-transform: uppercase;  text-align: center;  line-height: 40px; color:#0e0e0e;padding:10px 35px 10px 35px;cursor: pointer;  box-shadow: 0 0 0 0 rgba(210, 220, 225, 1);}
.pricing .richiedi:hover {color:#fff;background:#0e0e0e;}
.pricing a {background: linear-gradient( -56deg,rgb(181 63 43),rgb(253 127 62));font-weight:500;font-size: 1em; border-radius:20px; text-transform: uppercase;  text-align: center;  line-height: 40px; color:#fff;padding:10px 35px 10px 35px;cursor: pointer;  box-shadow: 0 0 0 0 rgba(210, 220, 225, 1);}
.pricing a:hover {color:#fff;background: linear-gradient( -56deg,rgb(253 127 62),rgb(181 63 43));}
.pricing p{padding-top:15px;font-weight: 400;font-size: 36px;line-height: 1.3;    font-family: "Fjalla One",sans-serif;}
.pricing span {    font-weight: 500;font-size: 12px;line-height: 10px;color: #fff;text-transform: uppercase;padding: 8px 22px;border-radius: 5px;background-color: #fd7f3e;position: absolute;top: -50px;}
.check-icon {border-color: #fd7f3e;background-color: #fd7f3e;width: 40px;border-radius: 5px;margin-left:10px;text-align:ceter;vertical-align:middle;margin-top:60px;height: 40px;}
.check-icon i {text-align:center;line-height:40px;display:block}
.price-bottom {background-color:#fff;padding: 40px 30px 30px 30px;margin-bottom: 20px;border-radius: 9px;}
.price-bottom .check-icon {border-color: #fff;background-color: #fff;color:#999;width: 40px;border-radius: 5px;margin-left:10px;text-align:ceter;vertical-align:middle;margin-top:60px;height: 40px;}
.faq-element .top-title {font-weight:500;margin-bottom:15px;display:block}
.faq-element h3 {margin-bottom:60px}
.pr-70 {padding-right:70px;}
.try-it { display: flex;margin-top:40px;align-items: center;-webkit-box-pack: center; -ms-flex-pack: center;justify-content: center;width: 170px;height: 170px;font-weight: 500;font-size: 15px;line-height: 1.3;text-transform: capitalize;color: #555;border: 1px solid #121212;border-radius: 100%;position: relative;overflow: hidden;-webkit-transition: all 0.3s;transition: all 0.3s;}
.try-it:hover {color: #FFF;border-color: #121212;BACKGROUND-COLOR:#121212}
.mrl-0 {margin-left:0px!important;margin-right:0px!important}
.post-produzione-page strong {color:#1e1e1e}
.bg-w100 {padding:100px 0 100px 0;position:relative}
.bg-w100 h2 {font-size: 50px;font-weight: 700;width:70%}
.bg-w100 p {padding-top:15px;line-height:1.7}
.bg-w100 img {width:100%;margin-top:70px;}
.bg-w100::before {position: absolute;content: "VIDEO";width: 150px;right: 40px;top: 10px;font-weight: 700;font-size: 170px;line-height: 1;text-transform: uppercase;color: rgba(0, 0, 0, 0.03);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr;writing-mode: vertical-lr;}

details[open] summary ~ *{animation:open .3s ease-in-out}
@keyframes open {
0%{opacity:0}
100%{opacity:1}
}
details summary::-webkit-details-marker{display:none}
details summary{width:100%;padding:15px 0px 15px 0px;border-top:1px solid #121212;position:relative;cursor:pointer;font-size:18px;font-weight:500;list-style:none}
details summary:after{content:"+";color:#121212;position:absolute;font-size:1.75rem;line-height:0;margin-top:.75rem;right:0;font-weight:200;transform-origin:center;transition:200ms linear}
details[open] summary:after{transform:rotate(45deg);font-size:2rem}
details summary{outline:0}
details p{font-size:16px;color:#555;margin:0 0 30px;padding-top:1rem}

.multi-before-after {padding:40px 0 140px 0}
.multi-before-after h2 {text-align:center;max-width:75%;padding-left:25%;margin-bottom:90px;font-weight: 700;font-size: 50px; line-height:1.3}
.multi-before-after p {line-height: 1.8;font-weight:600;font-size: 16px;letter-spacing:0.5px;color: #555;padding:40px 30px 0 30px;}







.min-h-logo {margin-bottom: 50px;min-height: 70px;}
#pulse-button {touch-action: manipulation;}
.portfolio-page #pulse-button {touch-action: manipulation;}
.portfolio-page #hamburger-menu:before {color:#0e0e0e}
.mb-05 {margin-bottom:5px}
.mb-03 {margin-bottom:25px}
.port_fillter-fix {display:none}
.port_fillter-block {display:block}
#myVideoportfolio {width:100%}
#myVideoportfolio1 {width:100%}
#myVideoportfolio2 {width:100%}
#myVideoportfolio3 {width:100%}
.portfolio-page .green-btn {color: #fd7f3e!important;}
.portfolio-page .green-btn:hover {color: #0e0e0e!important;}
.portfolio-page .hamburger span {background:#fd7f3e}
.portfolio-page .hamburger span:before{ background:#0e0e0e;}
.port_fillter img {width:50px;margin-right:10px;}
.categorie-1 {position:relative}
.categorie-1:before{ content:"";background-image: url(../../img/lavori/to-do-list-1.gif);width: 50px;left:10px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-1:hover:before{ content:"";background-image: url(../../img/lavori/to-do-list.gif);width: 50px;left:10px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-2 {position:relative}
.categorie-2:before{ content:"";background-image: url(../../img/lavori/web-design-1.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-2:hover:before{ content:"";background-image: url(../../img/lavori/web-design.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-2.active:before{ content:"";background-image: url(../../img/lavori/web-design.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-3 {position:relative}
.categorie-3:before{ content:"";background-image: url(../../img/lavori/form-sheet-1.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-3:hover:before{ content:"";background-image: url(../../img/lavori/form-sheet.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-3.active:before{ content:"";background-image: url(../../img/lavori/form-sheet.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-4 {position:relative}
.categorie-4:before{ content:"";background-image: url(../../img/lavori/camera-1.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-4:hover:before{ content:"";background-image: url(../../img/lavori/camera.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-4.active:before{ content:"";background-image: url(../../img/lavori/camera.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-5 {position:relative}
.categorie-5:before{ content:"";background-image: url(../../img/lavori/film-1.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-5:hover:before{ content:"";background-image: url(../../img/lavori/film.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-5.active:before{ content:"";background-image: url(../../img/lavori/film.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-6 {position:relative}
.categorie-6:before{ content:"";background-image: url(../../img/lavori/drawing-tablet-1.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-6:hover:before{ content:"";background-image: url(../../img/lavori/drawing-tablet.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.categorie-6.active:before{ content:"";background-image: url(../../img/lavori/drawing-tablet.gif);width: 50px;left:5px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}

.port_fillter-fix{  text-align:center;   border-bottom:1px solid #e6e5e1;  padding-left:0px; padding-bottom:40px;   padding-top:44px;   margin-bottom:60px}
.port_fillter-fix li{  padding:10px 25px 10px 60px;display:inline-block;   font:600 16px/32px "Poppins",sans-serif; color:#333; border-bottom:1px solid transparent;  margin:0px 10px;  cursor:pointer;  -webkit-transition:all 0.4s linear;  -o-transition:all 0.4s linear;  transition:all 0.4s linear}
.port_fillter-fix li:hover{ color:#fff;background:#fd7f3e;border-color:#fd7f3e;border-radius:4px}
.port_fillter-fix li.active{ color:#fff;background:#fd7f3e;border-color:#fd7f3e;border-radius:4px}
.port_fillter-fix .categorie-1.active:before{ content:"";background-image: url(../../img/lavori/to-do-list.gif);width: 50px;left:10px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}


.portfolio-page .intro h2:before {font-size: 16vw;    top: -15%;}
.portfolio_area{  padding-top:56px;   padding-bottom:100px}
.portfolio_area .description_text{  padding-top:0px;   padding-bottom:50px}
.portfolio_area .description_text h5{  font-style:italic;   font-weight:700;   font-family:"Playfair Display",serif;   padding-bottom:10px}
.portfolio_area .description_text h5 span{  font-weight:300}
.port_fillter{  text-align:center;   border-bottom:1px solid #e6e5e1;  padding-left:0px; padding-bottom:40px;   padding-top:44px;   margin-bottom:60px}
.port_fillter li{  padding:10px 25px 10px 60px;display:inline-block;   font:600 16px/32px "Poppins",sans-serif; color:#333; border-bottom:1px solid transparent;  margin:0px 10px;  cursor:pointer;  -webkit-transition:all 0.4s linear;  -o-transition:all 0.4s linear;  transition:all 0.4s linear}
.port_fillter li:hover{ color:#fff;background:#fd7f3e;border-color:#fd7f3e;border-radius:4px}
.port_fillter li.active{ color:#fff;background:#fd7f3e;border-color:#fd7f3e;border-radius:4px}
.port_fillter .categorie-1.active:before{ content:"";background-image: url(../../img/lavori/to-do-list.gif);width: 50px;left:10px;bottom:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 50px;}
.port-gallery{ margin-top:-50px}
.port-gallery .project{ margin-top:50px}
.port-gallery .port-item{ cursor:pointer}
.port-gallery .port-item:before{ display:none}
.port-item{ padding:0px}
.port-item:hover .port-img:before{ opacity:0.80}
.port-item:hover .port-img a{ -webkit-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1)}
.port-item:hover .port_text h2{ color:#fd7f3e}
.port-img{ position:relative;  z-index:1;  overflow:hidden}
.port-img:before{ content:"";  width:100%;  height:100%;  top:0;  left:0;  position:absolute;  background:#0aa5b5;  z-index:1;  opacity:0;  -webkit-transition:all 0.4s linear;  -o-transition:all 0.4s linear;  transition:all 0.4s linear}
.port-img img{ max-width:100%}
.port-img a{ position:absolute;  font-size:40px;  color:#fff;  top:50%;  left:50%;  margin-left:-20px;  margin-top:-20px;  -webkit-transform:scale(0);  -ms-transform:scale(0);  transform:scale(0);  -webkit-transition:all 0.4s linear;  -o-transition:all 0.4s linear;  transition:all 0.4s linear;  z-index:1}
.port-img i{display: none;}
.port-img:hover i{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #FFF;font-size: 2em;z-index: 999;}
.port-img .portfolio-icons{display: none;}
.port-img:hover .portfolio-icons{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #FFF;font-size: 2em;z-index: 999;}
.port_text{font-family:"Poppins",sans-serif;  position:relative;  padding-bottom:7px;  padding-top:35px;  z-index:1}
.port_text:before{ content:"";  width:30px;  height:1px;  background:#0aa5b5;  bottom:0;  position:absolute}
.port_text h2{ font-weight:700;font-size:25px;  line-height:37px;  color:#1a1a26;  text-transform:uppercase;  -webkit-transition:all 0.4s linear;  -o-transition:all 0.4s linear;  transition:all 0.4s linear}
.portfolio-page .project {margin-bottom:30px}

.portfolio-page .image_pop .portfolio-icons{display: none;}
.portfolio-page .image_pop:hover .portfolio-icons{width:50px;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #FFF;font-size: 2em;z-index: 999;}
.portfolio-page .saying_item:hover .image_pop:before{ opacity:0.80}
.portfolio-page .saying_item:hover .image_pop a{ -webkit-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1)}
.portfolio-page .image_pop{ position:relative;  z-index:1;  overflow:hidden}
.portfolio-page .image_pop:before{ background-size: cover!important;content:"";  width:100%;  height:100%;  top:0;  left:0;  position:absolute;  background:#0aa5b5;  z-index:1;  opacity:0;  -webkit-transition:all 0.4s linear;  -o-transition:all 0.4s linear;  transition:all 0.4s linear}

.portfolio-page .port-item:hover .image_pop:before{ opacity:0.80}
.portfolio-page .port-item:hover .image_pop a{ -webkit-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1)}
.portfolio-page .image_pop{ position:relative;  z-index:1;  overflow:hidden}
.portfolio-page .image_pop:before{ background-size: cover!important;content:"";  width:100%;  height:100%;  top:0;  left:0;  position:absolute;  background:#0aa5b5;  z-index:1;  opacity:0;  -webkit-transition:all 0.4s linear;  -o-transition:all 0.4s linear;  transition:all 0.4s linear}
.portfolio-page .port-item { position:relative;}


.portfolio-page .image_pop_1 .portfolio-icons{display: none;}
.portfolio-page .image_pop_1:hover .portfolio-icons{width:50px;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #FFF;font-size: 2em;z-index: 999;}
.portfolio-page .saying_item:hover .image_pop_1:before{ opacity:0.80}
.portfolio-page .saying_item:hover .image_pop_1 a{ -webkit-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1)}
.portfolio-page .image_pop_1{ position:relative;  z-index:1;  overflow:hidden}
.portfolio-page .image_pop_1:before{ background-size: cover!important;content:"";  width:100%;  height:100%;  top:0;  left:0;  position:absolute;  background:#0aa5b5;  z-index:1;  opacity:0;  -webkit-transition:all 0.4s linear;  -o-transition:all 0.4s linear;  transition:all 0.4s linear}

.portfolio-page .port-item:hover .image_before:before{ opacity:0.80}
.portfolio-page .port-item:hover .image_before{ -webkit-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1)}
.portfolio-page .image_pop_1{ position:relative;  z-index:1;  overflow:hidden}
.portfolio-page .image_pop_1:before{ background-size: cover!important;content:"";  width:100%;  height:100%;  top:0;  left:0;  position:absolute;  background:#0aa5b5;  z-index:1;  opacity:0;  -webkit-transition:all 0.4s linear;  -o-transition:all 0.4s linear;  transition:all 0.4s linear}
.portfolio-page .port-item { position:relative;}


.portfolio-page .image_before:before {content: "";    width: 100%;    height: 100%;    top: 0;    left: 0;    position: absolute;    background: #0aa5b5;    z-index: 1;    opacity: 0;    -webkit-transition: all 0.4s linear;    -o-transition: all 0.4s linear;    transition: all 0.4s linear;}
.container-2 {width: 1500px;margin: auto;max-width: 100%;}
.container-3 {width: 1750px;margin: auto;max-width: 100%;}


.port_text h3{ font-size:18px;  line-height:28px;  color:#fff;  text-transform:uppercase;  -webkit-transition:all 0.4s linear;  -o-transition:all 0.4s linear;  transition:all 0.4s linear}
.port_text a{ color:#888890;  text-transform:capitalize}
.port_text a:hover{ color:#0aa5b5}
.port_btn{ display:block;  margin:60px auto 0px;  background:#0aa5b5}
.port_btn:hover{ background:#1e1e1f}
.port_btn-1{ margin:-30px auto 0px;  background:#0aa5b5}
.port_btn-1:hover{ background:#1e1e1f}
.port_btn-2{ margin:30px auto 0px;  background:#0aa5b5}
.port_btn-2:hover{ background:#1e1e1f}
.port_masonry-g{ margin-top:-40px}
.port_masonry-g .project{ margin-top:40px}

.portfolio_two_area{ padding-bottom:100px}
.por_two_item{ padding:0px;  position:relative;  overflow:hidden}
.por_two_item img{ max-width:100%;  width:100%}
.por_two_item .port_hover{ position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background:#0aa5b5;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  opacity:0;  padding:30px 30px 60px;  -webkit-transition:all 0.6s linear;  -o-transition:all 0.6s linear;  transition:all 0.6s linear}
.por_two_item .port_hover .icon{ font-size:33px;  position:absolute;  top:30px;  right:30px;  color:#fff;  -webkit-transform:scale(0);  -ms-transform:scale(0);  transform:scale(0);  -webkit-transition:all 400ms linear 0s;  -o-transition:all 400ms linear 0s;  transition:all 400ms linear 0s}
.por_two_item .port_hover .port_text{ -webkit-align-self:flex-end;  -ms-flex-item-align:end;  align-self:flex-end;  width:100%;  padding-left:20px;  -webkit-transition:all 400ms linear 0s;  -o-transition:all 400ms linear 0s;  transition:all 400ms linear 0s}
.por_two_item .port_hover .port_text:before{ background:#fff}
.por_two_item .port_hover .port_text h2{ font-size:18px;  font-weight:600;  color:#fff}
.por_two_item .port_hover .port_text a{ color:#fff}
.por_two_item:hover .port_hover{ opacity:0.80}
.por_two_item:hover .port_hover .icon{ -webkit-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1)}
.por_two_item:hover .port_hover .port_text{ padding-left:0px}

.portfolio_grid_area{ padding-bottom:100px}
.portfolio_grid_area .por_grid_item{ position:relative;  z-index:1;  margin:15px 0px;  cursor:pointer;  overflow:hidden}
.portfolio_grid_area .por_grid_item:before{ content:"";  width:100%;  height:100%;  top:0;  left:0;  position:absolute;  display:block;  background:#fff;  opacity:0;  z-index:0;  -webkit-transition:all 0.5s linear 0.01s;  -o-transition:all 0.5s linear 0.01s;  transition:all 0.5s linear 0.01s}
.portfolio_grid_area .por_grid_item img{ width:100%}
.portfolio_grid_area .por_grid_item .hover_text{ position:absolute;  bottom:0;  width:100%;  padding:60px 60px 53px;  opacity:0;  -webkit-transition:all 0.5s linear 0.01s;  -o-transition:all 0.5s linear 0.01s;  transition:all 0.5s linear 0.01s;  -webkit-transform:translateX(20px);  -ms-transform:translateX(20px);  transform:translateX(20px)}
.portfolio_grid_area .por_grid_item .hover_text a{ font-size:14px;  color:#888890}
.portfolio_grid_area .por_grid_item .hover_text a:hover{ color:#0aa5b5}
.portfolio_grid_area .por_grid_item .hover_text h2{ font-size:24px;  color:#1a1a26;  line-height:30px;  text-transform:uppercase;  padding-bottom:18px}
.portfolio_grid_area .por_grid_item .hover_text .see_btn{ font-size:14px;  color:#f07f84;  padding-top:8px;  display:block}
.portfolio_grid_area .por_grid_item .hover_text .see_btn:hover{ color:#0aa5b5}
.portfolio_grid_area .por_grid_item .hover_text .see_btn i{ padding-right:10px}
.portfolio_grid_area .por_grid_item:hover:before{ opacity:0.90}
.portfolio_grid_area .por_grid_item:hover .hover_text{ -webkit-transform:translateX(0);  -ms-transform:translateX(0);  transform:translateX(0);  opacity:1}

.port_carousel_area{ padding-top:0px;margin-top:100px;}
.port_carousel_area .port-carousel .owl-nav .owl-prev, .port_carousel_area .port-carousel .owl-nav .owl-next{ position:absolute;  top:calc(50% - 45px);  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%);  font-size:34px;  color:#fff}
.port_carousel_area .port-carousel .owl-nav .owl-prev{ left:30px}
.port_carousel_area .port-carousel .owl-nav .owl-next{ right:30px}
.carousel-item{ position:relative;  overflow:hidden;  z-index:1}
.carousel-item:hover:before{ opacity:0.50}
.text_two{ background-color: rgba(0,0,0, 0.4);position:absolute;  padding:15px 30px 20px 30px;  bottom:0;color: #fff!important;  width:100%}
.text_two:before{ display:none}
.text_two h2{ font-size:24px;margin-bottom:15px;  font-weight:500;  text-transform:capitalize}
.text_two h3{ font-size:24px;margin-bottom:15px;  font-weight:500;  text-transform:capitalize}
.text_two a{ -webkit-transition:all 0.4s linear;  -o-transition:all 0.4s linear;  transition:all 0.4s linear}
.text_two a:hover{ color:#fff}
.owl-dots{ text-align:center;  margin-top:60px}
.owl-dots .owl-dot{ width:12px;  height:12px;  border-radius:50%;  background:#c3c3c7;  display:inline-block;  margin:0px 5px}
.owl-dots .owl-dot.active{ background:#0aa5b5}

.port_c_two_area{ padding:0px}
.port_c_two_area .port-carousel_two .carousel-item{ position:relative;  cursor:pointer}
.port_c_two_area .port-carousel_two .carousel-item:before{ content:"";  width:100%;  position:absolute;  height:100%;  top:0;  left:0;  background:rgba(0,0,0,0.12);  -webkit-transition:all 0.6s linear;  -o-transition:all 0.6s linear;  transition:all 0.6s linear;  opacity:1}
.port_c_two_area .port-carousel_two .carousel-item .text_two{ top:50%;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%);  bottom:auto;  padding:0px;  text-align:center}
.port_c_two_area .port-carousel_two .carousel-item .text_two h2{ color:#fff}
.port_c_two_area .port-carousel_two .carousel-item .text_two a{ color:#fff}
.port_c_two_area .port-carousel_two .carousel-item:hover:before{ background:#0aa5b5;  opacity:0.5}
.port_c_two_area .owl-dots{ margin:0px;  position:absolute;  bottom:40px;  left:50%;  -webkit-transform:translateX(-50%);  -ms-transform:translateX(-50%);  transform:translateX(-50%)}
.port_c_two_area .owl-dots .owl-dot{ background:#fff;  opacity:0.50}
.port_c_two_area .owl-dots .owl-dot.active{ background:#0aa5b5}

.portfolio_masonry_two{ margin-top:-10px}
.portfolio_masonry_two .portfolio_m_item{ padding:10px}








.video-button-1{float:right;margin-right:10%!important;display: inline-block; width:81px;  height:81px;  line-height:81px;  text-align:center;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  background:#0aa5b5;  position:relative;  color:#fff;  margin:0 auto}
.video-button-1 i{ margin-left:5px;font-size:20px;line-height:40px;}
.video-button-1::after, .video-button-1::before{z-index: -1;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);position: absolute;content: ""; animation:video 25s linear infinite;  -webkit-animation:video 25s linear infinite;  -moz-animation:video 25s linear infinite;  -webkit-transition:all ease 0.3s;  -moz-transition:all ease 0.3s;  transition:all ease 0.3s}
.video-button-1::before{ background:rgba(161, 32, 125,0.161);  width:130px;  height:130px;  animation-delay:.5s;  -webkit-animation-delay:.5s;  -moz-animation-delay:.5s;  -webkit-border-radius:33.33% 50%;  -moz-border-radius:33.33% 50%;  border-radius:33.33% 50%}
.video-button-1::after{ background:rgba(116, 32, 107,0.302);  height:103px;  width:103px}

.video-button{display: inline-block; width:81px;  height:81px;  line-height:81px;  text-align:center;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  background:#0aa5b5;  position:relative;  color:#fff;  margin:0 auto}
.video-button i{ margin-left:5px;font-size:20px;line-height:40px;}
.video-button::after, .video-button::before{z-index: -1;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);position: absolute;content: ""; animation:video 25s linear infinite;  -webkit-animation:video 25s linear infinite;  -moz-animation:video 25s linear infinite;  -webkit-transition:all ease 0.3s;  -moz-transition:all ease 0.3s;  transition:all ease 0.3s}
.video-button::before{ background:rgba(161, 32, 125,0.161);  width:130px;  height:130px;  animation-delay:.5s;  -webkit-animation-delay:.5s;  -moz-animation-delay:.5s;  -webkit-border-radius:33.33% 50%;  -moz-border-radius:33.33% 50%;  border-radius:33.33% 50%}
.video-button::after{ background:rgba(116, 32, 107,0.302);  height:103px;  width:103px}
@keyframes video{ 0%{ -webkit-border-radius:33.33% 50%;  -moz-border-radius:33.33% 50%;  border-radius:33.33% 50%;  -webkit-transform:translate(-50%,-50%) rotate(0deg);  -ms-transform:translate(-50%,-50%) rotate(0deg);  transform:translate(-50%,-50%) rotate(0deg)}
 100%{ -webkit-border-radius:50% 33.33%;  -moz-border-radius:50% 33.33%;  border-radius:50% 33.33%;  -webkit-transform:translate(-50%,-50%) rotate(1800deg);  -ms-transform:translate(-50%,-50%) rotate(1800deg);  transform:translate(-50%,-50%) rotate(1800deg)}
}
@-webkit-keyframes video{ 0%{ -webkit-border-radius:33.33% 50%;  -moz-border-radius:33.33% 50%;  border-radius:33.33% 50%;  -webkit-transform:translate(-50%,-50%) rotate(0deg);  -ms-transform:translate(-50%,-50%) rotate(0deg);  transform:translate(-50%,-50%) rotate(0deg)}
 100%{ -webkit-border-radius:50% 33.33%;  -moz-border-radius:50% 33.33%;  border-radius:50% 33.33%;  -webkit-transform:translate(-50%,-50%) rotate(1800deg);  -ms-transform:translate(-50%,-50%) rotate(1800deg);  transform:translate(-50%,-50%) rotate(1800deg)}
}
@-moz-keyframes video{ 0%{ -webkit-border-radius:33.33% 50%;  -moz-border-radius:33.33% 50%;  border-radius:33.33% 50%;  -webkit-transform:translate(-50%,-50%) rotate(0deg);  -ms-transform:translate(-50%,-50%) rotate(0deg);  transform:translate(-50%,-50%) rotate(0deg)}
 100%{ -webkit-border-radius:50% 33.33%;  -moz-border-radius:50% 33.33%;  border-radius:50% 33.33%;  -webkit-transform:translate(-50%,-50%) rotate(1800deg);  -ms-transform:translate(-50%,-50%) rotate(1800deg);  transform:translate(-50%,-50%) rotate(1800deg)}
}
.content-box .video-button {margin-left:70px;}
.mw-main .link-custom {display:inline-block;}
.mw-main .slide-btn a {display:inline-block;margin-right:110px;}
.mw-main .swiper-slider .swiper-slide .slide-inner .container .tagline span:after {background:#0aa5b5}
.mw-main .swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet:after {background: #0aa5b5;}
.mw-main .navigation-menu .inner .menu ul li a:hover {border-bottom: 5px solid #0aa5b5;}
.mw-main .green-btn {color:#0aa5b5!important}
.mw-main .hamburger span {background:#0aa5b5}
.mw-main1 .container-sound {background: linear-gradient(56deg,rgba(116,32,107,0.8),rgba(161, 32, 125,0.8));}
.home-slider-btn {letter-spacing:1px;margin-top:40px;font-weight: 700;font-size: 1em;border-radius: 3px;text-transform: uppercase;text-align: center;line-height: 40px;color: #fff;padding: 10px 35px 10px 35px;background: linear-gradient( -56deg,rgba(116, 32, 107,1),rgba(161, 32, 125,0.8));cursor: pointer;box-shadow: 0 0 0 0 rgb(210 220 225);-webkit-animation: pulse123 1.7s infinite;}
.mw-main .swiper-slider .swiper-slide .slide-inner .container h1 {color:#0aa5b5}
.mw-main .fancybox-slide {padding:5%}
.mw-main .xs-active {    border-bottom:5px solid #0aa5b5!important}
.mw-main .slide-btn {width:100%}
.mw-main .home-slider-btn {margin-top:20px}


.vertiga-bg-new {width:100%;height:500px;margin-top:50px;background-image: url(https://vertiga.it/images/indomitus/indomitus-horizontal.jpg); background-position: center;background-repeat: no-repeat;background-size: cover;}
.new-link {border-bottom: 3px dotted #09a9ba;font-weight: 600;}
.new-link:hover {border-bottom: none;}
.trigger-3 h4 {padding-right:0!important;}
.text-screen {padding:30px 30px 30px 30px;}
.fotografo-interno .works p {line-height:30px;}
.strongs {font-weight:700!important}
.fotografo-interno .div-center .pulse-button {display:inline-block}
.fotografo-interno .pulse-button-1 {display:inline-block}
.fancybox-bg {background:#e6f6f7!important}
.fancybox-is-open .fancybox-bg {opacity:1!important}
#ui-datepicker-div {z-index:9999!important;}
.fancybox-caption {max-width:1200px;padding: 25px 0px;margin-right: auto;bottom:0px;text-align:center;left:0px;right:0px;margin-left: auto;width:100%;font-weight:700;font-size: 29px;color:#0e0e0e;font-family: "Poppins",sans-serif!important;}
.fancybox-caption:after {display:none}
.fancybox-caption:before {display:none}

.fotografo-interno .custom-link img {display:inline-blcok;width:50px;}
.fotografo-interno .custom-link b {margin-left: 10px;}
.servizi-aggiuntivi .services-content-block {padding: 200px 0 150px 0;}
.servizi-aggiuntivi .pulse-button-fix {margin-left:0px;position: fixed!important;display: inline-block;}
.servizi-aggiuntivi .pulse-button {margin-right:0px;}
.servizi-aggiuntivi .online{    margin-bottom: 30px;}
.info-details {width:100%;position:relative;display:none;margin-bottom:60px;}
.div-center .pulse-button-fix { position: relative;display: inline-block;}
.fotografo-interno .pulse-button-1:hover {COLOR:#FFF}
.fotografo-interno .page-header .container {padding: 0 15px;}
.div-center .pulse-button {margin-right:70px;}
.pulse-button-1 {font-weight:700;display:none;font-size: 1em; border-radius:3px; text-transform: uppercase;  text-align: center;  line-height: 40px; color:#fff;padding:10px 35px 10px 35px;    background: linear-gradient(
-56deg,rgba(26,26,38,0.8),rgba(10,165,181,0.8)); cursor: pointer;  box-shadow: 0 0 0 0 rgba(210, 220, 225, 1); -webkit-animation: pulse123 1.7s infinite;-webkit-animation:none!important;background: linear-gradient( -0deg,rgba(26,26,38,0.8),rgba(10,165,181,0.8))!important;}
.pulse-button-1:hover {-webkit-animation:none!important;background: linear-gradient( -56deg,rgba(26,26,38,0.8),rgba(10,165,181,0.8))!important;}
.div-center .pulse-button:hover { color:#fff;    background: linear-gradient( -0deg,rgba(26,26,38,0.8),rgba(10,165,181,0.8));}
.div-center {text-align: center;display:block;margin:50px auto}
.fotografo-interno .post-content a {padding:15px 40px 15px 40px;text-align: center;display: inline-block;margin: 40px auto 0px auto;background: #0aa5b5;font-family: "Poppins",sans-serif;font-size: 14px;text-transform: uppercase;font-weight: 600;color: #fff;}
.fotografo-interno .post-content a:hover {background:#1e1e1f}
.fotografo-interno #hide-text .custom-link b{font-size: 14px;cursor: pointer;}
.fotografo-interno #hide-text .lines{margin-top: 10px;}
.fotografo-interno .h4 {    font-weight: 500;margin-top: 5px;font-family: "Fjalla One",sans-serif;font-size: 25px;line-height: 40px;text-transform: uppercase;padding-right: 20%;margin-bottom: 40px;}
.fotografo-interno .h4-1 {    font-weight: 500;margin-top: 5px;font-family: "Fjalla One",sans-serif;font-size: 25px;line-height: 40px;text-transform: uppercase;padding-right: 15px;margin-bottom: 40px;}
.fotografo-interno .direction{padding:0px 0 0px 0}
.extra h3 {font-weight: 800;font-size: 40px;line-height: 1.2;padding-right:15%}
.risommando {font-weight: 800;font-size: 35px;text-align:center;margin-top:50px;line-height: 1.2;}
.fotografo-interno .work-with-us{padding:100px 0 100px 0}
.fotografo-interno .work-with-us h2 {padding-right: 15%;}
.fotografo-interno .works h2 {margin-bottom: 20px;}
.post-text u {text-decoration: none;border-bottom: 3px dotted #6bc048;font-weight: 600;}
.fotografo-interno .direction figure figcaption {left: 100px;width: 32%;}
.fotografo-interno .direction figure figcaption .inner p {font-size: 20px;line-height: 33px;}
.fotografo-interno .direction h5 {line-height:45px;}
.fotografo-interno .direction h5 span {display:block}
.fotografo-interno .work-with-us img {position:absolute;right:140px;bottom:0px;width:500px}
.pr-100 {padding-right:100px;}
.mb-70 {margin-bottom:70px;}
.mb-30 {margin-bottom:30px!important;}
.step-2 {margin-top:50px}
.step-3 {margin-top:100px}
.step-4 {margin-top:150px}

.new-logo .swip  {position:relative;display:block;width:100%}
.new-logo .swip-btn {position: relative;top: auto;left: auto;}
.new-logo .swip img {position:relative;width:100%;padding:0 70px 0 70px;}
.new-logo .swiper-container .swiper-button-next-3, .new-logo .swiper-button-prev-3 {border:none;font-size: 40px;}
.new-logo .swiper-button-next-3 {position:absolute!important;top: -200px!important;right: 0%!important;}
.new-logo .swiper-button-prev-3 {position:absolute!important;top: -200px!important;left: 0%!important;}
.swiper-container-property { width: auto; height: auto; }
.vw-100 {width:100vw;position:absolute;top:45%;z-index: 99;}
.swiper-container-property {position:relative}
.swiper-button-next-property i {z-index:99;display:inline-block;font-size: 40px;}
.swiper-button-prev-property i {z-index:99;display:inline-block;font-size: 40px;left:30px;}

.Fjalla {font-family: "Fjalla One",sans-serif;font-size:25px;    letter-spacing: 1px;    font-weight: 700;}
.new-logo .intro h2 {    padding-right: 25%;}
.new-logo .page-header {height:500px;}
.new-logo h3 {margin-bottom: 40px;font-weight: 800;color: #0e0e0e;font-size: 40px;}
.new-logo .mt-70 {margin-top:120px;}
.new-logo .custom-link {margin:-20px 0 70px 0}
.new-logo .intro h4 {margin-bottom:30px;letter-spacing:1px;font-weight:700;margin-top:20px;}

.trigger-1 {padding:200px 0 50px 0;opacity:0;display:block;margin:0 auto;text-align:center;transition:2s}
.trigger-1.show {padding:200px 0 50px 0;opacity:1}
.trigger-1.show .logo-2-2{transition:2s}

.trigger-2 {padding:50px 0 200px 0;opacity:0;display:block;margin:0 auto;text-align:center;transition:2s}
.trigger-2.show {padding:50px 0 200px 0;opacity:1}

.trigger-3 {opacity:0;transition:2s}
.trigger-3.show {opacity:1}

.trigger-4 {opacity:0;transition:2s;margin-top:70px;margin-bottom:170px;}
.trigger-4.show {opacity:1}

.trigger-5 {opacity:0;transition:2s;margin-top:70px;}
.trigger-5.show {opacity:1}

.trigger-6 {opacity:0;transition:2s;margin-top:70px;}
.trigger-6.show {opacity:1}

.trigger-7 {opacity:0;transition:2s;margin-top:70px;}
.trigger-7.show {opacity:1}

.trigger-8 {opacity:0;transition:2s;margin-top:70px;}
.trigger-8.show {opacity:1}
.trigger-5 a {width: 240px;height: 50px;line-height: 50px;text-align:center;display: block;margin: 40px auto 0px;background: #0aa5b5;font-family: "Poppins",sans-serif;font-size: 14px;text-transform: uppercase;font-weight: 600;color: #fff;}
.trigger-5 a:hover {background: #1e1e1f;color:#fff}

.comunicazione-alberghi .swiper { width: 100%;position:relative;height: 100%; }
	 .comunicazione-alberghi .swiper-slide {
max-width:700px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

    .comunicazione-alberghi  .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
.newsletter-page .page-header {height: 50vh;min-height: 450px;}
.newsletter-page .page-header .container h1 {font-size: 7vw;}
.newsletter-page .intro h2:before {font-size:15vw;}
.newsletter-page .intro h2 {margin-bottom: 30px;}
#pjWrapperNewsletter_theme1 {background-color:transparent!important}
.pjCfFormHead {display:none}
[id^=pjWrapper] .panel {box-shadow: 0 0px 0px rgb(0 0 0 / 5%)!important;border:none!important}
#pjWrapperNewsletter_theme1 .pjCfForm label, #pjWrapperNewsletter_theme1 .pjCfForm .control-label, #pjWrapperNewsletter_theme1 .pjCfForm input[type="file"] {font-family: "Fjalla One",sans-serif;font-size:17px;    font-weight: 500;}
.newsletter-form .form-group {font-family: 'Roboto',Helvetica,sans-serif!important;}
#pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormButton {    font-family: "Poppins",sans-serif!important;border:none!important;font-weight:500!important;letter-spacing:0.5px;font-size: 16px!important;border-radius: 3px;text-transform: uppercase;text-align: center;line-height: 40px!important;color: #fff!important;margin-top:30px;padding: 10px 45px 10px 45px!important;background: linear-gradient( -56deg,rgba(26,26,38,0.8),rgba(10,165,181,0.8))!important;cursor: pointer;box-shadow: 0 0 0 0 rgb(101 55 143 / 25%)!important; -webkit-animation: pulse123 1.7s infinite;}
#pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormButton:hover {background: #0aa5b5!important;}
.newsletter-form .alert-danger {position:relative}


.form-logo {padding-left:60px;}
.form-logo .logs{margin-top:40px;padding:0 25px 0 25px;}
.logo-overlay {position:absolute;z-index:-1;width:66%;height:110%;top:-40px;bottom:-40px;left:-150px;background:rgba(10, 165, 181, 0.1);}
.relative {position:relative}
.xs-show {display:none}
.none-all {position:absolute!important;z-index:-10;left:-9999}

.mt-100 {margin-top:100px;}
.errore-page .page-header .container h1 {font-size: 13vw;}
.c_btn-1{ height:60px;  width:240px;    margin-right: 15px;  display:inline-block;  background:#0aa5b5;  border:1px solid #0aa5b5;  text-align:center;  line-height:60px;  color:#fff;  font-size:14px;  font-family:"Poppins",sans-serif;  font-weight:bold;  text-transform:uppercase;  -webkit-transition:all 400ms linear 0s;  -o-transition:all 400ms linear 0s;  transition:all 400ms linear 0s;  padding:0px}
.c_btn-1:hover, .c_btn:focus{ background:transparent;  border-color:#fff;  color:#fff}

.l_btn{ height:60px;  width:180px;  border:1px solid #fff;  display:inline-block;  text-align:center;  line-height:60px;  color:#fff;  font-size:14px;  font-family:"Poppins",sans-serif;  font-weight:bold;  text-transform:uppercase;  -webkit-transition:all 400ms linear 0s;  -o-transition:all 400ms linear 0s;  transition:all 400ms linear 0s}
.l_btn:hover, .l_btn:focus{ background:#0aa5b5;  border-color:#0aa5b5;  color:#fff}

.errore-page .page-header .container p {    font-family: "Poppins",sans-serif;}
.errore-page h5 {text-align:center;font-size: 25px;color:#fff;font-family: "Poppins",sans-serif;font-weight: 600; padding-bottom: 10px;}
.errore-page .page-header .container p {background-color:transparent!important}

.slideshow{margin-top:-40px; width:100%;  height:auto;  overflow:hidden}

.slideshow-image{ position:absolute;  width:100%;  height:100%;  background:no-repeat 50% 50%;  background-size:cover;  -webkit-animation-name:kenburns;  animation-name:kenburns;  -webkit-animation-timing-function:linear;  animation-timing-function:linear;  -webkit-animation-iteration-count:infinite;  animation-iteration-count:infinite;  -webkit-animation-duration:25s;  animation-duration:25s;  opacity:1; }
.slideshow-image:nth-child(1){ -webkit-animation-name:kenburns-1;  animation-name:kenburns-1;  z-index:4}
.slideshow-image:nth-child(2){ -webkit-animation-name:kenburns-2;  animation-name:kenburns-2;  z-index:3}
.slideshow-image:nth-child(3){ -webkit-animation-name:kenburns-3;  animation-name:kenburns-3;  z-index:2}
.slideshow-image:nth-child(4){ -webkit-animation-name:kenburns-4;  animation-name:kenburns-4;  z-index:1}
.slideshow-image:nth-child(5){ -webkit-animation-name:kenburns-5;  animation-name:kenburns-5;  z-index:0}

@-webkit-keyframes kenburns-1{ 0%{ opacity:1;  -webkit-transform:scale(1);  transform:scale(1)}
 5%{ opacity:1}
 15%{ opacity:1}
 25%{ opacity:0;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
 100%{ opacity:0;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
 95%{ opacity:0;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
 100%{ opacity:1}
}

@keyframes kenburns-1{ 0%{ opacity:1;  -webkit-transform:scale(1);  transform:scale(1)}
 5%{ opacity:1}
 15%{ opacity:1}
 25%{ opacity:0;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
 100%{ opacity:0;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
 95%{ opacity:0;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
 100%{ opacity:1}
}
@-webkit-keyframes kenburns-2{ 0%{ opacity:1;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
 25%{ opacity:1}
 35%{ opacity:1}
 45%{ opacity:0;  -webkit-transform:scale(1);  transform:scale(1)}
 100%{ opacity:0;  -webkit-transform:scale(1);  transform:scale(1)}
}
@keyframes kenburns-2{ 0%{ opacity:1;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
 25%{ opacity:1}
 35%{ opacity:1}
 45%{ opacity:0;  -webkit-transform:scale(1);  transform:scale(1)}
 100%{ opacity:0;  -webkit-transform:scale(1);  transform:scale(1)}
}
@-webkit-keyframes kenburns-3{ 35%{ opacity:1;  -webkit-transform:scale(1);  transform:scale(1)}
 45%{ opacity:1}
 55%{ opacity:1}
 65%{ opacity:0;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
 100%{ opacity:0;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
}
@keyframes kenburns-3{ 35%{ opacity:1;  -webkit-transform:scale(1);  transform:scale(1)}
 45%{ opacity:1}
 55%{ opacity:1}
 65%{ opacity:0;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
 100%{ opacity:0;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
}
@-webkit-keyframes kenburns-4{ 55%{ opacity:1;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
 65%{ opacity:1}
 75%{ opacity:1}
 85%{ opacity:0;  -webkit-transform:scale(1);  transform:scale(1)}
 100%{ opacity:0;  -webkit-transform:scale(1);  transform:scale(1)}
}
@keyframes kenburns-4{ 55%{ opacity:1;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
 65%{ opacity:1}
 75%{ opacity:1}
 85%{ opacity:0;  -webkit-transform:scale(1);  transform:scale(1)}
 100%{ opacity:0;  -webkit-transform:scale(1);  transform:scale(1)}
}
@-webkit-keyframes kenburns-5{ 75%{ opacity:1;  -webkit-transform:scale(1);  transform:scale(1)}
 85%{ opacity:1}
 95%{ opacity:1}
 100%{ opacity:0;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
}
@keyframes kenburns-5{ 75%{ opacity:1;  -webkit-transform:scale(1);  transform:scale(1)}
 85%{ opacity:1}
 95%{ opacity:1}
 100%{ opacity:0;  -webkit-transform:scale(1);  transform:scale(1)}
}

.fotografo-interno .page-header .container h1 span {font-size: 17px;margin-top:30px;font-weight: 400;line-height: 1.5;margin-bottom: 0;font-family: "Fjalla One",sans-serif;color: #fff;background-color: rgb(10, 165, 181);display: table;padding: 4px 8px 4px 8px;}

#pjCF_form_32 .help-block {font-size:20px;}
#pjCF_form_32 .has-error .checkbox {color:#fd7f3e!important;}
#pjCF_container_32 .has-error .help-block.with-errors {padding-top: 10px!important;}
#pjCF_form_32 .has-error .help-block {color:#0aa5b5!important}
#pjCF_form_32 .has-success .form-control {border-color: #959595!important;}
#pjCF_form_32 .has-error .form-control {border-color: #fd7f3e!important;}
#pjCF_form_32 .form-control {height: 45px;padding: 14px 12px;}
#pjCF_form_32 input::placeholder {color: #555!important;font-size:15px;}
#pjCF_form_32 .pjCF-button {    margin-top: 30px;    margin-left: 0px!important;   border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 16px;  font-weight:600;  letter-spacing: 1px;    color: #fff!important;}
#pjCF_form_32 .pjCF-button:hover {color: #212121!important;}
#pjCF_form_32 .checkbox label, [id^=pjWrapper] .radio label {padding-left: 13px!important;    margin-bottom: 11px;}
[id^=pjWrapperContactForm_32] label {display: block!important;font-size: 15px;}
#pjCF_form_32 [type="radio"]:checked, #pjCF_form_32 [type="radio"]:not(:checked) {position: relative;left:0px; visibility: visible;}
.fotografo-interno [id^=pjWrapper] .form-horizontal .radio {display: inline-block!important;width: 70px!important;margin-left:40px;}
.fotografo-interno #pjCF_container_32 .pjCF-button {font-family: "Poppins",sans-serif!important;font-size:15px!important;background: linear-gradient( -56deg,rgba(26,26,38,0.8),rgba(10,165,181,0.8));line-height: 30px!important;border-radius: 3px!important;padding: 10px 35px 10px 35px!important;letter-spacing:0px!important;font-weight: 700!important;}
.fotografo-interno #pjCF_container_32 .pjCF-button:hover {background: linear-gradient( 0deg,rgba(26,26,38,0.8),rgba(10,165,181,0.8));color:#fff!important;}

.fotografo-interno #pjCF_form_3 .help-block {font-size:20px;}
.fotografo-interno #pjCF_form_3 .has-error .checkbox {color:#fd7f3e!important;}
.fotografo-interno #pjCF_container_3 .has-error .help-block.with-errors {padding-top: 10px!important;}
.fotografo-interno #pjCF_form_3 .has-error .help-block {color:#0aa5b5!important}
.fotografo-interno #pjCF_form_3 .has-success .form-control {border-color: #959595!important;}
.fotografo-interno #pjCF_form_3 .has-error .form-control {border-color: #fd7f3e!important;}
.fotografo-interno #pjCF_form_3 .form-control {height: 45px;padding: 14px 12px;}
.fotografo-interno #pjCF_form_3 input::placeholder {color: #555!important;font-size:15px;}
.fotografo-interno #pjCF_container_3 .pjCF-form-field {border-radius: 4px!important;}
.fotografo-interno #pjCF_form_3 .pjCF-button {    margin-top: 30px;    margin-left: 0px!important;   border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 16px;  font-weight:600;  letter-spacing: 1px;    color: #fff!important;}
.fotografo-interno #pjCF_form_3 .pjCF-button:hover {color: #212121!important;}
.fotografo-interno #pjCF_form_3 .checkbox label, [id^=pjWrapper] .radio label {padding-left: 13px!important;    margin-bottom: 11px;}
.fotografo-interno [id^=pjWrapperContactForm_3] label {display: block!important;font-size: 15px;}
.fotografo-interno #pjCF_form_3 [type="radio"]:checked, .fotografo-interno #pjCF_form_3 [type="radio"]:not(:checked) {position: relative;left:0px; visibility: visible;}
.fotografo-interno [id^=pjWrapper] .form-horizontal .radio {display: inline-block!important;width: 70px!important;margin-left:40px;}
.fotografo-interno #pjCF_container_3 .pjCF-button {font-family: "Poppins",sans-serif!important;font-size:15px!important;background: linear-gradient( -56deg,rgba(26,26,38,0.8),rgba(10,165,181,0.8));line-height: 30px!important;border-radius: 3px!important;padding: 10px 35px 10px 35px!important;letter-spacing:0px!important;font-weight: 700!important;}
.fotografo-interno #pjCF_container_3 .pjCF-button:hover {background: linear-gradient( 0deg,rgba(26,26,38,0.8),rgba(10,165,181,0.8));color:#fff!important;}
.fotografo-interno [id^=pjWrapperContactForm_3] .panel-body {padding-right: 0px!important;padding-left: 0px!important;}
.fotografo-interno [id^=pjWrapperContactForm_3] .container, .fotografo-interno [id^=pjWrapperContactForm_3] .container-fluid {padding-right: 0px!important;padding-left: 0px!important;}

#pjCF_form_28 .help-block {font-size:20px;}
#pjCF_form_28 .has-error .checkbox {color:#fd7f3e!important;}
#pjCF_container_28 .has-error .help-block.with-errors {padding-top: 10px!important;}
#pjCF_form_28 .has-error .help-block {color:#0aa5b5!important}
#pjCF_form_28 .has-success .form-control {border-color: #959595!important;}
#pjCF_form_28 .has-error .form-control {border-color: #fd7f3e!important;}
.new-project {padding-left:18px;font-weight:600;font-size:21px!important;}
.come-contattarti {padding-left:0px;font-weight:600;font-size:21px!important;    margin: 0 0 -10px!important;padding-top:25px!important;}
#pjCF_form_28 .form-control {height: 45px;padding: 14px 12px;}
#pjCF_form_28 input::placeholder {color: #555!important;font-size:15px;}
#pjCF_form_28 .pjCF-button {    margin-top: 30px;    margin-left: 0px!important;    padding: 6px 15px;     width: 170px;    height: 50px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 16px;  font-weight:600;  letter-spacing: 1px;    color: #fff!important;}
#pjCF_form_28 .pjCF-button {    margin-top: 30px;    margin-left: 0px!important;    padding: 6px 15px;     width: 170px;    height: 50px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 16px;  font-weight:600;  letter-spacing: 1px;    color: #fff!important;}
#pjCF_form_28 .pjCF-button:hover {color: #212121!important;}
.form-prenotazione .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio { width: auto!important;}
#pjCF_form_28 .checkbox label, [id^=pjWrapper] .radio label {padding-left: 13px!important;    margin-bottom: 11px;}




#pjCF_form_1 .help-block {font-size:20px;}
#pjCF_form_1 .has-error .checkbox {color:#fd7f3e!important;}
#pjCF_container_1 .has-error .help-block.with-errors {padding-top: 10px!important;}
#pjCF_form_1 .has-error .help-block {color:#0aa5b5!important}
#pjCF_form_1 .has-success .form-control {border-color: #959595!important;}
#pjCF_form_1 .has-error .form-control {border-color: #fd7f3e!important;}
#pjCF_form_1 .form-control {height: 45px;padding: 14px 12px;}
#pjCF_form_1 input::placeholder {color: #555!important;font-size:15px;}
#pjCF_form_1 .pjCF-button {    margin-top: 30px;    margin-left: 0px!important;    padding: 6px 15px;     width: 170px;    height: 50px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 16px;  font-weight:600;  letter-spacing: 1px;    color: #fff!important;}
#pjCF_form_1 .pjCF-button {    margin-top: 30px;    margin-left: 0px!important;    padding: 6px 15px;     width: 170px;    height: 50px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 16px;  font-weight:600;  letter-spacing: 1px;    color: #fff!important;}
#pjCF_form_1 .pjCF-button:hover {color: #212121!important;}
#pjCF_form_1 .checkbox label, [id^=pjWrapper] .radio label {padding-left: 13px!important;    margin-bottom: 11px;}
[id^=pjWrapperContactForm_1] .form-group {margin-top: 25px!important;}





.form-prenotazione [id^=pjWrapper] .checkbox, [id^=pjWrapper] .radio {margin-right: 0px!important;color:#0e0e0e}
.pr-form {    max-width: 800px;margin-top:20px;}
.form-prenotazione h2{padding-right:25%;font-weight: 800;font-size: 40px;line-height: 1.2;margin-bottom: 30px;font-family: "Poppins",sans-serif;}
.form-prenotazione .h2{padding-right:25%;font-weight: 800;font-size: 40px;line-height: 1.2;margin-bottom: 30px;font-family: "Poppins",sans-serif;}
.form-prenotazione p{padding-right:7%;font-size:17px;line-height:30px;}
.form-prenotazione  .form-horizontal .col-sm-3{display:none!important}
.form-prenotazione  .form-horizontal .col-sm-9{width:100%;flex: 0 0 100%;max-width: 100%;}
.offcanvas_menu{ position:fixed;  left:-100%;  min-height:100%;  top:0px;  background:#fff;  z-index:9999;  width:0;  max-height:100%;  padding:40px 40px 0px 150px;  overflow:scroll;  -webkit-transition:all 600ms linear;  -o-transition:all 600ms linear;  transition:all 600ms linear}
.offcanvas_menu .closer_icon{z-index:9999; text-align:right;width:25px;position:absolute;left:52%;top:10px; margin-bottom:35px;margin-top:15px;  font-size:20px;  color:#3a3a45;  cursor:pointer;  margin-right:-40px}
.offcanvas_menu .off_menu{ margin-top:65px;  margin-bottom:65px;  width:0;  opacity:0;  -webkit-transform:translateY(3rem);  -ms-transform:translateY(3rem);  transform:translateY(3rem);  -webkit-transition:opacity 1.2s 1s ease,color 0.8s ease,-webkit-transform 1.2s 1s ease;  transition:opacity 1.2s 1s ease,color 0.8s ease,-webkit-transform 1.2s 1s ease;  -o-transition:transform 1.2s 1s ease,opacity 1.2s 1s ease,color 0.8s ease;  transition:transform 1.2s 1s ease,opacity 1.2s 1s ease,color 0.8s ease;  transition:transform 1.2s 1s ease,opacity 1.2s 1s ease,color 0.8s ease,-webkit-transform 1.2s 1s ease}
.offcanvas_menu.open{ width:100%;  left:0px}
.offcanvas_menu.open .off_menu{ width:100%;  opacity:1;  -webkit-transform:translateY(0);  -ms-transform:translateY(0);  transform:translateY(0)}
.offcanvas_menu.open .copy_right_menu{ opacity:1;  -webkit-transform:translateY(0);  -ms-transform:translateY(0);  transform:translateY(0)}
.offcanvas_menu.right_direction{ left:auto;  right:-100%}
.offcanvas_menu.right_direction.open{ right:0px;  left:auto}

.form-prenotazione { z-index:9999;background-color:#fff!important; right:0;background-size: 50% 100%;}

.checkboxxx:checked ~ .form-group .col-sm-9 .checkbox-booking:not(:checked) + label,
.checkboxxx:checked ~ .form-group .col-sm-9 .checkbox-booking:checked + label{
	background-color: var(--light);
    color: var(--dark-blue);
}




#new-form [id^=pjWrapperContactForm_27] label {
    display: inline-block!important;
}

#new-form .radio{margin-right:5px;
    display: inline!important;
} 

:root{--white:#fff; --light:#f0eff3; --black:#000; --dark-blue:#1f2029; --dark-light:#353746; --red:#007581; --yellow:#0aa5b5; --grey:#ecedf3}


.input2::-webkit-input-placeholder       {text-indent: 0px;  transition: text-indent 0.8s ease;}
.input2::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.8s ease;}
.input2:-moz-placeholder                 {text-indent: 0px;  transition: text-indent 0.8s ease;}
.input2:-ms-input-placeholder            {text-indent: 0px;  transition: text-indent 0.8s ease;}
.input2:focus::-webkit-input-placeholder {text-indent: 200px; transition: text-indent 0.8s ease;}
.input2:focus::-moz-placeholder          {text-indent: 200px;  transition: text-indent 0.8s ease;}
.input2:focus:-moz-placeholder           {text-indent: 200px;transition: text-indent 0.8s ease;}
.input2:focus:-ms-input-placeholder      {text-indent: 200px;transition: text-indent 0.8s ease;}


.privacy-checkbox {font-size:13px!important;margin-left:30px!important;opacity:0.8}
#pjCF_checkbox_1 {left:20px; width:17px; height:17px; visibility:visible}
[type="checkbox"]:checked, [type="checkbox"]:not(:checked), [type="radio"]:checked, [type="radio"]:not(:checked){position:absolute; left:-9999px;  visibility:hidden}
.checkboxxx:checked+label, 
.checkboxxx:not(:checked)+label{position:relative; width:70px; display:inline-block; padding:0; margin:0 auto; text-align:center; margin:17px 0; margin-top:100px; height:6px; border-radius:4px; background-image:linear-gradient(298deg,var(--red),var(--yellow)); z-index:100 !important}
.checkboxxx:checked+label:before, 
.checkboxxx:not(:checked)+label:before{position:absolute; font-family:'unicons'; cursor:pointer; top:-17px; z-index:2; font-size:20px; line-height:40px; text-align:center; width:40px; height:40px; border-radius:50%; -webkit-transition:all 300ms linear; transition:all 300ms linear}
.checkboxxx:not(:checked)+label:before{content:'eac1'; left:0; color:var(--grey); background-color:var(--dark-light); box-shadow:0 4px 4px rgba(0,0,0,0.15),0 0 0 1px rgba(26,53,71,0.07)}
.checkboxxx:checked+label:before{content:'eb8f'; left:30px; color:var(--yellow); background-color:var(--dark-blue); box-shadow:0 4px 4px rgba(26,53,71,0.25),0 0 0 1px rgba(26,53,71,0.07)}

.checkboxxx:checked ~ .section .container .row .col-12 p{color:var(--dark-blue)}

.checkbox-tools:checked+label, 
.checkbox-tools:not(:checked)+label{position:relative; display:inline-block; padding:20px; width:110px; font-size:14px; line-height:20px; letter-spacing:1px; margin:0 auto; margin-left:5px; margin-right:5px; margin-bottom:10px; text-align:center; border-radius:4px; overflow:hidden; cursor:pointer; text-transform:uppercase; color:var(--white); -webkit-transition:all 300ms linear; transition:all 300ms linear}
.checkbox-tools:not(:checked)+label{background-color:var(--dark-light); box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)}
.checkbox-tools:checked+label{background-color:transparent; box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.checkbox-tools:not(:checked)+label:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.checkbox-tools:checked+label::before, 
.checkbox-tools:not(:checked)+label::before{position:absolute; content:''; top:0; left:0; width:100%; height:100%; border-radius:4px; background-image:linear-gradient(298deg,var(--red),var(--yellow)); z-index:-1}
.checkbox-tools:checked+label .uil, 
.checkbox-tools:not(:checked)+label .uil{font-size:24px; line-height:24px; display:block; padding-bottom:10px}

.checkboxx:checked ~ .section .container .row .col-12 .checkbox-tools:not(:checked)+label{background-color:var(--light); color:var(--dark-blue); box-shadow:0 1x 4px 0 rgba(0,0,0,0.05)}

.checkbox-budget:checked+label, 
.checkbox-budget:not(:checked)+label{position:relative; display:inline-block; padding:0; padding-top:10px; padding-bottom:10px; width:200px; font-size:18px; line-height:32px; font-weight:700; letter-spacing:1px; margin:0 auto; margin-left:5px; margin-right:5px; margin-bottom:10px; text-align:center; border-radius:4px; overflow:hidden; cursor:pointer; -webkit-transition:all 300ms linear; transition:all 300ms linear;color: var(--dark-blue);}
.checkbox-budget:not(:checked)+label{background-color: var(--light);}
.checkbox-budget:checked+label{background-color:transparent; box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.checkbox-budget:not(:checked)+label:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.checkbox-budget:checked+label::before, .checkbox-budget:not(:checked)+label::before{position:absolute; content:''; top:0; left:0; width:100%; height:100%; border-radius:4px; background-image:linear-gradient(138deg, var(--red), var(--yellow)); z-index:-1}
.checkbox-budget:checked+label span, 
.checkbox-budget:not(:checked)+label span{position:relative; display:block}
.checkbox-budget:checked+label span::before, 
.checkbox-budget:not(:checked)+label span::before{position:absolute; content:attr(data-hover); top:0; left:0; width:100%; overflow:hidden; -webkit-text-stroke:transparent;  text-stroke:transparent;  -webkit-text-fill-color:var(--white);  text-fill-color:var(--white);  color:var(--white); -webkit-transition:max-height 0.3s; -moz-transition:max-height 0.3s; transition:max-height 0.3s}
.checkbox-budget:not(:checked)+label span::before{max-height:0}
.checkbox-budget:checked+label span::before{max-height:100%}

.checkboxxx:checked ~ .section .container .row .col-xl-10 .checkbox-budget:not(:checked)+label{background-color:var(--light); -webkit-text-stroke:1px var(--dark-blue);  text-stroke:1px var(--dark-blue); box-shadow:0 1x 4px 0 rgba(0,0,0,0.05)}

.checkbox-booking:checked+label, 
.checkbox-booking:not(:checked)+label{position:relative; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -ms-flex-pack:center; text-align:center; padding:0; padding:3px 15px; font-size:14px; line-height:30px; margin:0 auto; margin-left:3px; margin-right:6px; margin-bottom:16px; text-align:center; border-radius:4px; cursor:pointer;  color:#555; background-color:#fff; -webkit-transition:all 300ms linear; transition:all 300ms linear}
.checkbox-booking:not(:checked)+label::before{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)}
.checkbox-booking:checked+label::before{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.checkbox-booking:not(:checked)+label:hover::before{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.checkbox-booking:checked+label::before, 
.checkbox-booking:not(:checked)+label::before{position:absolute; content:''; top:-2px; left:-2px; width:calc(100% + 4px); height:calc(100% + 4px); border-radius:4px; z-index:-2; background-image:linear-gradient(138deg,var(--red),var(--yellow)); -webkit-transition:all 300ms linear; transition:all 300ms linear}
.checkbox-booking:not(:checked)+label::before{top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px)}
.checkbox-booking:checked+label::after, 
.checkbox-booking:not(:checked)+label::after{position:absolute; content:''; top:-2px; left:-2px; width:calc(100% + 4px); height:calc(100% + 4px); border-radius:4px; z-index:-2; background-color:var(--dark-light); -webkit-transition:all 300ms linear; transition:all 300ms linear;border: 5px #f0eff3 solid;}
.checkbox-booking:checked+label::after{opacity:0}
.checkbox-booking:checked+label .uil, 
.checkbox-booking:not(:checked)+label .uil{font-size:20px}
.checkbox-booking:checked+label .text, 
.checkbox-booking:not(:checked)+label .text{opacity:0.9;position:relative; display:inline-block; -webkit-transition:opacity 300ms linear; transition:opacity 300ms linear}
.checkbox-booking:checked+label .text{opacity:1}
.checkbox-booking:checked+label .text::after, 
.checkbox-booking:not(:checked)+label .text::after{width:0}
.checkbox-booking:checked+label .text::after{width:100%}

.checkboxxx:checked ~ .section .container .row .col-12 .checkbox-booking:not(:checked)+label, 
.checkboxxx:checked ~ .section .container .row .col-12 .checkbox-booking:checked+label{background-color:var(--light);  color:var(--dark-blue)}
.checkboxxx:checked ~ .section .container .row .col-12 .checkbox-booking:checked+label::after, 
.checkboxxx:checked ~ .section .container .row .col-12 .checkbox-booking:not(:checked)+label::after{background-color:var(--light)}


.show-content {overflow:hidden!important}

.errore-page .pulse-button {display:inline-block;background:transparent;box-shadow:none;font-size: 14px;    font-family: "Poppins",sans-serif;font-weight: bold;text-transform: uppercase;}

.pulse-button {font-weight:700;display:none;font-size: 1em; border-radius:3px; text-transform: uppercase;  text-align: center;  line-height: 40px; color:#fff;padding:10px 35px 10px 35px;    background: linear-gradient(
-56deg,rgba(26,26,38,0.8),rgba(10,165,181,0.8)); cursor: pointer;  box-shadow: 0 0 0 0 rgba(210, 220, 225, 1); -webkit-animation: pulse123 1.7s infinite;}
.pulse-button:hover {background: linear-gradient(
0deg,rgba(26,26,38,0.8),rgba(10,165,181,0.8));-webkit-animation: none;color:#fff}
.pulse-button-fix {position:fixed;right:20px;bottom:20px;z-index:999;display:block;}

@-webkit-keyframes pulse123 { 
  70% {
    box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
  }
}

.mb-170 {margin-bottom:160px;}
.project-box {position:relative}
.mtm-70 {margin-top:-70px;}
.abs-logo {position:absolute;bottom:70px;left:0;z-index:99;}
.mt-logo {margin-top:70px;margin-bottom:35px;}
.thank-vertiga .page-header .container p {background-color:#a51515}
.thank-vertiga .ecommerce a {background:#a51515}
#pjWrapperContactForm_26 .pjCF-form .cf-heading-large {font-size: 32px;font-weight: 700;}
#pjWrapperContactForm_26 .pjCF-form .cf-heading-small {font-size: 13px!important;font-weight: 700;}
.img-responsive {width:100%}
.info-post {float:left;width:100%;position:relative;margin-top:30px;}
.info-details {float:left;width:100%;position:relative;display:none;text-align:left;margin-bottom:60px;}
.red-beer {color:#a51515;font-weight:700!important;padding-right:7px;display:block;font-size: 15px;}
.red-inf {color:#a51515;}
.red-star{color:#a51515;font-size:23px;padding-left:10px;}
.red-star-2{color:#a51515;font-size:18px;padding-left:10px;}
.scegli {font-size:18px!important;padding-right:50px!important;}
.f-14 {font-size: 14px!important;padding-top:7px!important;}
#pjWrapperContactForm_26 .pjCF-form label.cf-heading-small {font-size: 13px!important;}
#birre-prezzi .pdd-beer {margin-left:25%!important;margin-top:50px;}
#birre-prezzi .form-horizontal .control-label {padding-top: 0px;}
#birre-prezzi label {font-size: 12px;}
#birre-prezzi .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio {width: 24%;}
#pjCF_container_26 .pjCF-button {color:#fff!important;margin-top:30px!important;border-radius: 0px!important;padding: 15px 45px 15px 45px;text-transform: uppercase;font-family: "Fjalla One",sans-serif!important;letter-spacing: 1px;}

blockquote { padding-left: 48px;  max-width: 770px;    padding-top: 0px;    padding-bottom: 0px;    margin-top: 10px;}
blockquote:before {font:normal normal normal 20px/1 FontAwesome; content: "\f10e";position: absolute; color: #ccc;bottom: 63px;font-size: 63px;left: -23px; opacity: 0.4;}

#birre-prezzi {padding:100px 0 100px 0}
#birre-prezzi .fornito span {padding-left: 0px;text-align: right;}
.vertiga-ordina {margin-top:100px;}
.mt-50 {margin-top:50px;}
.mb-100 {margin-bottom:100px!important}
#birre-prezzi .mt-30 {margin-top:30px;font-size:16px}
.polaroid figure{position:relative; width:100%; margin:20px auto 0px; padding:6px 8px 40px 8px; display:inline-block; -webkit-box-shadow:4px 4px 8px -4px rgba(0,0,0,.75); -moz-box-shadow:4px 4px 8px -4px rgba(0,0,0,.75); box-shadow:4px 4px 8px -4px rgba(0,0,0,.75); background-color:#eee6d8; -webkit-transform:rotate(-1deg); -moz-transform:rotate(-1deg); -o-transform:rotate(-1deg); -ms-transform:rotate(-1deg); transform:rotate(-1deg); -webkit-backface-visibility:hidden}
.polaroid figure:nth-child(even){margin:20px 18px 20px 25px; -webkit-transform:rotate(2deg); -moz-transform:rotate(2deg); -o-transform:rotate(2deg); -ms-transform:rotate(2deg); transform:rotate(2deg); -webkit-backface-visibility:hidden; -webkit-box-shadow:4px 4px 8px -4px rgba(0,0,0,.75); -moz-box-shadow:4px 4px 8px -4px rgba(0,0,0,.75); box-shadow:-4px 4px 8px -4px rgba(0,0,0,.75)}
.polaroid figure:before{content:''; display:block; position:absolute; left:5px; top:-10px; width:75px; height:25px; z-index:1; background-color:rgba(222,220,198,0.7); -webkit-transform:rotate(-12deg); -moz-transform:rotate(-12deg); -o-transform:rotate(-12deg); -ms-transform:rotate(-12deg)}
.polaroid figure:nth-child(even):before{left:unset; right:10px; top:-10px; width:55px; height:25px; z-index:1; -webkit-transform:rotate(12deg); -moz-transform:rotate(12deg); -o-transform:rotate(12deg); -ms-transform:rotate(12deg)}
.polaroid figcaption{text-align:center;font-size:1.35em;color:#454f40;letter-spacing:0.09em;margin-top:30px;}

.strong {font-weight:600!important}
.vertiga-block {width:100%;  display:flex;  flex-wrap:wrap;  padding:250px 0;background-image: url(../../images/vertiga/vertiga-bg.jpg); background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;  color:#fff;  position:relative;margin-top:90px;margin-bottom:90px;}
.vertiga-block .container {z-index:99}
.layer-bg {background-color:rgba(0, 0, 0, 0.3);position:absolute;display:block;z-index:0;width:100%;height:100%;top:0}
.vertiga-block h4 {font-size:40px!important;padding-bottom:30px;    font-family: "Poppins",sans-serif;}

.vertiga-block-2 {width:100%;  display:flex;  flex-wrap:wrap;  padding:250px 0;background-image: url(../../images/vertiga/vertiga-bg-2.jpg); background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;  color:#fff;  position:relative;margin-top:90px;margin-bottom:90px;}
.vertiga-block-2 .container {z-index:99}
.vertiga-block-2 h4 {font-size:40px!important;padding-bottom:30px;    font-family: "Poppins",sans-serif;}
.vertiga-red {color:#a41515!important;font-weight: 900;background:transparent!important}
.vertiga-body .content {height: 100vh;}
.vertiga-2 {display:none}
.omg-fix .vertiga-2 {display:block}
.omg-fix .vertiga-1 {display:none}
.vertiga-body .navbar { width: 85%;}

.industry {z-index:9999;position:fixed;right:40px;top:15px;font-size:30px;}
.fornito {font-weight: 600;padding:70px 0 30px 20px; font-size: 45px; line-height: 1.2;display: block;text-align:center; margin-bottom: 30px;font-family: "Fjalla One",sans-serif;}
.fornito span {padding-left:150px;text-align:right}
.btn-beer {padding:350px 0 200px;height:100vh}
.omg-fix .vertiga-logo {width:100px;top:5%;}
.vertiga-logo {position:fixed;margin:0 auto;text-align:center;display:block;width:250px;left:0;right:0;top:20%;}
.vertiga-logo-2 {position:absolute;margin:0 auto;text-align:center;display:block;width:250px;left:0;right:0;top:40%;}
.xs-block {display:none}
.vert-gif {display:none}

.scale-beer{ -webkit-animation:up 3s ease-in-out infinite;  -moz-animation:up 3s ease-in-out infinite;  -o-animation:up 3s ease-in-out infinite;  animation:up 3s ease-in-out infinite}
.scale-beer-2{ -webkit-animation:up 7s ease-in-out infinite;  -moz-animation:up 7s ease-in-out infinite;  -o-animation:up 7s ease-in-out infinite;  animation:up 7s ease-in-out infinite}
 @keyframes up{ 50%{ -moz-transform:scale(1.2);  -webkit-transform:scale(1.2);  -o-transform:scale(1.2);  transform:scale(1.2)}
}
@-webkit-keyframes up{ 50%{ -moz-transform:scale(1.2);  -webkit-transform:scale(1.2);  -o-transform:scale(1.2);  transform:scale(1.2)}
}

.vertiga-wrapper .pagination .swiper-btn{ display:inline-block;margin:0 60px; border-bottom:none;}
.vertiga-wrapper .pagination .swiper-btn img{width:30px;}
.vertiga-wrapper .pagination .swiper-btn:hover{cursor:pointer; border-bottom:none}
.vertiga-wrapper .pagination .swiper-btn span{ display:block;padding-top:20px;}

#mybg-div {width:100%; height:1108px;background-size: cover!important;}
.red-btn {background:#a51515;color:#fff;padding:15px 35px 15px 35px;text-transform:uppercase;margin:0 auto;text-align:center;display:block;width:200px;font-family: "Fjalla One",sans-serif;letter-spacing:1px;}
.red-btn-2 {background:#a51515;color:#fff;padding:15px 35px 15px 35px;text-transform:uppercase;font-family: "Fjalla One",sans-serif;letter-spacing:1px;}
.vertiga-wrapper h3 {font-weight: 800;font-size: 45px;line-height: 1.2;padding-top:50px;padding-bottom:10px;}
.vertiga-wrapper .lager {font-weight: 600;font-size: 20px;line-height: 1.2;display:block;margin-bottom:30px;font-family: "Fjalla One",sans-serif;}
.vertiga-wrapper p {font-size: 19px;line-height: 34px;margin-bottom:60px;}
.vertiga-wrapper-1 .col-2 {-ms-flex: 0 0 15%!important;flex: 0 0 15%!important;max-width: 15%!important;}
.vertiga-wrapper-1 {padding:0 0 70px 0}
.mr-beer {margin-right:10%}

.beer-png {position:absolute;left:0;top:0;width:500px;}
.beer-1 h3 {padding:0 0px 0 0px;color:#c6a25f;margin-bottom: 30px;font-weight: 800;font-size: 40px;}
.beer-1 .col-4 p {font-size:18px;line-height:40px;padding:0 100px 0 0px;}
.white-info {color:#e6e6e6;padding-left:100px;}
.white-info img {width:150px;margin-left:40px;margin-bottom:30px;}
.white-info ul {font-size:14px;line-height:28px;list-style:none}
.white-info ul li {padding-bottom:5px;}
.beer-1 {padding:120px 0 200px 0;position:relative;background: #ffffff; 
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #037d99 50%, #037d99 100%);
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#037d99 50%,#037d99 100%);
background: linear-gradient(to right,  #ffffff 0%,#ffffff 50%,#037d99 50%,#037d99 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#037d99',GradientType=1 );
}
.vertiga-body .intro .h4 {margin-top: 5px;font-family: "Fjalla One",sans-serif;font-size: 19px;line-height: 35px;text-transform: uppercase;padding-right: 20%;}
.vertiga-wrapper {padding:100px 0 70px 0;background-image: url(../../images/vertiga/bg.jpg)}
.swiper-wrapper  .new-btn{position:absolute;top:65%;left:45%;z-index:999;line-height: 28px;}
.vertiga-body .page-header{display:block;height: 100vh;min-height: 460px;background:#fff}
.animated-logo {-webkit-animation-name:bounceIn;  -webkit-animation-duration:3s;  -webkit-animation-iteration-count:50;  -webkit-animation-fill-mode:forwards;  animation-name:bounceIn;  animation-duration:3s;  animation-iteration-count:50;  animation-fill-mode:forwards}

@-webkit-keyframes bounce{ 0%,20%,50%,80%,100%{ -webkit-transform:translateY(0)}
 40%{ -webkit-transform:translateY(-30px)}
 60%{ -webkit-transform:translateY(-15px)}
}
@keyframes bounce{ 0%,20%,50%,80%,100%{ transform:translateY(0)}
 40%{ transform:translateY(-30px)}
 60%{ transform:translateY(-15px)}
}

.bounce{ -webkit-animation-name:bounce;  animation-name:bounce}
.fadeOutDiv{ -webkit-animation-fill-mode:forwards;  -moz-animation-fill-mode:forwards;  -ms-animation-fill-mode:forwards;  -o-animation-fill-mode:forwards;  animation-fill-mode:forwards;   -webkit-animation-delay:15s;  -moz-animation-delay:15s;  -ms-animation-delay:15s;  -o-animation-delay:15s;  animation-delay:15s;   -webkit-animation-duration:1s;  -moz-animation-duration:1s;  -ms-animation-duration:1s;  -o-animation-duration:1s;  animation-duration:1s;   -webkit-animation-iteration-count:1;  -moz-animation-iteration-count:1;  -ms-animation-iteration-count:1;  -o-animation-iteration-count:1;  animation-iteration-count:1;   -webkit-animation-name:fadeIn;  -moz-animation-name:fadeIn;  -ms-animation-name:fadeIn;  -o-animation-name:fadeIn;  animation-name:fadeIn}
@-moz-keyframes fadeIn{ from{ opacity:1}
 to{ opacity:0}
}
@-webkit-keyframes fadeIn{ from{ opacity:1}
 to{ opacity:0}
}
@-ms-keyframes fadeIn{ from{ opacity:1}
 to{ opacity:0}
}
@-keyframes fadeIn{ from{ opacity:1}
 to{ opacity:0}
}

.mt-70 {margin-top:70px;}
.video-rist .parallax-block__subtitle {margin-top: -170px;}
.digitale-ristorante {width:430px;top:-100px;position:absolute;}
.digitale-ristorante:hover {z-index:999;}
.digitale-pizzeria {width:430px;position:absolute;top:40px;left:160px;z-index:99}

.rist  h2 {padding-right: 5%!important;}
.rist  h2:before {left: -15%!important;font-size: 15vw!important;}
[id^=pjWrapperContactForm_1] label {display:block!important;}
.container-sound img {width:100px;text-align:center;margin:0 auto;display:block}
.container-sound{padding:10px;  background:linear-gradient(56deg,rgba(26,26,38,0.8),rgba(10,165,181,0.8));  width:340px; position:absolute;bottom:15px;left:15px;z-index:99; min-height:70px;  border-radius:7px}
.cb-static-text{ color:#fff;  text-align:center;  display:block;  padding:4px 0 4px;  font-style:italic;  font-size:11px;  letter-spacing:0.2px}
.cb-cue{text-transform:uppercase;text-align:center;color:#E8E8E8;  font-size:14px;  line-height:1;  margin-bottom:20px;  display:block}
.cb-cue i{ padding:0 10px 0 10px;font-size:28px;  font-family:sans-serif;  position:relative;  line-height:0.5;  top:5px}
.sound-icon{ display:-webkit-box;  display:flex;  -webkit-box-orient:vertical;  -webkit-box-direction:normal;  flex-direction:column;  -webkit-box-align:center;  align-items:center}
.sound-wave{ width:250px;  height:20px;padding-bottom:30px;  display:-webkit-box;  display:flex;  justify-content:space-around;  -webkit-box-align:center;  align-items:center;  -webkit-transform:scaleY(0.6);  transform:scaleY(0.6)}
.bar{ display:block;  width:2px;  margin-right:1px;  height:90px;  background:#fff;  -webkit-animation:sound 0ms -800ms linear infinite alternate;  animation:sound 0ms -800ms linear infinite alternate;  -webkit-transition:height 0.8s;  transition:height 0.8s}
@-webkit-keyframes sound{ 0%{ opacity:.35;  height:6px}
 100%{ opacity:1;  height:46px}
}
@keyframes sound{ 0%{ opacity:.35;  height:6px}
 100%{ opacity:1;  height:46px}
}
.bar:nth-child(1){ height:2px;  -webkit-animation-duration:474ms;  animation-duration:474ms}
.bar:nth-child(2){ height:10px;  -webkit-animation-duration:433ms;  animation-duration:433ms}
.bar:nth-child(3){ height:18px;  -webkit-animation-duration:407ms;  animation-duration:407ms}
.bar:nth-child(4){ height:26px;  -webkit-animation-duration:458ms;  animation-duration:458ms}
.bar:nth-child(5){ height:30px;  -webkit-animation-duration:400ms;  animation-duration:400ms}
.bar:nth-child(6){ height:32px;  -webkit-animation-duration:427ms;  animation-duration:427ms}
.bar:nth-child(7){ height:34px;  -webkit-animation-duration:441ms;  animation-duration:441ms}
.bar:nth-child(8){ height:36px;  -webkit-animation-duration:419ms;  animation-duration:419ms}
.bar:nth-child(9){ height:40px;  -webkit-animation-duration:487ms;  animation-duration:487ms}
.bar:nth-child(10){ height:46px;  -webkit-animation-duration:442ms;  animation-duration:442ms}
.bar:nth-child(11){ height:2px;  -webkit-animation-duration:474ms;  animation-duration:474ms}
.bar:nth-child(12){ height:10px;  -webkit-animation-duration:433ms;  animation-duration:433ms}
.bar:nth-child(13){ height:18px;  -webkit-animation-duration:407ms;  animation-duration:407ms}
.bar:nth-child(14){ height:26px;  -webkit-animation-duration:458ms;  animation-duration:458ms}
.bar:nth-child(15){ height:30px;  -webkit-animation-duration:400ms;  animation-duration:400ms}
.bar:nth-child(16){ height:32px;  -webkit-animation-duration:427ms;  animation-duration:427ms}
.bar:nth-child(17){ height:34px;  -webkit-animation-duration:441ms;  animation-duration:441ms}
.bar:nth-child(18){ height:36px;  -webkit-animation-duration:419ms;  animation-duration:419ms}
.bar:nth-child(19){ height:40px;  -webkit-animation-duration:487ms;  animation-duration:487ms}
.bar:nth-child(20){ height:46px;  -webkit-animation-duration:442ms;  animation-duration:442ms}

.podtalk-small {width: 150px;display:none}
.podtalk-small img {width: 70px;margin-bottom:15px;}
.podtalk-small .small-none {display:none}
.podtalk-small .sound-wave {width:80px;}
.podtalk-small .cb-cue {display:none}

.menu ul.sub-nav {
    display: none;
}

.menu ul.visible {
    display: block;
}


.intro h4 span {background-color:#0aa5b5;color:#fff;padding:5px 10px 5px 10px}
.intro h4 hr {    margin-top: 0.1rem;    margin-bottom: 0.1rem;    border-top: 1px solid rgba(0,0,0,0);}
.forms {    padding-left: 15%;    padding-right: 15%;}

#pjCF_container_9 .example-1 .form-group {margin-left:0px!important}
[id^=pjWrapperContactForm_9] .form-group .example-1 .form-group{padding:1em;margin-top:-20px!important}

#pjCF_container_15 .example-1 .form-group {margin-left:0px!important}
[id^=pjWrapperContactForm_15] .form-group .example-1 .form-group{padding:1em;margin-top:-20px!important}
.example-1 input[type=file]{outline:0;opacity:0;pointer-events:none;user-select:none}
.example-1 .label{width:130px;border:2px dashed grey;border-radius:5px;display:block;height:115px;transition:border 300ms ease;cursor:pointer;text-align:center}
.example-1 .label i{display:block;font-size:32px;padding-bottom:16px}
.example-1 .label i{padding-top:20px;color:grey;transition:200ms color;}
.example-1 .label .title {font-size:15px;color:#666;font-weight:300}
.example-1 .label:hover{border:2px solid #000}
.example-1 .label:hover i,.example-1 .label:hover .title{color:#000}

#pjWrapperContactForm_9 .pjCF-form label.cf-heading-medium {
    font-family: "Fjalla One",sans-serif!important;text-transform:uppercase!important;letter-spacing:1px!important;color:#000!important;font-size:28px!important"
}
#pjWrapperContactForm_31 .pjCF-form label.cf-heading-medium {
    font-family: "Fjalla One",sans-serif!important;text-transform:uppercase!important;letter-spacing:1px!important;color:#000!important;font-size:28px!important"
}
#pjWrapperContactForm_4 .pjCF-form label.cf-heading-medium {
    font-family: "Fjalla One",sans-serif!important;text-transform:uppercase!important;letter-spacing:1px!important;color:#000!important;font-size:28px!important"
}
#pjWrapperContactForm_15 .pjCF-form label.cf-heading-medium {
    font-family: "Fjalla One",sans-serif!important;text-transform:uppercase!important;letter-spacing:1px!important;color:#000!important;font-size:28px!important"
}
#pjWrapperContactForm_20 .pjCF-form label.cf-heading-medium {
    font-family: "Fjalla One",sans-serif!important;text-transform:uppercase!important;letter-spacing:1px!important;color:#000!important;font-size:28px!important"
}
#pjWrapperContactForm_21 .pjCF-form label.cf-heading-medium {
    font-family: "Fjalla One",sans-serif!important;text-transform:uppercase!important;letter-spacing:1px!important;color:#000!important;font-size:28px!important"
}
#pjWrapperContactForm_19 .pjCF-form label.cf-heading-medium {
    font-family: "Fjalla One",sans-serif!important;text-transform:uppercase!important;letter-spacing:1px!important;color:#000!important;font-size:28px!important"
}
.black {color:#333!important}
[id^=pjWrapper] .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio { width: 33%;}
.dark-menu .green-btn {color: #1a1a26!important;}
.dark-menu  a {color: #1a1a26!important;}
.dark-menu .phones:before {background: rgba(0,0,0,0.5);}
.overflow .dark-menu  a {color: #fff!important;}
.overflow .dark-menu .green-btn  {color: #fff!important;}
.overflow .dark-menu .phones:before {background: rgba(255,255,255,0.5);}
.menu-show-logo {display:none!important}
.overflow .menu-show-logo {display:inline-block!important}
.overflow  .menu-hide-logo {display:none!important}
#pjCF_container_9 .pjCF-button {    margin-top: 30px;    margin-left: -15px!important;    padding: 9px 15px;    font-family: "Lucida Grande", sans-serif!important;    width: 210px;    height: 60px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 15px;    letter-spacing: 0.5px;    color: #fff!important;}
[id^=pjWrapperContactForm_9] label {display: inline-block!important;}
#pjWrapperContactForm_9 .pjCF-form label.cf-heading-medium {margin-top:60px;}
#pjCF_container_9 .pjCF-form-field {padding: 20px 15px!important;border-radius: 0px!important;}
#pjCF_container_15 .pjCF-button {    margin-top: 30px;    margin-left: -15px!important;    padding: 9px 15px;    font-family: "Lucida Grande", sans-serif!important;    width: 210px;    height: 60px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 15px;    letter-spacing: 0.5px;    color: #fff!important;}
[id^=pjWrapperContactForm_15] label {display: inline-block!important;}
#pjWrapperContactForm_15 .pjCF-form label.cf-heading-medium {margin-top:60px;}
#pjCF_container_15 .pjCF-form-field {padding: 20px 15px!important;border-radius: 0px!important;}
#pjCF_container_15 .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio {
    width: 100%;
}

#pjCF_container_22 .pjCF-button {    margin-top: 30px;    margin-left: -15px!important;    padding: 9px 15px;    font-family: "Lucida Grande", sans-serif!important;    width: 210px;    height: 60px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 15px;    letter-spacing: 0.5px;    color: #fff!important;}
[id^=pjWrapperContactForm_22] label {display: inline-block!important;}
#pjWrapperContactForm_22 .pjCF-form label.cf-heading-medium {margin-top:60px;}
#pjCF_container_22 .pjCF-form-field {padding: 20px 15px!important;border-radius: 0px!important;}
#pjCF_container_22 .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio {
    width: 100%;
}
#pjCF_container_20 .pjCF-button {    margin-top: 30px;    margin-left: -15px!important;    padding: 9px 15px;    font-family: "Lucida Grande", sans-serif!important;    width: 210px;    height: 60px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 15px;    letter-spacing: 0.5px;    color: #fff!important;}
[id^=pjWrapperContactForm_20] label {display: inline-block!important;}
#pjWrapperContactForm_20 .pjCF-form label.cf-heading-medium {margin-top:60px;}
#pjCF_container_20 .pjCF-form-field {padding: 20px 15px!important;border-radius: 0px!important;}
#pjCF_container_20 .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio {
    width: 100%;
}

#pjCF_container_21 .pjCF-button {    margin-top: 30px;    margin-left: -15px!important;    padding: 9px 15px;    font-family: "Lucida Grande", sans-serif!important;    width: 210px;    height: 60px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 15px;    letter-spacing: 0.5px;    color: #fff!important;}
[id^=pjWrapperContactForm_21] label {display: inline-block!important;}
#pjWrapperContactForm_21 .pjCF-form label.cf-heading-medium {margin-top:60px;}
#pjCF_container_21 .pjCF-form-field {padding: 20px 15px!important;border-radius: 0px!important;}
#pjCF_container_21 .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio {
    width: 100%;
}

#pjCF_container_19 .pjCF-button {    margin-top: 30px;    margin-left: -15px!important;    padding: 9px 15px;    font-family: "Lucida Grande", sans-serif!important;    width: 210px;    height: 60px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 15px;    letter-spacing: 0.5px;    color: #fff!important;}
[id^=pjWrapperContactForm_19] label {display: inline-block!important;}
#pjWrapperContactForm_19 .pjCF-form label.cf-heading-medium {margin-top:60px;}
#pjCF_container_19 .pjCF-form-field {padding: 20px 15px!important;border-radius: 0px!important;}
#pjCF_container_19 .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio {
    width: 100%;
}

#pjCF_container_13 .pjCF-button {    margin-top: 30px;    margin-left: -15px!important;    padding: 9px 15px;    font-family: "Lucida Grande", sans-serif!important;    width: 210px;    height: 60px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 15px;    letter-spacing: 0.5px;    color: #fff!important;}
[id^=pjWrapperContactForm_13] label {display: inline-block!important;}
#pjWrapperContactForm_13 .pjCF-form label.cf-heading-medium {margin-top:60px;}
#pjCF_container_13 .pjCF-form-field {padding: 20px 15px!important;border-radius: 0px!important;}
#pjCF_container_13 .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio {
    width: 100%;
}

#pjCF_container_31 .pjCF-button {   font-weight:700; margin-top: 30px;    margin-left: -0px!important;    padding: 9px 15px;    font-family: "Lucida Grande", sans-serif!important;    width: 210px;    height: 60px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 15px;    letter-spacing: 0.5px;    color: #fff!important;}
[id^=pjWrapperContactForm_31] label {display: inline-block!important;}
#pjWrapperContactForm_31 .pjCF-form label.cf-heading-medium {margin-top:60px;}
#pjCF_container_31 .pjCF-form-field {padding: 20px 15px!important;border-radius: 0px!important;}

#pjCF_container_4 .pjCF-button {   font-weight:700; margin-top: 30px;    margin-left: -0px!important;    padding: 9px 15px;    font-family: "Lucida Grande", sans-serif!important;    width: 210px;    height: 60px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 15px;    letter-spacing: 0.5px;    color: #fff!important;}
[id^=pjWrapperContactForm_4] label {display: inline-block!important;}
#pjWrapperContactForm_4 .pjCF-form label.cf-heading-medium {margin-top:60px;}
#pjCF_container_4 .pjCF-form-field {padding: 20px 15px!important;border-radius: 0px!important;}


#pjCF_form_5 .has-error .control-label {color:#3c3c3c;}
#pjCF_form_5 .has-error .checkbox {color:#fd7f3e!important;}
#pjCF_container_5 .has-error .help-block.with-errors {padding-top: 10px!important;}
#pjCF_form_5 .has-error .help-block {color:#0aa5b5!important}
#pjCF_form_5 .has-success .form-control {border-color: #959595!important;}
#pjCF_form_5 .has-error .form-control {border-color: #fd7f3e!important;}
#pjCF_form_5 .form-control {height: 45px;padding: 14px 12px;}
#pjCF_form_5 input::placeholder {color: #989898!important;font-size:15px;}
#pjCF_form_5 .pjCF-button {    margin-top: 30px;    margin-left: 0px!important;    padding: 6px 15px;     width: 170px;    height: 50px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 16px;  font-weight:600;  letter-spacing: 1px;    color: #fff!important;}
#pjCF_form_5 .pjCF-button {    margin-top: 30px;    margin-left: 0px!important;    padding: 6px 15px;     width: 170px;    height: 50px;    border-radius: 0px;    border: none;    text-transform: uppercase;    font-size: 16px;  font-weight:600;  letter-spacing: 1px;    color: #fff!important;}
#pjCF_form_5 .pjCF-button:hover {color: #212121!important;}
#pjCF_form_5 .checkbox label, [id^=pjWrapper] .radio label {padding-left: 0px!important;    margin-bottom: 11px;}
[id^=pjWrapperContactForm_5] .upload-fields {
    margin-bottom: 15px;padding-left:15px;
    margin-top: 0px!important;
}
[id^=pjWrapperContactForm_5] label {
    display: block!important;color:#3c3c3c;
    font-size: 15px;
}

.h3-form {font-weight: 400;font-size: 30px!important;line-height: 1.2!important;    font-family: "Poppins",sans-serif;}
.red {color:#c72e2e!important}
.viola {color:#0aa5b5!important}
.blue {color:#4b74c6!important} 
.orange-color {color:#fd7f3e!important}
.orange {color:#ffb609!important}
.brown {color:#733d19!important}
.green {color:#77bf48!important}
.color-negozio {color:#daa96f!important}
.navbar .left  .logo:hover {border-bottom: none;}
.paganella {width:250px;}
.project-image .zooms:before {z-index:99;content:'';background-image:url(../../images/zoom-search.gif);background-size:cover;position:absolute;width:50px;height:50px;text-align:center;right: 10px;bottom: 10px;}
.project-image .zooms:after {content:'';font-size:30px;line-height:70px;position:absolute;background:rgba(0, 0, 0, 0.7);width:70px;height:70px;text-align:center;right: 0;bottom: 0;}
.project-image img {vertical-align: bottom;}
.xs-visible {display:none}
.arrow-icon {width:70px;}
.big-img {position:absolute!important;width: 75%!important;top:0px;left:-200px;}
.big-img-r {position:absolute!important;width: 75%!important;top:0px;right:-200px;}
.w-55 {width:55%}

.button-close,.button-prev,.button-next {  position: absolute;  width: 55px;  height: 55px;  text-align: center;  line-height: 55px;  color: #fd7f3ebd;  text-decoration: none;  font-size: 95px; }
.button-prev,.button-next {  top: 50%;  margin-top: -22px;  line-height: 42px;}
.button-close,.button-prev:hover,.button-next:hover {color: #fd7f3e;}
.button-prev {left: -70px;}
.button-next {right: -70px;}
.fancybox-button--arrow_right {display:none!important}
.fancybox-button--arrow_left {display:none!important}
.button-close {top: -70px;right: 0px;  font-size: 60px; color: #0aa5b5;}
.button-close:hover {color: #0aa5b5;}

.parallax-block {    position: relative;   display: -ms-flexbox;   display: flex;   -ms-flex-align: center;  align-items: center;    min-height: 100vh;    color: #fff;    background: #242323;    overflow: hidden;}
.video-overlay {    height: 100%;    background: #000;    position: absolute;    left: 0;    bottom: 0;    width: 100%;    z-index: 2;    color: #fff;    display: -ms-flexbox;    display: flex;    opacity: 0.2;}
.video-overlay-1 {    height: 100%;      background: url(../../images/pattern.png);     position: absolute;    left: 0;    bottom: 0;    width: 100%;    z-index: 2;    color: #fff;    display: -ms-flexbox;    display: flex; }
#myVideo {    position: absolute;    right: 0;    bottom: 0;    min-width: 100%;    min-height: 100%;    z-index: 1;}
#myVideoportfolio {    position: relative;height:auto;   min-height: 100%;}
#myVideoportfolio2 {    position: relative;height:auto;   min-height: 100%;}
#myVideoportfolio3 {    position: relative;height:auto;width:100%; min-height: 100%;}
.parallax-block__inner {position: relative;    z-index: 2;}
.footer-bottom address {padding-bottom:23px;}
.parallax-block{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:100vh;color:#fff;background:#242323;overflow:hidden;}
.parallax-block__image{ position:absolute;  left:0;  top:0;  width:100%;  height:100%;  background-size:cover;  background-position:50%;  padding-top:40px;  padding-bottom:40px;  z-index:1;  display:block !important}
.parallax-block__inner{position:relative;z-index:2;}
.parallax-block__subtitle{margin-bottom:35px;}
.parallax-block__title-wrapper{ display:-ms-flexbox;  display:flex;  -ms-flex-align:start;  align-items:flex-start;  margin-bottom:58px}
.parallax-block__title{font-family: "Fjalla One",sans-serif;font-weight:600;font-size:90px;  line-height:1.2;  -ms-flex-positive:1;  flex-grow:1;  margin-left:-7px}
.parallax-block__title span {display:block}
.parallax-block__label{ font-size:20px;  font-weight:600;  text-transform:uppercase;  margin-left:auto;  padding-top:38px;  text-align:right}
.parallax-block__play{ display:-ms-flexbox;  display:flex;  -ms-flex-align:center;  align-items:center;  -ms-flex-pack:center;  justify-content:center;  width:100px;  height:100px;  border-radius:100%;  background:#0aa5b5;  border:0;margin: 0 auto;  margin-top:52px}
.parallax-block__play:after{ content:'';  display:block;  width:0;  height:0;  background:0;  border-style:solid;  border-width:20px 0 20px 30px;  border-color:transparent transparent transparent #fff;  margin-left:3px}
.parallax-block__text{ font-size:16px;  max-width:500px;  margin-bottom:94px;  line-height:1.875}
.parallax-block__download-link{ font-size:24px; display:inline-block;  vertical-align:top;  text-decoration:none;  color:currentColor;  line-height:1;  transition:color 0.3s}
.parallax-block__download-link:hover{ color:#0aa5b5}
.parallax-block__download-icon{ font-size:36px;  margin-right:22px;  display:inline-block;  vertical-align:top}
.parallax-block__download-text{ font-family: "Fjalla One",sans-serif;position:relative;  display:inline-block;  vertical-align:top;  padding-bottom:10px;  margin-top:3px}
.parallax-block__download-text:after{ content:'';  height:2px;  width:100%;  position:absolute;  background:currentColor;  left:0;  bottom:0;  width:100%}
.parallax-image{ overflow:hidden;  height:500px}
.parallax-image__image{ background-position:50%;  background-size:cover;  height:100%}
.heading-smallest {font-size: 18px;text-transform: uppercase;font-weight: 500;}
.parallax-block__download-link i {padding-right:15px;font-size:35px;}

.video-play-button{ position:relative;display:block;text-align:center;margin:0 auto!important;  z-index:10;  margin-top:55px!important;  box-sizing:content-box;  display:block;  width:32px;  height:44px;   border-radius:50%;  padding:22px 30px 18px 28px}
.video-play-button:before{ content:"";  position:absolute;  z-index:0;  left:50%;  top:50%;  transform:translateX(-50%) translateY(-50%);  display:block;  width:120px;  height:120px;  background:#0aa5b5;  border-radius:50%;  animation:pulse-border 1500ms ease-out infinite}
.modal-backdrop.in{opacity:.8}
.video-play-button:after{ content:"";  position:absolute;  z-index:1;  left:50%;  top:50%;  transform:translateX(-50%) translateY(-50%);  display:block;  width:100px;  height:100px;  background:#0aa5b5;  border-radius:50%;  transition:all 200ms}

.video-play-button:hover:after{ background-color:darken(#0aa5b5,10%)}

.video-play-button img{ position:relative;  z-index:3;  max-width:100%;  width:auto;  height:auto}

.video-play-button span{ display:block;  position:relative;  z-index:3;  width:0;  height:0;}
.video-btn i {font-size:35px;    color: #fff;}
.servici-fotografici {padding-top:100px!important;}

@keyframes pulse-border{ 0%{ transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);  opacity:1}
 100%{ transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);  opacity:0}
}


.foto-content {transform:scaleX(0);transform-origin:left;animation:reveal 1s ease-in-out forwards}
.foto-content:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:1;animation:reveal 1s ease-in-out forwards}
.foto-content img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}


/* REVEAL EFFECT */
.reveal-effect {
  float: left;
  overflow: hidden;
  position: relative;
}

.reveal-effect > * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  position: relative;
}

.reveal-effect > * {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.reveal-effect {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.reveal-effect {
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.reveal-effect.animated {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.reveal-effect.animated * {
  -webkit-animation-name: show-img-1;
  animation-name: show-img-1;
}

.reveal-effect:after {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.reveal-effect:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.reveal-effect:after {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(0.05, 0);
  transform: scale(0.05, 0);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.reveal-effect.masker:after {
  background-color: #eee;
}

.reveal-effect.animated:after {
  -webkit-animation-name: slide-bg-2;
  animation-name: slide-bg-2;
}
.hidden {
    display: none;
}

.online-1 {line-height:30px;padding-top:70px;padding-bottom:70px;}
.online-1 h2 {font-weight: 800;font-size: 60px;line-height: 1.2;padding-bottom:30px;}
.online-1 p{margin-bottom:60px;}
.online-1 .sito {padding:15px 40px 15px 40px;margin-top:40px;background-color: #0aa5b5;color:#fff;}
.online-1 .sito:hover {background-color: #0e0e0e;text-decoration: none;color:#fff;}
.online-1 h3:before {content: attr(data-text);font-size: 13vw;opacity: 0.05;z-index: -1;position: absolute;left: 0;top: -10%;}

.masonry-large-block__item {margin: 40px 0;padding: 0 30px;}
.project-content h3 {font-size: 27px;display: block;margin-top:10px;}
.fotografo-interno .project-content h3 {font-weight:700;margin-bottom:0px;font-size: 29px;}



.clients-wrapper {padding: 50px 0 60px;background: #f4f4f4;}
.footer .footer-contact address span {display:block}
.cusSelBlock{ height:50px;  min-width:250px}
#cusSelectbox{ height:100%;  width:100%}
.s-hidden{ visibility:hidden}
.cusSelBlock{ display:inline-block;  position:relative;  -webkit-perspective:800px;  perspective:800px}
.selectLabel{ position:absolute;  left:0;  top:0;  z-index:9999;  background-color:#fff;  border:1px solid #333;  box-shadow:0 1px 1px rgba(0,0,0,0.1);  color:#333;  cursor:pointer;  display:block;  height:100%;  width:100%;  letter-spacing:2px;  line-height:50px;  padding:0 50px 0 20px;  text-align:left;  -webkit-transform-style:preserve-3d;  transform-style:preserve-3d;  -webkit-transform-origin:50% 0%;  transform-origin:50% 0%;  transition:-webkit-transform 300ms;  transition:transform 300ms;  transition:transform 300ms,-webkit-transform 300ms;  -webkit-backface-visibility:hidden;  -webkit-touch-callout:none;  -webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none}
.selectLabel:after{ content:'\25BC';  border-left:1px solid #333;  color:#333;  font-size:12px;  line-height:17px;  padding:10px;  text-align:center;  position:absolute;  right:0px;  top:15%;  height:70%;  width:50px}
.selectLabel:active{ -webkit-transform:rotateX(30deg);  transform:rotateX(30deg)}
.selectLabel:active:after{ content:'\25B2'}
.selectLabel.active:after{ content:'\25B2'}
.options{ position:absolute;  top:50px;  height:1px;  width:100%}
.options li{ background-color:#fff;  border-left:1px solid #333;  border-right:1px solid #333;  border-bottom:1px solid #333;  cursor:pointer;  display:block;  line-height:50px;  list-style:none;  opacity:1;  padding:0 50px 0 20px;  text-align:left;  transition:-webkit-transform 300ms ease;  transition:transform 300ms ease;  transition:transform 300ms ease,-webkit-transform 300ms ease;  position:absolute;  top:-50px;  left:0;  z-index:0;  height:50px;  width:100%}
.options li:hover, .options li.active{ background-color:#333;  color:#fff}
.options li:nth-child(1){ -webkit-transform:translateY(2px);  transform:translateY(2px);  z-index:9}
.options li:nth-child(2){ -webkit-transform:translateY(4px);  transform:translateY(4px);  z-index:5}
.options li:nth-child(3){ z-index:4}
.options li:nth-child(4){ z-index:3}
.options li:nth-child(5){ z-index:2}
.options li:nth-child(6){ z-index:1}
.feaBlock{ margin:20px 0;  text-align:left}

.process h6 {display: inline-block!important;text-align:left;padding-left:40px;color:#e82c3d;transform: rotate(-90deg);position:absolute;top:110px;left:-180px}
.process .h6 {display: inline-block!important;text-align:left;padding-left:40px;color:#e82c3d;transform: rotate(-90deg);position:absolute;top:110px;left:-180px}
.process h3 {margin-bottom:-50px;color:#222c35;line-height:60px;font-weight: 600;font-size: 40px;text-align:left;padding-left:380px;}
.process h3 span {font-weight: 200;font-size: 40px;line-height: 1.2;display:block;}
.new-btn {position: relative;background-color: #6bc048;font-size: 12px;font-weight: 700;text-transform: uppercase;line-height: 48px;padding: 15px 40px;-webkit-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;color: #fff;letter-spacing: 1px;}
.new-btn:hover {color:#fff}
.new-btn:after {left: 0;bottom: -6px;}
.new-btn:before {right: 0;top: -6px;}
.new-btn:after, .new-btn:before {content: "";position: absolute;width: 50%;height: 2px;background-color: #6bc048;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.new-btn:hover:after, .new-btn:hover:before {background-color: #6bc048;width: 100%;}
.video-images {color:#0e0e0e;position:absolute;left:55px;bottom:35px;font-size:15px;background-color:#fff;padding: 20px 20px;border-radius: 5%;}
.red {color:#e82c3d}
.w-600 {font-weight:600;}

.yellow-bg {position:absolute;z-index:9999;height:778px;content: "";width:33%;top:0;left:0;background-color:#ffb946}
.responsive {width: 100%;max-width: 100%;}
.mt-video {margin-top:10px;text-align:left;}
.mt-video .col-md-6 {margin-top:50px;}
.mt-video h5{display:inline-block;margin-top:20px;font-family: "Fjalla One",sans-serif;font-weight: 500!important;font-size: 19px!important;}
.mt-video p {margin-top:20px;font-size:13px;display:inline-block;}
.mt-video i {margin-left:10px;font-size:18px;}
.color-dark .menu-btn {color:#000}
.color-dark .menu-btn:hover {color:#000}
.team .col-10{padding-left:80px;padding-bottom:20px;}
.swiper-container-2 .fa-play {color:#fff;position:absolute;right:25px;bottom:85px;font-size:15px;background-color:#e82c3d;padding: 8px 20px;border: .05em solid #e82c3d;border-radius: 17.5%;}
.swiper-container-2 .swiper-button-next, .swiper-button-prev {position: relative;display:inline-block; top: 10%;width: 27px;height: 24px;margin-top: 22px;margin-left:30px;margin-right:30px;}
.swiper-container-2  p {margin-top:20px;    font-family: "Fjalla One",sans-serif;}
.swiper-container .swiper-button-next-3, .swiper-button-prev-3 {position: relative;display:inline-block; top: -20%;font-size:27px;width: 60px;height: 60px;margin-top: 22px;background: #fff;border:1px solid #0aa5b5;line-height:60px;color:#0e0e0e}
.swiper-container i:before{-webkit-text-stroke: 2px #fff;}
.swip img{display:inline-block;width:70%;position:absolute;left:0;top:0;}
.swip {margin-top:-30px;}
.swip .swiper-slide {margin-top:130px;}
.swip .swip-info {min-height:393px!important;display:inline-block;width:30%;text-align:left;background-color: #f5f7f7;top:0;right:-345px;max-height:393px;    position: relative;padding:40px 30px 30px 30px}
.swip .swip-info h4{color:#222c35;margin-bottom: 15px;font-weight: 600;font-size: 24px;line-height: 1.2;}
.swip .swip-info small{color: #0e0e0e!important;font-family: "Fjalla One",sans-serif;}
.swip .swip-info p {margin-top:20px;margin-bottom:30px;line-height:27px;font-size:14px;color: #0e0e0e;}
.opacity {opacity: .5;}
.video-info {margin-top:60px;}
.video-info span {margin-right:15px;opacity: .5;}
.video-info a {color:#fff;background:#0aa5b5;padding:10px 20px;margin-top:30px;bottom:40px;width:260px;position: absolute;display:block;text-align:center;font-size:16px;}
.video-info a:hover {color:#fff;background:#6bc048;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {z-index:1;bottom:60%;left:-30px}
.swip-btn {position:absolute;top:-15px;left:150px;z-index:9999;cursor:pointer}
.swip-btn-r {position:absolute;top:15px;right:30px;z-index:9999;text-decoration: none;font-style: italic;font-size: 14px;font-weight: 400;border-radius: 4px;padding: 15px 35px 15px 40px;border: 1px solid #e0e0e0;}
.swip-btn-r:hover {text-decoration: none;}
.swip-btn-r span {padding-left:20px;}
.swip-btn-logo {position:relative;top:-15px;left:150px;z-index:9999;cursor:pointer}
.swiper-container-5 .swiper-slide {width:183px!important}

@media (min-width:768px) and (max-width:991px){  .carousel-inner .active.col-md-4.carousel-item+.carousel-item+.carousel-item+.carousel-item{ position:absolute;  top:0;  right:-33.3333%;   z-index:-1;  display:block;  visibility:visible}
}

@media (min-width:576px) and (max-width:768px){  .carousel-inner .active.col-sm-6.carousel-item+.carousel-item+.carousel-item{ position:absolute;  top:0;  right:-50%;   z-index:-1;  display:block;  visibility:visible}

}
@media (min-width:276px){ .carousel-item{ margin-right:0}
 .carousel-inner .active+.carousel-item{ display:block}
 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), 
 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item{ transition:none}
 .carousel-inner .carousel-item-next{ position:relative;  transform:translate3d(0,0,0)}
  .active.carousel-item-left+.carousel-item-next.carousel-item-left, 
 .carousel-item-next.carousel-item-left+.carousel-item, 
 .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item{ position:relative;  transform:translate3d(-100%,0,0);  visibility:visible}
.carousel-inner .carousel-item-prev.carousel-item-right{ position:absolute;  top:0;  left:0;  z-index:-1;  display:block;  visibility:visible}
 .active.carousel-item-right+.carousel-item-prev.carousel-item-right, 
 .carousel-item-prev.carousel-item-right+.carousel-item, 
 .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item{ position:relative;  transform:translate3d(100%,0,0);  visibility:visible;  display:block;  visibility:visible}
}

@media (min-width:768px){  .carousel-inner .active+.carousel-item+.carousel-item{ display:block}
 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item{ transition:none}
 .carousel-inner .carousel-item-next{ position:relative;  transform:translate3d(0,0,0)}
 .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item{ position:relative;  transform:translate3d(-100%,0,0);  visibility:visible}
 .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item{ position:relative;  transform:translate3d(100%,0,0);  visibility:visible;  display:block;  visibility:visible}
}

@media (min-width:991px){  .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item{ display:block}
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item{ transition:none}
 .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item{ position:relative;  transform:translate3d(100%,0,0);  visibility:visible;  display:block;  visibility:visible}
}

@media (min-width:991px){  .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item+.carousel-item, .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item{ display:block}
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item+.carousel-item, 
 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item{ transition:none}
.carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item +.carousel-item{ position:absolute;  top:0;  right:-16.666666666%;  z-index:-1;  display:block;  visibility:visible}
.carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item, 
 .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item{ position:relative;  transform:translate3d(-100%,0,0);  visibility:visible}
 .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item, 
 .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item{ position:relative;  transform:translate3d(100%,0,0);  visibility:visible;  display:block;  visibility:visible}
}


.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}
.item:not(.prev) {visibility: visible;}
.item.right:not(.prev) {visibility: hidden;}
.rightest{ visibility: visible;}
.link-custom .foto-riprese-btn {padding: 0 45px 0 45px;background: linear-gradient( -56deg,rgb(253 127 62),rgb(181 63 43));color:#fff;margin-left:10px;}
.link-custom .foto-riprese-btn:hover {background: linear-gradient( -56deg,rgb(181 63 43),rgb(253 127 62));color:#fff;margin-left:10px;}
.link-custom a{padding: 0 25px 0 25px;height: 50px;line-height: 50px;text-align:center;display: inline-block;background: #6bc048;font-family: "Poppins",sans-serif;font-size: 14px;text-transform: uppercase;font-weight: 600;color: #fff;}
.link-custom a:hover {color:#fff}
.link-custom-1 a{width: 220px;height: 50px;line-height: 50px;text-align:center;float:right;display: block;background: #6bc048;font-family: "Poppins",sans-serif;font-size: 14px;text-transform: uppercase;font-weight: 600;color: #fff;}
.link-custom-1 a:hover {color:#fff}
.link-custom-2 a{width: 220px;height: 50px;line-height: 50px;text-align:center;display: block;background: #da183f;font-family: "Poppins",sans-serif;font-size: 14px;text-transform: uppercase;font-weight: 600;color: #fff;}
.link-custom-2 a:hover {color:#fff}
.link-custom-3 a{width: auto;height: 50px;line-height: 50px;padding:0 30px 0 90px;text-align:center;display: inline-block;background: #da183f;font-family: "Poppins",sans-serif;font-size: 14px;text-transform: uppercase;font-weight: 600;color: #fff;}
.link-custom-3 a:hover {color:#fff}
.ecommerce .img-book {width: 100%;height: auto;margin: 0px auto 0px;}
.gif a {width: 240px;height: 50px;line-height: 50px;text-align:center;display: block;margin-top: 40px;margin-bottom: 40px;background: #0aa5b5;font-family: "Poppins",sans-serif;font-size: 14px;text-transform: uppercase;font-weight: 600;color: #fff;}
.gif a:hover {background: #1e1e1f;color:#fff}
.ecommerce .swip-btn-r {position:relative;display:inline;width:100%;text-align:center;margin:0 auto;z-index:9999;text-decoration: none;font-style: italic;font-size: 14px;font-weight: 400;border-radius: 4px;padding: 15px 35px 15px 40px;border: 1px solid #e0e0e0;}
.ecommerce a {width: 240px;height: 50px;line-height: 50px;text-align:center;display: block;margin: 40px auto 0px;background: #0aa5b5;font-family: "Poppins",sans-serif;font-size: 14px;text-transform: uppercase;font-weight: 600;color: #fff;}
.ecommerce a:hover {background: #1e1e1f;color:#fff}
.icon-podtalk {width:60px}
.icon-hand {width:23px}
.wrapper{ position:relative;  overflow-x:hidden}
.contattaci-menu{display: none; position:fixed;  left:0; top:0;  z-index:99;  width:30%;  height:100vh; align-items:center;  justify-content:center;  background-color:#fff;  transition:0.5s;  transform:translateX(334%)}
.audio-menu{display: none; position:fixed;  left:30px; top:120px;  z-index:99;  width:15%;  height:100vh; align-items:center;  justify-content:center; transition:0.5s;)}
.menu_active{ transform:translateX(250%)}
.menu-list{ display:flex;  justify-content:space-around;  align-items:center;  height:50%;  flex-direction:column}
.menu-list a{ text-decoration:none;  text-transform:uppercase;  font-weight:900}
.menu-btn-1 span{ width:30px;text-transform:uppercase;font-family: "Fjalla One",sans-serif;    font-weight: 500;letter-spacing:2px; height:30px;color:#000  position:absolute;  left:-175px;  top:390px;-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
.menu-btn-1:hover{color:#fff;text-decoration:none}
.menu-btn{ width:30px;text-transform:uppercase;font-family: "Fjalla One",sans-serif;    font-weight: 500;letter-spacing:2px; height:30px;color:#fff;  position:absolute;  left:-75px;  top:290px;-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
.menu-btn:hover{color:#fff;text-decoration:none}
.content{ transition:0.5s;  position:relative;  z-index:0}
.content_active{ transform:translateX(-30%)}
.menu-btn .icon {width: 60px;height: 60px;position: absolute;right: -150px;top: -18px;background: #6bc048;}
.menu-btn .icon img {position: absolute;left: 0;right: 0;top: 0;bottom: 0; margin: auto;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.animate .icon-hand:hover {
    -webkit-animation-name: hand;
    -moz-animation-name: hand;
    -o-animation-name: hand;
    animation-name: hand;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes hand {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  25% {
    -webkit-transform: rotate(60deg) translate(-4px, -2px);
            transform: rotate(60deg) translate(-4px, -2px);
    -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  50% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  75% {
    -webkit-transform: rotate(60deg) translate(-4px, -2px);
            transform: rotate(60deg) translate(-4px, -2px);
    -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@-moz-keyframes hand {
  0% {
    -moz-transform: rotate(90deg);
         transform: rotate(90deg);
    -moz-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
         animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  25% {
    -moz-transform: rotate(60deg) translate(-4px, -2px);
         transform: rotate(60deg) translate(-4px, -2px);
    -moz-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
         animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  50% {
    -moz-transform: rotate(90deg);
         transform: rotate(90deg);
    -moz-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
         animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  75% {
    -moz-transform: rotate(60deg) translate(-4px, -2px);
         transform: rotate(60deg) translate(-4px, -2px);
    -moz-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
         animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  100% {
    -moz-transform: rotate(90deg);
         transform: rotate(90deg); } }

@-o-keyframes hand {
  0% {
    -o-transform: rotate(90deg);
       transform: rotate(90deg);
    -o-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
       animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  25% {
    -o-transform: rotate(60deg) translate(-4px, -2px);
       transform: rotate(60deg) translate(-4px, -2px);
    -o-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
       animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  50% {
    -o-transform: rotate(90deg);
       transform: rotate(90deg);
    -o-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
       animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  75% {
    -o-transform: rotate(60deg) translate(-4px, -2px);
       transform: rotate(60deg) translate(-4px, -2px);
    -o-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
       animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  100% {
    -o-transform: rotate(90deg);
       transform: rotate(90deg); } }

@keyframes hand {
  0% {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
       -moz-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
         -o-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  25% {
    -webkit-transform: rotate(60deg) translate(-4px, -2px);
       -moz-transform: rotate(60deg) translate(-4px, -2px);
         -o-transform: rotate(60deg) translate(-4px, -2px);
            transform: rotate(60deg) translate(-4px, -2px);
    -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
       -moz-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
         -o-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  50% {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
       -moz-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
         -o-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  75% {
    -webkit-transform: rotate(60deg) translate(-4px, -2px);
       -moz-transform: rotate(60deg) translate(-4px, -2px);
         -o-transform: rotate(60deg) translate(-4px, -2px);
            transform: rotate(60deg) translate(-4px, -2px);
    -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
       -moz-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
         -o-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  100% {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg); } }

.online {line-height:30px;padding-left:100px;padding-top:40px;margin-bottom:170px;}
.online h3 {font-weight: 800;font-size: 60px;line-height: 1.2;padding-bottom:30px;}
.online small {font-family: "Fjalla One",sans-serif;padding-bottom:30px;display:block;font-size: 14px;}
.online p{margin-bottom:60px;}
.online .sito {padding:15px 40px 15px 40px;margin-top:40px;background-color: #0aa5b5;color:#fff;}
.online .sito:hover {background-color: #0e0e0e;text-decoration: none;color:#fff;}
.sito {margin-left:0px;padding:15px 40px 15px 40px;margin-top:40px;background-color: #0aa5b5;color:#fff;}
.sito:hover {background-color: #0e0e0e;text-decoration: none;color:#fff;}
.online h3:before{ content:attr(data-text);  font-size:13vw;  opacity:0.05;  z-index:-1;  position:absolute;  left:0;  top:15%}




.input-container input{ position:absolute;  opacity:0;  cursor:pointer;  height:50px;  width:50px}
.checkbox-text {padding-left:35px;margin-top:-20px;}
.checkmark:before{content:' ';display:block;height:24px;width:24px;position:absolute;top:0;left:0;background: #fff;}
.checkmark:after{content:' ';display:block;height:24px;width:24px;border: 2px solid #ccc;transition:200ms;position:absolute;top:0;left:0;transition:100ms ease-in-out;}
.cfR3:checked ~ .checkmark:after{border-top-style:none;border-right-style:none;-ms-transform:rotate(-50deg);transform:rotate(-50deg);height:1.1rem;border-color:#61bb3c}
.input-container{position:relative;color: #666;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.checkmark:after:hover,.checkmark:after:active{border-color:#61bb3c}
.checkmark{margin-left:2rem;line-height:.75}

[id^=pjWrapperContactForm_2] .form-group .example-1 .form-group{padding:1em;margin-top:-20px!important}
.example-1 input[type=file]{outline:0;opacity:0;pointer-events:none;user-select:none}
.example-1 .label{width:130px;border:2px dashed grey;border-radius:5px;display:block;height:115px;transition:border 300ms ease;cursor:pointer;text-align:center}
.example-1 .label i{display:block;font-size:32px;padding-bottom:16px}
.example-1 .label i{padding-top:20px;color:grey;transition:200ms color}
.example-1 .label .title {font-size:15px;color:#666;font-weight:300}
.example-1 .label:hover{border:2px solid #000}
.example-1 .label:hover i,.example-1 .label:hover .title{color:#000}




*{ outline:none !important}
body{ margin:0;  padding:0;  font-family:"Poppins",sans-serif;  -webkit-font-smoothing:antialiased;  text-rendering:optimizeLegibility;  -moz-osx-font-smoothing:grayscale;  font-size:17px;  color:#0e0e0e}
img{ max-width:100%}
.swiper-button-next, .swiper-button-prev {}
.forms {padding-left:15%;padding-right:15%}
[id^=pjWrapperContactForm_2] label {display:block!important;font-size:15px;}
[id^=pjWrapper] .checkbox, [id^=pjWrapper] .radio {display:inline-block!important;margin-right:50px;}
[id^=pjWrapperContactForm_2] .form-group {margin-bottom: 5px;margin-top: 25px!important;}
[id^=pjWrapperContactForm_2] .form-control {border-radius: 0px!important;}
#pjCF_container_2 .pjCF-form-field {height: 40px;}
#pjCF_container_2 .pjCF-button {font-weight:700!important;border-color: #ffffff !important;margin-top: 30px;    margin-left: -15px!important;    padding: 9px 15px;font-family: "Poppins",sans-serif!important;    width: 210px;    height: 60px;    border-radius: 0px; border: none;font-size: 17px!important;letter-spacing: 0.5px;color: #fff!important;}
#pjCF_container_3 .pjCF-button {font-size: 14px;font-weight:500!important;border-color: #ffffff !important;margin-top: 30px;    margin-left: -15px!important;    padding: 9px 15px;    font-family: "Lucida Grande", sans-serif!important;    width: 210px;    height: 60px;    border-radius: 0px; border: none;text-transform: uppercase; font-size: 15px;letter-spacing: 0.5px;color: #fff!important;}
#pjCF_container_3 .pjCF-form-field {height: 50px;}
#pjCF_container_3 .form-control {padding: 6px 22px;border-radius:0px;}
[id^=pjWrapper] .checkbox label, [id^=pjWrapper] .radio label {padding-left:0px!important;}

::-webkit-scrollbar{ width:8px;  height:8px}
::-webkit-scrollbar-thumb{ cursor:pointer;  background:#0aa5b5}
::-moz-selection{ background-color:#0aa5b5;  color:#fff}
::selection{ background-color:#0aa5b5;  color:#fff}
-webkit-::-moz-selection{ background-color:#0aa5b5;  color:#fff}
-webkit-::selection{ background-color:#0aa5b5;  color:#fff}
::-moz-selection{ background-color:#0aa5b5;  color:#fff}


.restaurant  .restaurant-icon{background:url("../images/bg-icon.png");display:inline-block; width:88px; height:85px; overflow:hidden; position:relative; margin-top:30px}
.restaurant  .restaurant-icon:before, .restaurant  .restaurant-icon:after{background:url("../images/kitchen-icons.png") left top/180px 84px no-repeat; content:""; width:180px; height:84px; position:absolute; left:10px; top:0px}
.restaurant  .restaurant-icon:hover, .restaurant  .restaurant-icon:focus{-webkit-transform:rotate(360deg); transform:rotate(360deg); transition:-webkit-transform .6s ease-out; transition:transform .6s ease-out; transition:transform .6s ease-out,-webkit-transform .6s ease-out}
.restaurant  .restaurant-icon:before{background-position:-4px 0}
.restaurant .restaurant-icon:after{background-position:-110px 0}
.restaurant  .restaurant-icon:hover:before, .restaurant  .restaurant-icon:hover:after{transition:margin .3s ease-out .7s,-webkit-transform .3s ease-in 1.1s; transition:margin .3s ease-out .7s,transform .3s ease-in 1.1s; transition:margin .3s ease-out .7s,transform .3s ease-in 1.1s,-webkit-transform .3s ease-in 1.1s}
.restaurant  .restaurant-icon:hover:before{margin:1.6rem 0 0 -1.6rem; -webkit-transform:translate(24px,-24px); transform:translate(24px,-24px)}
.restaurant  .restaurant-icon:hover:after{margin:1.6rem 0 0 1.6rem; -webkit-transform:translate(-24px,-24px); transform:translate(-24px,-24px)}
.footer .restaurant  .restaurant-icon:before, .footer .restaurant  .restaurant-icon:after{background:url("../images/kitchen-icons2.png") left top/180px 84px no-repeat; content:""; width:180px; height:84px; position:absolute; left:10px; top:0px}
.footer .restaurant  .restaurant-icon:before{background-position:-4px 0}
.footer .restaurant .restaurant-icon:after{background-position:-110px 0}

.logo  .restaurant  .restaurant-icon{background:url("../images/bg-icon-dark.png");display:inline-block; width:88px; height:85px; overflow:hidden; position:relative; margin-top:30px}
.logo .restaurant  .restaurant-icon:before, .logo .restaurant  .restaurant-icon:after{background:url("../images/kitchen-icons2.png") left top/180px 84px no-repeat; content:""; width:180px; height:84px; position:absolute; left:10px; top:0px}
.logo .restaurant  .restaurant-icon:before{background-position:-4px 0}
.logo .restaurant .restaurant-icon:after{background-position:-110px 0}


.container-1 {width: 1362px;margin: auto;max-width: 100%;}
.menu-new .post-content {margin-top: -50px;}
.menu-new h3 {z-index:9999;position: relative}
.menu-new img {margin-top:-500px;margin-left:-200px;z-index:1;position: relative}
.menu-old img{z-index:1;position: relative}
.menu-old img:hover{z-index:9999;}

.preview-box {height: 500px !important;background-position: left top;position: relative;overflow: hidden;background-size: 100% auto;background-repeat: no-repeat;-webkit-transition: all 5s linear;-moz-transition: all 5s linear;-ms-transition: all 5s linear;-o-transition: all 5s linear;transition: all 5s linear;}
.preview-box:hover{background-position:left bottom;}

.preview-box-1 {height: 500px !important;background-position: left top;position: relative;overflow: hidden;background-size: 100% auto;background-repeat: no-repeat;-webkit-transition: all 15s linear;-moz-transition: all 15s linear;-ms-transition: all 15s linear;-o-transition: all 15s linear;transition: all 15s linear;}
.preview-box-1:hover{background-position:left bottom;}

.overflow{ overflow:hidden !important}
a{ color:#0e0e0e;  -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out}
a:hover{ color:#0e0e0e;text-decoration: none;}
a:active{ color:#0e0e0e}
section{ overflow:hidden}
@media (min-width:1280px){ .container{ max-width:1260px}
}
@media (min-width:1170px){ .container{ max-width:1100px}
}
.odometer{ line-height:1}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit{ padding:0}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner{ left:0}
.pagination{ display:block;  text-align:center;  margin-top:50px}
.pagination .swiper-btn{ display:inline-block;  font-weight:600;  color:#0e0e0e;  margin:0 10px;  font-size:14px;  border-bottom:2px solid #0e0e0e;  padding-bottom:2px}
.pagination .swiper-btn:hover{cursor:pointer;text-decoration:none;  border-bottom:2px solid #0aa5b5}
.pagination a{ display:inline-block;  font-weight:600;  color:#0e0e0e;  margin:0 10px;  font-size:14px;  border-bottom:2px solid #0e0e0e;  padding-bottom:2px}
.pagination a:hover{ text-decoration:none;  border-bottom:2px solid #0aa5b5}

.page-loaded{ overflow:inherit}
.page-loaded .preloader{ bottom:-100%;  transition-delay:0.55s}
.page-loaded .preloader .layer{ bottom:-100%}
.page-loaded .preloader .inner{ transform:translateY(30px);  opacity:0}
.page-loaded header{ transform:scale(1);  transition-delay:0.6s}
.page-loaded .navbar{ transform:translateY(0);  transition-delay:0.75s}

.preloader{ width:100%;  height:100%;  display:flex;  flex-wrap:wrap;  flex-direction:column;  justify-content:center;  text-align:center;  position:fixed;  left:0;  bottom:0;  z-index:11;  overflow:hidden;  background:#0aa5b5;  -webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  transition:all 0.5s ease;  transition-duration:700ms;  -webkit-transition-duration:700ms;  transition-timing-function:cubic-bezier(0.86,0,0.07,1);  -webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1)}
.preloader .layer{ width:25%;  height:100%;  position:absolute;  bottom:0;  background:#000;  z-index:2;  -webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  transition:all 0.5s ease;  transition-duration:700ms;  -webkit-transition-duration:700ms;  transition-timing-function:cubic-bezier(0.86,0,0.07,1);  -webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1)}
.preloader .layer:nth-child(1){ left:0;  transition-delay:0.15s}
.preloader .layer:nth-child(2){ left:25%;  transition-delay:0.2s}
.preloader .layer:nth-child(3){ left:50%;  transition-delay:0.25s}
.preloader .layer:nth-child(4){ left:75%;  transition-delay:0.3s}
.preloader .inner{ margin:0;  position:relative;  z-index:3;  -webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  transition:all 0.5s ease;  transition-duration:700ms;  -webkit-transition-duration:700ms;  transition-timing-function:cubic-bezier(0.86,0,0.07,1);  -webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1)}
.preloader figure{ display:block;  margin:0}
.preloader figure img{ height:80px}
.preloader .typewriter{ height:26px;  line-height:26px;  display:inline-block;  transform:translateY(10px);  color:#fff;  font-family:"Fjalla One",sans-serif;  font-size:13px;  text-transform:uppercase}
.preloader .typewriter #typewriter-text{ float:left;  margin-left:5px;  margin-top:-2px;  margin-right:3px}
.preloader .typewriter #typewriter-suffix{ width:2px;  height:22px;  display:inline-block;  background:#0aa5b5;  text-indent:-1000px;  overflow:hidden}

.transition-overlay{ width:100%;  height:0;  position:fixed;  background:#0aa5b5;  left:0;  bottom:0;  z-index:15;  -webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  transition:all 0.5s ease;  transition-duration:700ms;  -webkit-transition-duration:700ms;  transition-timing-function:cubic-bezier(0.86,0,0.07,1);  -webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1)}
.transition-overlay .layer{ width:25%;  height:0;  position:absolute;  bottom:0;  background:#000;  z-index:2;  -webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  transition:all 0.5s ease;  transition-duration:700ms;  -webkit-transition-duration:700ms;  transition-timing-function:cubic-bezier(0.86,0,0.07,1);  -webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1)}
.transition-overlay .layer:nth-child(1){ left:0;  transition-delay:0.25s}
.transition-overlay .layer:nth-child(2){ left:25%;  transition-delay:0.3s}
.transition-overlay .layer:nth-child(3){ left:50%;  transition-delay:0.35s}
.transition-overlay .layer:nth-child(4){ left:75%;  transition-delay:0.4s}
.transition-overlay.active{ height:100%}
.transition-overlay.active .layer{ height:100%}

.equalizer{ cursor:pointer;  display:flex;  flex-wrap:wrap}
.equalizer span{ background:#0aa5b5;  width:1px;  height:1px;  top:50%;  bottom:0;  left:0%;  transform:translateY(-50%);  position:absolute;  transition:height 0.2s linear}
.equalizer span:nth-child(1){ margin-left:4px}
.equalizer span:nth-child(2){ margin-left:8px}
.equalizer span:nth-child(4){ margin-left:12px}
.equalizer span:nth-child(5){ margin-left:16px}
.equalizer span:nth-child(6){ margin-left:20px}
.equalizer.paused span{ height:1px !important}
.navigation-menu{ width:100%;  height:100%;  display:flex;  flex-wrap:wrap;  flex-direction:column;  justify-content:center;  align-items:center;  position:fixed;  left:0;  top:0;  z-index:9;  visibility:hidden}
.navigation-menu .bg-layers{ width:100%;  height:100%;  display:flex;  flex-wrap:wrap;  position:absolute;  left:0;  top:0}
.navigation-menu .bg-layers *{ -webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  transition:all 0.5s ease;  transition-duration:700ms;  -webkit-transition-duration:700ms;  transition-timing-function:cubic-bezier(0.86,0,0.07,1);  -webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1)}
.navigation-menu .bg-layers span{ width:0%;  height:100%;  position:absolute;  top:0;  transform:skewX(0);  background:#0e0e0e}
.navigation-menu .bg-layers span:nth-child(1){ left:0}
.navigation-menu .bg-layers span:nth-child(1):before{ content:"";  width:150%;  height:100%;  background:#0e0e0e;  position:absolute;  left:-149%;  top:0}
.navigation-menu .bg-layers span:nth-child(2){ left:25%}
.navigation-menu .bg-layers span:nth-child(3){ left:50%}
.navigation-menu .bg-layers span:nth-child(4){ left:75%}
.navigation-menu .bg-layers span:nth-child(4):before{ content:"";  width:150%;  height:100%;  background:#0e0e0e;  position:absolute;  right:-149%;  top:0}
.navigation-menu .inner{ width: 100%;position:relative;  z-index:3;  color:#fff;  text-align:center;  padding-top:0px}
.navigation-menu .inner *{ -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out}
.navigation-menu .inner .menu{ display:none;  min-height:160px;  opacity:0;  transform:translateY(-30px)}
.navigation-menu .inner .menu ul{ display:block;  margin-bottom:50px;  padding:0;  position:relative}
.navigation-menu .inner .menu ul li{ display:inline-block;  margin:0 20px;  padding:0;  list-style:none}
.navigation-menu .inner .menu ul li:hover ul{ opacity:1;  visibility:visible}
.navigation-menu .inner .menu ul li:hover ul li ul{ opacity:0;  visibility:hidden}
.navigation-menu .inner .menu ul li a{ display:inline-block;  line-height:1;  font-size:3vw;  font-weight:800;  color:#fff;  padding-bottom:8px;  border-bottom:5px solid transparent}
.navigation-menu .inner .menu ul li a:hover{ padding-bottom:3px;  border-bottom:5px solid #0aa5b5;  text-decoration:none}
.navigation-menu .inner .menu ul li ul{ width:100%;  min-height:inherit;  position:absolute;  left:0;  top:85px;  opacity:0;  visibility:hidden}
.navigation-menu .inner .menu ul li ul li{ margin:0 15px}
.navigation-menu .inner .menu ul li ul li a{ font-size:1.7vw;  padding:0;  border-bottom:none}
.navigation-menu .inner .menu ul li ul li a:hover{ padding:0;  border-bottom:none;  color:#0aa5b5}
.navigation-menu .inner .menu ul li ul li:hover ul{ opacity:1;  visibility:visible}
.navigation-menu .inner .menu ul li ul li ul{ top:55px;  opacity:0;  visibility:hidden}
.navigation-menu .inner .menu ul li ul li ul li{ margin:0 20px}
.navigation-menu .inner .menu ul li ul li ul li a{ font-size:20px;  font-weight:600}
.navigation-menu .inner blockquote{ display:block;  font-size:2vw;  font-family:"Fjalla One",sans-serif;  text-transform:uppercase;  color:#0aa5b5;  opacity:0;  transition-delay:0.5s;  transform:translateY(30px)}
.navigation-menu .inner blockquote a{color:#0aa5b5;}
.navigation-menu .inner blockquote a:hover{color:#fff;}
.navigation-menu.active .bg-layers{ visibility:visible}
.navigation-menu.active .bg-layers span{ width:calc(25% + 1px);  transform:skewX(45deg)}
.navigation-menu.active .bg-layers span:nth-child(1){ width:calc(25% + 1px)}
.navigation-menu.active .bg-layers span:nth-child(4){ width:calc(25% + 1px)}
.navigation-menu.active .inner .menu{ display: block;opacity:1;  transform:translateY(0)}
.navigation-menu.active .inner blockquote{ opacity:1;  transform:translateY(0)}
.navigation-menu.active{ visibility:visible}

.hamburger{ float:left;  width:26px;  height:18px;  position:relative}
.hamburger *{ -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out}
.hamburger span{ display:block;  position:absolute;  left:0;  width:100%;  height:1px;  background:#0aa5b5;  z-index:0}
.hamburger span:nth-child(1){ top:0px;  width:50%}
.hamburger span:nth-child(2){ top:8px}
.hamburger span:nth-child(3){ width:50%;  top:16px;  right:0;  left:auto}
.hamburger span:before, .hamburger span:after{ position:absolute;  content:"";  display:block;  top:0;  height:100%;  width:0;  right:0;  left:auto}
.hamburger span:before{ z-index:1;  background:#fff;  transition:all 0.15s linear 0s}
.hamburger span:after{ z-index:2;  background:#0aa5b5;  transition:all 0.15s linear 0.3s}
.hamburger span:nth-child(2):before{ transition-delay:0.05s}
.hamburger span:nth-child(3):before{ transition-delay:0.1s}
.hamburger span:nth-child(2):after{ transition-delay:0.15s}
.hamburger span:nth-child(3):after{ transition-delay:0.2s}

.hamburger:hover span{ width:100% !important}
.hamburger:hover span:after, .hamburger:hover span:before{ width:100%;  left:0;  right:auto}
.hamburger:hover span:after{ z-index:1;  transition:all 0.15s linear 0s}
.hamburger:hover span:before{ z-index:2;  transition:all 0.15s linear 0.3s}
.hamburger:hover span:nth-child(2):after{ transition-delay:0.05s}
.hamburger:hover span:nth-child(3):after{ transition-delay:0.1s}
.hamburger:hover span:nth-child(2):before{ transition-delay:0.15s}
.hamburger:hover span:nth-child(3):before{ transition-delay:0.2s}
.hamburger.open span:nth-child(1){ top:9px;  width:100%;  -webkit-transform:rotate(135deg);  -moz-transform:rotate(135deg);  -o-transform:rotate(135deg);  transform:rotate(135deg)}
.hamburger.open span:nth-child(2){ opacity:0;  left:-15px}
.hamburger.open span:nth-child(3){ top:9px;  width:100%;  -webkit-transform:rotate(-135deg);  -moz-transform:rotate(-135deg);  -o-transform:rotate(-135deg);  transform:rotate(-135deg)}
.custom-link{ display:block;  transition:all 0.5s}
.custom-link *{ -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out}
.custom-link a{font-weight: 600;display:flex;  flex-wrap:wrap;  align-items:center;  font-size:14px;  color:#0e0e0e}
.custom-link a:hover{ text-decoration:none}
.custom-link b{ font-weight:600;  display:inline-block;  margin-left:20px}
.custom-link .lines{margin-right: 20px; width:42px;  height:1px;  float:left;  overflow:hidden}
.custom-link .lines span:nth-child(1){ width:100%;  height:1px;  float:right;  background:#0e0e0e}
.custom-link .lines span:nth-child(2){ width:0;  height:1px;  float:left;  background:#0e0e0e}
.custom-link:hover .lines{ width:62px;  margin-left:20px}
.custom-link:hover .lines span:nth-child(1){ width:0}
.custom-link:hover .lines span:nth-child(2){ width:100%;  transition-delay:0.2s}

.header{  width:100%;   height:100vh;   min-height:660px;   display:flex;   flex-wrap:wrap;   position:relative;   background:#0e0e0e}
.header .container{  position:relative;   z-index:2}
.header .container .tagline{  display:block;   color:#fff;   text-transform:uppercase;   margin-bottom:15px}
.header .container .tagline span{  color:#6bc048;   float:left;   font-weight:600;   color:#fff}
.header .container .tagline span:after{  content:"";   width:22px;   height:1px;   float:right;   margin:10px;   background:#6bc048}
.header .container .tagline h6{  float:left;   font-family:"Fjalla One",sans-serif;   opacity:0.5;   margin-top:2px;   margin-bottom:0}
.header .container h1{  width:100%;   float:left;   font-weight:800;   color:#6bc048;   font-size:10vw;   line-height:1}
.header .container h1 span{  -webkit-text-stroke-width:1px;   transform:translateY(-35%);   margin-left:4%;   display:flex;   -webkit-text-stroke-color:#fff;   color:transparent}
.header .container .slide-btn{  float:left}
.header .perspective{  width:100%;   height:100%;   display:flex;   flex-direction:column;   justify-content:center;   position:absolute;   left:0;   top:0;   overflow:hidden;   z-index:0}
.header .perspective canvas{  min-height:100%;   width:auto !important;   position:absolute;   left:0;   top:0}
.header .particles-wrap{  width:100%;   height:100%;   display:flex;   flex-direction:column;   justify-content:center;   position:absolute;   left:0;   top:0;   overflow:hidden;   z-index:0}
.header .particles-wrap .particles{  width:100%;   height:calc(100% - 50px);   position:absolute;   left:0;   bottom:0}
.header .video-bg{  width:100%;   height:100%;   display:flex;   flex-direction:column;   justify-content:center;   position:absolute;   left:0;   top:0;   overflow:hidden;   z-index:0}
.header .video-bg:before{  content:"";   width:100%;   height:100%;   position:absolute;   left:0;   top:0;   background:url(../images/bg-lines.png) center;   z-index:2}
.header .video-bg video{  min-width:100%;   min-height:100%;   position:absolute;   opacity:0.8}

.page-header{  width:100%;   height:100vh;   min-height:660px;   display:flex;   flex-wrap:wrap;   flex-direction:column;   justify-content:center;   position:relative;   background:#0e0e0e}
.page-header .video-bg{  width:100%;   height:100%;   position:absolute;   left:0;   top:0;   overflow:hidden}
.page-header .video-bg:before{  content:"";   width:100%;   height:100%;   position:absolute;   left:0;   top:0;   background:url(../images/bg-lines.png) center;  z-index:2}
.page-header .video-bg video{ min-width:100%;  min-height:100%;  float:left;  opacity:0.2}
.page-header .container{ position:relative;  z-index:3;  padding:0 10%}
.page-header .container-slider{padding:0 5%!important}
.page-header .container-slider h1{font-size:8vw!important;}
.page-header .container h1{ font-weight:800;  font-size:10vw;  color:#fff;  line-height:1;  text-indent:-5px}
.page-header .container p{ margin-bottom:0;  font-family:"Fjalla One",sans-serif;  color:#fff;background-color:rgb(10, 165, 181);display:inline-block;padding:4px 8px 4px 8px;}

header .left-side{ width:50%;  height:60px;  display:flex;  flex-wrap:wrap;  align-content:flex-end;  position:absolute;  left:0;  top:50%;  transform:translateX(-50%) translateY(-50%) rotate(-90deg);  margin-left:30px;  z-index:3}
header .left-side ul{ margin:0 auto;  padding:0}
header .left-side ul li{ display:inline-block;  margin:0 10px;  padding:0;  list-style:none}
header .left-side ul li a{ font-size:14px;  color:#fff;  font-family:"Fjalla One",sans-serif;  -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out;  padding-bottom:6px;  border-bottom:2px solid transparent}
header .left-side ul li a:hover{ padding-bottom:1px;  border-bottom:2px solid #fff;  text-decoration:none}
header .scroll-down{ position:absolute;  left:45%;  bottom:0;  z-index:3}
header .scroll-down small{ width:98px;  display:inline-block;  transform:rotate(-90deg);  margin-bottom:50px;  color:#fff;  font-family:"Fjalla One",sans-serif}
header .scroll-down span{ display:block;  height:50px;  position:relative;  transform:translateX(-1px)}
header .scroll-down span::before{ -webkit-animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite;  -moz-animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite;  -o-animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite;  animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite}
header .scroll-down span::before{ position:absolute;  top:0px;  left:50%;  margin-left:-0.5px;  width:1px;  height:70px;  background:#fff;  content:""}
header .sound{ position:absolute;  right:40px;  bottom:40px;  z-index:3}
header .sound span{ float:left;  color:#fff;  font-size:14px;  margin-right:10px;  font-family:"Fjalla One",sans-serif}
header .sound .equalizer{ float:left}
header .sound .equalizer .holder{ width:23px;  height:20px;  position:relative}

.green-btn {color:#0aa5b5!important}
.logo img{ height:35px}
.navbar{ width:100%;  position:absolute;  left:0;  top:0;  padding:20px 40px;  color:#fff;  font-family:"Fjalla One",sans-serif;  font-size:17px;  z-index:10;  transform:translateY(-130%);  -webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  transition:all 0.5s ease;  transition-duration:700ms;  -webkit-transition-duration:700ms;  transition-timing-function:cubic-bezier(0.86,0,0.07,1);  -webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1)}
.navbar a{ color:#fff}
.navbar .left{ width:50%;  margin-left:0}
.phones {margin-left:50px;}
.phones:before {content: "";    height: 50px;    width: 1px;    background: rgba(255,255,255,0.5);    position: absolute;    top: 50%;    left: -20px;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);}
.navbar .left a{ position:relative;  padding-bottom:6px;  -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out;  border-bottom:2px solid transparent}
.navbar .left a:hover{ padding-bottom:1px;  border-bottom:2px solid #fff;  text-decoration:none}
.navbar .logo img{  margin-right:30px;display: inline-block;}
.navbar .logo a{ float:left}
.navbar .logo a img{ height:36px}
.navbar .right{ width:30%;  margin-right:0;  display:flex}
.left span {font-family: "Poppins",sans-serif;font-size: 22px;font-weight: 700;}
.navbar .right ul{ margin-left:auto;  margin-bottom:0;  padding:0}
.navbar .right ul li{ display:inline-block;  margin-left:15px;  padding:0}
.navbar .right ul li a{font-size: 15px;font-family: "Poppins",sans-serif;font-weight: 600; position:relative;  padding-bottom:6px;  -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out;  border-bottom:2px solid transparent}
.navbar .right ul li a:hover{ padding-bottom:1px;  border-bottom:2px solid #fff;  text-decoration:none}
#hamburger-menu:before {content:'MENU';position: absolute;left: -50px;top: 0px;}
.navbar .right .hamburger-menu{ margin-right:0;  margin-left:90px}
.navbar .right .hamburger-menu .hamburger{ float:right;  margin-top:1px}
.navbar .right .hamburger-menu b{ display:inline-block; font-weight:400;  margin-right:15px}

.slide-btn{ display:block;  transition:all 0.5s;  padding-left:30px}
.slide-btn a{ display:flex;  flex-wrap:wrap;  align-items:center;  font-size:14px;  color:#fff}
.slide-btn a:hover{ text-decoration:none}
.slide-btn b{ font-weight:600}
.slide-btn .lines{     margin-top: 17px;width:42px;  height:1px;  float:left;  overflow:hidden;  -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out}
.slide-btn .lines span:nth-child(1){ width:100%;  height:1px;  float:right;  background:#fff;  -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out}
.slide-btn .lines span:nth-child(2){ width:0;  height:1px;  float:left;  background:#fff;  -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out}
.slide-btn:hover .lines{ width:62px;  margin-left:20px}
.slide-btn:hover .lines span:nth-child(1){ width:0}
.slide-btn:hover .lines span:nth-child(2){ width:100%;  transition-delay:0.2s}
.slide-btn .video-play-circle{ stroke-dasharray:315;  stroke-dashoffset:315;  transition:stroke-dashoffset 0.5s}
.slide-btn svg{margin-top: -10px;width:50px;  height:50px;  transition:transform 0.3s;  margin-left:-25px;  margin-right:15px}
.slide-btn:hover .video-play-circle{ stroke-dashoffset:0}
.clienti {list-style: none;float:right;width:110px;position:absolute;right:90px;bottom:20px;z-index:9999}
.header .clienti li {line-height: 24px;font-size: 14px;color:#fff;margin-bottom:25px;}
.header .clienti li span {color:#fff;font: 900 40px/40px "Poppins",sans-serif;display:block;}

.swiper-slider{  width:100%;   height:100%;   position:absolute;   left:0;   top:0;   color:#fff;   overflow:hidden}
.swiper-slider .swiper-slide{  display:block;   overflow:hidden}
.swiper-slider .swiper-slide.swiper-slide-active .slide-inner{  transform:scale(1)}
.swiper-slider .swiper-slide.swiper-slide-active .slide-inner .container{  transform:translateY(0);   -webkit-transition:all 0.5s ease;   -moz-transition:all 0.5s ease;   transition:all 0.5s ease;   transition-duration:700ms;   -webkit-transition-duration:700ms;   transition-timing-function:cubic-bezier(0.86,0,0.07,1);   -webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1);   opacity:1}
.swiper-slider .swiper-slide .slide-inner{  width:100%;   height:100%;   transform:scale(0.8);   display:flex;   flex-wrap:wrap;   justify-content:center;   flex-direction:column;   -webkit-transition:all 0.5s ease;   -moz-transition:all 0.5s ease;   transition:all 0.5s ease;   transition-duration:700ms;   -webkit-transition-duration:700ms;   transition-timing-function:cubic-bezier(0.86,0,0.07,1);   -webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1);   background-size:cover;   background-position:center;   position:relative}
.swiper-slider .swiper-slide .slide-inner:after{  content:"";   width:100%;   height:100%;   background:url(../images/bg-noise.gif);   opacity:0.04;   position:absolute;   left:0;   top:0}
.swiper-slider .swiper-slide .slide-inner:before{  content:"";   width:100%;   height:100%;   position:absolute;   left:0;   top:0;   background:url(../images/bg-lines.png) center;  z-index:1}
.swiper-slider .swiper-slide .slide-inner .container{ transform:translateY(50px);  opacity:0;  transition-delay:0.15s !important;  position:relative;  z-index:2}
.swiper-slider .swiper-slide .slide-inner .container .tagline{ display:block;  color:#fff;  text-transform:uppercase;  margin-bottom:15px}
.swiper-slider .swiper-slide .slide-inner .container .tagline span{ color:#6bc048;  float:left;  font-weight:600;  color:#fff}
.swiper-slider .swiper-slide .slide-inner .container .tagline span:after{ content:"";  width:22px;  height:1px;  float:right;  margin:10px;  background:#6bc048}
.swiper-slider .swiper-slide .slide-inner .container .tagline h6{ float:left;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  margin-top:2px;  margin-bottom:0}
.swiper-slider .swiper-slide .slide-inner .container .tagline .h6{ float:left;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  margin-top:2px;  margin-bottom:0}
.swiper-slider .swiper-slide .slide-inner .container h1{ width:100%;  float:left;  font-weight:800;  color:#0aa5b5;  font-size:8vw;  line-height:1}
.swiper-slider .swiper-slide .slide-inner .container h1 span{ -webkit-text-stroke-width:1px;  transform:translateY(-35%);  margin-left:4%;  display:flex;  -webkit-text-stroke-color:#fff;  color:transparent}
.swiper-slider .swiper-slide .slide-inner .container h2{ width:100%;  float:left;  font-weight:800;  color:#0aa5b5;  font-size:8vw;  line-height:1}
.swiper-slider .swiper-slide .slide-inner .container h2 span{ -webkit-text-stroke-width:1px;  transform:translateY(-35%);  margin-left:4%;  display:flex;  -webkit-text-stroke-color:#fff;  color:transparent}
.swiper-slider .swiper-slide .slide-inner .container .slide-btn{ float:left}
.swiper-slider .swiper-pagination-bullets{ width:50px;  left:auto;  right:40px;  bottom:50%;  text-align:right;  font-size:14px;  font-weight:600;  z-index:2 !important}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet{ width:100%;  height:auto;  float:left;  margin:5px 0;  background:none;  position:relative;  text-indent:9999px;  padding-right:36px;  -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet:hover{ opacity:1}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ text-indent:0}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width:67px;  right:-45px}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet:after{ content:"";  width:22px;  height:1px;  background:#0aa5b5;  position:absolute;  top:10px;  right:0;  -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out}

.intro{ width:100%;  display:flex;  flex-wrap:wrap;  padding:150px 0}
.intro h6{ display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  font-size:14px}
.intro h2{ margin-bottom:60px;  font-weight:800;  font-size:60px;  line-height:1.2;  padding-right:35%}
.intro h2:before{ content:attr(data-text);  font-size:20vw;  opacity:0.05;  z-index:-1;  position:absolute;  left:0;  top:-20%}
.intro h4{ margin-top:5px;  font-family:"Fjalla One",sans-serif;  font-size:25px;  line-height:40px;  text-transform:uppercase;  padding-right:20%}
.intro p{ margin-bottom:30px;  font-size:20px;  line-height:37px}
.intro u{ text-decoration:none;  border-bottom:3px dotted #6bc048;  font-weight:600}
.intro strong{ font-weight:600}
.intro .custom-link{ transform:translateY(30px)}

.ecommerce {padding:150px 0 40px 0!important; }
.ecommerce h2{ margin-bottom:80px;  font-weight:800;  font-size:60px;  line-height:1.2;text-align:center}
.ecommerce h2:before{ content:attr(data-text);  font-size:18vw;  opacity:0.05;  z-index:-1;  transform:translateX(-50%);  position:absolute;  left:50%;  top:-15%}
.ecommerce h6 {display: block;    line-height: 1;    margin-bottom: 20px;    font-family: "Fjalla One", sans-serif;    opacity: 0.5;    font-size: 14px;    position: relative;text-align:center}
.ecommerce h5 {padding:0 50px 0 50px;font-weight: 600;    font-size: 25px;line-height:40px;font-family: "Fjalla One",sans-serif;text-transform:uppercase;    margin-top: 20px;    margin-bottom: 0;text-align:center}	

.process{ width:100%;  display:flex;  flex-wrap:wrap;  padding:0 0 100px 0;  position:relative;  text-align:center;background:url(../images/pattern-bg.svg)}
.process h6{ display:block;  line-height:1;  margin-bottom:10px;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  font-size:14px;  position:relative}
.process .h6{ display:block;  line-height:1;  margin-bottom:10px;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  font-size:14px;  position:relative}
.process h2{ margin-bottom:50px;  font-weight:800;  font-size:60px;  line-height:1.2}
.process h2:before{ content:attr(data-text);  font-size:18vw;  opacity:0.05;  z-index:-1;  transform:translateX(-50%);  position:absolute;  left:50%;  top:-230%}
.process .col-md-3:last-child span:before{ display:none}
.process figure{ width:100%;  display:block;  margin:20px 0;  background:#fff}
.process figure img{ height:90px}
.process h5{ font-weight:600;  font-size:13px;  margin-top:20px;  margin-bottom:0}

.services-content-block{ width:100%;  display:flex;  flex-wrap:wrap;  padding:150px 0;  background:#331f17;  color:#fff;  position:relative}
.services-content-block .video-bg{ width:100%;  height:100%;  position:absolute;  left:0;  top:0;  overflow:hidden;  opacity:0.2}
.services-content-block .video-bg video{ min-width:100%;  min-height:100%;  float:left}
.services-content-block h6{ display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  font-size:14px}
.services-content-block h2{ margin-bottom:60px;  font-weight:800;  font-size:60px;  line-height:1.2;  padding-right:30%}
.services-content-block .left{ width:100px;  float:left;  margin-top:-2px}
.services-content-block .right{ width:calc(100% - 100px);  float:left}
.services-content-block small{ display:inline-block;  font-family:"Fjalla One",sans-serif;  color:#0aa5b5}
.services-content-block span{ width:50px;  height:1px;  background:#0aa5b5;  display:inline-block;  margin:5px 15px}
.services-content-block h4{ font-family:"Fjalla One",sans-serif;  font-size:17px;  margin-bottom:30px}
.services-content-block ul{ padding-left:20px;  margin-bottom:0}
.services-content-block ul li{ line-height:1.8}

.services-content-block-1{ width:100%;  display:flex;  flex-wrap:wrap;  padding:150px 0;  background:#331f17;  color:#fff;  position:relative}
.services-content-block-1 .video-bg{ width:100%;  height:100%;  position:absolute;  left:0;  top:0;  overflow:hidden;  opacity:0.2}
.services-content-block-1 .video-bg video{ min-width:100%;  min-height:100%;  float:left}
.services-content-block-1 h6{ display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;padding-left:70px;padding-top:70px;  font-size:14px}
.services-content-block-1 h2{ margin-bottom:45px;  font-weight:800;  font-size:60px;  line-height:1.2;  padding-left:70px}
.services-content-block-1 .left{ width:100px;  float:left;  margin-top:-2px}
.services-content-block-1 .right{ width:calc(100% - 100px);  float:left}
.video-image {color:#fff}
.video-image:hover {color:#0aa5b5;text-decoration:none}
.video-image {margin-right:20px;}
a.video-image span {background-color: #0aa5b5;border-radius: 50%;font-size: 18px;position: relative;top:0px;margin-left:110px;height: 70px;width: 70px;line-height: 70px;color: #fff;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;text-align: center;}
a.video-image span:hover {color: #fff;}
a.video-image span:after {border: 2px solid #0aa5b5;position: absolute;display: block;content: "";height: 74px;width: 74px;line-height: 74px;border-radius: 50%;z-index: 1;top: -2px;left: -2px;animation: videoPulses 1.5s infinite linear;animation-delay: 0.5s;opacity: 1;}
@keyframes videoPulses {
  0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
  100% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 0;}
}


.works{ width:100%;  display:flex;  flex-wrap:wrap;  padding:150px 0 50px 0;  transition-delay:0s !important;  transition:background 0.4s}
.works h6{ display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  font-size:14px}
.works .h6{ display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  opacity:0.5; line-height:26px;font-size:14px}
.works h2{ margin-bottom:60px;  font-weight:800;  font-size:60px;  line-height:1.2;  padding-right:35%}
.works h2:before{ content:attr(data-text);  font-size:20vw;  opacity:0.05;  z-index:-1;  position:absolute;  left:0;  top:-20%}
.works .h2{ margin-bottom:60px;  font-weight:800;  font-size:60px;  line-height:1.2;  padding-right:35%}
.works .h2:before{ content:attr(data-text);  font-size:20vw;  opacity:0.05;  z-index:-1;  position:absolute;  left:0;  top:-20%}
.works .project-box{ width:100%;  display:flex;  flex-wrap:wrap;  padding:62px 0 95px 0;margin-bottom:50px;}
.works .project-box *{ -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out}
.works .project-box:hover figure{ transform:scale(0.95)}
.works .project-box:hover figure img{ transform:scale(1.15)}
.works .project-box:last-child{ padding-bottom:0}
.works .project-box:nth-child(2n+2) .custom-link a{ float:right}
.works .project-box:nth-child(2n+2) .content-box{ order:1; padding-left:0;  padding-right:0%}
.works .project-box:nth-child(2n+2) .content-box h3 span{ margin-left:0;  margin-right:-7vw}
.works .project-box:nth-child(2n+2) figure{ order:2}
.works .project-box figure{ width:55%;  margin:0;  position:relative;  overflow:hidden;  border:1px solid transparent}
.works .project-box figure img{ width:100%}
.works .project-box .content-box{ width:45%;  padding-left:5%;  display:flex;  flex-direction:column;  justify-content:center;  position:relative;  z-index:2}
.works .project-box .content-box .inner{ margin:0}
.works .project-box .content-box .inner small{ display:block;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  font-size:14px}
.works .project-box .content-box .inner h3{ font-size:5vw;  font-weight:800;  margin-bottom:5vh;  line-height:1}
.works .project-box .content-box .inner h3 span{ display:block;  font-size:6.5vw;  color:#0aa5b5;  margin-left:-7vw}
.works .project-box .content-box .inner .h3{ font-size:4.5vw;  font-weight:800;  margin-bottom:5vh;  line-height:1}
.works .project-box .content-box .inner .h3 span{ display:block;  font-size:6.5vw;  color:#0aa5b5;  margin-left:-7vw}
.logs img {display:block;margin:0 auto}
.mb-50 {margin-bottom:50px;}
.links {background: #21252b;width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0.01;z-index:9999}
.swip-info {    background-color: rgba(0,0,0, 0.4);    position: absolute;    padding: 15px 30px 20px 30px;    bottom: 0;    color: #fff!important; width: 100%;}
.swiper-container-3 img {width:100%}
.swip-info p{line-height: 24px;font-size: 14px;}
.swip-info h3 {font-size: 24px;margin-bottom: 15px;font-weight: 500;text-transform: capitalize;}

.works-single{ width:100%;  display:flex;  flex-wrap:wrap;  padding:150px 0}
.works-single h6{ display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  font-size:14px}
.works-single h2{ margin-bottom:50px;  font-weight:800;  font-size:60px;  line-height:1.2;  padding-right:35%}
.works-single h4{ margin-top:5px;  font-family:"Fjalla One",sans-serif;  font-size:25px;  line-height:40px;  text-transform:uppercase;  padding-right:20%}
.works-single .text-desc{ margin-bottom:50px}
.works-single h5{ margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  text-transform:uppercase;  font-size:20px;  margin-top:10px}
.works-single h3{ font-size:60px;  font-weight:800;  margin-top:80px;  color:#0aa5b5;  text-align:center;  text-transform:uppercase;  font-family:"Fjalla One",sans-serif}
.works-single p{ margin-bottom:30px;  font-size:20px;  line-height:37px}
.works-single iframe{ float:left;  margin-bottom:30px;  background:#0e0e0e}
.works-single figure{ width:100%;  display:block;  margin-bottom:30px}
.works-single figure img{ width:100%}



.twentytwenty-after-label, 
.twentytwenty-before-label, 
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, 
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, 
.twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-after-label, 
.twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-before-label{ opacity:0}
.pswp, 
.pswp__item, 
.pswp__scroll-wrap{ overflow:hidden}
.pswp--touch .pswp__button--arrow--left, 
.pswp--touch .pswp__button--arrow--right, 
.pswp__caption--fake{ visibility:hidden}
.pswp, 
.pswp__bg, 
.pswp__container, 
.pswp__img--placeholder, 
.pswp__share-modal, 
.pswp__share-tooltip, 
.pswp__zoom-wrap{ -webkit-backface-visibility:hidden}
.twentytwenty-horizontal .twentytwenty-handle:after, 
.twentytwenty-horizontal .twentytwenty-handle:before, 
.twentytwenty-vertical .twentytwenty-handle:after, 
.twentytwenty-vertical .twentytwenty-handle:before{ content:"";  display:block;  background:#fff;  position:absolute;  z-index:30}
.twentytwenty-after-label:before, 
.twentytwenty-before-label:before{ content:""}
.twentytwenty-horizontal .twentytwenty-handle:after, 
.twentytwenty-horizontal .twentytwenty-handle:before{ width:3px;  height:9999px;  left:50%;  margin-left:-1.5px}
.twentytwenty-vertical .twentytwenty-handle:after, 
.twentytwenty-vertical .twentytwenty-handle:before{ width:9999px;  height:3px;  top:50%;  margin-top:-1.5px}
.twentytwenty-after-label, 
.twentytwenty-before-label, 
.twentytwenty-overlay{ position:absolute;  top:0;  width:100%;  height:100%;  -webkit-transition-duration:.5s;  -moz-transition-duration:.5s;  transition-duration:.5s}
.twentytwenty-after-label, 
.twentytwenty-before-label{ -webkit-transition-property:opacity;  -moz-transition-property:opacity;  transition-property:opacity}
.twentytwenty-after-label:before, 
.twentytwenty-before-label:before{ color:#fff;  font-size:13px;  letter-spacing:.1em;  position:absolute;  background:rgba(255,255,255,.2);  line-height:38px;  padding:0 20px;  -webkit-border-radius:2px;  -moz-border-radius:2px;  border-radius:2px}
.twentytwenty-horizontal .twentytwenty-after-label:before, 
.twentytwenty-horizontal .twentytwenty-before-label:before{ top:50%;  margin-top:-19px}
.twentytwenty-vertical .twentytwenty-after-label:before, 
.twentytwenty-vertical .twentytwenty-before-label:before{ left:50%;  margin-left:-45px;  text-align:center;  width:90px}
.twentytwenty-down-arrow, 
.twentytwenty-left-arrow, 
.twentytwenty-right-arrow, 
.twentytwenty-up-arrow{ width:0;  height:0;  border:6px inset transparent;  position:absolute}
.twentytwenty-left-arrow, 
.twentytwenty-right-arrow{ top:50%;  margin-top:-6px}
.twentytwenty-down-arrow, 
.twentytwenty-up-arrow{ left:50%;  margin-left:-6px}
.twentytwenty-container{ -webkit-box-sizing:content-box;  -moz-box-sizing:content-box;  box-sizing:content-box;  z-index:0;  overflow:hidden;  position:relative;  -webkit-user-select:none;  -moz-user-select:none}
.twentytwenty-container img{ max-width:100%;  position:absolute;  top:0;  display:block}
.twentytwenty-container.active .twentytwenty-overlay, 
.twentytwenty-container.active:hover.twentytwenty-overlay{ background:rgba(0,0,0,0)}
.twentytwenty-container *{ -webkit-box-sizing:content-box;  -moz-box-sizing:content-box;  box-sizing:content-box}
.twentytwenty-horizontal .twentytwenty-before-label:before{ left:10px}
.twentytwenty-horizontal .twentytwenty-after-label:before{ right:10px}
.twentytwenty-vertical .twentytwenty-before-label:before{ top:10px}
.twentytwenty-vertical .twentytwenty-after-label:before{ bottom:10px}
.twentytwenty-before{ z-index:20}
.twentytwenty-after{ z-index:10}
.twentytwenty-handle{ height:38px;  width:38px;  position:absolute;  left:50%;  top:50%;  margin-left:-22px;  margin-top:-22px;  border:3px solid #fff;  -webkit-border-radius:1000px;  -moz-border-radius:1000px;  border-radius:1000px;  -webkit-box-shadow:0 0 12px rgba(51,51,51,.5);  -moz-box-shadow:0 0 12px rgba(51,51,51,.5);  box-shadow:0 0 12px rgba(51,51,51,.5);  z-index:40;  cursor:pointer}
.twentytwenty-horizontal .twentytwenty-handle:before{ bottom:50%;  margin-bottom:22px;  -webkit-box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5);  -moz-box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5);  box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5)}
.twentytwenty-horizontal .twentytwenty-handle:after{ top:50%;  margin-top:22px;  -webkit-box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5);  -moz-box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5);  box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5)}
.twentytwenty-vertical .twentytwenty-handle:before{ left:50%;  margin-left:22px;  -webkit-box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);  -moz-box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);  box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.5)}
.twentytwenty-vertical .twentytwenty-handle:after{ right:50%;  margin-right:22px;  -webkit-box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);  -moz-box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);  box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.5)}
.twentytwenty-left-arrow{ border-right:6px solid #fff;  left:50%;  margin-left:-17px}
.twentytwenty-right-arrow{ border-left:6px solid #fff;  right:50%;  margin-right:-17px}
.twentytwenty-up-arrow{ border-bottom:6px solid #fff;  top:50%;  margin-top:-17px}
.twentytwenty-down-arrow{ border-top:6px solid #fff;  bottom:50%;  margin-bottom:-17px}
.my-gallery{ width:100%;  float:left}
.my-gallery img{ width:100%;  height:auto}
.pswp, .pswp__bg, .pswp__scroll-wrap{ width:100%;  height:100%;  top:0;  position:absolute;  left:0}
.my-gallery figure{ display:block;  float:left}
.my-gallery figcaption, .pswp{ display:none}

.pswp{ -ms-touch-action:none;  touch-action:none;  z-index:1500;  -webkit-text-size-adjust:100%;  outline:0}
.pswp--open, .pswp__button{ display:block}
.pswp *{ -webkit-box-sizing:border-box;  box-sizing:border-box}
.pswp img{ max-width:none}
.pswp--animate_opacity{ opacity:.001;  will-change:opacity;  -webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);  transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--zoom-allowed .pswp__img{ cursor:-webkit-zoom-in;  cursor:-moz-zoom-in;  cursor:zoom-in}
.pswp--zoomed-in .pswp__img{ cursor:-webkit-grab;  cursor:-moz-grab;  cursor:grab}
.pswp--dragging .pswp__img{ cursor:-webkit-grabbing;  cursor:-moz-grabbing;  cursor:grabbing}
.pswp__container, .pswp__zoom-wrap{ -ms-touch-action:none;  touch-action:none;  position:absolute;  left:0;  right:0;  top:0;  bottom:0}
.pswp__container, .pswp__img{ -webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none;  -webkit-tap-highlight-color:transparent;  -webkit-touch-callout:none}
.pswp__zoom-wrap{ position:absolute;  width:100%;  -webkit-transform-origin:left top;  -ms-transform-origin:left top;  transform-origin:left top;  -webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);  transition:transform 333ms cubic-bezier(.4,0,.22,1)}
.pswp__bg{ background:#fff;  opacity:0;  will-change:opacity;  -webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);  transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap{ -webkit-transition:none;  transition:none}
.pswp__item{ position:absolute;  left:0;  right:0;  top:0;  bottom:0}
.pswp__img{ position:absolute;  width:auto;  height:auto;  top:0;  left:0}
.pswp__img--placeholder--blank{ background:#222}
.pswp--ie .pswp__img{ width:100%!important;  height:auto!important;  left:0;  top:0}
.pswp__error-msg{ position:absolute;  left:0;  top:50%;  width:100%;  text-align:center;  font-size:14px;  line-height:16px;  margin-top:-8px;  color:#CCC}
.pswp__error-msg a{ color:#CCC;  text-decoration:underline}
.pswp__share-tooltip a, .pswp__share-tooltip a:hover{ text-decoration:none;  color:#000}

.pswp__button{    position:relative;     cursor:pointer;     overflow:visible;     -webkit-appearance:none;     border:0;     padding:0;     margin:0;     float:right;     opacity:.75;     -webkit-transition:opacity .2s;     transition:opacity .2s;     -webkit-box-shadow:none;     box-shadow:none}
.pswp__button:focus, .pswp__button:hover{    opacity:1}
.pswp__button:active{    outline:0;     opacity:.9}
.pswp__button::-moz-focus-inner{    padding:0;     border:0}
.pswp__ui--over-close .pswp__button--close{    opacity:1}
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before{    background:url(../img/default-skin.png) no-repeat;     background-size:264px 88px;     width:44px;     height:44px}
@media(-webkit-min-device-pixel-ratio:1.1), 
(-webkit-min-device-pixel-ratio:1.09375), 
(min-resolution:105dpi), 
(min-resolution:1.1dppx){    .pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{        background-image:url(../img/default-skin.svg) }
 .pswp--svg .pswp__button--arrow--left,  .pswp--svg .pswp__button--arrow--right{ background:0 }
}
.pswp__button--close{ background-position:0 -44px}
.pswp__button--share{ background-position:-44px -44px}
.pswp__button--fs{ display:none}
.pswp--supports-fs .pswp__button--fs{ display:block}
.pswp--fs .pswp__button--fs{ background-position:-44px 0}
.pswp__button--zoom{ display:none;  background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{ display:block}
.pswp--zoomed-in .pswp__button--zoom{ background-position:-132px 0}
.pswp__button--arrow--left, .pswp__button--arrow--right{ background:0;  top:50%;  margin-top:-50px;  width:70px;  height:100px;  position:absolute}
.pswp__button--arrow--left{ left:0}
.pswp__button--arrow--right{ right:0}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before{ content:'';  top:35px;  height:30px;  width:32px;  position:absolute}
.pswp__button--arrow--left:before{ left:6px;  background-position:-138px -44px}
.pswp__button--arrow--right:before{ right:6px;  background-position:-94px -44px}
.pswp__counter, .pswp__share-modal{ -webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none}
.pswp__share-modal{ display:block;  background:rgba(0,0,0,.5);  width:100%;  height:100%;  top:0;  left:0;  padding:10px;  position:absolute;  z-index:1600;  opacity:0;  -webkit-transition:opacity .25s ease-out;  transition:opacity .25s ease-out;  will-change:opacity}
.pswp__share-modal--hidden{ display:none}
.pswp__share-tooltip{ z-index:1620;  position:absolute;  background:#FFF;  top:56px;  border-radius:2px;  display:block;  width:auto;  right:44px;  -webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);  box-shadow:0 2px 5px rgba(0,0,0,.25);  -webkit-transform:translateY(6px);  -ms-transform:translateY(6px);  transform:translateY(6px);  -webkit-transition:-webkit-transform .25s;  transition:transform .25s;  will-change:transform}
.pswp__share-tooltip a{ display:block;  padding:8px 12px;  font-size:14px;  line-height:18px}
.pswp__share-tooltip a:first-child{ border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{ border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{ opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{ -webkit-transform:translateY(0);  -ms-transform:translateY(0);  transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{ padding:16px 12px}
a.pswp__share--facebook:before{ content:'';  display:block;  width:0;  height:0;  position:absolute;  top:-12px;  right:15px;  border:6px solid transparent;  border-bottom-color:#FFF;  -webkit-pointer-events:none;  -moz-pointer-events:none;  pointer-events:none}
.pswp__caption--empty, .pswp__ui--one-slide .pswp__button--arrow--left, 
.pswp__ui--one-slide .pswp__button--arrow--right, 
.pswp__ui--one-slide .pswp__counter{ display:none}
.pswp__counter, .pswp__preloader{ height:44px;  top:0;  position:absolute}
a.pswp__share--facebook:hover{ background:#3e5c9a;  color:#FFF}
a.pswp__share--facebook:hover:before{ border-bottom-color:#3e5c9a}
a.pswp__share--twitter:hover{ background:#55acee;  color:#FFF}
a.pswp__share--pinterest:hover{ background:#CCC;  color:#ce272d}
a.pswp__share--download:hover{ background:#DDD}
.pswp__counter{ left:0;  font-size:13px;  line-height:44px;  color:#21252b;  opacity:.75;  padding:0 10px}
.pswp__caption{ position:absolute;  left:0;  bottom:0;  width:100%;  min-height:44px}
.pswp__caption small{ font-size:11px;  color:#BBB}
.pswp__caption__center{ text-align:center;  max-width:420px;  margin:0 auto;  font-size:13px;  padding:10px;  line-height:20px;  color:#21252b}
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__ui{ visibility:visible}
.pswp__preloader{ width:44px;  left:50%;  margin-left:-22px;  opacity:0;  -webkit-transition:opacity .25s ease-out;  transition:opacity .25s ease-out;  will-change:opacity;  direction:ltr}
.pswp--css_animation .pswp__preloader--active, .pswp__preloader--active{ opacity:1}
.pswp__preloader__icn{ width:20px;  height:20px;  margin:12px}
.pswp__preloader--active .pswp__preloader__icn{ background:url(preloader.gif) no-repeat}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{ -webkit-animation:clockwise .5s linear infinite;  animation:clockwise .5s linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{ -webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;  animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{ background:0;  opacity:.75;  width:14px;  height:14px;  position:absolute;  left:15px;  top:15px;  margin:0}
.pswp--css_animation .pswp__preloader__cut{ position:relative;  width:7px;  height:14px;  overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{ -webkit-box-sizing:border-box;  box-sizing:border-box;  width:14px;  height:14px;  border:2px solid #FFF;  border-radius:50%;  border-left-color:transparent;  border-bottom-color:transparent;  position:absolute;  top:0;  left:0;  background:0;  margin:0}
@media screen and (max-width:1024px){ .pswp__preloader{ position:relative;  left:auto;  top:auto;  margin:0;  float:right }
}
@-webkit-keyframes clockwise{ 0{ -webkit-transform:rotate(0);  transform:rotate(0) }
 100%{ -webkit-transform:rotate(360deg);  transform:rotate(360deg) }
}
@keyframes clockwise{ 0{ -webkit-transform:rotate(0);  transform:rotate(0) }
 100%{ -webkit-transform:rotate(360deg);  transform:rotate(360deg) }
}
@-webkit-keyframes donut-rotate{ 0,100%{ -webkit-transform:rotate(0);  transform:rotate(0) }
 50%{ -webkit-transform:rotate(-140deg);  transform:rotate(-140deg) }
}
@keyframes donut-rotate{ 0,100%{ -webkit-transform:rotate(0);  transform:rotate(0) }
 50%{ -webkit-transform:rotate(-140deg);  transform:rotate(-140deg) }
}
.pswp__ui{ -webkit-font-smoothing:auto;  opacity:1;  z-index:1550}
.pswp__top-bar{ position:absolute;  left:0;  top:0;  height:44px;  width:100%}
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar{ -webkit-backface-visibility:hidden;  will-change:opacity;  -webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);  transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar{ opacity:0}
.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, 
.pswp__ui--hidden .pswp__top-bar{ opacity:.001}
.pswp__element--disabled{ display:none!important}
.pswp--minimal--dark .pswp__top-bar{ background:0}

.team{ width:100%;  display:flex;  flex-wrap:wrap;  padding:150px 0;  background:#0aa5b5;  position:relative}
.team h6{ display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  font-size:14px}
.team h2{ margin-bottom:60px;  font-weight:800;  font-size:60px;  line-height:1.2}
.team h2:before{ content:attr(data-text);  font-size:20vw;  opacity:0.05;  position:absolute;  left:10%;  top:-105%}
.team figure{ width:100%;  display:block;  margin-bottom:0}
.team figure img{ width:100%;  display:block;  margin-bottom:10px}
.team figure figcaption{ width:100%;  display:block}
.team figure figcaption small{ opacity:0.6;  font-size:11px;  display:block;  margin-bottom:5px}
.team figure figcaption h4{ font-family:"Fjalla One",sans-serif;  font-size:16px;  text-transform:uppercase;  margin-bottom:0}

.video-animated-icon .parallax-block__play:after{display:none;}
.clipboard-icon {width:90px;top:115px;left:38px;position:absolute;}
.parallax-block__label {position:relative}
.tap-icon {width:100px;left:10px;position:absolute;}
.link-custom-2 span {padding-left:60px;}
.work-with-us{  width:100%;  background:#0aa5b5;   position:relative}
.work-with-us:before{  content:"";   width:100%;   height:100%;   background:url(../images/bg-noise.gif);   opacity:0.04;   position:absolute;   left:0;   top:0}
.work-with-us:after{  content:"";   width:100%;   height:100%;   position:absolute;   left:0;   top:0;   background:url(../images/bg-lines.png) center;  z-index:1}
.work-with-us .container{ position:relative;  z-index:2}
.work-with-us h6{ display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  font-size:14px}
.work-with-us .h6{ display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  font-size:14px}
.work-with-us h2{ color:#fff;margin-bottom:60px;  font-weight:800;  font-size:60px;  line-height:1.2;  padding-right:35%}
.work-with-us h2:before{ content:attr(data-text);  font-size:20vw;  opacity:0.05;  z-index:-1;  position:absolute;  left:0;  top:-20%}
.work-with-us h4{ margin-top:5px;  font-family:"Fjalla One",sans-serif;  font-size:25px;  line-height:40px;  text-transform:uppercase;  padding-right:20%;  margin-bottom:40px}
.work-with-us .h4{ margin-top:5px;  font-family:"Fjalla One",sans-serif;  font-size:25px;  line-height:40px;  text-transform:uppercase;  padding-right:20%;  margin-bottom:40px}

.awards{ width:100%;  display:flex;  flex-wrap:wrap;  padding:100px 0;  text-align:center;  border-bottom:1px solid #eee}
.awards figure{ display:block;  margin:0}
.awards figure img{ height:60px}
.awards h5{ font-weight:600;  font-size:15px}
.awards .odometer{ font-family:"Fjalla One",sans-serif;  font-size:40px}
.swiper-pagination-bullet {opacity:0.5;}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet:after {background:#0aa5b5}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {}

.comunicazione{  width:100%;   display:flex;   flex-wrap:wrap;   padding:70px 0 0 0;   background:url(../images/pattern-bg.svg)}
.comunicazione h6{margin-top:70px;display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  font-size:14px}
.comunicazione .h6{margin-top:70px;display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  font-size:14px}
.comunicazione h2{ margin-bottom:60px;  font-weight:800;  font-size:60px;  line-height:1.2}
.comunicazione h2:before{ content:attr(data-text);  font-size:10vw;  opacity:0.05;  z-index:-1;  position:absolute;  left:0;  top:45%}
.comunicazione .h2{ margin-bottom:60px;  font-weight:800;  font-size:60px;  line-height:1.2}
.comunicazione .h2:before{ content:attr(data-text);  font-size:10vw;  opacity:0.05;  z-index:-1;  position:absolute;  left:0;  top:45%}
.comunicazione .gif h2:before{ content:attr(data-text);  font-size:13vw;  opacity:0.05;  z-index:-1;  position:absolute;  left:0;  top:-25%}
.gif:before {content:'';position: absolute;width:100%;height:100%;z-index:-1;background:url(../../img/gif-bg.png) no-repeat 0 0;}
.gif {margin:100px 0 100px 0}
.pdd-comunicazione {padding-bottom:100px;}
.clients{  width:100%;   display:flex;   flex-wrap:wrap;   padding:150px 0;   background:url(../images/pattern-bg.svg)}
.clients h6{margin-top:70px;display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  font-size:14px}
.clients h2{ margin-bottom:60px;  font-weight:800;  font-size:60px;  line-height:1.2}
.clients h2:before{ content:attr(data-text);  font-size:20vw;  opacity:0.05;  position:absolute;  left:0;  top:-20%}
.clients h4{ margin-top:5px;  margin-bottom:40px;  font-family:"Fjalla One",sans-serif;  font-size:25px;  line-height:40px;  text-transform:uppercase;  padding-right:20%}
.clients ul{ width:100%;  float:left;  margin:0;  margin-top:90px;  padding:0}
.clients ul *{ -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out}
.clients ul li{ width:25%;  float:left;  margin:0;  padding:10px;  list-style:none;  position:relative}
.clients ul li img{ opacity:1;  background:#fff;  border:1px solid #eee;  padding:15px}
.clients ul li small{ width:100%;  height:50px;  line-height:50px;  position:absolute;  left:0;  top:50%;  text-align:center;  font-size:600;  opacity:0;  font-family:"Fjalla One",sans-serif;  font-size:22px}
.clients ul li:hover small{ margin-top:-25px;  opacity:1}
.clients ul li:hover img{ opacity:0.05;  transform:scale(1.2)}

.clients .swiper-container img{ opacity:1;  background:#fff;  border:1px solid #eee;margin:0 auto;display:block;  padding:15px}
.clients .swiper-container  small{ width:100%;  height:50px;  line-height:50px;  position:absolute;  left:0;  top:50%;  text-align:center;  font-size:600;  opacity:0;  font-family:"Fjalla One",sans-serif;  font-size:22px}
.clients .swiper-container :hover small{ margin-top:-25px;  opacity:1}
.clients .swiper-container  p{ width:100%;  height:50px;  line-height:30px;  position:absolute;  left:0;  top:55%;  text-align:center;  font-size:600;  opacity:0;  font-family:"Poppins",sans-serif;  font-size:18px}
.clients .swiper-container :hover p{ margin-top:15px;  opacity:1}
.clients .swiper-container :hover img{ opacity:0.05;}

.team .swiper-container-1 img{ opacity:1;  background:#fff;  border:1px solid #eee;margin:0 auto;display:block;  padding:15px}
.team .swiper-container-1  small{ width:100%;  height:50px;  line-height:50px;  position:absolute;  left:0;  top:50%;  text-align:center;  font-size:600;  opacity:0;  font-family:"Fjalla One",sans-serif;  font-size:22px}
.team .swiper-container-1  p{ width:100%;  height:50px;  line-height:30px;  position:absolute;  left:0;  top:55%;  text-align:center;  font-size:600;  opacity:0;  font-family:"Poppins",sans-serif;  font-size:18px}


.news{ width:100%;  display:flex;  flex-wrap:wrap;  padding:70px 0}
.news .post{ width:100%;  display:flex;  flex-wrap:wrap;  padding:50px 0}
.news .post.single-post{ padding-left:10%;  padding-right:10%;  flex-direction:column}
.news .post.single-post .post-content .inner .post-title{ font-size:66px}
.news .post.single-post .post-image{ margin-bottom:30px;  display:block}
.news .post:nth-child(2n+2) .post-image{ order:2}
.news .post:nth-child(2n+2) .post-content{ padding-left:0}
.news .post .post-image{ flex:1;  margin:0}
.news .post .post-image img{ width:100%}
.news .post .post-content{ flex:1;  display:flex;  flex-wrap:wrap;  flex-direction:column;  justify-content:center;  padding:0 50px}
.news .post .post-content .inner{ width:100%}
.news .post .post-content .inner .social-share{ width:100%;  float:left;  padding:0 !important;  margin-bottom:40px}
.news .post .post-content .inner .social-share li{ float:left;  margin-right:5px;  padding:0;  list-style:none;  text-align:center}
.news .post .post-content .inner .social-share li.facebook a{ background:#475993}
.news .post .post-content .inner .social-share li.twitter a{ background:#76a9ea}
.news .post .post-content .inner .social-share li.google-plus a{ background:#f34a38}
.news .post .post-content .inner .social-share li.linkedin a{ background:#0077b7}
.news .post .post-content .inner .social-share li.youtube a{ background:#f61c0d}
.news .post .post-content .inner .social-share li a{ width:44px;  height:44px;  line-height:44px;  float:left;  background:#6bc048;  color:#fff;  border:none;  border-radius:0}
.news .post .post-content .inner .post-date{ display:block;  font-size:14px;  opacity:0.5;  font-family:"Fjalla One",sans-serif}
.news .post .post-content .inner .post-title{ display:block;  font-size:40px;  font-weight:800;  margin-bottom:30px}
.news .post .post-content .inner .post-title a{ display:block;  color:#0e0e0e}
.news .post .post-content .inner .post-title a:hover{ color:#0aa5b5;  text-decoration:none}
.news .post .post-content .inner .post-author{ display:block;  font-family:"Fjalla One",sans-serif;  text-transform:uppercase;  margin-bottom:30px}
.news .post .post-content .inner .post-author img{ width:50px;  display:inline-block;  border-radius:50%;  margin-right:10px}
.news .post .post-content .inner .post-text{ display:block;  line-height:30px;  margin-bottom:0}
.news .post .post-content .inner h6{ font-size:23px;  margin-bottom:30px;  line-height:1.5}
.news .post .post-content .inner blockquote{ display:block;  padding:40px;  margin-bottom:40px;  background:#0aa5b5;  font-family:"Fjalla One",sans-serif;  position:relative}
.news .post .post-content .inner blockquote:before{ content:"";  font-family:fontawesome;  font-size:90px;  position:absolute;  left:40px;  top:0;  opacity:0.1}
.news .post .post-content .inner blockquote h5{ font-weight:800;  font-family:Poppins;  margin:0}
.news .post .post-content .inner ul{ padding-left:20px}
.news .post .post-content .inner ul li{ line-height:1.9}
.news .post .post-content .inner p{ display:block;  line-height:30px}
.news .post .post-content .inner p:last-child{ margin-bottom:0}

.hello{ width:100%;  display:flex;  flex-wrap:wrap;  padding:150px 0}
.hello h6{ display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  font-size:14px}
.hello h2{ margin-bottom:60px;  font-weight:800;  font-size:60px;  line-height:1.2;  padding-right:35%}
.hello h2:before{ content:attr(data-text);  font-size:20vw;  opacity:0.05;  z-index:-1;  position:absolute;  left:0;  top:-20%}
.hello address{ display:block;  margin-bottom:100px}
.hello address b{ display:block;  margin-bottom:10px}
.hello #success, .hello #error{ display:none;  float:left}
.hello #contact{ width:100%;  display:flex;  margin-left:-100px;  padding:40px 20px;  background:#fff;  box-shadow:0 0 30px rgba(0,0,0,0.1)}
.hello #contact .form-group:last-child{ margin-bottom:0}
.hello #contact label{ display:block;  font-size:14px;  font-weight:600}
.hello #contact label.error{ color:#6bc048;  margin-top:7px;  margin-bottom:0}
.hello #contact div.error{ background:#6bc048;  color:#fff;  border-radius:0;  border:none}
.hello #contact input[type=text]{ width:100%;  height:50px;  background:#fff;  border:1px solid #eee;  padding:0 20px}
.hello #contact textarea{ width:100%;  height:150px;  background:#fff;  border:1px solid #eee;  padding:20px}
.hello #contact button[type=submit]{ height:50px;  padding:0 40px;  font-size:14px;  font-weight:600;  color:#0e0e0e;  background:#0aa5b5;  border:none}

.direction{ width:100%;  display:flex;  flex-wrap:wrap;  padding:150px 0}
.direction h6{ display:block;  line-height:1;  margin-bottom:20px;  font-family:"Fjalla One",sans-serif;  opacity:0.5;  font-size:14px}
.direction h2{ margin-bottom:60px;  font-weight:800;  font-size:60px;  line-height:1.2;  padding-right:35%}
.direction h2:before{ content:attr(data-text);  font-size:20vw;  opacity:0.05;  z-index:-1;  position:absolute;  left:0;  top:-20%}
.direction figure{ width:100%;  display:block;  margin:0;  position:relative}
.direction figure img{ width:100%}
.direction figure figcaption{ width:40%;  height:100%;  display:flex;  flex-wrap:wrap;  flex-direction:column;  justify-content:center;  position:absolute;  left:0;  top:0;  background:rgba(0,0,0,0.7)}
.direction figure figcaption .inner{ width:100%;  padding:40px 55px 40px 55px;  color:#fff}
.direction figure figcaption .inner .custom-link{ margin-top:40px}
.direction figure figcaption .inner .custom-link a{ color:#fff}
.direction figure figcaption .inner .custom-link .lines span{ background:#fff}
.direction figure figcaption .inner h5{ font-family:"Fjalla One",sans-serif;  font-size:33px;  margin-bottom:20px}
.direction figure figcaption .inner b{ font-weight:600}
.direction figure figcaption .inner p{ font-size:16px;line-height:27px;}
.direction figure figcaption .inner ul{ display:block;  margin:0;  padding:0}
.direction figure figcaption .inner ul li{ display:block;  margin:15px 0;  padding:0;  list-style:none}

.footer{ width:100%;  display:flex;  flex-wrap:wrap;  flex-direction:column;  padding:100px 0 30px 0;  background:#022529;  color:#fff}
.footer .footer-quote{ width:100%;  display:flex;  flex-wrap:wrap;  margin-bottom:80px}
.footer .footer-quote img{ height:45px;  display:block;  margin-bottom:20px}
.footer .footer-quote h2{ font-size:3vw;  font-weight:800;  margin-bottom:0;  color:#fff}
.footer .footer-quote .h2{ font-size:3vw;  font-weight:800;  margin-bottom:0;  color:#fff}
#Contatti .footer-contact{margin-bottom:50px;margin-top:75px!important}
.footer .footer-contact{ width:100%;  display:flex;  flex-wrap:wrap;  margin-bottom:50px;margin-top:5px}
.footer .footer-contact address{ margin-bottom:0}
.footer .footer-contact address a{ color:#fff;}
.footer .footer-bottom{ width:100%;  display:flex;  flex-wrap:wrap}
.footer .footer-bottom .h5{ margin-bottom:10px;  font-family:"Fjalla One",sans-serif;  text-transform:uppercase;  color:#0aa5b5}
.footer .h5{ margin-bottom:10px;  font-family:"Fjalla One",sans-serif;  text-transform:uppercase;  color:#0aa5b5}
.orario-footer {margin-bottom:30px;margin-top:75px}
.orario-footer p {margin-bottom: 0.6rem;}
.footer .footer-bottom ul{ display:block;  margin:0;  padding:0;width:100%}
.footer .footer-bottom ul li{ display:inline-block;  margin:0;  margin-right:20px;  padding:0;  list-style:none}
.footer .footer-bottom ul li:last-child{ margin-right:0}
.footer .footer-bottom ul li a{ position:relative;  color:#fff;  font-size:14px;  font-weight:600;  padding-bottom:6px;  -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out;  border-bottom:2px solid transparent}
.footer .footer-bottom ul li p{ position:relative;  color:#fff;  font-size:14px;  font-weight:600;  padding-bottom:6px;  -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out;  border-bottom:2px solid transparent}
.footer .footer-bottom ul li a:hover{ padding-bottom:1px;  border-bottom:2px solid #fff;  text-decoration:none}

@media (max-width: 1350px) and (min-width: 1201px) {
.container-1 {width: 1170px;}
}

@media (min-width: 1651px) and (max-width: 1800px) {
#nav-tabContent .twentytwenty-container {min-height:750px}	
}
@media (min-width: 1401px) and (max-width: 1650px) {
.fotografo-interno .work-with-us img {right: 70px;width: 450px;}
.port_fillter li {padding: 10px 15px 10px 55px;}
.xs-pdd-left {padding-left: 10%!important;}
.trigger-1 {padding: 70px 0 50px 0;}
.trigger-1.show {padding: 70px 0 50px 0;}
.traslochi .intro h2:before {left: 10%;}
.container-2 {width: 1362px;margin: auto;max-width: 100%;}
#nav-tabContent .twentytwenty-container {min-height:750px}
.link-custom-1 a {float:none}
.post-produzione h1 {font-size: 300px;}
.bg-twentytwenty p {padding-right:0px;}
.bg-twentytwenty h3 {padding-left:35px;font-size: 40px;}
.bg-twentytwenty {padding-bottom: 100px;}
.we-work h3 {font-size: 65px;}
.we-work p {padding-left: 15%;margin-top: 220px;}
.we-work {padding: 200px 0 130px 90px;}
.multi-before-after h2 {font-size:40px;}
.faq-element h3 {font-size:55px;}
.contact-area h4 {font-size: 50px;padding-right:20%}
.twentytwenty-container .info-div {width: 270px;height: 270px;}
.twentytwenty-container p {padding-top: 70px;font-size: 85px;}
.post-produzione .photo-h2 h2 {font-size:120px;padding: 40px 0 10px 150px;}
.post-produzione .on-slider {max-width:400px;margin-right:0px;}
.mbmd-100 {margin-bottom:130px!important;}
.fotografo-interno .direction figure figcaption .inner p {font-size: 18px;line-height: 30px;}
.fotografo-interno .direction figure figcaption {left: 100px;width: 45%;}
.portfolio-page .intro {padding: 120px 0 0 0;}
.portfolio-page .portfolio_area {padding-top: 10px;}
.gif .col-lg-5 {-ms-flex: 0 0 55%;flex: 0 0 55%;max-width: 55%;}
.form-logo .col-md-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.form-logo .logs { padding: 0 25px 0 25px;    margin-top: 20px;}
.logo-overlay {width: 74%;}
.offcanvas_menu {padding: 40px 40px 0px 90px;}
.big-img {width: 70%!important;top:-40px!important;}
.abs-logo {bottom:40px;}
}
@media (min-width: 1201px) and (max-width: 1400px) {
.container-2 {width: 1162px;margin: auto;max-width: 100%;}
.bg-w100 {padding: 100px 0 0px 0;}
.port_fillter-fix {position:fixed;top:0;left:0;right:0;z-index:999;padding-top: 0px!important;padding-bottom: 0px!important;margin-bottom: 0px!important;border-bottom:none!important}
.port_fillter-fix li{padding: 10px 20px 10px 50px!important;font: 600 14px/32px "Poppins",sans-serif!important;}
.port_fillter-fix .categorie-1 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-2 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-3 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-4 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-5 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-6 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.post-produzione h1 {font-size: 300px;}
#nav-tabContent .twentytwenty-container {min-height:600px}	
.post-produzione .on-slider {    max-width: 400px;margin-right: -100px;}
.bg-twentytwenty p {padding-right:0px;}
.bg-twentytwenty h3 {padding-left:30px;    font-size: 40px;}
.bg-twentytwenty {padding-bottom: 100px;}
.multi-before-after h2 {font-size: 40px;}
.multi-before-after {padding: 90px 0 90px 0;}
.faq-element h3 {font-size: 50px;padding-right:10%}
.contact-area h4 {font-size: 50px;}
.post-produzione .photo-h2 h2 {font-size: 100px;padding: 40px 0 40px 150px;}
.we-work h3 {font-size: 50px;}
.we-work p {padding-left: 0%;margin-top: 220px;max-width:100%}
.we-work {padding: 170px 0 90px 90px;}
.post-produzione .photo-h2 p {max-width: 600px;margin-top: 0px;}.twentytwenty-container .info-div {width: 270px;height: 270px;}
.twentytwenty-container p {padding-top: 70px;font-size: 85px;}	
.fotografo-interno .work-with-us img {right: 30px;width: 400px;}
.fotografo-interno .direction figure figcaption .inner p {font-size: 17px;line-height: 29px;}
.fotografo-interno .direction figure figcaption {left: 50px;width: 50%;}
.port_fillter-fix li{padding: 10px 10px 10px 40px!important;font: 600 13px/32px "Poppins",sans-serif!important;}
.categorie-1:before{width: 40px;left:10px;bottom:0px;height: 40px;}
.categorie-1:hover:before{width: 40px;left:10px;bottom:0px;height: 40px;}
.categorie-2:before{width: 40px;left:10px;bottom:5px;height: 40px;}
.categorie-2:hover:before{width: 40px;left:10px;bottom:5px;height: 40px;}
.categorie-3:before{width: 40px;left:10px;bottom:5px;height: 40px;}
.categorie-3:hover:before{width: 40px;left:10px;bottom:5px;height: 40px;}
.categorie-4:before{width: 40px;left:10px;bottom:5px;height: 40px;}
.categorie-4:hover:before{width: 40px;left:10px;bottom:5px;height: 40px;}
.categorie-5:before{width: 40px;left:10px;bottom:5px;height: 40px;}
.categorie-5:hover:before{width: 40px;left:10px;bottom:5px;height: 40px;}
.categorie-6:before{width: 40px;left:10px;bottom:5px;height: 40px;}
.categorie-6:hover:before{width: 40px;left:10px;bottom:5px;height: 40px;}
.portfolio-page .intro {padding: 120px 0 0 0;}
.portfolio-page .portfolio_area {padding-top: 10px;}
#myVideoportfolio {width:100%}
#myVideoportfolio1 {width:100%}
#myVideoportfolio2 {width:100%}
#myVideoportfolio3 {width:100%}
.port_fillter li {width:30%;margin-bottom:25px;font: 600 18px/32px "Poppins",sans-serif;}
.port_fillter {padding-left:0px}
.gif .col-lg-5 {-ms-flex: 0 0 65%;flex: 0 0 65%;max-width: 65%;}
.form-logo .col-md-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.form-logo .logs { padding: 0 25px 0 25px;    margin-top: 30px;}
.logo-overlay {    width: 74%;}
.offcanvas_menu {    padding: 40px 40px 0px 40px;}
.big-img {width: 70%!important;top:-40px!important;left:-120px!important}
.abs-logo {bottom:20px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
.container-2 {width: 950px;margin: auto;max-width: 100%;}
.bg-w100 h2 {width:100%}
.bg-w100 {padding: 100px 0 0px 0;}
.post-produzione h1 {font-size: 250px;}
#nav-tabContent .twentytwenty-container {min-height:530px}	
#nav-tab a {margin: 0px 0px 0px 0px;}
.col-md-smaller .col-md-4 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.block-div img {width: 70px;}
.block-div p {font-size: 15px!important;}
.post-produzione .on-slider {    max-width: 400px;margin-right: -130px;}
.bg-twentytwenty p {padding-right:0px;}
.bg-twentytwenty h3 {padding-left:15px;font-size: 40px;}
.bg-twentytwenty {padding-bottom: 50px;}
.multi-before-after h2 {font-size: 40px;max-width: 85%;padding-left: 12.5%;}
.multi-before-after p {padding:20px 20px 0 20px}
.faq-element {padding: 90px 0 90px 0;}
.multi-before-after {padding: 90px 0 90px 0;}
.faq-element h3 {font-size: 50px;padding-right:10%}
.contact-area h4 {font-size: 50px;}
.post-produzione .photo-h2 h2 {font-size: 80px;padding: 40px 0 40px 150px;}
.pricing p {font-size:30px;}
.price-top-3 {font-size:14px;}
.portfolio-area .col-md-4 {padding: 0 30px 0 30px;}
.portfolio-area {padding: 30px 10px;}
.we-work h3 {font-size: 50px;}
.we-work p {padding-left: 0%;margin-top: 220px;max-width:100%}
.we-work {padding: 140px 0 90px 40px;}
details summary {padding-right:10%}
.pricing span {padding: 8px 12px;}
.price-top-2 {line-height:1;padding-bottom:0px}
.pr-70 {padding-right: 30px;}
.post-produzione .photo-h2 p {max-width: 750px;margin-top: 0px;}
.col-md-smaller {flex: 0 0 41.666667%!important;max-width: 41.666667%!important;}
.col-md-bigger {flex: 0 0 33.333333%!important;max-width: 33.333333%!important;}
.post-produzione .photo-h2 .col-md-4{flex: 0 0 41.666667%;max-width: 41.666667%;}
.post-produzione .photo-h2 .col-md-8{flex: 0 0 58.333333%;max-width: 58.333333%;}
.twentytwenty-container .info-div {width: 270px;height: 270px;}
.twentytwenty-container p {padding-top: 70px;font-size: 85px;}	
.port_fillter-fix li{padding: 30px 10px 30px 40px!important;font: 500 12px/32px "Poppins",sans-serif!important;}
.port_fillter-fix li span{display:none}
.port_fillter-fix .categorie-1:before{width: 60px;left:0px!important;right:0;margin:0 auto;text-align:center;bottom:5px!important;height: 60px;}
.port_fillter-fix .categorie-1:hover:before{width: 60px;left:0px;right:0;margin:0 auto;text-align:center;bottom:5px!important;height: 60px;}
.port_fillter-fix .categorie-2:before{width: 60px;left:0px!important;right:0;margin:0 auto;text-align:center;bottom:5px!important;height: 60px;}
.port_fillter-fix .categorie-2:hover:before{width: 60px;left:0px;right:0;margin:0 auto;text-align:center;bottom:5px!important;height: 60px;}
.port_fillter-fix .categorie-3:before{width: 60px;left:0px!important;right:0;margin:0 auto;text-align:center;bottom:5px!important;height: 60px;}
.port_fillter-fix .categorie-3:hover:before{width: 60px;left:0px;right:0;margin:0 auto;text-align:center;bottom:5px!important;height: 60px;}
.port_fillter-fix .categorie-4:before{width: 60px;left:0px!important;right:0;margin:0 auto;text-align:center;bottom:5px!important;height: 60px;}
.port_fillter-fix .categorie-4:hover:before{width: 60px;left:0px;right:0;margin:0 auto;text-align:center;bottom:5px!important;height: 60px;}
.port_fillter-fix .categorie-5:before{width: 60px;left:0px!important;right:0;margin:0 auto;text-align:center;bottom:5px!important;height: 60px;}
.port_fillter-fix .categorie-5:hover:before{width: 60px;left:0px;right:0;margin:0 auto;text-align:center;bottom:5px!important;height: 60px;}
.port_fillter-fix .categorie-6:before{width: 60px;left:0px!important;right:0;margin:0 auto;text-align:center;bottom:5px!important;height: 60px;}
.port_fillter-fix .categorie-6:hover:before{width: 60px;left:0px;right:0;margin:0 auto;text-align:center;bottom:5px!important;height: 60px;}
.port_fillter-fix {position:fixed;top:0;left:0;right:0;z-index:999;padding-top: 0px!important;padding-bottom: 0px!important;margin-bottom: 0px!important;border-bottom:none!important}
.port_fillter-fix .categorie-1 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-2 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-3 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-4 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-5 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-6 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.fotografo-interno .work-with-us img {right: 0px;width: 350px;}
.fotografo-interno .direction figure figcaption .inner p {font-size: 15px;line-height: 26px;}
.fotografo-interno .direction figure figcaption {left: 50px;width: 50%;}
.portfolio-page .intro {padding: 120px 0 0 0;}
.portfolio-page .portfolio_area {padding-top: 10px;}
#myVideoportfolio {width:100%}
#myVideoportfolio1 {width:100%}
#myVideoportfolio2 {width:100%}
#myVideoportfolio3 {width:100%}
.port_fillter li {width:30%;margin-bottom:25px;font: 600 17px/32px "Poppins",sans-serif;}
.port_fillter {padding-left:0px}
.mt-sm-40 {margin-top:40px!important;}
.online-1 h2 {    font-size: 45px;}
.mt-sm-90 {margin-top:90px!important;}
.fotografo-interno .online-1 {padding-top: 0px;padding-bottom: 70px;}
.gif .col-lg-5 {-ms-flex: 0 0 65%;flex: 0 0 65%;max-width: 65%;}
.logo-overlay {width: 78%;}
.offcanvas_menu {    padding: 40px 40px 0px 40px;}
.form-logo .col-md-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.form-logo .logs { padding: 0 10px 0 10px;    margin-top: 30px;}
.form-prenotazione h2 {    padding-right: 15%;font-size: 30px;}
.form-prenotazione .h2 {    padding-right: 15%;font-size: 30px;}
.mt-logo {margin-top:130px;margin-bottom:35px;}
.big-img {width: 70%!important;top:20px!important;left:-120px!important}
}


@media (min-width: 768px) and (max-width: 991px) {
.orario-footer {margin-top: 5px;}
.container-2 {width: 750px;margin: auto;max-width: 100%;}
.bg-w100 h2 {font-size: 40px;width: 100%;}
.bg-w100 {padding: 100px 0 0px 0;}
#nav-tab a {
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
}
#nav-tabContent .twentytwenty-container {min-height:400px}
.col-md-smaller .col-md-4 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.block-div img {width: 70px;}
.block-div p {font-size: 15px!important;}
#Contatti .footer-contact {margin-bottom: 30px;margin-top: 45px!important;}
.footer .footer-quote {    margin-bottom: 0px;}
.link-custom a {width:160px}
.link-custom-1 a {width:160px}
.content-box .video-button {margin-left: 30px;}
.pr-100 {padding-right: 15px;}
.post-produzione h1 {font-size: 200px;}
.post-produzione h1 img {width: 220px;    margin-top: -30px;margin-left: -20px;}
.post-produzione .under-title {margin-bottom:5px}
.post-produzione .on-slider {    max-width: 400px;margin-right: -130px;}
.bg-twentytwenty p {padding-right:0px;}
.bg-twentytwenty h3 {padding-left:5px;font-size: 35px;}
.bg-twentytwenty {padding-bottom: 50px;padding-top: 220px;margin-top: -130px;}
.multi-before-after h2 {font-size: 35px;max-width: 85%;padding-left: 12.5%;}
.multi-before-after p {padding:20px 20px 0 20px}
.faq-element {padding: 90px 0 90px 0;}
.multi-before-after {padding: 90px 0 90px 0;}
.faq-element h3 {font-size: 40px;padding-right:10%;    margin-bottom: 30px;}
.contact-area h4 {font-size: 50px;}
.price-top {margin-top:70px;}
.contact-area::after {display:none}
.contact-area .col-md-5 {padding: 20px 0 0 0;}
.contact-area {padding: 90px 40px 70px 40px;}
.price-top .col-md-7 {flex: 0 0 74.333333%;max-width: 74.333333%;}
.price-bottom .col-md-7 {flex: 0 0 74.333333%;max-width: 74.333333%;}
.try-it {width: 140px;height: 140px;}
.post-produzione .photo-h2 h2 {font-size: 65px;padding: 40px 0 40px 100px;}
.post-produzione .photo-h2 h2::before {width: 55px; height: 55px;}
.pricing p {font-size:30px;}
.price-top-3 {font-size:14px;}
.portfolio-area .col-md-4 {padding: 0 30px 0 30px;}
.portfolio-area {padding: 30px 10px;}
.we-work h3 {font-size: 50px;}
.we-work p {padding-left: 0%;margin-top: 220px;max-width:100%}
.we-work {padding: 140px 0 90px 40px;}
details summary {padding-right:10%}
.pricing span {padding: 8px 8px;}
.price-top-2 {line-height:1;padding-bottom:0px}
.pr-70 {padding-right: 30px;}
.post-produzione .photo-h2 p {max-width: 750px;margin-top: 0px;}
.col-md-smaller {flex: 0 0 41.666667%!important;max-width: 41.666667%!important;}
.col-md-bigger {flex: 0 0 33.333333%!important;max-width: 33.333333%!important;}
.portfolio-area .col-md-4 {flex: 0 0 50%;max-width: 50%;}
.sm-none {display:none}
.col-sm-6 {-ms-flex: 0 0 50%!important;flex: 0 0 50%!important;max-width: 50%!important;}
.portfolio-area::after {display:none}
.portfolio-area::before {left:50%}
.post-produzione .photo-h2 .col-md-4{flex: 0 0 50%;max-width: 50%;}
.post-produzione .photo-h2 .col-md-8{flex: 0 0 50%;max-width: 50%;}
.twentytwenty-container .info-div {width: 170px;height: 130px;}
.twentytwenty-container p {padding-top: 20px;font-size: 55px;}	
.twentytwenty-container p span {    font-size: 15px;padding-top: 5px;}
.port_fillter-fix li{padding: 30px 10px 30px 40px!important;font: 500 12px/32px "Poppins",sans-serif!important;}
.port_fillter-fix li span{display:none}
.port_fillter-fix .categorie-1:before{width: 60px!important;left:0px!important;right:0;margin:0 auto;text-align:center;bottom:0px!important;height: 60px!important;}
.port_fillter-fix .categorie-1:hover:before{width: 60px!important;left:0px;right:0;margin:0 auto;text-align:center;bottom:0px!important;height: 60px!important;}
.port_fillter-fix .categorie-2:before{width: 60px;left:0px!important;right:0;margin:0 auto;text-align:center;bottom:0px!important;height: 60px;}
.port_fillter-fix .categorie-2:hover:before{width: 60px;left:0px;right:0;margin:0 auto;text-align:center;bottom:0px!important;height: 60px;}
.port_fillter-fix .categorie-3:before{width: 60px;left:0px!important;right:0;margin:0 auto;text-align:center;bottom:0px!important;height: 60px;}
.port_fillter-fix .categorie-3:hover:before{width: 60px;left:0px;right:0;margin:0 auto;text-align:center;bottom:0px!important;height: 60px;}
.port_fillter-fix .categorie-4:before{width: 60px;left:0px!important;right:0;margin:0 auto;text-align:center;bottom:0px!important;height: 60px;}
.port_fillter-fix .categorie-4:hover:before{width: 60px;left:0px;right:0;margin:0 auto;text-align:center;bottom:0px!important;height: 60px;}
.port_fillter-fix .categorie-5:before{width: 60px;left:0px!important;right:0;margin:0 auto;text-align:center;bottom:0px!important;height: 60px;}
.port_fillter-fix .categorie-5:hover:before{width: 60px;left:0px;right:0;margin:0 auto;text-align:center;bottom:0px!important;height: 60px;}
.port_fillter-fix .categorie-6:before{width: 60px;left:0px!important;right:0;margin:0 auto;text-align:center;bottom:0px!important;height: 60px;}
.port_fillter-fix .categorie-6:hover:before{width: 60px;left:0px;right:0;margin:0 auto;text-align:center;bottom:0px!important;height: 60px;}
.port_fillter-fix {position:fixed;top:0;left:0;right:0;z-index:999;padding-top: 0px!important;padding-bottom: 0px!important;margin-bottom: 0px!important;border-bottom:none!important}
.port_fillter-fix .categorie-1 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-2 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-3 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-4 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-5 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-6 {width:16%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.fotografo-interno .works h2 {font-size: 40px;}
.risommando {font-size: 27px;}
.fotografo-interno .h4 {    font-size: 22px;line-height: 35px;}
.fotografo-interno .h4-1 {    font-size: 22px;line-height: 35px;}
.fotografo-interno .work-with-us h2 {padding-right: 5%;font-size: 40px;}
.fotografo-interno .work-with-us img {right: 0px;width: 350px;}
.fotografo-interno .direction figure figcaption .inner p {font-size: 14px;line-height: 24px;}
.fotografo-interno .direction figure figcaption {left: 0px;width: 100%;}
.logo-overlay {width: 78%;}
.offcanvas_menu {    padding: 40px 40px 0px 40px;}
.form-logo .col-md-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.form-logo .logs { padding: 0 10px 0 10px;    margin-top: 30px;}
}

@media only screen and (max-width:1199px), only screen and (max-device-width:1199px){ 
.vertiga-wrapper h3 {font-size: 27px;padding-top: 0px; padding-bottom: 10px;}
.vertiga-wrapper p {
    font-size: 19px;
    line-height: 34px;
    margin-bottom: 60px;
}

@media (min-width: 768px) and (max-width: 991px) {
.gif {padding:0 30px 0 30px;    margin: -70px 0 100px 0;}
.portfolio-page .intro {padding: 120px 0 0 0;}
.portfolio-page .portfolio_area {padding-top: 10px;}
.port-gallery .col-md-4 {-ms-flex: 0 0 49%;flex: 0 0 49%;max-width: 49%;}
#myVideoportfolio {width:100%}
#myVideoportfolio1 {width:100%}
#myVideoportfolio2 {width:100%}
#myVideoportfolio3 {width:100%}
.port_fillter li {width:30%;margin-bottom:25px;font: 600 14px/32px "Poppins",sans-serif;}
.port_fillter {padding-left:0px}
.gif img {margin:30px 0 30px 0;}
.stickers-home {padding:0 15% 0 15%}
.gif:before {display:none}
.comunicazione .gif h2:before {top: -12%;}
.mb-170 {margin-bottom:300px;}
.abs-logo {bottom:40px;}
}
.digitale-pizzeria {    left: 70px;}
.logo-home .col-lg-5 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
.ecommerce h5 {padding: 0 20px 0 20px;font-size: 22px;line-height: 35px;}
.ecommerce h2 {margin-bottom: 70px;}
.ecommerce h2:before {top: -15%;}
.ecommerce {padding: 70px 0 40px 0!important;}
.works h2 {padding-right: 15%;    margin-bottom: 0px;}
.works h2:before {    top: 10%;}
.works .h2 {padding-right: 15%;    margin-bottom: 0px;}
.works .h2:before {    top: 10%;}
.swip-btn {left: 0px;}
.process h3 {padding-left: 250px;}
.process h6 {left:-240px}
.process .h6 {left:-240px}
.swip-btn-r {right:0px}
.swip .swip-info h4 {font-size:20px;}
.video-info a {bottom:25px}
.swip img {width:65%}
.swip .swip-info {width:35%;right:-300px;min-height: 340px!important;padding: 25px 25px 25px 25px;}
.services-content-block h2 {padding-right: 15%;}
.online {padding-left: 30px;}
.services-content-block .left {width: 40px;}
.parallax-block__title {font-size: 60px;}
.intro p {font-size: 18px;line-height: 32px;}
.navbar .left {width: 55%;}
.navbar .right {width: 45%;}
.phones {font-size:14px}
.comunicazione h2 {    margin-bottom: 20px;}
.comunicazione .h2 {    margin-bottom: 20px;}
.footer .footer-quote h2 {font-size: 37px;padding-top:30px;}
.footer .footer-quote .h2 {font-size: 37px;padding-top:30px;}
.swiper-slider .swiper-slide .slide-inner{ padding:0 10%}
.container-1 {width: 970px;}
 .intro h4{ padding-right:0}
 .work-with-us h2{ padding-right:0}
 .work-with-us h4{ padding-right:0}
 .work-with-us .h4{ padding-right:0}
 .works-single h2{ padding-right:0}
 .direction h2{ padding-right:0}
 .clients h4{ padding-right:0}
 .news .post{ flex-direction:column}
 .news .post .post-image{ margin-bottom:30px}
 .direction figure figcaption{ width:50%}
 .hello h2{ padding-right:0}
}

@media only screen and (max-width:991px), only screen and (max-device-width:991px){ 
.footer-bottom address {display:block;width:100%}
.footer .footer-bottom .h5 {display:block;width:100%}
.big-img {width: 60%!important;left:-30px!important}
.mt-logo {margin-top:-10px;margin-bottom:35px;}
.digitale-ristorante {position:relative;top:0px}
.intro h2{font-size: 40px;margin-bottom:25px!important}
.digitale-pizzeria {display:none}
.logo-home .col-lg-5 {-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;}
.ecommerce h5 {padding: 0 0px 0 0px;font-size: 18px;line-height: 30px;}
.ecommerce h2 {margin-bottom: 70px;}
.ecommerce h2:before {top: 25%;}
.ecommerce {padding: 70px 0 40px 0!important;}
.intro h4 hr {display: none;}
.forms {    padding-left: 5%;    padding-right: 5%;}
.swip-btn-r {display:none}
.swip img {width: 100%;position:relative}
.swip .swip-info {padding: 45px 45px 25px 45px;width: 100%;right:0;min-height:auto!important}
.video-info a {position:relative}
.swip .swip-info p a {margin-top:60px;}
.swip .swip-info p {margin-bottom: 0px;}
.navbar .right {width: 45%;}
.navbar .left {width: 55%;}
.parallax-block__title {font-size: 60px;}
.parallax-block__label {padding-top:0px;}
.online-1 h2 {font-size: 40px;}
.online-1 p {margin-bottom: 0px;}
.masonry-large-block__item {margin: 25px 0;padding: 0 15px;}
.project-content h3 {font-size: 21px;}
.online {padding-left: 30px;    margin-bottom: 100px;}
.online h3 {font-size: 50px;}
header{ min-height:inherit}
.phones {display:none}
 .swiper-slider .swiper-slide .slide-inner .container h1{ font-size:12vw}
 .swiper-slider .swiper-slide .slide-inner .container h2{ font-size:12vw}
 .intro{ padding:80px 0}
 .container-1 {width: 750px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
 .footer .footer-contact {margin-bottom: 60px;margin-top: 35px;}
 .intro h2{ padding-right:0;  margin-bottom:50px}
 .intro .custom-link{ transform:translateY(0)}
 .process{ padding:80px 0}
 .process h2{ margin-bottom:0}
 .services-content-block{ padding:80px 0}
 .services-content-block h2{ padding-right:0}
 .services-content-block .left{ width:100%;  margin-bottom:20px}
 .services-content-block .right{ width:100%}
 .team{ padding:80px 0}
 .team figure{ margin:15px 0}
 .direction{ padding:80px 0}
 .direction figure figcaption{ width:100%}
 .works{ padding:80px 0}
 .works h2{ padding-right:0;  margin-bottom:50px}
 .works .h2{ padding-right:0;  margin-bottom:50px}
 .works .project-box{ padding:35px 0}
 .work-with-us{ padding:80px 0}
 .works-single{ padding:80px 0}
 .news{ padding:30px 0;  padding-bottom:80px}
 .news .post.single-post{ padding-left:0;  padding-right:0}
 .news .post.single-post .post-content .inner .post-title{ font-size:44px}
 .news .post:nth-child(2n+2) .post-image{ order:0}
 .news .post:nth-child(2n+2) .post-content{ padding:0 50px}
 .awards{ padding:80px 0}
 .clients{ padding:80px 0}
 .hello{ padding:80px 0}
 .hello #contact{ margin-left:0;  box-shadow:none}
 .footer .footer-quote h2{ font-size:5vw;padding-right:100px;}
 .footer .footer-quote .h2{ font-size:5vw;padding-right:100px;}
 .foot-form {margin-top:20px;}
 .col-sm-12 {-ms-flex: 0 0 100%!important;flex: 0 0 100%!important;max-width: 100%!important;}
}

@media (max-width: 576px){
.container {max-width: 100%;}
}

@media only screen and (max-width:767px), only screen and (max-device-width:767px){
	.post-produzione h1 {font-size: 90px;}
.container-2 {width: 100%;margin: auto;max-width: 100%;}
.swiper-slider {height:100vh!important}
.btn-scroll {display:none}
.traslochi .col-xs-12 {width: 100%;flex: 0 0 100%;max-width: 100%;}
.col-md-smaller .col-md-4 {width:50%}
.price-bottom {margin-bottom:50px}
.bg-w100 h2 {font-size: 30px;width: 100%;padding: 0px 20px 0px 20px;}
.bg-w100 {padding: 50px 0px 0px 0px;}
.bg-w100 p {padding: 0px 20px 0px 20px;}
.bg-w100::before {display:none}
.bg-w100 img {margin-top: 20px;margin-bottom:40px;}
.lg-none {display:block}
.price-top .col-md-7 {width:100%;flex: 0 0 100%!important;max-width: 100%!important;}
.price-bottom .col-md-7 {width:100%;flex: 0 0 100%!important;max-width: 100%!important;}
.pricing {padding-top: 25px;}
.post-produzione h1 img {width: 100px;    margin-top: -15px;margin-left: -10px;}
#nav-tabContent .twentytwenty-container {min-height:270px}
#nav-tab a {width:33%;margin:0;padding: 10px 5px 10px 5px;}
.nav-tabs {margin-top:15px;    }
.post-produzione .under-title {margin-bottom:5px}
.post-produzione .on-slider {margin-top:5px;max-width: 400px;margin-right: 0px;width:100%}
.bg-twentytwenty p {padding-right:0px;}
.bg-twentytwenty h3 {padding-left:5px;font-size: 35px;}
.bg-twentytwenty {padding-bottom: 50px;padding-top: 180px;margin-top: -130px;}
.multi-before-after h2 {font-size: 25px;margin-bottom: 40px;max-width: 100%;padding-left: 15px;padding-right:15px}
.multi-before-after p {padding:30px 20px 0 20px}
.faq-element {padding: 70px 0 70px 0;}
.multi-before-after {padding: 50px 0 30px 0;}
.faq-element h3 {font-size: 35px;padding-right:0%;    margin-bottom: 30px;}
.pricing span {top:-220px;right:0px}
.contact-area h4 {font-size: 35px;}
.price-top {margin-top:70px;}
.contact-area::after {display:none}
.contact-area .col-md-5 {padding: 20px 0 0 0;}
.contact-area {padding: 70px 30px 70px 30px;}
.price-top .col-md-7 {flex: 0 0 74.333333%;max-width: 74.333333%;}
.price-bottom .col-md-7 {flex: 0 0 74.333333%;max-width: 74.333333%;}
.try-it {width: 140px;height: 140px;text-align:center;margin: 0px auto;}
.post-produzione .photo-h2 h2 {font-size: 55px;padding: 40px 0 20px 80px;}
.post-produzione .photo-h2 h2::before {left:0px;width: 55px; height: 55px;}
.pricing p {font-size:30px;}
.price-top-3 {font-size:14px;}
.portfolio-area .col-md-4 {padding: 0 30px 0 30px;}
.portfolio-area {padding: 0px 10px;border-top: 0px solid #d3d3d3; border-bottom: 0px solid #d3d3d3;}
.we-work h3 {font-size: 35px;}
.footer .footer-quote .h2 {padding-right:30px;}
.we-work p {padding-left: 0%;margin-top: 30px;max-width:100%}
.we-work {padding: 70px 0 40px 15px;}
details summary {padding-right:10%}
.pricing span {padding: 8px 8px;}
.price-top-2 {line-height:1;padding-bottom:0px}
.pr-70 {padding-right: 30px;}
.post-produzione .photo-h2 p {margin-bottom:50px;max-width: 750px;margin-top: 0px;}
.portfolio-area .col-md-4 {flex: 0 0 50%;max-width: 50%;}
.xs-none {display:none}
.portfolio-area .col-xs-12 {-ms-flex: 0 0 100%!important;flex: 0 0 100%!important;max-width: 100%!important;}
.portfolio-area .col-xs-12 img{margin-bottom:30px;}
.portfolio-area::after {display:none}
.portfolio-area::before {display:none}
.post-produzione .photo-h2 .col-md-8{flex: 0 0 50%;max-width: 50%;}
.twentytwenty-container .info-div {width: 100%;height: 130px;bottom:0px}
.xs-pb-100 .twentytwenty-handle {top:30%!important}
.xs-pb-100 {padding-bottom:100px}
.twentytwenty-container p {padding-top: 20px;font-size: 55px;}	
.twentytwenty-container p span {    font-size: 15px;padding-top: 5px;}

.link-custom a {width:160px}
.link-custom-1 a {width:160px}
.pjCF-container {padding-right: 0px!important;padding-left: 0px!important;}
.portfolio-page .relative {padding: 0px 25px 0px 25px;}
.portfolio-page .panel-body {padding: 15px 0 15px 0!important;}
.home-slider-btn {    padding: 8px 25px 8px 25px;}
.mw-main .slide-btn a {margin-right:20px;}
.vertiga-bg-new {height:200px;}
.fancybox-caption {font-size:20px;}
.ios .show-content {overflow: hidden!important;width: 100vw!important;height:100vh!important}
.ios .offcanvas_menu.right_direction.open {width: 100vw;overflow-x: hidden!important;overflow-y: scroll!important;}
.port_fillter {padding-left: 0px;border-bottom:none;margin-bottom:0px}
.port_fillter-fix {position:fixed;top:0;left:0;right:0;z-index:999;padding-top:0px;padding-bottom: 0px;margin-bottom: 0px;border-bottom:none; line-height: 1px;}
.port_fillter-fix:before {content:'';position:fixed;top:0;left:0;right:0;z-index:0;background-color:#fff;height:55px;width:100%}
.port_fillter-fix span{display:none}
.port_fillter-fix .categorie-1 {width:15%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-2 {width:15%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-3 {width:15%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-4 {width:15%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-5 {width:15%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter-fix .categorie-6 {width:15%;background: #fff;border-color: #fff;border-radius: 4px;margin: 0px 0px 0px 0;}
.port_fillter .categorie-1.active:before {left:0;right:0;margin:0 auto;top:5px}
.port_fillter .categorie-1:before {left:0;right:0;margin:0 auto;top:5px}
.port_fillter .categorie-2.active:before {left:0;right:0;margin:0 auto;top:5px}
.port_fillter .categorie-2:before {left:0;right:0;margin:0 auto;top:5px}
.port_fillter .categorie-3.active:before {left:0;right:0;margin:0 auto;top:5px}
.port_fillter .categorie-3:before {left:0;right:0;margin:0 auto;top:5px}
.port_fillter .categorie-4.active:before {left:0;right:0;margin:0 auto;top:5px}
.port_fillter .categorie-4:before {left:0;right:0;margin:0 auto;top:5px}
.port_fillter .categorie-5.active:before {left:0;right:0;margin:0 auto;top:5px}
.port_fillter .categorie-5:before {left:0;right:0;margin:0 auto;top:5px}
.port_fillter .categorie-6.active:before {left:0;right:0;margin:0 auto;top:5px}
.port_fillter .categorie-6:before {left:0;right:0;margin:0 auto;top:5px}

.port_fillter-block li {padding: 30px 10px 23px 10px!important;}
.port_fillter-block li.active {padding: 55px 10px 5px 10px!important;}
.port_fillter-fix li {vertical-align:top}
.port_fillter-block .categorie-1.active:before {background-image: url(../../img/lavori/to-do-list.gif)}
.port_fillter-block .categorie-2.active:before {background-image: url(../../img/lavori/web-design.gif)}
.port_fillter-block .categorie-3.active:before {background-image: url(../../img/lavori/form-sheet.gif)}
.port_fillter-block .categorie-4.active:before {background-image: url(../../img/lavori/camera.gif)}
.port_fillter-block .categorie-5.active:before {background-image: url(../../img/lavori/film.gif)}
.port_fillter-block .categorie-6.active:before {background-image: url(../../img/lavori/drawing-tablet.gif)}
.port_fillter-block .categorie-1:before {background-image: url(../../img/lavori/to-do-list.png);}
.port_fillter-block .categorie-2:before {background-image: url(../../img/lavori/web-design.png);}
.port_fillter-block .categorie-3:before {background-image: url(../../img/lavori/form-sheet.png);}
.port_fillter-block .categorie-4:before {background-image: url(../../img/lavori/camera.png);}
.port_fillter-block .categorie-5:before {background-image: url(../../img/lavori/film.png);}
.port_fillter-block .categorie-6:before {background-image: url(../../img/lavori/drawing-tablet.png);}


.portfolio-page .intro h6 {    margin-bottom: 10px;}
.portfolio-page .intro {padding: 80px 0 0 0;overflow:visible;}
.portfolio-page .portfolio_area {padding-top: 0px;}
.portfolio-page .intro h2:before {font-size: 20vw;top: 30%;}
.port-gallery .col-xs-6 {width:100%}
.port-gallery .preview-box {display: block;} 
.port-gallery .preview-box-1 {display: block;} 
#myVideoportfolio {width:100%}
#myVideoportfolio1 {width:100%}
#myVideoportfolio2 {width:100%}
#myVideoportfolio3 {width:100%}
.preview-box {height: 400px !important;}
.port_fillter li {margin: 0px 0px 20px 0;padding: 55px 10px 5px 10px;font: 600 15px/32px "Poppins",sans-serif;}
.categorie-1 {width:47%;display:inline-block!important;}
.categorie-2 {width:47%;display:inline-block!important;}
.categorie-3 {width:47%;display:inline-block!important;}
.categorie-4 {width:47%;display:inline-block!important;}
.categorie-5 {width:47%;display:inline-block!important;}
.categorie-6 {width:47%;display:inline-block!important;}
.online-1 {line-height: 23px;}
.fotografo-interno .work-with-us img {bottom:0;}
.fotografo-interno .news {padding: 0px 0;}
.fotografo-interno .news .post {padding: 25px 0;}
.fotografo-interno .page-header .container h1 span {max-width:270px}
.pr-100 {padding-right: 15px;}
.fotografo-interno .works h2 {font-size: 40px;}
.risommando {font-size: 27px;}
.fotografo-interno .h4 {    font-size: 19px;line-height: 30px;}
.fotografo-interno .h4-1 {    font-size: 19px;line-height: 30px;}
.fotografo-interno .work-with-us h2 {padding-right: 0;font-size: 30px;}
.fotografo-interno .work-with-us img {right: 0px;width: 350px;}
.news .post .post-image {margin-bottom: 45px;}
.fotografo-interno .online-1 {padding-top: 0px;}
.fotografo-interno .news {padding-bottom: 50px;}
.div-center .pulse-button {margin-right:0px;margin-bottom:50px;}
.fotografo-interno .div-center {margin-bottom:100px;}
.fotografo-interno .pulse-button-1 {margin-top: 120px;width: 100%;}
.fotografo-interno .div-center .pulse-button {z-index: 1;left: 15px;right:15px;margin:0 auto;text-align:center}
.fotografo-interno .direction figure figcaption .inner p {font-size: 17px;line-height: 29px;}
.fotografo-interno .direction figure figcaption {left: 0px;width: 100%;}
.fotografo-interno .work-with-us {padding: 70px 0 140px 0;}
.fotografo-interno .works {padding: 80px 0 0px 0;}
.fotografo-interno  .news .post .post-content .inner .post-title {font-size: 35px;}
.direction figure figcaption .inner {padding: 40px 15px 40px 15px;color: #0e0e0e;}
.direction figure figcaption {background:#fff}

.swiper-container-property { width: 100%; height: auto; }
.swiper-button-next-property i {left: 90vw;}
.new-logo .custom-link {margin-top:50px;}
.trigger-4 {margin-bottom: 30px;}
.trigger-2 {padding: 50px 0 50px 0;}
.trigger-2.show {padding: 50px 0 50px 0;}
.trigger-1 {padding: 50px 0 50px 0;}
.trigger-1.show {padding: 50px 0 50px 0;}

.traslochi .trigger-2 {padding: 50px 15px 50px 15px;}
.traslochi .trigger-2.show {padding: 50px 15px 50px 15px;}
.traslochi .trigger-1 {padding: 50px 15px 50px 15px;}
.traslochi .trigger-1.show {padding: 50px 15px 50px 15px;}
.traslochi .trigger-5 {margin-top: 20px;}
.traslochi .trigger-5 a {    margin: 0px 15px 20px 15px;}


.new-logo .mt-70 {margin-top:50px;}
.new-logo .intro h2 {padding-right: 0px;}
.gif {padding:0 30px 0 30px;    margin: -70px 0 100px 0;}
.gif img {margin:30px 0 30px 0;}
.gif:before {display:none}
.clipboard-icon {top:0px;left:8px;}
.comunicazione-alberghi .swiper-slide {max-width: 400px;}
.c_btn-1 {margin-right:0px}
.mt-100 { margin-top: 50px;}
.form-logo {display:none!important}
.errore-page .pulse-button {background: linear-gradient(-56deg,rgba(26,26,38,0.9),rgba(10,165,181,0.9))!important; height:auto!important;border:none!important;   line-height: 30px!important;padding: 15px 35px 15px 35px!important;width:100%!important;left:0px!important;display:block!important;position: fixed!important;right: 0px!important;bottom: 0px!important;z-index: 999!important;}
.errore-page .page-header .container h1 {font-size: 120px;}
.pulse-button {position:absolute;z-index:-100;left:-500px;display:block;}
.pulse-button-fix {width:100%!important;left:0px!important;display:block!important;position: fixed!important;right: 0px!important;bottom: 0px!important;z-index: 999!important;}
.xs-show {display:block}
.relative {margin-bottom:-50px;}
.logo-overlay {width:100%;height:110%;top:-80px;bottom:-40px;left:0px;right:0px;}
.link-custom-1 a {float:left}
.mtm-70 { margin-top: -30px;}
.big-img-r {    position: relative!important;width: 100%!important;top: 0px; right: 0px;}
.footer .footer-bottom .h5 {display:block;width:100%}
#Contatti .footer-contact { margin-bottom: 20px; margin-top: 25px!important;}
#Contatti .footer-contact .container {padding-left:0px!important }
.orario-footer { margin-bottom: 0px;margin-top: 0px;padding-left:0px!important}
.xs-l-0 {padding-left:0px!important}
.pulse-button-fix {right: 0px;bottom: 0px;width:100%}
.checkbox-budget:checked+label, .checkbox-budget:not(:checked)+label {width: 165px; font-size: 15px; line-height: 27px;letter-spacing: 0px;}
.form-prenotazione {background-image: none;}
.offcanvas_menu .closer_icon {left: 89%;top: -50px;margin-right:0px}
.form-prenotazione h2 {padding-right: 0px; font-size: 30px;letter-spacing:-1px;text-transform:uppercase;}
.form-prenotazione .h2 {padding-right: 0px; font-size: 30px;letter-spacing:-1px;text-transform:uppercase;}
.offcanvas_menu {padding: 55px 0px 0px 0px;}
.relative {padding: 0px 15px 0px 15px;}
.post-produzione-page .relative {padding: 0px 0px 0px 0px;}
.form-prenotazione p {    padding-right: 0px;font-size: 16px;}
.col-xs-3 {width: 25%;}
.mw-main .logs {padding:15px 8px 0 8px;display:none}
.mw-main .logs.xs-block {display:block}
.min-h-logo {margin-top:-30px;margin-bottom:40px;}
.works .project-box .content-box .inner h3 {font-size: 6.5vw;}
.works .project-box .content-box .inner .h3 {font-size: 6.5vw;}
.big-img {width: 100%!important;position:relative!important;left:0px!important}
.w-55 {width: 100%;}
.works .project-box {padding: 15px 0;}
.mb-100 { margin-bottom: 40px!important;}
.abs-logo {bottom:0;position:relative;margin-bottom:40px;}
.mb-170 {margin-bottom: 0px;}
.mt-logo {margin-top:-10px;margin-bottom:35px;}
#birre-prezzi .info-post{overflow-x: hidden!important;}
.industry {right: 20px;}
.vertiga-logo-2 {top: 50%;}
#pjWrapperContactForm_28 .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio {padding-left:0px!important}
#pjWrapperContactForm_32 .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio {padding-left:0px!important}
.fotografo-interno #pjWrapperContactForm_3 .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio {padding-left:0px!important}
#birre-prezzi .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio {width: 100%;padding-left:20px}
.vertiga-body  .form-group {margin-bottom: 5px;margin-top: 0px!important;}
#birre-prezzi .pdd-beer {margin-left: 0px!important;margin-top: 20px;}
.vertiga-body .col-6 {-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;}
.vertiga-body .col-8 {-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;}
.vertiga-body .col-7 {-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;}
.vertiga-body .col-5 {-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;}
.vertiga-block .col-7 {-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;}
.vertiga-block-2 .col-9 {-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;}
.vertiga-block h4 {font-size: 33px!important;    padding-bottom: 10px;}
.vertiga-block-2 h4 {font-size: 33px!important;    padding-bottom: 10px;}
.vertiga-block {margin-top: 70px; margin-bottom: 70px;padding: 100px 0;background-repeat: repeat;background-attachment: inherit;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;}
.vertiga-block-2{margin-top: 70px; margin-bottom: 70px;padding: 100px 0;background-repeat: repeat;background-attachment: inherit;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;}
.vertiga-body .intro p {font-size: 15px;line-height: 27px;}
.vertiga-body .intro .h4 {padding-right: 15px;}
.fornito {font-size: 25px; }
.fornito span {padding-left:90px;}
.vert-gif {display:block}
#mybg-div {display:none}
.vertiga-body .page-header { height: 70vh; min-height: 260px;}
.xs-none {display:none!important}
.xs-block {display:block}
.vertiga-wrapper h3 {font-size: 30px;padding-top: 40px;}
.vertiga-wrapper .lager {font-size: 16px;}
.vertiga-wrapper p {font-size: 15px;line-height: 27px;margin-bottom: 0px;}
.vertiga-wrapper .col-4 {-ms-flex: 0 0 100%!important;flex: 0 0 100%!important;max-width: 100%!important;}
.vertiga-wrapper .col-6 {-ms-flex: 0 0 100%!important;flex: 0 0 100%!important;max-width: 100%!important;}
.scale-beer{ -webkit-animation:up 2s ease-in-out infinite;  -moz-animation:up 2s ease-in-out infinite;  -o-animation:up 2s ease-in-out infinite;  animation:up 2s ease-in-out infinite}
.scale-beer-2{ -webkit-animation:up 4s ease-in-out infinite;  -moz-animation:up 4s ease-in-out infinite;  -o-animation:up 4s ease-in-out infinite;  animation:up 4s ease-in-out infinite}
 @keyframes up{ 50%{ -moz-transform:scale(1.05);  -webkit-transform:scale(1.05);  -o-transform:scale(1.05);  transform:scale(1.05)}
}
@-webkit-keyframes up{ 50%{ -moz-transform:scale(1.05);  -webkit-transform:scale(1.05);  -o-transform:scale(1.05);  transform:scale(1.05)}
}
.xs-mr {margin-right:10%!important;margin-left:5%!important}
.vertiga-wrapper-1 .col-2 {-ms-flex: 0 0 40%!important;flex: 0 0 40%!important;max-width: 40%!important;}
.thank-ecommerce .page-header .container-slider h1 {font-size: 15vw!important;}
.thank-vertiga .page-header .container-slider h1 {font-size: 15vw!important;}
.thank-vertiga .page-header .container p {background-color: transparent;}
.rist h2:before {left: 3%!important;font-size: 15vw!important;}
#menu-digitale {margin-bottom:100px;}
.digitale-pizzeria {display:block}
.thankyou-slogan .white{display:block}
.thankyou-slogan {font-size: 1.5rem;}
.thankyou-slogan-1 {font-size: 1.5rem;}
.carousel-control.left,.carousel-control.right {background-image:none;}
.btn-scroll {bottom:100px}
.podtalk-small .cb-cue {display:none!important}
.podtalk-small .sound-animation {display:none!important}
.podtalk-small {width: 60px!important;height:20px;    min-height: 60px;top: 20px!important;left: 0px!important;}
.podtalk-small img {margin-bottom: 0px!important;}
.sound-wave {padding-bottom: 15px;}
.container-sound {width: 100%;bottom: 0px!important;left: 0px!important;border-radius:0px;}
.container-sound img {width: 70px;margin-bottom:15px;text-align: left;margin: 0px;display:inline-block;}
.container-sound .small-none {display:block}
.container-sound .sound-wave {width:220px;margin-left:50px;}
.container-sound .cb-cue {display:inline-block;vertical-align: top;padding-top:10px;margin-bottom: 10px;}
.container-sound .sound-animation {margin-top: -20px;}
.cb-cue i {padding: 0 5px 0 5px;}
.audio-menu {width:60px;left: 1px;top: 25px;}
.icon-podtalk {width: 60px;}
.ecommerce h5 {padding: 0 15px 0 15px;font-size: 18px;line-height: 30px;}
.ecommerce h2 {margin-bottom: 40px;    font-size: 30px;}
.ecommerce h2:before {top: 10%;}
.ecommerce {padding: 70px 0 40px 0!important;}
.xs-mt-50 {margin-top:50px;}
#pjCF_container_9 .pjCF-button {margin-left: 0px!important;}
[id^=pjWrapper] .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio {width: 100%;}
.intro-xs {margin-top:50px;}
.intro-xs h2:before {font-size: 35vw!important;top: -15%!important;}
.intro h4 {font-size: 20px;}
#pjWrapperContactForm_9 .pjCF-form label.cf-heading-medium {margin-top: 30px;}
.online-1 .custom-link {margin-top:30px;}
.xs-active {padding-bottom: 3px;border-bottom: 5px solid #0aa5b5!important;text-decoration: none;}
.custom-link{ display:block;  transition:none}
.custom-link *{ -webkit-transition:none;  -moz-transition:none;  -ms-transition:none;  -o-transition:none;  transition:none}
.parallax-block__download-link:hover {color: #fff;}

.custom-link .lines{ margin-right:20px;width:42px;  height:1px;  float:left;  overflow:hidden}
.custom-link .lines span:nth-child(1){ width:100%;  height:1px;  float:right;  background:#0e0e0e}
.custom-link .lines span:nth-child(2){ width:0;  height:1px;  float:left;  background:#0e0e0e}
.custom-link:hover .lines{ width:42px;  margin-left:0px}
.custom-link:hover .lines span:nth-child(1){ width:100%}
.custom-link:hover .lines span:nth-child(2){ width:0;  transition-delay:0}

.slide-btn{transition:none;}
.slide-btn .lines{     margin-top: 9px;margin-right:20px;width:42px;  height:1px;  float:left;  overflow:hidden;  -webkit-transition:0.25s ease-in-out;  -moz-transition:none;  -ms-transition:none;  -o-transition:none;  transition:none}
.slide-btn .lines span:nth-child(1){ width:100%;  height:1px;  float:right;  background:#fff;  -webkit-transition:none;  -moz-transition:none;  -ms-transition:none;  -o-transition:none;  transition:none}
.slide-btn .lines span:nth-child(2){ width:0;  height:1px;  float:left;  background:#fff;  -webkit-transition:none;  -moz-transition:none;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out}
.slide-btn:hover .lines{ width:42px;  margin-left:0px}
.slide-btn:hover .lines span:nth-child(1){ width:0}
.slide-btn:hover .lines span:nth-child(2){ width:100%;  transition-delay:0.2s}
.slide-btn .video-play-circle{ stroke-dasharray:315;  stroke-dashoffset:315;  transition:stroke-dashoffset 0.5s}
.slide-btn svg{ display:none;  transition:none;  margin-left:0px;  margin-right:0px}
.slide-btn:hover .video-play-circle{ stroke-dashoffset:0}


.xs-hidden {display: none;}
.menu-btn {left: -45px;    top: 170px;}
.parallax-block__title span {display:inline-block}
.preview-box {display: none;} 
.preview-box-1 {display: none;} 
.xs-visible {display:block}
.xs-mb {margin-bottom: 30px;}
.button-next {right: 5px;font-size: 60px;}
.button-prev {left: 5px;font-size: 60px;}
.button-prev, .button-next {top: 40%;}
.button-close {top: -64px;right: 6px;}
.logo img {height: 27px;}
.left span {font-size: 17px;}
.paganella {width: 150px;margin-top:30px;}
.swip .swip-info h4 {font-size: 18px;}
.video-info a {width:100%}
.small, small {font-size: 75%;}
.process h3 {font-size:25px;line-height:35px;}
.process h3 span {font-size:25px;line-height:35px;display:inline-block}
.process {padding: 40px 0 70px 0;}
.swip .swip-info {padding: 25px 25px 15px 25px;width: 100%;right:0;min-height:auto!important}
.swip-btn {position:relative;top:0px;left:0px}
.video-images {z-index:999;bottom:70%;left:10px}
.process h3 {padding-left:0px}
.process h6 {display:none!important}
.process .h6 {display:none!important}
.swip-btn-r {display:none}
.swip img {width:100%}
.page-header .container p {background-color:transparent;padding:0px;line-height:30px;}
.online {padding-left: 15px;}
.col-xs-6 {width: 50%;}
.col-xs-4 {width: 33.33333333%;}
.online {margin-bottom: 50px;}
.online h3 {font-size: 33px;}
.online-1 h2 {font-size: 33px;}
.masonry-large-block__item {margin: 20px 0;padding: 0 10px;}
.parallax-block__title {font-size: 40px;line-height:50px;}
.parallax-block {padding:70px 0 70px 0;min-height: auto;}
.parallax-block__inner .heading-smallest {display:none}
.parallax-block__title-wrapper {display: block;    margin-bottom: 38px;}
.parallax-block__text {margin-bottom:50px;}
.parallax-block__label {text-align: left;}
.parallax-block__label span{display:none}
.parallax-block__download-link i {display:none}
#myVideo {left: -30%;transform: translate(-20%, 0%);}
.parallax-block__play {margin-left:0px;}
.phones {display:none}
.clienti {display:none}
.navbar .logo {margin-top:20px;}
.comunicazione h2 {margin-bottom: 0px;font-size: 35px;}
.comunicazione .h2 {margin-bottom: 0px;font-size: 35px;}
.swiper-container-3 img {width:100%}
.container{ padding:0 15px}
.comunicazione h6 {margin-top:0px}
 .page-header .video-bg:before{ display:none}
 header .scroll-down{ left:40%}
 header .sound{ right:30px;  bottom:30px}
 .header{ min-height:inherit}
 .page-header{ min-height:inherit}
 .page-header .container h1{ font-size:15vw}
 .navigation-menu.active .bg-layers span{ width:50%}
 .navigation-menu.active .bg-layers span:nth-child(1){ left:-50%;  width:50%}
 .navigation-menu.active .bg-layers span:nth-child(2){ left:0;  width:50%}
 .navigation-menu.active .bg-layers span:nth-child(3){ left:50%;  width:50%}
 .navigation-menu.active .bg-layers span:nth-child(4){ left:100%;  width:50%}
 .navigation-menu .inner .menu ul li{ display:block;  margin-bottom:20px}
 .navigation-menu .inner .menu ul li a{ font-size:9vw;  padding-bottom:2px}
 .navigation-menu .inner .menu ul li a:hover{ padding-bottom:2px}
 .navigation-menu .inner .menu ul li ul{ position:static;  display:block;  visibility:visible;  opacity:1;  margin-top:10px;  margin-bottom:0}
 .navigation-menu .inner .menu ul li ul li{ padding:5px 0}
 .navigation-menu .inner .menu ul li ul li a{ font-size:20px}
 .navigation-menu .inner .menu ul li:hover ul{ display:block}
 .navigation-menu .inner blockquote{ display:none}
 .navbar{ padding:20px 30px}
 .navbar .right ul .green-btn{ display:none}
 #hamburger-menu:before { display:none}
 .language {margin-top:-5px;margin-right:0px;}
 .navbar .left {width: 45%;}
  .navbar .right {width: 45%;}
 .navbar .right .hamburger-menu{ margin-left:auto}
 header .left-side{ display:none}
 .header .container h1{ font-size:20vw}
 .header .container h1 span{ margin-left:0;  transform:translateY(0)}
 .header .container .slide-btn{ padding-left:0}
 .swiper-slider .swiper-slide .slide-inner{ padding:0}
 .swiper-slider .swiper-pagination-bullets{ display:none}
 .swiper-slider .swiper-slide .slide-inner:before{ display:none}
 .swiper-slider .swiper-slide .slide-inner .container h1{ font-size:15vw}
 .swiper-slider .swiper-slide .slide-inner .container h1 span{ margin-left:0;  transform:translateY(0)}
 .swiper-slider .swiper-slide .slide-inner .container h2{ font-size:15vw}
 .swiper-slider .swiper-slide .slide-inner .container h2 span{ margin-left:0;  transform:translateY(0)}
 .swiper-slider .swiper-slide .slide-inner .container .slide-btn{margin-top: 50px;padding-left:0}
 .tagline {display:none!important}
 .awards{ padding:40px 0;  padding-bottom:0}
 .awards .odometer{ margin-bottom:40px}
 .works-single h2{ font-size:32px;  margin-bottom:20px}
 .works-single h4{ margin-bottom:20px}
 .works-single p{ font-size:18px;  line-height:30px}
 .hello h2{ font-size:32px;  margin-bottom:20px}
 .hello address{ margin-bottom:20px}
 .hello iframe{ height:400px !important}
 .hello #contact{ width:auto;  margin-top:40px;  padding:0;  margin-left:-15px}
 .team h2{ font-size:32px;  margin-bottom:20px}
 .intro h2{ font-size:32px;  margin-bottom:20px}
 .intro h4{ margin-bottom:20px}
 .intro p{ font-size:18px;  line-height:30px}
 .services-content-block h2{ font-size:32px;  margin-bottom:60px}
 .direction h2{ font-size:32px;  margin-bottom:40px}
 .direction figure figcaption{ width:100%;  position:static;  display:block}
 .works h2{ font-size:30px;  margin-bottom:20px}
 .works .h2{ font-size:30px;  margin-bottom:20px}
 .works .project-box{ flex-direction:column}
 .works .project-box figure{ width:100%;  margin-bottom:20px}
 .works .project-box:nth-child(2n+2) figure{ order:0}
 .works .project-box:nth-child(2n+2) .content-box{ text-align:left}
 .works .project-box:nth-child(2n+2) .custom-link a{ float:left}
 .works .project-box .content-box{ width:100%;  padding-left:0}
 .works .project-box .content-box .inner small{ margin-bottom:5px}
 .works .project-box .content-box .inner h3{ margin-bottom:30px}
 .works .project-box .content-box .inner h3 span{ margin-left:0;  font-size:13vw}
 .works .project-box .content-box .inner .h3{ margin-bottom:30px}
 .works .project-box .content-box .inner .h3 span{ margin-left:0;  font-size:13vw}
 .services-content-block .col-md-4:nth-child(3){ margin:40px 0}
 .work-with-us h2{ font-size:32px;  margin-bottom:20px}
 .clients h2{ font-size:32px;  margin-bottom:20px}
 .clients ul{ margin-left:-10px;  margin-right:-10px;  margin-top:40px;  width:auto}
 .clients ul li{ width:50%}
 .news .pagination{ margin-top:0;  text-align:left}
 .news .pagination a{ margin-left:0;  margin-right:20px}
 .news .post .post-content{ padding:0}
 .news .post:nth-child(2n+2) .post-content{ padding:0}
 .footer{ padding:100px 0 40px 0}
 .footer .footer-quote img{ margin-bottom:40px}
 .footer .footer-quote{ margin-bottom:40px}
 .footer .footer-quote h2{ font-size:8vw}
 .footer .footer-quote .h2{ font-size:8vw}
 .footer .footer-contact{ margin-bottom:40px}
 .footer .footer-contact address{ margin-bottom:0px}
 .footer .footer-bottom ul li{ margin-right:15px}
 .pulse-button { touch-action: manipulation;padding: 15px 35px 15px 35px;font-weight:600!important;background: linear-gradient( -56deg,rgba(26,26,38,0.9),rgba(10,165,181,0.9));}
}


@media only screen and (max-width:360px), only screen and (max-device-width:360px){
.cb-cue {font-size: 13px;}
.sound-wave {padding-bottom: 15px;}
}


@media (min-width: 1921px) and (max-width: 3000px) {
.container-1 {width: 1800px;}
.mrl-0 {width: 1800px;margin: auto!important;max-width: 100%;}
.container {width: 1800px;max-width: 1800px;}
.fotografo-interno .work-with-us { padding: 180px 0 180px 0;}
.gif:before {background-size: contain;}
.swip .swip-info {width: 20%;min-height: 500px!important;}
.swip img {width: 60%;min-height: 500px!important;}
.comunicazione h2:before {top: 5%;}
.comunicazione .h2:before {top: 5%;}
.works h2:before {    font-size: 17vw;    top: -200px;}
.works .h2:before {    font-size: 17vw;    top: -200px;}
.big-img {width: 60%!important;left: -50px;}
.big-img-r {width: 60%!important;top: 0px;right: -50px;}
.works .project-box {min-height: 750px;}
.abs-logo {bottom: 0px;position: relative;}
.mt-logo {margin-top: 220px;}
.min-h-logo {margin-top:-120px;margin-bottom:70px;}
.footer .footer-bottom .h5 {width: 100%;}
.ecommerce h2:before {top:-170px}
.link-custom-1 a {float:none}
}