@charset "UTF-8";

/*colori

*/
/*font

*/
/*variabili    		es.	color:var(--varA);*/
:root{
	--mainTextColor:#393939;
	--mainFont: 'Montserrat', sans-serif;	
	--specialFont: 'Poiret One', cursive;
	--main-fontweight:300 ;
	--light-fontweight:200;
	--reg-fontweight:400;
	--bold-fontweight:500;
	--maxWidth: 1920px;
	--maxWidthBlock:1280px;
	--biggest-fontsize:65px;
	--big-fontsize:50px;
	--biggy-fontsize:40px;
	--mid-fontsize:20px;
	--reg-fontsize:15px;
	--min-fontsize:12px;
	--color1:#f0f0ea; /* crema */ 
	--color2:#e8d3cc; /* rosa  */ 
	--color3:#6d7276; /* grigio */ 
	--color4:#bab4be; /* viola */ 
}
html, body{height:100%;min-height:100%}
html *{box-sizing:border-box;outline:none;-webkit-tap-highlight-color: transparent;}
body{margin:0;padding:0;font-size:var(--reg-fontsize);line-height:25px;color:var(--mainTextColor);background-color:#fff;font-family:var(--mainFont);font-weight:var(--main-fontweight)}
ul, ol {margin:0;padding:0;list-style:none}
img, a{border:0}
a, button{color:var(--mainTextColor);text-decoration:none;border:none;background:transparent;font-family:var(--mainFont);}
a *,a,button{transition: all 0.4s ease;}
a, img{outline:none;}
p{padding-bottom:2%;margin:0;}
b{font-weight:bold}
ul{margin-bottom:0}
label{vertical-align:middle}
input, select{height:22px;}
input, textarea, select{font-family:var(--mainFont);font-weight: var(--main-fontweight);border:none;line-height:1;border:1px solid #a8a8a8;border-radius: 0;padding:0 5px;background-color:#fff;vertical-align:middle;color:var(--mainTextColor);}
input:focus, select:focus, textarea:focus{color:var(--mainTextColor); -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none;}
::-webkit-input-placeholder{color:var(--mainTextColor);font-weight: var(--main-fontweight);}
:-moz-placeholder{color:var(--mainTextColor);font-weight: var(--main-fontweight);}
::-moz-placeholder{color:var(--mainTextColor);font-weight: var(--main-fontweight);}
:-ms-input-placeholder{color:var(--mainTextColor);font-weight: var(--main-fontweight);}
input:focus::-webkit-input-placeholder{opacity:0.4}
input:focus:-moz-placeholder{opacity:0.4}
input:focus::-moz-placeholder{opacity:0.4}
input:focus:-ms-input-placeholder{opacity:0.4}

body *{scrollbar-color:#000 #f0f1f2;scrollbar-width:thin;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body *::-webkit-scrollbar {width:3px;}
body *::-webkit-scrollbar-track {background: #f0f1f2;}
body *::-webkit-scrollbar-thumb {background: #000;}
body *::-webkit-scrollbar-thumb:hover{background: #000000;}

/* preset */
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap; border: 0;}
.displayNo{display:none;}
.mobileOnly{display:none}
.row{width:100%;}
.rowMin{width:100%;padding-left:5%;padding-right:5%;}
.maxW{width:100%;max-width:var(--maxWidth);margin:0 auto;display:flex;}
.row-p-left{padding-left:5%}
.maxWidthBlock{width:100%;max-width:var(--maxWidthBlock);margin:0 auto;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.d-block{display:block;}
.d-flex{display:flex;flex-wrap:wrap;}
.flex-column{flex-flow:column;}
.justify-end{justify-content:flex-end;}
.justify-start{justify-content:flex-start;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.windowLayerOpened{overflow-y:hidden;}
.windowLayerOpened:before, .menuOpened:before, .searchOpened:before{content:"";position:fixed;width:100%;height:100%;top:0;left:0;background:#000;opacity:0.1;z-index:999;transition: all 0.3s linear;}
.weight500{font-weight:500}
.weight600{font-weight:600}
.weight700{font-weight:700}
.bold{font-weight:bold}
.semibold{font-weight:var(--reg-fontweight)}
.m-top{margin-top:20px!important;}
.m-bottom{margin-bottom:20px!important;}
.pt-0{padding-top:0!important}
.pb-0{padding-bottom:0!important}
.underline{text-decoration:underline;}
.bg-color1{background:var(--color1)}
.bg-color2{background:var(--color2)}
.bg-color3{background:var(--color3)}
.bg-color4{background:var(--color4)}
/* generale ************************************************************************************************************************************************/
.mainHeader{display:flex;justify-content:space-between;align-items:center;height:120px;position:relative;z-index:999}
.mainHeader .logo img{height:70px;width:auto}
/*menu*/
.mainHeader .rightArea{transition:all 0.25s;position:fixed;top:0;right:-100%;height:100%;width:50%;min-width:360px;display:flex;flex-flow:column;justify-content:space-between;padding:40px 40px 10px 40px;backdrop-filter:blur(3px);-webkit-backdrop-filter: blur(3px);}
.mainHeader .rightArea:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--color1);opacity:0.75;}
.mainHeader .rightArea ul{padding:0;margin:0;display:flex;flex-flow:column;margin:80px 0 50px 0}
.mainHeader .rightArea ul li{margin:18px 0;position:relative;}
.mainHeader .rightArea ul li.shopMenu a{color:#fff;padding:13px;background:var(--color4);border-radius:14px;text-align:center;display:inline-block;min-width:250px}
.mainHeader .rightArea ul li.shopMenu a:hover{background:#c59aa5}
.mainHeader .rightArea ul li a{text-transform:uppercase;text-decoration:none;font-size:40px;font-family:var(--specialFont);display:block;line-height:40px}
.mainHeader .rightArea ul li a:hover{letter-spacing:2px}
.mainHeader .rightArea ul li.active a{font-weight:bold}
.mainHeader .rightArea ul li.active a:hover{letter-spacing:0}
.mainHeader .rightArea nav{margin:auto auto auto 0;width:100%}
.mainHeader .rightArea .socialLink{display:block;z-index:99;text-transform:uppercase;}
.mainHeader .rightArea .socialLink a{margin-right:10px}
.openMenu{position:absolute;right:5%;top:45px;font-size:35px;color:#fff;transform:rotate(90deg);transition:all 0.2s;cursor:pointer;width: 30px;height:33px}
.openMenu:hover{transform:rotate(180deg)}
.closeMenu{position:fixed;right:12%;top:48px;font-size:35px;color:var(--mainTextColor);cursor:pointer;}
.closeMenu span{transform:rotate(45deg);display:block;position:absolute;top:0;right:0}
.closeMenu span:last-child{transform:rotate(-45deg);right:3px}
.menuOpened .mainHeader .rightArea{right:0}
.internalPage .openMenu{color:var(--mainTextColor);}
.slimMenu{transition:all 0.3s;position:fixed;top:-100px;left:0;width:100%;background:var(--color1);z-index:99;padding:10px 5%;display:flex;align-items:center;justify-content:space-between;box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.08);}
.slimMenu a {display:block;}
.slimMenu a img{height:40px;width:auto;display:block;}
.slimMenu .openMenu{position:relative;top:0;left:inherit;color:var(--mainTextColor)}
.slimMenuSticky .slimMenu {top:0}
/*fine menu*/

.headerRevert .rightArea ul li a{color:var(--mainTextColor)}
.headerRevert .mainHeader .logo img{width:250px;height:auto;display:block;}

.briciole{width:100%;margin:auto auto 0 0}
.briciole ul{display:flex;align-items:center;color:#fff;text-transform:uppercase;font-size:var(--min-fontsize);width:100%;overflow:hidden;}
.briciole ul li{margin-right:4px;text-overflow: ellipsis;white-space: nowrap;}
.briciole ul a{color:#fff;}

.bigBanner{margin-top:-120px;width:100%;height:100vh;display:flex;align-items:center;min-height:500px;z-index:9}
.bigBanner .imgArea{position:absolute;top:0;left:0;width:100%;height:100%}
.bigBanner .imgArea img{width:100%;height:100%;object-fit: cover;}
.bigBanner .textArea{position:relative;z-index:99;width:100%;max-width:1000px;height:100%;padding-top:200px;padding-bottom:30px;align-items:center;display:flex;flex-wrap:wrap;}
.bigBanner .textArea .mainTitle{font-family:var(--specialFont);font-size:var(--biggest-fontsize);line-height:60px;color:#fff;font-weight:var(--reg-fontsize);margin:auto 0;padding-top:70px}
.bigBanner .textArea .secondTitle{font-weight:var(--main-fontweight);color:#fff;font-size:var(--main-fontsize);text-transform:uppercase;margin:auto auto 0 0}
.bigBanner.hero-mini{margin-top:0;height:30vh;position:relative;min-height:350px}
.bigBanner.hero-mini .textArea{padding-top:0;padding-bottom:10px}

.sectionArea{position:relative;display:flex;flex-flow:column;width:100%;padding-top:80px;padding-bottom:80px}
.sectionArea .mainTitle{text-transform:uppercase;margin-bottom:40px;line-height:60px;font-family:var(--specialFont);font-weight:var(--reg-fontweight);font-size:var(--big-fontsize)}
.sectionArea.bg-half:before{content:"";position:absolute;left:0;top:0;width:100%;padding-bottom:80px;height:50%;background-color:var(--color1);z-index:-1}
.sectionArea.pt-0.bg-half:before{padding-bottom:0}
.sectionArea .textArea{margin-bottom:60px}
.sectionArea .rowImgText{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;}
.sectionArea .rowImgText .imgArea{width:50%}
.sectionArea .rowImgText .imgArea img{width:100%;height:100%;object-fit:cover;}
.sectionArea .rowImgText .textArea{width:50%;padding:50px 100px;margin:auto 0}
.sectionArea .rowImgText .textArea .mainTitle{font-size:var(--biggy-fontsize);line-height:50px;margin-bottom:40px}
.sectionArea .rowImgText .textArea .label{text-transform:uppercase;display:block;font-weight:var(--bold-fontweight);position: relative;}

.roundedList{display:flex;flex-wrap:wrap;margin:30px 0;justify-content:center}
.roundedList .roundedEl{display:flex;flex-flow:column;align-items:center;margin:10px 20px;position:relative;}
.roundedList .roundedEl:before{content:"";border: 2px solid #ffffff;position: absolute;left: 0;top: -2%;width: 104%;height: 0;border-radius: 100%;padding: 0 0 104% 0;}
.roundedList .roundedEl .roundedEl-inner{border:10px solid #fff;padding:3px;border-radius:100%;width:280px;height:280px;overflow:hidden;}
.roundedList .roundedEl .roundedEl-inner img{  transition: transform .5s ease;width:110%;height:110%;object-fit: cover;margin-top:-4px;margin-left:-4px}
.roundedList .roundedEl .mainTitle{font-size:var(--mid-fontsize);font-weight:var(--light-fontweight);font-family:var(--mainFont);max-width:240px;line-height:29px;margin-top:20px;margin-bottom:40px}
.roundedList .roundedEl.active .roundedEl-inner,.roundedList .roundedEl.asBtn:hover .roundedEl-inner,.roundedList .roundedEl.active:before,.roundedList .roundedEl.asBtn:hover:before{border-color:var(--color4);}
.roundedList .roundedEl.asBtn:hover .roundedEl-inner img{transform: scale(1.5);}
.roundedList .roundedEl.asBtn{cursor:pointer;}

.mainSwiper {padding-bottom:40px}
.minSwiper .swiper-wrapper.roundedList{flex-wrap:nowrap;justify-content:flex-start}
.minSwiper .swiper-wrapper.roundedList .roundedEl{min-width:280px;width:280px;max-width:280px}
.swiper-pagination-bullet-active{background:var(--color2)!important}

.mainSwiper .swiper-slide{width:480px;border-radius:8px;overflow:hidden;}
.mainSwiper .swiper-slide img{width:100%;height:auto;display:block;}

.mosaicGallery{display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;}
.mosaicGallery .mosaicEl{margin:10px 1%;width:23%;border-radius:8px;overflow:hidden;}
.mosaicGallery .mosaicEl img{width:100%;height:auto;display:block;}
.mosaicGallery .mosaicEl a{display:block;position:relative;width:100%}
.mosaicGallery .mosaicEl a .hoverLink:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:var(--color2);opacity:.8}
.mosaicGallery .mosaicEl a .hoverLink{opacity:0;font-size:var(--min-fontsize);position:absolute;left:0;top:0;width:100%;height:100%;display:flex;}
.mosaicGallery .mosaicEl a .hoverLink ul{z-index:9;width:100%;display:flex;;flex-flow:column;padding: 20px;justify-content: flex-end;font-weight:var(--reg-fontweight)}
.mosaicGallery .mosaicEl a .hoverLink ul .btn-daedalo{width:100%;text-align:center;padding:7px 20px}
.mosaicGallery .mosaicEl a:hover .hoverLink{opacity:1}

article {display:flex}
article .imgSideArea{width:45%;float:left;padding-top:40px;padding-bottom:80px}
article .imgSideArea .imgWrap{width:100%;margin-top:20px}
article .imgSideArea .imgWrap2{margin-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
article .imgSideArea .imgWrap2 img{width:49%;height:auto}
article .imgSideArea img{width:100%;height:auto;}
article .contentSideArea{width:45%;float:left;margin:40px 5%;position:sticky;top:0}
article .contentSideArea .imgWrap img{display:block;width:100%;height:auto;margin:30px 0}

.formArea .titleArea{width:100%}
.formArea form.wd-form{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:980px;margin:0 auto;}
.formArea form.wd-form input, .formArea form.wd-form select, .formArea form.wd-form textarea, .formArea form.wd-form label{font-family:var(--mainFont);color:var(--mainTextColor);font-size:var(--reg-fontsize);font-weight:var(--main-fontweight)}
.formArea form.wd-form input, .formArea form.wd-form select, .formArea form.wd-form textarea{border:1px solid #e1e1e1;background:#fff;padding:0 10px;}
.formArea form.wd-form button{font-family:var(--mainFont);}
.formArea form.wd-form textarea{padding-top:15px;padding-bottom:10px}
.formArea form.wd-form input, .formArea form.wd-form select, .formArea form.wd-form textarea, .formArea form.wd-form label{width:100%;border-radius:8px;min-height:50px;margin-bottom:15px}
.formArea form.wd-form input[type="checkbox"]{width:20px;height:20px;min-height:1px;margin:0 10px 0 0}
.formArea form.wd-form label{min-height:1px}
.formArea form.wd-form .form-group{width:48%}


/*swiper button*/
.swiper-button-next, .swiper-button-prev{width:72px;height:72px;border-radius:100%;background:var(--colorC);}
.swiper-button-prev{margin-right:16px;left:0}
.swiper-button-prev img{transform:rotate(180deg);}
.swiper-button-next{right:0;}
.swiper-button-next:after, .swiper-button-prev:after{display:none;}

.unorLi{margin:20px 0;padding:0}
.unorLi li{display:block;margin-bottom:3px}
.unorLi li.asTitle{text-transform:uppercase;font-weight:var(--reg-fontweight)}
.unorLi li:before{content:"";vertical-align:middle;display:inline-block;margin-right:5px;width:10px;height:1px;background-color:var(--color4);}
.unorLi li.asTitle:before{display:none}

.btn-daedalo{cursor:pointer;border-radius:8px;padding:14px 35px;margin-top:40px;display:inline-block;text-decoration:none;border:none;background:transparent;font-weight:var(--reg-fontweight)}
.btn-daedalo-purple{color:#fff;background:var(--color4);text-transform:uppercase;font-family:var(--mainFont);border:1px solid var(--color4);}
.btn-daedalo-purple:hover{color:var(--mainTextColor);border:1px solid var(--color3);background:transparent;text-decoration:none}
.btn-daedalo-light{color:var(--mainTextColor);border:1px solid var(--color1);background:var(--color1);text-transform:uppercase;font-family:var(--mainFont);}
.btn-daedalo-light:hover{color:#fff;background:var(--color3);border:1px solid var(--color3);}
.btn-daedalo-outline{color:var(--mainTextColor);border:1px solid var(--color3);background:transparent;text-transform:uppercase;}
.btn-daedalo-outline:hover{color:#fff;background:var(--color4);border-color:var(--color4)}

.link-daedalo{font-size:var(--min-fontsize);text-transform:uppercase;margin-top:30px;position:relative;padding-left:20px;display:flex;align-items:center;height:40px;text-decoration:none;font-weight:var(--reg-fontweight)}
.link-daedalo .elCircle{border: 1px solid  currentColor;border-radius: 50%;height: 40px;width: 40px;border-top-color: transparent;display:block;transform: rotate(90deg);position: absolute;left: 0;top:0;}
.link-daedalo:hover{text-decoration:none;letter-spacing:.05em}
.link-daedalo .elCircle:before{content:"";border: 3px solid  currentColor;border-radius: 50%;height: 46px;width: 46px;border-top-color: transparent;display:block;position: absolute;left: -7px;opacity:0;top: -7px;}
.link-daedalo:hover .elCircle:before{opacity:.28}

.darkSkin *{color:#fff}
.darkSkin .link-daedalo .elCircle:before{border-color: var(--color4);border-top-color: transparent;}

footer{padding-top:80px;padding-bottom:80px;background-color:var(--color1);font-size:var(--min-fontsize);margin-top:20px}
footer .logoFooter{height:40px;width:auto;display:block;margin:auto;margin-bottom:20px}



.captcha{height: 41px;width:100%;margin: 15px 0;text-transform:uppercase;position:relative;font-weight:bold;font-size: var(--min-fontsize);}
.captcha:after{content:"Non sono un robot";width:260px;text-align:center;left:0;top:11px;position:absolute;}
.captcha span{display:none}
.captcha .check:before{display:none;content: "Clicca qui se non sei un robot";position: absolute;top: 44px;text-align: center;left: 0;width: 100%;font-weight: 300;color: #b90000;}
.captcha .check{border-radius: 3px;	width:260px;height: 45px;border: 1px solid #6d7276;	display:inline;	display:block;position:relative;  cursor: pointer;z-index: 999;}
.check .wrapper {  width: 25px;  display: inline; position:absolute;top:10px;left:10px;}
.check .checkmark { stroke:  #7cd193;  stroke-dashoffset: 745.74853515625;  stroke-dasharray: 745.74853515625; -webkit-animation: dash 2s ease-out forwards;animation: dash 2s ease-out forwards;}
.captcha.error{}
.captcha.error .check:before{display:block;}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@media only screen and (min-width:0) and (max-width:1280px){
	:root {
		--reg-fontsize: 14px;
		--biggest-fontsize: 50px;
		--big-fontsize: 40px;
		--biggy-fontsize: 30px;
	}
	.sectionArea .mainTitle{line-height:45px}
	.sectionArea .rowImgText .textArea{padding:50px}
	.sectionArea .rowImgText .textArea .mainTitle{margin-bottom:24px;line-height:36px}
	.roundedList .roundedEl .roundedEl-inner{width:210px;height:210px}
	.roundedList .roundedEl .mainTitle{max-width:200px}
	.minSwiper .swiper-wrapper.roundedList .roundedEl{min-width:210px;max-width:210px;width:210px}
}


@media only screen and (min-width:0) and (max-width:1040px){
	.md-display-no{display:none}
	.md-display-block{display:block;}
	.md-pt-0{padding-top:0!important}
	.md-pb-0{padding-bottom:0!important}
	.md-noRowMin{padding-left:0;padding-right:0}
	.sectionArea .rowImgText .imgArea,.sectionArea .rowImgText .textArea{width:100%}
	.sectionArea .rowImgText .imgArea{order:2;width: 90%;margin-left: 5%;margin-bottom: 60px;}
	.sectionArea .rowImgText .textArea{order:1}

	.mosaicGallery {justify-content:space-between}
	.mosaicGallery .mosaicEl{width:48.5%;margin:10px 0}

	article .articleWrap{display:flex;flex-flow:column;}
	article .contentSideArea{order:1;position:relative;padding-bottom:0}
	article .imgSideArea{order:2}
	article .contentSideArea,article .imgSideArea{width:100%;margin:0}
	article .contentSideArea.sectionArea .mainTitle{margin-top:0;margin-bottom:10px}
	article .contentSideArea .textArea{margin-bottom:0}
	article .ctaArea{position:fixed;bottom:0;left:0;width:100%;padding:0 5%;background-color:var(--color4);}
	article .ctaArea a{width:100%;margin:0!important;text-align:center;}
	article .ctaArea a:hover{border-color:var(--color4) }
}

@media only screen and (min-width:0) and (max-width:780px){
	.bigBanner .textArea .mainTitle{padding-top:0}
	.bigBanner .textArea .secondTitle{display:none}
	.openMenu{display:block;}
	.headerRevert .mainHeader{height:80px}
	.mainHeader .rightArea{padding:40px 30px 10px 30px}
	.mainHeader .openMenu{top:23px}
	.headerRevert .mainHeader .logo img{height:40px;width:auto}
	.mainHeader .rightArea ul li a{font-size:30px;line-height:20px}

	.formArea form.wd-form .form-group{width:100%}
	.mosaicGallery .mosaicEl a .hoverLink{display:none}

	.briciole ul li{font-size:10px}

	.filterProduct{display:none}

}

@media only screen and (min-width:0) and (max-width:500px){
	:root {
		--biggest-fontsize: 40px;
		--big-fontsize: 30px;
		--biggy-fontsize: 28px;
	}
	.sm-pt-0{padding-top:0!important}
	.sm-pb-0{padding-bottom:0!important}
	.sm-noRowMin{padding-left:0;padding-right:0}

	.sectionArea {padding-top:60px;padding-bottom:60px}
	.bigBanner.hero-mini{min-height:200px}
	.bigBanner .textArea .mainTitle{line-height:43px;text-align:center;}
	.bigBanner .textArea .secondTitle{width:100%;text-align:center;}
	.sectionArea .rowImgText .imgArea{margin-bottom:20px}
	.sectionArea .mainTitle{line-height:38px}

	.sectionArea .rowImgText .textArea{padding:40px 25px}
	.sectionArea .rowImgText .imgArea{width:100%;margin:0}

	.mainSwiper .swiper-slide{width:300px;}

	.captcha,.captcha:after,.captcha .check{width:100%}

}

