@charset "utf-8";
/* CSS Document */

.blog{display:flex;flex-wrap:nowrap;padding:0 8vw 50px 8vw;max-width:1300px;background:var(--color-grigio-chiaro); margin:0 auto 0px auto;justify-content:center;position:relative;z-index:1!important;}
.blog-img{width:40%;overflow:hidden; margin:auto;z-index:2;}
.blog-img img{object-fit:cover;width:100%;max-width:100%;}
.blog-txt{width:100%;padding:100px 0px 100px 0;}
.blog-txt p{line-height: 2.0}.blog-txt h1 b{font-weight:400}
.blog-txt p strong{font-weight:400;}
.blog-txt p a { display: inline-block;color:var(--color-oro-dark);text-decoration: none;} .blog-testo p a:hover {color:var(--color-oro);}

.blog-txt p a::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: var(--color-oro); margin-top: -4px;
    transition: width .3s;
}
.blog-txt p a:hover::after {
    width: 100%;
}
.blog-txt p img{margin:30px 0!important;display:block;width:99%;height:auto!important;}
.blog-txt ul {list-style: none;padding: 0; margin-left: 1.1em}
.blog-txt li{font-size: 1.20rem;line-height: 1.9;letter-spacing: 0.06em;margin:1rem 0} .blog-testo li strong{font-weight: 600; }
.blog-txt ul li::before {
  content: "\2022"; 
  color:  var(--color-oro); 
  font-weight: bold; 
  display: inline-block; 
  width: 1.1em; 
  margin-left: -1.1em;
}
.blog-txt .video {margin: 15px 0;display: block; 
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.blog-txt iframe{position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;}
.blog-txt blockquote{padding: 0;margin: 0; margin-left: 0.8em;font-size:1.31rem;font-style:italic;display:block;}
.blog-txt blockquote:before {
  content: "“";
  position: absolute;
 left: -.05rem; font-size:1.45rem;
}
.blog-txt blockquote:after {
  content: "”";
  margin-right: -0.5rem;font-size:1.45rem!important;margin-left:.0rem;
}
.blog-txt .autore{display:block;margin-top:11px;font-weight: 300}
.blog-txt em{display: block; margin-top:-20px;margin-bottom:20px;font-family: gothambook, sans-serif;font-weight:400;font-size: 105%}


.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.blog-txt h2{color:var(--color-black-60);font-family:gothambook, sans-serif;font-weight:500;margin-bottom:40px;letter-spacing: 0.1em;font-size: 1.1rem}
.h-b-data{}
.b-share {display:inline-block;float: right}
.b-share i {margin-left:0px; display:inline-block;opacity: 0.8;transition: opacity .3s ease-out;width:26px;height:auto;text-align:center} 
.b-share i.b-pint::before{content: url("../images/ico-pinterest.svg");position: relative;}
.b-share i.b-facebook::before{content: url("../images/ico-facebook.svg");position: relative;}
.b-share i.b-twitter::before{content: url("../images/ico-twitter.svg");position: relative;}
.b-share i.b-whatsapp::before{content: url("../images/ico-whatsapp.svg");position: relative;}
.b-share i:hover {opacity:1.0;cursor: pointer}

.blog-flex{display:flex; flex-wrap:nowrap;justify-content:space-between; /*padding: 0 40px;  */}
.blog-l-img{width:100%;position: relative;line-height:0}.blog-l-img img{width:100%;height:auto;display: block}
.blog-l-txt{width:100%;text-align:left; /*padding-left:4vw*/} 

.B-last-cont{position:relative;width:100%;margin:0px auto 60px auto; margin-top: -50px; background:var(--color-azz);}
.B-last-cont h2{
	position:absolute;top:-40px; font-size:2.4rem; background:var(--color-blu);color:#fff;width:500px;text-align:center;padding:40px 0;font-family: essonnes-display, serif;
	left:calc((100% - 1300px) / 2);letter-spacing:0.02em;z-index: 10
}
.B-last{width:100%;max-width:1300px; margin: 0 auto;padding:160px 0 60px 0;}

.B-last-fx{width:100%;display:inline-block;display:flex;flex-wrap:wrap;padding:0;margin:0;}
.blog-p-cont{width:50%;border-bottom: 1px solid rgba(0,0,0,0.2); padding-bottom:40px;margin-bottom:40px;}
.B-last .blog-flex{padding:0;flex-wrap:wrap;align-content:center;/*align-items:center;*/ }
.B-last .blog-l-img{width:30%;padding:0;} 
.B-last .blog-l-txt{width:calc(100% - 30% - 0px);text-align: left;padding:10px 40px 0 40px; }
.B-last .blog-l-txt h1{font-family: essonnes-display, serif;font-size:2.0rem;color:var(--color-blutxt);margin-bottom:10px}.blog-l-txt h1 b{font-weight:400}.blog-l-txt h1 i{white-space: nowrap}
.B-last .blog-l-txt h3{font-family: 'gothambook', serif;font-size:1.1rem;color:var(--color-black-50);letter-spacing:0.06em;line-height:1.4}
.B-last-fx h4{width:50%;font-family: 'gothambook', serif;font-size:1.0rem;letter-spacing:0.2em;display:block;position:relative;color:var(--color-black-50);text-transform: uppercase}
.link-btn-blog{color:var(--color-black-70); }
a.link-btn-blog::after{content:'';width:30px;height:1px;display:block;position:relative;margin-top:0.5rem;-webkit-transition: all .25s ease-in-out;transition: all .25s ease-in-out; background:rgba(0,0,0,0.4);}
a.link-btn-blog:hover{color:var(--color-oro-dark)}a.link-btn-blog:hover::after{width:100%;background:var(--color-oro-dark);margin-top:0.rem}
.last-dispari{float:right;clear:right;padding-top:90px;}.last-pari{float:left;clear:left;}
/*.B-last-fx h4 a{color:var(--color-black-50);}.B-last-fx h4 a:hover{color:var(--color-black-50);}*/

/*lista*/
.work{padding:160px 0 110px 0;} 
.rett2 .h-work-img{order:1;} .rett2 .h-work-txt{order:2;}
.h-work-txt h1{padding-top:2.5vw}.h-work-txt h1 b{font-weight:400}.h-work-txt h1 i{white-space:nowrap}
.h-work-img {max-height:22vw;overflow: hidden;line-height:0}.h-work-img img{display: block;margin-top:-2vw;height:auto;width:100%;}

.paginazione {width:100%;margin:calc(3vw + 10px) auto calc(3vw + 0px) auto;height:50px;text-align:center;font-size:1.0rem;font-family:gothambook, sans-serif;background:var(--color-azz);}
.paginazione a{height:50px;width:50px;display:inline-block;background:var(--color-azz);line-height:50px;color:var(--color-black-50);transition: all .25s ease-in-out;  }
.paginazione a:hover {background:var(--color-grigio-chiaro);}
.paginazione a.active, .paginazione a:active {background:var(--color-oro); color:#fff;}
[class^="icon-"], [class*=" icon-"] {
	color: rgba(0,0,0,0); opacity: 0.4;
}
.icon-arrow-left {background: url(../images/freccia-next.svg)center center no-repeat;background-size:8px;display:block;transform: rotate(180deg)}
.icon-arrow-right {background: url(../images/freccia-next.svg)center center no-repeat;background-size:8px;display:block;}
.icon-arrow-left2 {background: url(../images/freccia-next-u.svg)center center no-repeat;background-size:10px;display:block;transform: rotate(180deg)}
.icon-arrow-right2 {background: url(../images/freccia-next-u.svg)center center no-repeat;background-size:10px;display:block;}

@media screen and (max-width:1366px) {
	.B-last .blog-l-txt h1{font-size:1.5vw;}.B-last .blog-l-txt h3{font-size:1.0vw;}.link-btn-blog{font-size:0.8vw;}
}

@media screen and (max-width: 1194px) {
	.blog-txt h2{font-size:1.5vw;}
	
	.B-last-cont h2{left:0;}
	.B-last{padding:160px 8% 60px 8%;} .B-last-cont h2{font-size:2.6vw;}
	.blog-p-cont{width:50%; padding-left:3%;padding-right:3%;}
	.B-last .blog-l-txt h1{font-size:2.0vw;}.B-last .blog-l-txt h3{font-size:1.2vw;}.link-btn-blog{font-size:1.2vw;}
	
	.tit-blog{padding:240px 5% 100px 5%;font-size:3.5vw;}
	.h-work-txt{padding-top:1vw}
	.h-work-txt h1{padding-top:0px;} .h-work-txt p{margin-top:0px;}
	.h-work-img {max-height:none;}.h-work-img img{margin-top:0;}

}
@media screen and (max-width: 900px) {
	.blog-txt h2{font-size:1.7vw;}	
	.blog-txt{}.blog-txt p img{width:100%;} .blog-txt{padding-bottom:6vh} 
	
	.B-last{padding:160px 5% 60px 5%;} .B-last-cont h2{font-size:3.3vw;}
	.B-last .blog-l-img{width:100%;padding:0;} 
	.B-last .blog-l-txt{width:calc(100% - 0% - 0px);padding:30px 40px 0 0px; }
	.B-last .blog-l-txt h1{font-size:2.6vw;}.B-last .blog-l-txt h3{font-size:1.6vw;}.link-btn-blog{font-size:1.6vw;}
	.last-pari{margin-left:5%}.last-dispari{float:left;clear:left;margin-left:5%;padding-top:30px;}
	
	 .h-work-txt h1{font-size:5.0vw;} 
}
@media screen and (max-width: 600px) {
	.blog{margin:0 auto 60px auto;}
	.blog-txt{padding:60px 0px 60px 0;}
	.blog-txt h2{font-size:3.1vw;}	
	/*.blog-txt{padding:15vw 0;}*/	
	.blog-txt h1{width:100%;line-height:1.4;}.blog-txt h1 i{white-space: nowrap;} .blog-txt h1 b{display:block;}
	.b-share {} 
	
	.blog-p-cont{width:100%;padding-left:0%;padding-right:0%;}.B-last-cont h2{top:-40px;font-size:6.5vw;;width:84%;left:8%; padding:40px 0;}
	.B-last{padding:160px 8% 60px 8%;} 
	.B-last .blog-l-txt h1{font-size:6.6vw;margin-bottom:0px}.B-last .blog-l-txt h3{font-size:3.8vw;}.B-last-fx h4{width:100%;}.link-btn-blog{font-size:3.5vw;}
	.last-pari{margin-left:0%}.last-dispari{float:left;clear:left;margin-left:0%;padding-top:30px;}
	
	.work{margin-bottom:0px;padding-bottom:50px}.work h1{text-align:left;font-size:9.0vw;} .work h1 em{display:block;margin-top:-2vw} .work h1 br{line-height:0;display:none}
	.h-work{flex-wrap:wrap;padding:0 0vw 0 0vw;}.h-work-txt h1{font-size:10vw;margin-top:40px;margin-bottom:0px;line-height:1.3}.h-work-txt p{margin-top:0px;}
	.h-work-img,.h-workDX .h-tend-img{flex-basis:100%;padding-left:0px;padding-right:0%;margin-top:0px}
	.h-work-txt,.h-workDX .h-work-txt{flex-basis:100%;padding-right:5%;padding-left:5%; padding-bottom:70px}
	.rett1 .h-work-img,.rett3 .h-work-img,.rett5 .h-work-img{order:1;} .rett1 .h-work-txt,.rett3 .h-work-txt,.rett5 .h-work-txt{order:2;}

}