
.social-intro{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0; 
    
}

.social-intro.social ul{
    display: block;
}

.social-intro.social ul li{
    width:var(--unit-space-70);
    margin-top:10px;   
    text-align:center;
    
}

.block-content{   
    text-align:left;
    padding:var(--unit-space-70);
   
}

.block-content.style-01{
    margin-top: var(--unit-space-30);
}

.block-image-left{
    border-radius:0 var(--border-radius) var(--border-radius) 0;
}

.block-image-right{
    border-radius:var(--border-radius) 0px 0px var(--border-radius);
}



.block-title{
    font-size:var(--f-size_24);
    color:var(--color-darkgrey);   
    line-height: 100%;
    text-transform:uppercase;
    font-family:var(--title-fonts);
}

.block-title.large{
     font-size:var(--f-size_40);
     text-transform:none;
}

.block-desc{
    font-size:var(--f-size_24);
    color:var(--color-black);     
   
}

.block-content2{
    position: relative;
    padding:var(--unit-space);
    margin-top: var(--unit-space);
    padding-left:10%;
    padding-right:20%;
}

.block-header{
    padding-bottom:var(--unit-space-30);
}

.block-action{
    margin-top:var(--unit-space-30);    
}




.image-border-radius {
    border-radius:var(--border-radius);
    /*display: inline-block;   */ 
    overflow: hidden;
    position: relative;
}

.button-prenota{
    position: absolute;
    left:-12%;
    top:50%;
    transform:translateY(-50%);
}


.row-post{
	margin:calc(var(--unit-space-16) * -1);
}

.post-thumb{
	padding:var(--unit-space-16);	
}

.post-wrap{	
	position: relative;
	overflow: hidden;
	text-align:center;
}


.post-content{
	padding: var(--unit-space-30);
	
}


.post-thumbtitle{
	font-size:var(--f-size_40);	
	color:var(--color-darkgrey);
	font-family:var(--title-fonts);
	padding-bottom:var(--unit-space-30);
	line-height: 100%;
}

.post-thumbtitle.title-m{
    font-size:var(--f-size_24); 
    text-transform:uppercase;
}

.post-thumbdesc{
	font-size:var(--f-size_24);
	color:var(--color-darkgrey);
	
}

.post-subtitle{
    font-size:var(--f-size_24);
    color:var(--color-01);
    font-family:var(--title-fonts);
}

.post-thumblink{
	padding-top: var(--unit-space-30);
}

.post-thumblink a{
	text-transform:uppercase;
	font-size:var(--f-size_24);
	color:var(--color-01);
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;ù
	text-transform:uppercase;
	font-family: var(--title-fonts);
}

.post-image-circular{
	border-radius: 50%;
    display: inline-block;   
    overflow: hidden;
    position: relative;
    width:23.43vw;
    height: 23.43vw;
}

.thumb-01 .post-thumbtitle,
.thumb-01 .post-subtitle{
    padding-bottom: var(--unit-space-15);
}

.thumb-01  .post-wrap{
   border-radius: var(--border-radius);
    background: var(--color-lightergrey);
} 



.post-style{
	position: absolute;
	width:35%;
	right:5%;
	top:0;
	bottom:0;
	z-index:5;
}

/*.post-style img{
  height: 100%;
  max-width:none;
}*/


.mySwiper .swiper-slide  a{
 width:100%;
}

.mySwiper .swiper-navigation{
	width:5.20vw;
	position:absolute;
	right:50%;	
	background-color: yellow;
	z-index: 2;
}

.mySwiper .swiper-pagination{
	position:absolute;
	right:45%;
	width:5.20vw;	
	left:auto;
}

.mySwiper-view.swiper {
        width: 100%;
        height: 100%;
      }



.mySwiper-view .swiper-slide{
	/* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: auto;
}

.mySwiper-view .swiper-pagination{
	top:-6px;	
	text-align:right;
	position: relative;
}

.swiper-pagination-bullet-active{
	background: var(--color-03);
}


.mySwiper-center{	
	position:relative;
	padding-bottom:3vw;
}

.mySwiper-center:after{
	content:"";
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	top:3vw;	
	background-image: url(../images/bg02.png);
}

.mySwiper-center .item-content{
	display: none;
	border:none;
	text-align:left;
	padding-left: 30px;
	box-sizing: border-box;
	padding-top:6vw;
}

.mySwiper-center .item-content .item-info{
	padding: 0;
}

.mySwiper-center .item-content .item-title{
	font-size:var(--f-size_24);
	color:var(--color-black);
}

.mySwiper-center .item-content .item-desc{
	margin-top: 20px;
	font-family:var(--body-fonts);
	font-size:var(--f-size_18);
}

.mySwiper-center .item-content .price{
	font-size:var(--f-size_36);
	color:var(--color-black);

}


.mySwiper-center .swiper-slide-active .item-content{
	display: block;
}

.mySwiper-center .item-action{	
	margin-top: 20px;
}


.mySwiper-center .swiper-slide .item-picture {
	padding-bottom: 0;
	height:34.89vw;
	position:relative;
	
}

/*.mySwiper-center .swiper-slide .item-picture img {
	position: relative;
	top:0;
	left:0;
	transform: none;
	height:auto;
}*/

.mySwiper-center .swiper-slide-active {
	width:50% !important;
	display: flex;
}

.mySwiper-center .swiper-slide-active .item-picture{
	width:48%;	
	
}

.mySwiper-center .swiper-slide-active .item-content{
	width:56%;
}  

.mySwiper-center .swiper-navigation{
	position: absolute;
	width:100px;
	right:8%;	
	z-index: 1;
	bottom:3vw;
		
}


.mySwiper-center .swiper-pagination-wrap{
	position: absolute;  
    width: 150px;
    right:12%;
   bottom:3vw;
 
	
}

.mySwiper-center .swiper-pagination-total {
    font-size: var(--f-size_20);
}

.mySwiper-scroller{
    height:50%;
}

.mySwiper-scroller .swiper-slide {    
    height: auto;    
    width:100% !important;
    padding-right: 10px;
    box-sizing:border-box;    
}

.section-header.style-01{
    position: absolute;
    left:28%;
    z-index: 2;
}

.section-title span{
    vertical-align: top;
}

.section-title span.fade-text{
    opacity: 0.3;
}


.image-header_r img{
    height: 140px;
    width:354px;
}

.effect-color{
    position: relative;
}

.effect-color:after{
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: var(--color-01);
    opacity: 0.2;
    border-radius: var(--border-radius);
}


.box-text{
	position:relative;	
	padding:30px;
} 

.box-text h2{
	color:#8b6b48;
}

.box-text p{
	color:#8b6b48;
	font-size:var(--f-size_20);
	margin-top: 20px;
	font-family:var(----body-fonts-2);
	
	
}

.text-bg{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.text-bg img{
	width:100%;
	height:100%;
}

.post-left-col{
	position: absolute;
    top: 0;
    bottom: 0;
    width: 20%;
    right: 0;  
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;   
    background-image: url(../images/event-bg.png);
}



   
.event-title{
	    font-size: var(--f-size_40);
	    color: var(--color-black);
    font-family: var(--title-fonts);
    padding-bottom:1rem;
    line-height: 100%;
}

.event-desc {
    font-size: var(--f-size_18);
    color: var(--color-04);
}


.event-date{
	 font-size: var(--f-size_80);
	 text-align:center;
	 color:var(--color-01);
	font-family:var(--body-fonts-2);
}


.event-date h6{
	font-size:1.25rem;
}

.event-time{
	text-align:center;
	margin-top: 20px;
}

.event-time .icon{
	font-size:var(--f-size_20);
	 color:var(--color-01);
}

.time{
	font-size:var(--f-size_30);
	 color:var(--color-01);
}

.top-section h2{
	color:var(--color-white);
	margin-bottom:15px;
}

.top-section .description{
	color:var(--color-white);	
}

.top-section{
	background: var(--color-03);
}



.title-filtri{
    font-size:var(--f-size_40);
    font-family:var(--body-fonts-2);
    color:var(--color-05);
    margin-bottom: var(--unit-space-16);
}

.filter-button{
    display: none;
}

.filter-row{
    display:block;
}

.filter-row .btn{
   min-width:auto;
}


.accoridon-row{
    padding-bottom:var(--unit-space-15);
    padding-top:var(--unit-space-15);
     border-bottom: solid 1px var(--color-04);
  
}

.accordion .accordion-body {
    display: none;   
}

.accordion .accordion-head {
    position: relative;
    cursor: pointer;
    
   
}

.arrow{
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    font-family:"Font Awesome 6 Free" !important;   
    color:var(--color-04);
}

.arrow:after { 
  
    content: "\2b";   
  
}

.accordion-head.open{
    border:none;
}

.accordion-head.open .arrow:after{
   
    content: "\2b";    
    
    
}

.txt-copyright a{
    padding-left: 0;
}

.pagetop-button{
    position: fixed;
    bottom:20px;
    right:20px;
    z-index: 10;
    
}

.pagetop-button a{
    background-color: #000000;
    width:32px;
    height:32px;
    display: block;
    color:#ffffff;
    line-height:30px;
    font-size:16px; 
}

.pagetop-button span{
    -webkit-text-stroke-width: 1px;
}


.block{
	position: relative;
}



.middle-image{
	position: absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:45vw;
}

.middle-image img{
	width:100%;
}

.block-product .block-desc{
	color:var(--color-white);
	margin-top: var(--unit-space-s);
	opacity: 1;
}

.block-desc.desc-color{
	color:var(--color-black);
}

.block-product .block-price{
	margin-top: var(--unit-space-s);
}

.block-product .price{
	font-size: var(--large);
	color:var(--color-white);
}


footer .social{
    margin-top: var(--unit-space-15);
}


footer .social li a{
   padding-left: var(--unit-space-15);
   padding-right: var(--unit-space-15);
}


footer .block-content2 .block-title{
    font-size: var(--fw-title);   
    color:var(--color-white);
}

.block-rows .section:nth-child(even) .row {
    ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}




.block-row{
    background: var(--color-lightergrey);
    border-radius: var(--border-radius);
}


.box{
    background: var(--color-01);
    border-radius: var(--border-radius);
        padding: var(--unit-space-70);
        box-sizing: border-box;
}

.header-top-mobile{
    display: none;
   background-color: var(--color-03);
}

.logo-client{
    margin-top: var(--unit-space-30);
}

.row-logo{
	margin: -15px;
}

.logo-thumb{
	padding: 15px;
    width:20%;
    box-sizing: border-box;
    position: relative;
    
    
   
}
.logo-wrapper{
	 border:solid 1px var(--color-04);
	 box-sizing: border-box;
	 display: block;
	 height: 100%;
	 width:100%;
	 padding:20px;
	 
	 
	 display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	 
	 
	 
}


.box-title{
        font-size: var(--f-size_40);
    color: var(--color-darkgrey);
    line-height: 100%;  
    font-family: var(--title-fonts);
}

.bg-style{
    position: absolute;
    top:0;
    bottom:0;    
    z-index: -1;
   width:100%;
   max-width:1920px;
   text-align:right;
   /*height: 60%;
   overflow: hidden;*/
}

.bg-style2{
    position: absolute;
    top:0;
    bottom:0;    
    z-index: -1;
   width:100%;
   max-width:1920px;
   text-align:left;
   height:170%;
   overflow: hidden;
}

.bg-style img{
    width:42.13vw;
    right:-2.91vw;
   position: relative;
} 

 .post-image-team{
        height:28.64vw;
        border-radius:var(--border-radius);
    } 
    
  .image-devide{
      position: absolute;
      top:12%;    
      left:23%;
      z-index: 5;
      width:15.10vw;
  }
  
  .image-devide.offset{
       left:60%;
  }
  
  .round-wrap{
       border-radius:var(--border-radius);
  }

 .gallery-image{
     border-radius:var(--border-radius);
     height:46.87vw;
 }
 
 .image-caption{
     position: absolute;
     top:50%;
     transform:translateY(-50%);
     right:10%;
     left:auto;
     width:32.03vw;
     text-align:left;
 }
 
 .image-title {
    font-size: var(--f-size_40);
    color: var(--color-darkgrey);
    line-height: 100%;
    text-transform: uppercase;
    font-family: var(--title-fonts);
}

.image-desc {
    font-size: var(--f-size_24);
    color: var(--color-darkgrey);
    margin-top: var(--unit-space-30);
}

#gallery .mySwiper .swiper-navigation{
    right:10%;
    bottom:5%;
}

.thumb-02 .post-content{
    text-align:left;
}

.thumb-02 .post-thumbtitle {
        font-size: var(--f-size_24);
        padding-bottom: var(--unit-space-15);
}

.thumb-02 .post-subtitle{
    padding-top: var(--unit-space-15);
}

 .post-image-news{
    border-radius:var(--border-radius);
    height: 20.83vw;
  }
  
  .post-header{
      padding: 0 var(--unit-space-30) var(--unit-space-30) var(--unit-space-30) ;
      box-sizing: border-box;
  }
  
  .fullpost-title{
       font-size: var(--f-size_40);
        font-family: var(--title-fonts);
  }
  
  .fullpost-desc{
      font-size: var(--f-size_24);
  }
  
  .share-post.box{
      padding: var(--unit-space-15);
  }
  .pagetop-button{
    position: fixed;
    bottom:20px;
    right:20px;
    z-index: 10;
    
}

.pagetop-button a{
    background: var(--color-01);
    width:32px;
    height:32px;
    display: block;
    color:#ffffff;
    line-height:30px;
    font-size:16px; 
}

.pagetop-button span{
    -webkit-text-stroke-width: 1px;
}


.post-align .post-thumb:first-child .post-wrap{
    text-align:left;
}

.post-align .post-thumb:last-child .post-wrap{
    text-align:right;
}
