/*collection*/
.intro_collection{width: 100%; height:100vh; background: #1f170b; position: relative;overflow: hidden; }
.intro_bicolor {position: absolute;background: #efebe2;bottom: 0px;left: 0px;width: 100%;height: 50vh;}
.text_intro h1{font-size: 26vw; font-weight: normal; position: absolute; top:50%; margin-top:-17%; font-family: 'Playfair Display', serif; width: 100%; text-align: center; overflow: hidden; z-index: 9;}
.text_intro2{font-size: 26vw; position: absolute; top:49%; margin-top:-22%;width: 100%; text-align: center; overflow: hidden;color:#977551;font-family: 'Playfair Display', serif;}
.text_intro3 h1{font-size: 5vw; font-weight: normal; position: absolute; top:48%; left:50%; font-family: 'Playfair Display', serif; width: 50%; text-align: center; overflow: hidden; z-index: 9;color:#fff;}
.made_intro{ width: 60%; height: auto; position: absolute; bottom: 22%;font-size: 12px; color:#977551; text-align: center; text-transform: uppercase; letter-spacing: 5px;z-index: 9;}
.made_intro:before {content: '———————';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;letter-spacing: -1.7px; margin: 0 0.75rem 0.75rem 0;}
/*.made_intro:after {content: ' ———————';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;letter-spacing: -1.7px; margin: 0 0.75rem 0.75rem 0;}*/
.the_style{ width: 45%; padding-right:40px;  height: auto; position: absolute;left: 0; top: 27%;font-size: 12px; color:#977551; text-align: right; text-transform: uppercase; letter-spacing: 5px;z-index: 9;}
.evolution{ width: 50%; padding-left:47px;  height: auto; position: absolute;right: 0; top: 22%;font-size: 12px; color:#977551; text-align: left; text-transform: uppercase; letter-spacing: 5px;z-index: 9;}
/**/
.wrap_rombo_intro{width: 100%; height: auto; position: absolute; top: 50%;margin-top:-175px;}.rombo_intro {width: 350px; height: 350px; border: 3px solid #e3dfd6;transform: rotate(45deg);margin: 0 auto;animation:ruotarombo 2s linear infinite;}@keyframes ruotarombo { 100% { -webkit-transform: rotate(-45deg); transform:rotate(-45deg);}}.rombo_intro2 {width: 350px; height: 350px; border: 3px solid #b7ada2;transform: rotate(90deg);margin: 0 auto;animation:ruotarombo2 4s linear infinite;}@keyframes ruotarombo2 { 100% { -webkit-transform: rotate(-90deg); transform:rotate(-90deg); }}
.wrap_rombo_img{ width: 540px; height: 759px; position: absolute; bottom: 0;left: 50%;margin-left:-270px; z-index: 3;transition: all 0.3s ease-out;}
.wrap_rombo_img img{width: 100%;height: auto; }
/**/
.main_griglia_collection{width: 100%; height:auto; background: #efebe2; position: relative; padding:20px 0px}.wrap_griglia_collection{width: 80%; height: auto; margin:0 auto;z-index: 9;position: relative}.box_collection_33{ width: 33.3333333333%; height:783px; float: left; position: relative;overflow: hidden; padding: 20px}.box_collection_33 img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-out;}.box_collection_66{width:66.666667%; height:783px; float: left; position: relative;overflow: hidden; padding: 20px}.box_collection_66 img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-out;}.info_txt_collection{font-size:12px;width: calc(100% - 40px); height: auto; position: absolute; bottom: 0; padding: 20px;color: #83786d; 
	/*background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));*/ background: #efebe2; margin-bottom:20px}.info_txt_collection span{color:#bba68e; text-transform: uppercase; letter-spacing: 2px}.info_txt_alli{text-align: right}
/**/
.obli_sez{clip-path: polygon(0 0, 100% 0, 100% 20%, 0% 100%); background:#cdc2b5; width: 100%; height: 40vh; position: absolute; top:-3px;left: 0px;}
.obli_sez2{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 20%); background:#efebe2; width: 100%; height: 40vh; position: absolute; top:-3px;left: 0px;}
.main_material{width: 100%;/*height:100vh;*/ background: #cdc2b5; position: relative;}.wrap_material{width: 80%; height: auto; margin:0 auto;position: relative; padding: 0px 20px}

.colo1_material{width: 50%; height: 100vh; float: left;/*background: #fff;*/ display: table;}
.txt_sez_material {font-size: 16px;line-height: 22px;padding: 20px;color: #333;height: auto;width: 80%;margin: 0 auto;}
.txt_sez_material h2{font-size: 50px;line-height: 50px; font-weight: normal;}.txt_sez_material h2 span{font-family: 'Playfair Display', serif; font-style: italic; font-size: 45px;}.colo2_material{width: 50%; height: 100vh; float: left;}.imz_sez_material{height: 100%;width: auto;overflow: hidden;} .imz_sez_material img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-out;}

.contieni_mappa{width: 100%; height: auto; padding: 20px 0px;}

@media (min-width: 769px) and (max-width: 1024px) {
	.wrap_rombo_img{width: 340px; height: 477px;margin-top:-170px;margin-left:-170px;}.wrap_rombo_intro{margin-top:-125px;}	.rombo_intro{width: 250px; height: 250px;}.rombo_intro2{width: 250px; height: 250px;}.wrap_griglia_collection{width: 95%;}.box_collection_33{ width: 50%; height:540px;}.box_collection_66{ width: 50%; height:540px;}.wrap_material{width: 95%;}
	
}
@media (min-width: 426px) and (max-width: 768px) {
	.wrap_griglia_collection{width: 95%;}.box_collection_33{ width: 50%; height:540px;}.box_collection_66{ width: 50%; height:540px;}
	.wrap_rombo_img{width: 280px; height: 393px; margin-top:-140px;margin-left:-140px;}.wrap_rombo_intro{margin-top:-100px;}
	.rombo_intro{width: 200px; height: 200px;}.rombo_intro2{width: 200px; height: 200px;}
	
	.colo1_material{width: 100%; height: auto; display: block}.txt_sez_material {width: 100%;}.colo2_material{width: 100%; height:auto;}
}
@media (max-width: 425px) {
	.intro_bicolor {height: 25vh;}.wrap_rombo_img{width: 280px; height: 393px; margin-top:-140px;margin-left:-140px;}	.wrap_rombo_intro{display: none}.made_intro{display: none}.the_style{display: none}.evolution{display: none} .text_intro2{margin-top:-48%}.text_intro3 h1{top:30%}
	.wrap_griglia_collection{width: 90%;}.box_collection_33{ width: 100%; height: 400px;padding: 10px}.box_collection_66{ width: 100%; height: 400px;padding: 10px}
	.info_txt_collection{width: calc(100% - 20px); margin-bottom:10px}.info_txt_collection span{letter-spacing: 1px;}	
	.main_material{width: 100%;height:auto; padding-bottom: 20px}.wrap_material{width: 100%;margin:0; padding: 0px 20px}
	.txt_sez_material h2{font-size: 35px;line-height: 35px;}.txt_sez_material h2 span{font-size: 35px;line-height: 35px;}
	.txt_sez_material h3{font-size: 35px;line-height: 35px;}.txt_sez_material h3 span{font-size: 35px;line-height: 35px;}
	.colo1_material{width: 100%; height: auto; display: block}.txt_sez_material {width: 100%;}.colo2_material{width: 100%; height:auto;}
}