@charset 'UTF-8';

a, a:hover, a:focus{color: inherit; outline: none; text-decoration: none}
.nav-link:focus, .nav-link:hover{outline: none;}
.btn.focus, .btn:focus, button:focus{outline: none; box-shadow: none}
p{margin: 0}

.text-center .img-fluid{ margin-left:auto; margin-right:auto; }
.clear{ clear:both; }
.space-10{ height:10px; clear:both; }
.space-20{ height:20px; clear:both; }
.space-40{ height:40px; clear:both; }
.no-padding{ padding:0 !important; }
.no-margin{ margin:0 !important; }

.container-maxi{width: 1500px; margin: 0 auto;}
@media(max-width:1500px){ .container-maxi{ width: 100%; padding: 0 15px; } .cornice-contatti.cornice-confronto{right: 11px !important}}
@media(max-width:991px){ .container-maxi-sm{ width:auto; } }


.bg-white{ background:#fff; }
.bg-black{ background:#000; }
.bg-pink{background-color: #FF66DF}
.bg-light-gray{background-color: #CCCCCC}

.color-black{color: #000}
.color-white{color: #fff}
.color-gray{color: #707070}
.color-pink{color: #FF66DF}

.btn{border-radius: 30px; padding: 2px 20px; transition: background 0.5s ease;}
.btn.btn-outline{border: 1px solid; border-radius: 30px}
.btn.bg-black:hover{background: #fff; color: #000; border: 1px solid}

.mix-blend-color {mix-blend-mode: color;}
.internet-explorer .mix-blend-color {opacity: 0.6}

.font-roboto, body{font-family: 'Roboto', sans-serif;}
.font-changa{font-family: 'Changa One', cursive; font-weight: 400;}

.font-regular{font-weight: 400;}
.font-medium{font-weight: 500;}
.font-bold{font-weight: 700;}
.font-italic{font-style: italic}

.font-86{font-size: 86px; font-size: calc(20px + 3.45vw);}
.font-60{font-size: 60px; font-size: calc(20px + 2.1vw);}
.font-36{font-size: 36px; font-size: calc(17px + 1vw); line-height: 1.1}
.font-30{font-size: 30px; font-size: calc(16px + 0.75vw); line-height: 1.1}
.font-28{font-size: 28px; font-size: calc(16px + 0.65vw); line-height: 1.1}
.font-24{font-size: 24px; font-size: calc(14px + 0.55vw);}
.font-20, body{font-size: 20px;}
.font-18{font-size: 18px;}
.font-15{font-size: 15px;}
.font-11{font-size: 11px;}
@media(max-width:767px){
    body{font-size: 18px;}
    .font-18{font-size: 16px;}
}

.img-cover{height: 100%; width: 100%; object-fit: cover}
.height-80vh{height: 80vh}
.height-50vh{height: 50vh}
.height-30vh{height: 30vh}

.border-pink-2{border: 2px solid #FF66DF}
.border-pink-4{border: 4px solid #FF66DF}
.border-right-pink{border-right: 2px solid #FF66DF}
.border-right-white-5{border-right: 5px solid #fff}
.border-bottom-white-5{border-bottom: 5px solid #fff}

.padding-20{padding: 20px;}
.padding-50{padding: 50px;}
@media(max-width:767px){
    .padding-50{padding: 20px}
}
@media(min-width:768px){
    .padding-left-big{padding-left: 20%}
    .padding-right-big{padding-right: 20%}
}


body{overflow-x: hidden; font-weight: 400; background: transparent}

#content{overflow: hidden}



.container-img-mask{height:500px; background-attachment: fixed;background-repeat: no-repeat; background-position: center; background-size: cover}
@media(max-width:767px){
    .container-img-mask{height: 200px}
}

.plus{display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #000; position: relative}
.plus::before{content: ' '; width: 20px; height: 4px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%)}
.plus::after{content: ' '; width: 4px; height: 20px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%)}

/* HEADER */
 .navbar{position: absolute; top: 0; left: 0; z-index: 10000; right: 0; margin-top: 30px}
.navbar-brand{padding: 15px}
.container-menu{position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;-ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; border-radius: 10px; -webkit-box-shadow: 0px 0px 60px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 60px rgba(0,0,0,0.2); box-shadow: 0px 0px 60px rgba(0,0,0,0.2); -webkit-transition: box-shadow 1s ease-out; -moz-transition: box-shadow 1s ease-out; transition: box-shadow 1s ease-out;}
@media(max-width:1500px){.container-menu{margin: 0} .navbar-default{padding-left: 15px !important; padding-right: 15px !important}}
@media(max-width:767px){.container-menu{margin: 0; border-radius: 0;}}
/*.navbar-fixed .container-menu{width: 100%; max-width: 100%}*/
.navbar-fixed .container-menu{position: fixed; top: 0; left: 0; right: 0; box-shadow: 2px 2px 40px rgba(0,0,0,0.2);}
@media(min-width:768px){
    .container-menu::before{content: ' '; background: #fff; top: 0; bottom: 0; right: 99%; width: 0; position: absolute; -webkit-transition: width 0.5s ease; transition: width 0.5s ease; -webkit-box-shadow: -33px 2px 40px rgba(0,0,0,0.2); -moz-box-shadow: -33px 2px 40px rgba(0,0,0,0.2); box-shadow: -33px 2px 40px rgba(0,0,0,0.2)}
    .container-menu::after{content: ' '; background: #fff; top: 0; bottom: 0; left: 99%; width: 0; position: absolute; -webkit-transition: width 0.5s ease; transition: width 0.5s ease; -webkit-box-shadow: 33px 2px 40px rgba(0,0,0,0.2); -moz-box-shadow: 33px 2px 40px rgba(0,0,0,0.2); box-shadow: 33px 2px 40px rgba(0,0,0,0.2); }
    .navbar-fixed .container-menu::before{width: 2000px}
    .navbar-fixed .container-menu::after{width: 2000px}
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,102,223, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media(max-width:767px){
    .navbar{margin: 0; padding: 0;}
    .navbar-brand{padding: 10px 0;}
    #content{padding-top: 76px}
    .navbar-light .navbar-toggler{border: none;}
}

.lang {padding: 0 15px}
.lang .single-lang{padding-left: 10px}

.menu-item.active::before { content: ' '; height: 6px; width: 100%; background-color: #FF66DF; display: block; position: absolute; bottom: -3px; left: 0;}
.menu-item { position: relative; height: 100%; padding: 23px 0;}
@media(max-width:767px){
    .menu-item { padding: 5px 0;}
    .menu-item.active::before{display: none}
}

.navbar-light .navbar-nav .nav-link{color: #000}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{color: #000}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #FF66DF}

.navbar-expand-lg .navbar-nav .nav-link {padding-right: 15px; padding-left: 15px;}

/*HOME*/
/*.img-header-home-mask-container{ position:absolute; bottom: 10%; right: 14%; top:0; left:35%; overflow:hidden; }
.img-header-home-mask {position: absolute;  bottom: 0; right:0; width:200%; max-width:inherit; }*/
.img-header-home-mask {position: absolute;  bottom: 10%; right: 10%;}
.claim-slider-home {position: absolute; top: 21%; left: 10%; }
.claim-slider-home p {margin: 0; background-color: #fff; display: inline;}

.preview-page{border: 2px solid #FF66DF; border-radius: 12px; padding: 15px; height: 100%}
.preview-page .plus{ position: absolute; bottom: -20px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; transition: transform 0.5s ease;}
.preview-page .plus:hover{-webkit-transform:  translateX(-50%) rotate(90deg); -moz-transform:  translateX(-50%) rotate(90deg); transform:  translateX(-50%) rotate(90deg); }

.col-link-pagina-home{margin-bottom: 40px}

.parallax{height: 500px; background-attachment: fixed}
@media(max-width:767px){
    .parallax{height: 300px; background-position: center}
}
.img-footer-home-mask {position: absolute;  top: 5%; left: -20%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg)}

/*Azienda*/
.row-mosaico{display: flex; }
.img-azienda{position: absolute; bottom: 10%; max-width: 50%}
.img-azienda.img-azienda-left{left: 0}
.img-azienda.img-azienda-right{right: 0}
@media(max-width:767px){
    .img-azienda { position: relative; bottom: auto; max-width: 100%;}
}
.img-footer-azienda-mask {position: absolute;  top: -60%; right: -40%; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); transform: rotate(-20deg)}

/*prodotti*/
.title-prodotti{position: absolute; bottom: -20px; width: 50%}
.container-prodotti .container{padding: 10px 20px}
.container-prodotti .plus{position: absolute; top: 10px; right: 10px}
.container-prodotti .descrizione-prodotti{display: none;}
.container-prodotti.active .container{background-color: #f0f0f0}
.container-prodotti.active .plus{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); background: #fff; border: 1px solid #000}
.container-prodotti.active .plus::before, .container-prodotti.active .plus::after{background: #000}

.slick-slide{padding: 0 2px}
.slick-prev {left: 0; z-index: 5;}
.slick-next {right: 0; z-index: 5;}
.slick-next, .slick-prev{width: 70px; height: 100%; top: 0; margin-top: 0; background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.21) 58%,rgba(0,0,0,0) 100%); transition: background 0.5s ease;}
.slick-prev{ background: -moz-linear-gradient(left,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to right,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 ); }
.slick-next{ background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=1 ); }
.slick-next::before, .slick-prev::before{color: transparent; display: block; width: 50px; height: 50px; content: ''; border: 1px solid #fff; border-radius: 50%; margin: 0 auto}
.slick-prev::before { background-position: 40% center; background-image: url("../images/arrow-left.png"); background-repeat: no-repeat; }
.slick-next::before {background-position: 60% center; background-image: url("../images/arrow-right.png"); background-repeat: no-repeat; }
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{background: rgba(0,0,0,0.7)}
@media(max-width:767px){.slider .slick-next,.slider .slick-prev{ top: 17%}.slider .slick-next::before, .slider .slick-prev::before{font-size: 5px;} .slider .slick-next::before, .slider .slick-prev::before{padding: 10px;} .slider .slick-next {right: 0;}}

.arrow-black .slick-next, .arrow-black .slick-prev{background: none;}
.arrow-black .slick-prev::before { background-image: url("../images/arrow-left-black.png"); border-color: #000;}
.arrow-black .slick-next::before { background-image: url("../images/arrow-right-black.png"); border-color: #000; }

.img-footer-prodotti-mask {position: absolute;  top: 5px; right: -30%; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); transform: rotate(-20deg);}

/*Applicazioni*/
.container-applicazioni{background-position: center right; background-repeat: no-repeat; margin-top: 150px }
@media(max-width:1199px){.container-applicazioni{background-size: 50%;}}
@media(max-width:767px){.container-applicazioni{background: #fff !important; margin-top: 0}}
.wpcf7-acceptance{font-size: 12px}
span.wpcf7-not-valid-tip{font-size: 14px}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{border: none; color: #ff0000}
div.wpcf7-response-output{padding: 0; margin: 20px 0; font-size: 16px}

.form-control{background-color: rgba(0,0,0,0.1); border: none; border-radius: 0;}
@media(max-width:991px){
    .form-control{background-color: rgba(0,0,0,0.6);}
}
@media(max-width:767px){
    .form-control{background-color: rgba(0,0,0,0.2);}
}

/*Contatti*/
.container-contatti{background-position: center left; background-repeat: no-repeat; padding-top: 150px }
.img-contatti-mask {position: absolute;  top: 10%; left: -40%;}
@media(max-width:767px){
    .container-contatti{background: #fff !important; padding-top: 15px}
}
    
.form-control:focus { color: #495057; background-color: #fff; border: 1px solid #FF66DF; outline: 0; box-shadow: 0 0 0 .2rem rgba(255,102,223,0.25);}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 60s linear infinite;
  -moz-animation: rotating 60s linear infinite;
  -ms-animation: rotating 60s linear infinite;
  -o-animation: rotating 60s linear infinite;
  animation: rotating 60s linear infinite;
}

.col-prodotto {margin-bottom: 30px}
.container-prodotto {height: 100%; border-radius: 15px; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 20px; transition: background 0.5s ease;}
.container-prodotto:hover{background-color: #FF66DF; text-decoration: none;}

.modalProdotti .modal-header { background-image: url(../images/prodotti-finiti.png); background-repeat: no-repeat; background-position: top 10px center; padding-top: 50px}
.modalProdotti .modal-header .close {position: absolute; margin: 0; top: 0; right: 0;}
.modalProdotti .modal-dialog { position: absolute; top: 50%; left: 50%; margin: 0; transform: translate(-50%,-50%) !important; max-width: 800px; border-radius: 20px; overflow: hidden}

.container-title-prodotti-finiti:before{content: ' '; display: block; height: 5px; background-color: #FF66DF; position: absolute; top: 40%; left: 0; right: 0;}
.container-title-prodotti-finiti .title-prodotti-finiti{display: inline-block; position: relative; z-index: 2}
.img-prodotto-finito{max-width: 100px; max-width: 100px; height: auto; width: auto}

.hover-img{position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; background-color: rgba(0,0,0,0.3); color: #fff; opacity: 0}
.container-img:hover .hover-img{opacity: 1} 

.slider-link-pagina-home{padding: 0 80px}