/*
 
Theme name: Parziale Evolution
Theme url: #
Description: Tema realizzato ad hoc.
Version: 1.0 
Author: Widuco
Author url: #
Tags: solutions themes, themes wordpress, themes magazine, themes responsive
 
*/

/*General Style*/
html{scroll-behavior: smooth;}
html, body{width: 100% !important; overflow-x: hidden;}
a, button{cursor: pointer}
a, a:hover, a:focus, a:active, i, i:hover, button, button:hover, button:active, button:focus{text-decoration: none !important; outline: none !important; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.clear{clear: both;}
.equalbox{margin-top: auto; margin-bottom: auto;}
body .container{max-width: 1440px}

/*Header*/
header{padding: 8px;}
nav.navbar{padding: 27px; float: right; width: calc(100% - 110px);}
header ul{margin: 0px; display: table; padding-left: 0px; width: auto; float: right;}
header ul li{list-style-type: none; float: left; margin-right: 55px;}
header ul li a{font-size: 18px; color: #4A4A4A; font-family: 'Mulish', sans-serif; font-weight: 400; cursor: pointer; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
header ul li a:hover{color: #15717D; font-family: 'Mulish', sans-serif; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
header ul li.current_page_item a{font-weight: 600; color: #15717D}
header ul li.preventivo a{color: #399499} 
header ul li.idea{float: right; margin-right: 0px;}
header ul li.idea a{background: #F36633; color: #fff; padding: 15px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
header ul li.idea a:hover{background: #cf5022; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.navbar-header{display: none;}
.navbar-collapse{display: table !important; width: 100%}
.navbar-nav{display: table !important; width: 100%;}
.navbar-nav li{float: left; padding: 15px;}
.navbar-nav li a{text-transform: uppercase; color: #fff; font-size: 18px;}
header ul ul.sub-menu{position: absolute; width: auto;    z-index: -9; border-top: 10px solid #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; opacity: 0;}
header ul ul.sub-menu li{float: none; margin-right: 0px;}
header ul ul.sub-menu li a{color: #fff; width: 100%; padding: 8px 15px; background: #f36633; display: block; border-top: 1px solid #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
header ul ul.sub-menu li a:hover{color: #fff; background: #cf5022; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
header ul li:hover ul.sub-menu{position: absolute; width: auto; z-index: 9999999; border-top: 10px solid #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; opacity: 1;}
header img{width: 90px;}

/*Policy*/
.policy .space_text h3{line-height: 44px; color: #72635D; font-size: 40px; font-family: 'Mulish', sans-serif; font-weight: 800 !important; margin-bottom: 0px !important;}
.desc_policy{padding-top: 100px; padding-bottom: 100px} 
.desc_policy p{margin-bottom: 10px; font-size: 18px; line-height: 27px; font-weight: 400; font-family: 'Mulish', sans-serif;}

/*Errore 404*/
.desc_error{padding-top: 100px; padding-bottom: 100px} 
.desc_error p strong{font-size: 50px}
.desc_error p{font-size: 30px; margin-bottom: 10px; line-height: 30px; font-weight: 400; font-family: 'Mulish', sans-serif; text-align: center;}

/*Home*/
.slide .space_text{padding: 100px 0px 100px; z-index: 9; position: relative;}
.slide{background-color: #EFEFED; background-position: right 40%; background-repeat: no-repeat; background-size: 62%; position: relative}
.slide_page{background-position: right 80%}
.slide_page .space_text{padding: 50px 0px 80px;}
.slide_page h1{font-weight: 800 !important; margin-bottom: 0px !important}
.slide_page span{font-size: 12px; color: #15717D; line-height: 15px; margin-bottom: 35px; display: table;}
.slide_page span a{color: #15717D;}
.servizi, .prodotti, .offerte, .soluzione, .partners{padding: 100px 25px; font- family: 'Mulish', sans-serif;}
.slide .space_text h1{line-height: 44px; margin-bottom: 50px; color: #72635D; font-size: 40px; font-weight: 700; font-family: 'Mulish', sans-serif;}
.slide .space_text p{margin-bottom: 50px; color: #4A4A4A; font-size: 16px; font-weight: 400; font-family: 'Mulish', sans-serif;}
.slide .space_text .link a{font-weight: 700; padding: 15px 25px 15px; display: table; color: #fff; font-size: 18px; font-family: 'Mulish', sans-serif; background: #F36633; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.slide .space_text .link a:hover{background: #cf5022; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.servizi img{padding-top: 10px; margin: auto; display: table; width: 100px;}
.servizi h2{color: #4A4A4A; font-weight: 600; font-size: 18px; font-family: 'Nunito Sans', sans-serif;}
.servizi p{color: #4A4A4A; font-size: 16px; margin-bottom: 0px; font-family: 'Nunito Sans', sans-serif; line-height: 20px;}
.prodotti{display: table; width: 100%}
.prodotti img{width: 100%}
.prodotti h3{color: #72635D; font-size: 40px; font-weight: 800; font-family: 'Mulish', sans-serif;}
.prodotti a{float: right; color: #4A4A4A; font-size: 15px; font-weight: 500; padding-top: 16px; font-family: 'Mulish', sans-serif;}
.prodotti .space_prodotti{padding-bottom: 60px;}
.offerte{background: linear-gradient(-115deg, rgb(239,239,237) 53%, rgb(239,239,237) 0%, rgb(247, 247, 247) 0%, rgb(247, 247, 247) 100%); clear: both}
.offerte .space_text h3{margin-bottom: 50px; color: #72635D; font-size: 40px; font-weight: 800; font-family: 'Mulish', sans-serif;}
.offerte .space_text p{margin-bottom: 50px; line-height: 24px; color: #4A4A4A; font-size: 18px; font-weight: 400; font-family: 'Mulish', sans-serif;}
.offerte .space_text .link a{font-weight: 600; padding: 15px 60px 15px; border: 1px solid #22382F; display: table; color: #22382F; font-size: 15px; font-family: 'Mulish', sans-serif; line-height: 18px;}
.offerte .space_text .link a:hover{background: #cf5022; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; color: #fff; border: 1px solid #cf5022;}
.offerte .image_offerte{text-align: right; position: relative;}
.offerte .elenco_offerte span{padding: 16px 0px; margin-top: 13px; margin-bottom: 13px; display: table; width: 100%; text-align: left; color: #4A4A4A; font-size: 20px; line-height: 20px; font-weight: 600; position: relative;}
.offerte .elenco_offerte img{position: absolute; top: 0; bottom: 0; margin: auto; right: 0; padding-right: 20px;}
.soluzione h4{color: #15717D; font-size: 14px; line-height: 18px; text-align: center; font-weight: 400;}
.soluzione span p{margin-bottom: 40px; color: #4A4A4A; font-size: 30px; line-height: 33px; text-align: center; font-weight: 800; margin-top: 20px; display: block;}
.soluzione span strong{color: #15717D}
.soluzione p{margin-bottom: 40px; color: #4A4A4A; font-size: 16px; line-height: 20px; text-align: center; font-weight: 400; display: block;}
.soluzione .space_top_section{margin-top: 4em; padding-left: 9em; padding-right: 9em; margin-bottom: 6em; padding-top: 20px; padding-bottom: 20px; background: #fff; -webkit-box-shadow: 0px 0px 50px -20px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 50px -20px rgba(0,0,0,0.75); box-shadow: 0px 0px 50px -20px rgba(0,0,0,0.75);}
.soluzione .section_five{width: 25%; float: left;}
.soluzione .section_five .box_section{display: table; margin: auto}
.soluzione .section_five img{float: left}
.soluzione .section_five p{font-weight: 600; margin-bottom: 0px; font-size: 18px; line-height: 23px; color: #4A4A4A; float: left; padding-left: 15px;}
.passaggi{font-family: 'Mulish', sans-serif;}
.passaggi img{width: 100%; padding: 7px; margin-top: 5px;}
.passaggi p{display: table; font-size: 16px; line-height: 21px; color: #4A4A4A; text-align: left; margin-bottom: 0px;}
.passaggi em{font-size: 30px; font-weight: 600; font-style: normal; float: left; padding-right: 5px; line-height: 21px;}
.passaggi strong{font-size: 18px; line-height: 25px; font-weight: 600; margin-bottom: 10px; display: table; float: left;}
.passaggi .space_bottom{margin-bottom: 7em;}
.passaggi .dettaglio a{margin: auto; display: table; padding: 20px 35px 20px; background: #F36633; font-size: 18px; font-weight: 700; color: #fff; letter-spacing: 0.5px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.passaggi .dettaglio a:hover{background: #cf5022; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.recensioni{font-family: 'Mulish', sans-serif;}
.recensioni .space_text{padding: 100px 25px 100px}
.recensioni .recensioni_int{background-color: #fff; background-position: right 40%; background-repeat: no-repeat; background-size: 62%; width: 100%; -webkit-box-shadow: 0px 0px 50px -20px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 50px -20px rgba(0,0,0,0.2); box-shadow: 0px 0px 50px -20px rgba(0,0,0,0.2);}
.recensioni h5{margin-bottom: 80px; color: #72635D; font-size: 40px; font-weight: 800; font-family: 'Mulish', sans-serif; line-height: 33px;}
.recensioni .space_text h1{margin-bottom: 50px; color: #4A4A4A; font-size: 40px; font-weight: 700; font-family: 'Mulish', sans-serif;}
.recensioni .space_text p{margin-bottom: 50px; color: #4A4A4A; font-size: 16px; line-height: 26px; font-weight: 400; font-family: 'Mulish', sans-serif;}
.recensioni .stars{display: table; width: 100%; margin-top: 15px; margin-bottom: 15px;}
.recensioni .stars span{width: auto !important; display: table !important; float: left; margin-right: 4px}
.recensioni .checked{color: #4A4A4A;}
.carousel .carousel--wrap a figure{-webkit-box-shadow: 0px 0px 80px -35px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 80px -35px rgba(0,0,0,0.5); box-shadow: 0px 0px 80px -35px rgba(0,0,0,0.5);}
.prodotti{padding-top: 30px}
*, *:after, *:before{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; -moz-user-select: none; user-select: none;}
.testim{width: 100%; position: relative; top: 0%; -webkit-transform: translatey(0%); -moz-transform: translatey(0%); -ms-transform: translatey(0%); -o-transform: translatey(0%); transform: translatey(0%);}
.testim .wrap{position: relative; width: 100%; max-width: 1020px; padding: 80px 40px 40px; margin: auto;}
.testim .arrow:before{cursor: pointer;}
.testim .arrow:hover{color: #3e8c93;}
.testim .arrow.left{left: 70px; display: none}
.testim .arrow.right{right: 70px; display: none}
.testim .dots{text-align: center; position: absolute; width: auto; bottom: 50px; left: 0; display: none; z-index: 3333; height: 12px; padding-left: 35px;}
.testim .dots .dot{list-style-type: none; display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #3e8c93; margin: 0 10px; cursor: pointer; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; position: relative;}
.testim .dots .dot.active, .testim .dots .dot:hover{background: #3e8c93; border-color: #3e8c93;}
.testim .dots .dot.active{-webkit-animation: testim-scale .5s ease-in-out forwards; -moz-animation: testim-scale .5s ease-in-out forwards; -ms-animation: testim-scale .5s ease-in-out forwards; -o-animation: testim-scale .5s ease-in-out forwards; animation: testim-scale .5s ease-in-out forwards;}
.testim .cont{position: relative; overflow: hidden;}
.testim .cont > div{text-align: center; position: absolute; top: 0; left: 0; padding: 0 0 70px 0; opacity: 0; font-family: 'Raleway';}
.testim .cont > div.inactive{opacity: 1;}
.testim .cont > div.active{position: relative; opacity: 1;}
.testim .cont div span.name{color: #4A4A4A; font-size: 16px; width: 100%; text-align: left; display: block; font-weight: 700; font-family: 'Mulish', sans-serif;}
.testim .cont div p{font-size: 16px; color: #4A4A4A; line-height: 22px; text-align: left; margin-bottom: 2.5em; margin-top: 2em; font-family: 'Mulish', sans-serif;}
.testim .cont div.active span{-webkit-animation: testim-content-in .4s ease-in-out forwards; -moz-animation: testim-content-in .4s ease-in-out forwards; -ms-animation: testim-content-in .4s ease-in-out forwards; -o-animation: testim-content-in .4s ease-in-out forwards; animation: testim-content-in .4s ease-in-out forwards;}
.testim .cont div.active p {-webkit-animation: testim-content-in .5s ease-in-out forwards; -moz-animation: testim-content-in .5s ease-in-out forwards; -ms-animation: testim-content-in .5s ease-in-out forwards; -o-animation: testim-content-in .5s ease-in-out forwards; animation: testim-content-in .5s ease-in-out forwards;}
.testim .cont div.inactive span{-webkit-animation: testim-content-out .4s ease-in-out forwards; -moz-animation: testim-content-out .4s ease-in-out forwards; -ms-animation: testim-content-out .4s ease-in-out forwards; -o-animation: testim-content-out .4s ease-in-out forwards; animation: testim-content-out .4s ease-in-out forwards;}
.testim .cont div.inactive p{-webkit-animation: testim-content-out .5s ease-in-out forwards; -moz-animation: testim-content-out .5s ease-in-out forwards; -ms-animation: testim-content-out .5s ease-in-out forwards; -o-animation: testim-content-out .5s ease-in-out forwards; animation: testim-content-out .5s ease-in-out forwards;}
.testim .cont .fa.fa-star{color: #fff}
.testim .cont .fa.fa-star.checked{color: #15717d}
.testim .cont > div span.title{color: #4A4A4A; font-size: 16px; width: 100%; text-align: left; display: block; font-weight: 700; font-family: 'Mulish', sans-serif;}
@-webkit-keyframes testim-scale{
    0%{-webkit-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee;}
    35%{-webkit-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee;}
    70%{-webkit-box-shadow: 0px 0px 10px 5px #3e8c93; box-shadow: 0px 0px 10px 5px #3e8c93;}
    100%{-webkit-box-shadow: 0px 0px 0px 0px #3e8c93; box-shadow: 0px 0px 0px 0px #3e8c93;}
}
@-moz-keyframes testim-scale {
    0%{-webkit-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee;}
    35%{-webkit-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee;}
    70%{-webkit-box-shadow: 0px 0px 10px 5px #3e8c93; box-shadow: 0px 0px 10px 5px #3e8c93;}
    100%{-webkit-box-shadow: 0px 0px 0px 0px #3e8c93; box-shadow: 0px 0px 0px 0px #3e8c93;}
}
@-ms-keyframes testim-scale {
    0%{-webkit-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee;}
    35%{-webkit-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee;}
    70%{-webkit-box-shadow: 0px 0px 10px 5px #3e8c93; box-shadow: 0px 0px 10px 5px #3e8c93;}
    100%{-webkit-box-shadow: 0px 0px 0px 0px #3e8c93; box-shadow: 0px 0px 0px 0px #3e8c93;}
}
@-o-keyframes testim-scale {
    0%{-webkit-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee;}
    35%{-webkit-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee;}
    70%{-webkit-box-shadow: 0px 0px 10px 5px #3e8c93; box-shadow: 0px 0px 10px 5px #3e8c93;}
    100%{-webkit-box-shadow: 0px 0px 0px 0px #3e8c93; box-shadow: 0px 0px 0px 0px #3e8c93;}
}
@keyframes testim-scale {
    0%{box-shadow: 0px 0px 0px 0px #eee;}
    35%{box-shadow: 0px 0px 10px 5px #eee;}
    70%{box-shadow: 0px 0px 10px 5px #3e8c93;}
    100%{box-shadow: 0px 0px 0px 0px #3e8c93;}
}
@-webkit-keyframes testim-content-in {
    from{opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
    to{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@-moz-keyframes testim-content-in {
	from{opacity: 0; -moz-transform: translateY(100%); transform: translateY(100%);}
    to{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@-ms-keyframes testim-content-in {
    from{opacity: 0; -moz-transform: translateY(100%); transform: translateY(100%);}
    to{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@-o-keyframes testim-content-in {
    from{opacity: 0; -moz-transform: translateY(100%); transform: translateY(100%);}
    to{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes testim-content-in {
    from{opacity: 0; transform: translateY(100%);}
    to{opacity: 1; transform: translateY(0);}
}
@-webkit-keyframes testim-content-out {
    from{opacity: 1; -o-transform: translateY(0); transform: translateY(0);}
    to{opacity: 0; transform: translateY(-100%); transform: translateY(-100%);}
}
@-moz-keyframes testim-content-out {
    from{opacity: 1; -o-transform: translateY(0); transform: translateY(0);}
    to{opacity: 0; transform: translateY(-100%); transform: translateY(-100%);}
}
@-ms-keyframes testim-content-out {
    from{opacity: 1; -o-transform: translateY(0); transform: translateY(0);}
    to{opacity: 0; transform: translateY(-100%); transform: translateY(-100%);}
}
@-o-keyframes testim-content-out{
    from{opacity: 1; -o-transform: translateY(0); transform: translateY(0);}
    to{opacity: 0; transform: translateY(-100%); transform: translateY(-100%);}
}
@keyframes testim-content-out{
    from{opacity: 1; transform: translateY(0);}    
    to{opacity: 0; transform: translateY(-100%);}
}
@-webkit-keyframes testim-show {
    from{opacity: 0; -o-transform: scale(0); transform: scale(0);}    
    to{opacity: 1; -o-transform: scale(1); transform: scale(1);}
}
@-moz-keyframes testim-show {
    from{opacity: 0; -o-transform: scale(0); transform: scale(0);}    
    to{opacity: 1; -o-transform: scale(1); transform: scale(1);}
}
@-ms-keyframes testim-show {
    from{opacity: 0; -o-transform: scale(0); transform: scale(0);}    
    to{opacity: 1; -o-transform: scale(1); transform: scale(1);}
}
@-o-keyframes testim-show{
	from{opacity: 0; -o-transform: scale(0); transform: scale(0);}    
    to{opacity: 1; -o-transform: scale(1); transform: scale(1);}
}
@keyframes testim-show {
    from{opacity: 0; transform: scale(0);}    
    to{opacity: 1; transform: scale(1);}
}
@-webkit-keyframes testim-hide {
    from{opacity: 1; -moz-transform: scale(1); transform: scale(1);}    
    to{opacity: 0; -moz-transform: scale(0); transform: scale(0);}
}
@-moz-keyframes testim-hide{
    from{opacity: 1; -moz-transform: scale(1); transform: scale(1);}    
    to{opacity: 0; -moz-transform: scale(0); transform: scale(0);}
}
@-ms-keyframes testim-hide{
    from{opacity: 1; -ms-transform: scale(1); transform: scale(1);}
    to{opacity: 0; -ms-transform: scale(0); transform: scale(0);}
}
@-o-keyframes testim-hide{
    from{opacity: 1; -o-transform: scale(1); transform: scale(1);}
    to{opacity: 0; -o-transform: scale(0); transform: scale(0);}
}
@keyframes testim-hide{
    from{opacity: 1; transform: scale(1);}
    to{opacity: 0; transform: scale(0);}
}
.partners img{margin: auto; min-height: 60px; display: table;}

/*Scroll Prodotti*/
.owl-carousel{float: right; left: 0; position: absolute; right: 0; top: 0%; transform: translateY(0%);}
.owl-carousel .owl-item{transition: 300ms;}
.owl-carousel .owl-item.center{opacity: 1;}
.modal{display: none; float: left; position: absolute; top: 20px; bottom: 20px; right: 20px; left: 20px; z-index: 1; background: #333; border-radius: 5px; overflow: hidden;}
.w50{position: relative; width: 100%; height: 100%; float: left;}
.w50.bg{background: #333 url(https://images.unsplash.com/photo-1469826834904-e92950ee5bf9) no-repeat; background-size: cover;}
.w50.info{background: #343434; padding: 4% 5%; transform: scale(0);}
.closebtn{position: absolute; color: #fff; top: 0; right: 0; font-size: 22px; margin: 15px 18px; cursor: pointer; border-radius: 42px; width: 42px; height: 42px; font-weight: bold; line-height: 33px; border: 2px solid #fff; text-align: center; transition: 300ms;}
.closebtn:hover {background: #fff; color: #343434;}
.galeri.my-gallery{display: block}
.galeri.my-gallery .opacity{position: absolute; z-index: 999999; height: calc(100% - 15px); width: 100%; background: linear-gradient(0deg, rgba(103,79,65,0.6), rgba(103, 79, 65, 0))}
.galeri.my-gallery .item a{width: 100%}
.galeri.my-gallery .item p{position: absolute; z-index: 9999999; bottom: 25px; left: 30px; font-size: 26px; line-height: 33px; color: #FFF; font-weight: 800; margin-bottom: 0px;}
.galeri.my-gallery .item span{position: absolute; z-index: 9999999; bottom: 60px; left: 31px; font-size: 13px; line-height: 33px; color: #FFF; font-weight: 800;}

/*.owl-carousel .owl-nav{position: absolute; top: 0%; left: 0%; margin-right: 0%; transform: translate(0%, -50%); width: auto;}
.owl-carousel .owl-nav button.owl-next{height: auto !important; display: table; float: right}
.owl-carousel .owl-nav button.owl-prev{float: left}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{display: table; font-size: 100px; color: #fff; top: -15px; position: relative;}*/

.owl-nav button{position: absolute; top: 50%; background-color: #000; color: #fff; margin: 0; transition: all 0.3s ease-in-out;}
.owl-nav button.owl-prev{left: 0;}
.owl-nav button.owl-next{right: 0;}
.owl-dots{text-align: center; padding-top: 15px; display: none}
.owl-dots button.owl-dot{width: 15px; height: 15px; border-radius: 50%; display: inline-block; background: #ccc; margin: 0 3px;}
.owl-dots button.owl-dot.active{background-color: #000;}
.owl-dots button.owl-dot:focus{outline: none;}
.owl-nav button{position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0) !important;}
.owl-nav span{font-size: 100px; position: relative; top: -5px; color: #fff;}
.owl-nav button:focus{outline: none;}

@keyframes anim1{
  to{transform: scale(1);}
}

@keyframes anim2{
  to{width: 50%;}
}

@keyframes anim3{
  to{transform: scale(1);}
}

/*Chi Siamo*/
.all_chi_siamo .container{overflow: hidden}
.all_chi_siamo .galeri.my-gallery{width: 100%}
.all_chi_siamo .owl-carousel .owl-dots.disabled, .all_chi_siamo .owl-carousel .owl-nav.disabled{display: block !important}
.all_chi_siamo button.owl-prev{font-size: 100px !important; position: absolute; top: 43%; left: 0%; transform: translate(25%, 100%); color: #fff !important; height: 0px;}
.all_chi_siamo button.owl-next{font-size: 100px !important; position: absolute; top: 43%; right: 0%; transform: translate(-25%, 100%); color: #fff !important; height: 0px;}
.all_chi_siamo .item img{margin-bottom: 0px !important}

/*Effetto Prodotti*/
.carousel{width: 100%; cursor: -webkit-grab; cursor: grab;}
.carousel.dragging{cursor: -webkit-grabbing; cursor: grabbing;}
.carousel--wrap{white-space: nowrap;}
.carousel--item{display: inline-block; width: 30vw; padding: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.carousel--item figure{position: relative; z-index: 1; display: block; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 0px}
.carousel--item figure img{position: absolute; z-index: 1; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; vertical-align: middle; transform-origin: center;}
.carousel--item h2{position: absolute; font-size: 26px; bottom: 30px; color: #fff; z-index: 9; font-weight: 800; text-transform: uppercase; left: 45px; line-height: 33px; font-family: 'Mulish', sans-serif;}
.carousel--progress{position: fixed; z-index: 2; pointer-events: none; bottom: 2vw; width: 20vw; left: 3vw; height: 1px; background: rgba(255, 255, 255, 0.2); display: none;}
.carousel--progress-bar{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); transform: scaleX(0); transform-origin: 0% 0%;}

/*Prodotti*/
.all_prodotti{padding-top: 150px; padding-left: 0px; padding-right: 0px}
.all_prodotti .row{margin-right: -60px; margin-left: -60px;}
.all_prodotti .more_padding_product{padding: 50px 60px 50px 60px;}
.all_prodotti .more_padding_product a.shadow{padding-top: 0px; -webkit-box-shadow: 0px 0px 55px -18px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 55px -18px rgba(0,0,0,0.5); box-shadow: 0px 0px 55px -18px rgba(0,0,0,0.5);}
.all_prodotti .more_padding_product a.shadow:hover{color: #15717D; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.all_prodotti .more_padding_product a.shadow h2{font-size: 15px; line-height: 19px; padding: 15px; margin: 0px; text-align: center;}
.banner{padding: 80px 0px; background: #15717D;}
.banner h2{color: #FFF; font-size: 30px; line-height: 33px; font-weight: 600; margin-bottom: 30px}
.banner p{margin-bottom: 0px; font-size: 18px; line-height: 24px; color: #FFF; font-weight: 400;}
.numb_banner a{position: relative; margin-top: 8px; background: #F36633; float: right; padding: 25px 45px 25px 100px; font-size: 36px; line-height: 46px; color: #fff; font-family: 'Mulish', sans-serif; -webkit-box-shadow: 0px 0px 55px -18px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 55px -18px rgba(0,0,0,0.5); box-shadow: 0px 0px 55px -18px rgba(0,0,0,0.5); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.numb_banner a:hover{background: #cf5022; color: #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.numb_banner a:before{position: absolute; width: 48px; left: 25px; top: 22px; height: 48px;}
.prodotti_internal_page{padding-top: 50px; padding-bottom: 150px}
.prodotti_internal_page h3{font-weight: 800}
.slide_extra .link a{font-weight: 600 !important; padding: 15px 60px 15px !important; display: table !important; font-size: 15px !important; background: transparent !important; border: 1px solid #22382F; color: #22382F !important;}
.slide_extra .link a:hover{background: #cf5022 !important; color: #fff !important; border: 1px solid #cf5022 !important}
.slide_extra.slide_extra_prodotti{background-color: #efefed !important}

/*Page Servizi*/
.page_servizi .space_text{padding-bottom: 0px !important}
.page_servizi h1{font-size: 50px !important; line-height: 60px !important; margin-top: 55px; font-weight: 800 !important; margin-bottom: 45px !important;}
.page_servizi p{line-height: 22px;}
.page_servizi .addons{width: 100%; height: 0; border-left: 500vh solid transparent; border-right: 0px solid transparent; border-bottom: 400px solid #fff; margin-top: -230px; position: relative;}
.nostri_legni h2{font-size: 40px; line-height: 33px; color: #72635D; width: 100%; text-align: center; margin-top: 0px; font-weight: 800; margin-bottom: 120px; font-family: 'Mulish', sans-serif;}
.nostri_legni .sinistra, .nostri_legni .destra{margin-bottom: 25px; margin-top: 25px; width: 100%}
.nostri_legni .sinistra .no_padding, .nostri_legni .destra .no_padding{padding: 0px !important}
.nostri_legni .sinistra img, .nostri_legni .destra img{width: 100%;}
.nostri_legni .center{margin: 0; position: absolute; top: 45%; left: 45%; transform: translate(-55%, -55%);}
.nostri_legni .destra .center{margin: 0; position: absolute; top: 45%; left: 54%; transform: translate(-54%, -55%);}
.nostri_legni .more_page .center{width: 60%}
.nostri_legni .more_page .center p{line-height: 30px;}
.nostri_legni h3{margin-bottom: 20px; font-size: 38px; line-height: 46px; color: #4A4A4A; font-weight: 600; font-family: 'Mulish', sans-serif;}
.nostri_legni p{font-size: 18px; line-height: 24px; color: #4A4A4A; font-family: 'Mulish', sans-serif;}
.nostri_legni .mobile{display: none}

/*Page Contatti*/
.slide_contatti{background-color: #EFEFED;}
.banner_contact{background: #fff !important}
.banner_contact .numb_banner{display: table; margin-bottom: 100px;}
.banner_contact p{color: #4A4A4A; margin-bottom: 30px; font-size: 20px; line-height: 26px; font-family: 'Mulish', sans-serif; font-weight: 400;}
.banner_contact p strong{font-weight: 600}
.banner_contact p a{color: #15717D;}
.banner_contact p a:hover{text-decoration: underline !important}
.banner_contact .form p.space_bottom{margin-bottom: 100px}
.banner_contact .form label{width: 100%}
.banner_contact .form input, .banner_contact .form select{margin-bottom: 15px; border: 1px solid #C3C3C3; padding: 13px; color: #C3C3C3; font-size: 15px; line-height: 19px; width: 100%}
.banner_contact .form textarea{margin-bottom: 0px; border: 1px solid #C3C3C3; padding: 13px; color: #C3C3C3; font-size: 15px; line-height: 19px; width: 100%; height: 200px}
.banner_contact .form input[type="submit"]{font-size: 18px; background: #15717D; line-height: 22px; color: #FFF; padding: 20px; font-weight: 600; width: 50%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.banner_contact .form input[type="submit"]:hover{background: #f36633; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{padding: 15px; text-align: center; margin: 0px;}
.wpcf7-not-valid{border: 1px solid #dc3232 !important}
.wpcf7-not-valid-tip{display: none !important}
.banner_contact .form input[type="checkbox"]{width: auto; margin: 8px 8px 0px 0px; display: block; float: left;}
span.wpcf7-list-item{margin: 0 0 0 0em !important;}
.acccetta label span{font-size: 15px; line-height: 10px;}
.banner_contact iframe{max-width: 80%;}
.scroll_more_page .galeri{display: table; margin: auto;}

/*Page Chi Siamo*/
.page_chi_siamo{background-color: #fff !important}
.page_chi_siamo .space_text{padding-bottom: 0px !important}
.page_chi_siamo h1{font-size: 50px !important; line-height: 60px !important; margin-top: 95px; font-weight: 800 !important; margin-bottom: 50px !important}
.page_chi_siamo p{line-height: 22px;}
.page_chi_siamo .addons{width: 100%; height: 0; border-left: 500vh solid transparent; border-right: 0px solid transparent; border-bottom: 400px solid #efefed; margin-top: -230px; position: relative;}
.all_chi_siamo{background: #efefed; padding-bottom: 200px;}
.all_chi_siamo img{width: 100%; margin-top: 100px; margin-bottom: 120px;}
.all_chi_siamo h3{color: #72635D; font-size: 50px; line-height: 60px; font-weight: 800; margin-top: 60px}
.all_chi_siamo p{font-size: 16px; line-height: 24px; color: #4A4A4A; margin-top: 60px}
.slide_extra{background-color: #fff !important}

/*Dettaglio Prodotti*/
.slide_extra.slide_extra_dett_prodotti{background-color: #EFEFED !important}
.page_dettaglio{background-position: right top;}
.page_dettaglio .space_text p, .page_servizi .space_text p{margin-bottom: 25px;}{margin-bottom: 25px;}
.page_dettaglio .space_text p a, .page_servizi .space_text p a{margin-top: 50px; z-index: 9999; position: relative; display: table; font-size: 18px; color: #15717D; text-decoration: underline !important; font-weight: 700}


/*Footer*/
footer{padding: 100px; background: #0A373D;}
footer p{color: #FFFFFF; font-size: 15px; line-height: 23px; font-family: 'Mulish', sans-serif; font-weight: 500}
footer p strong{font-weight: 700}
footer .copy{margin-top: 70px;}
footer .copy p{font-size: 12px; line-height: 20px; font-family: 'Mulish', sans-serif;}
footer .title{text-transform: uppercase; color: #fff; font-weight: 600; font-size: 16px; line-height: 20px; margin-bottom: 30px; display: block; font-family: 'Mulish', sans-serif;}
footer ul li{list-style-type: none; padding-top: 7px}
footer ul li a{color: #FFFFFF !important; font-size: 15px; line-height: 19px; font-family: 'Mulish', sans-serif; font-weight: 500}
footer ul li a:hover{text-decoration: underline !important}
footer .descrizione p{font-family: 'Mulish', sans-serif; font-weight: 500}
footer .descrizione p a{color: #fff}
footer .descrizione p a:hover{text-decoration: underline !important}
footer img{width: 100%}
footer .copy a{color: #fff}
footer .copy a:hover{text-decoration: underline !important}

/*Menu Laterale*/
header .mobile{display: none}
input[type=checkbox]{display: none;}
input[type=checkbox]:checked ~ .menu{transform: translateX(0);}
input[type=checkbox]:checked ~ #fullscreen_toogle{display: block; z-index: 99;}
#fullscreen_toogle{width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; display: none; background-color: black; opacity: 0.3;}
header>span{margin-left: 15%;}
main{padding: 0 10%;}
.menu{overflow-y: auto; height: 100vh; position: fixed; top: 0; transform: translateX(100%); transition: all 0.25s; background-color: black; width: 300px; color: white; z-index: 99;right: 0;}
.menu li{text-transform: capitalize; color: #fff !important; font-size: 18px; padding: 5px 20px; font-weight: 600; width: 100%}
.menu li:hover.dropdown ul{margin-top: 0px; display: table; background: transparent; padding: 0px; margin-bottom: 0px}
.menu li:hover.dropdown ul li{padding: 5px;}
.menu li.dropdown .caret{width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; position: absolute; right: 20px; top: 17px;}
.menu ul{padding-left: 0; margin-top: 65px; margin-bottom: 65px; overflow: auto;}
.menu .close{float: right; margin-right: 20px;}
.menu .pointer{cursor: pointer;}
.menu .open, .menu .close{padding: 20px; float: left; margin: 0px; color: #fff; opacity: 1;}
.menu .open:hover::after, .menu .close:hover::after, .menu li:hover::after{width: 80px !important; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.close:focus, .close:hover{color: #fff !important;}
.menu a{text-transform: uppercase; color: #fff; font-size: 16px !important; font-weight: 500; font-family: 'Mulish', sans-serif;}
.menu li.idea{padding: 0px; margin-top: 30px;}
.menu li.idea a{background: #f36633; padding: 20px; display: table; width: 100%;}
.all_prodotti .more_padding_product a{width: 100%}
.testim .cont > div span.title{color: #4A4A4A; font-size: 16px; width: 100%; text-align: left; display: block; font-weight: 700; font-family: 'Mulish', sans-serif;}
.prodotti{display: inline-block;}
.partners .owl-nav span{color: #333;}
.partners .owl-nav .owl-prev{left: -30px;}
.partners .owl-nav .owl-next{right: -30px;}
.owl-carousel{margin-bottom: 0px !important;}

@media (max-width: 768px) {
  #sidebar{margin-left: -250px;}
  #sidebar.active{margin-left: 0;} 
  #sidebarCollapse span{display: none;}
}

/*Video Top*/
.video{width: 65%; position: absolute; right: 0; overflow: hidden; height: 100%; z-index: 0;}
.left_oblique:before{content: ''; width: 100%; height: 101%; position: absolute; top: 0; left: 10%; background: #efefed; z-index: 9; -webkit-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}
.video video{position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.video_mobile{display: none}