:root {
--color-pink: #EE3E9C;
--dark-pink:#C41F77;
--color-darkgrey:#2b2b2b;
--color-lightgrey: #888888;
--color-lightergrey:#eef1f1;
--color-white:#ffffff;
--color-black:#000000;
--color-default:#9a241d;
--color-purple:#73322e;
--color-pinkbrown:115, 50, 46;
--color-light:#faf4ec;
--color-grey:136,136, 136;
--color-01:#6cc2b6;
--color-02:#f5e4cf;
--color-03:#bd6f58;
--color-04:#705d48;
--color-05:#bd6f58;
--color-06:#e7b079;
--color-07:#fbf5e9;
--color-08:#c6a682;
--border-grey:solid 1px var(--color-darkgrey);
--border-pink:solid 1px var(--color-pink);
--border-white:solid 1px var(--color-white);
--f-thin:100;
--f-light:300;
--f-regular:400;
--f-medium:500;
--f-semibold:600;
--f-bold:700;
--f-extrabold:800;
--f-black:900;
--margin-auto:0 auto;
--input-fontsize:0.913rem;
--body-fonts:'segoeui';
--body-fonts-2:'seguisb';
--title-fonts: 'segoeuib';
--title-fonts-cormorant:'Cormorant', serif;
--container-default:1920px;
--container-medium:1170px;
--container-large:1420px;
--left-padding:365px;
--f-size_12:0.75em;
--f-size_14:0.875em;
--f-size_15:0.937em;
--f-size_16:1em;
--f-size_18:0.9375vw;
--f-size_20:1.04vw;
--f-size_24:1.25vw;
--f-size_30:1.56vw;
--f-size_36:2.25em;
--f-size_40:2.08vw;
--f-size_50:3.125em;
--f-size_70:3.64vw;
--f-size_80:5em;
 --f-size_135:7.03vw;
--input-height:2.5em;
--style-round:5px;
--btn-height_d:3.125em;
--btn-padding_d:2em;
--box-padding_d:1.875em;
--btn-maxwidth_d:250px;
--unit-space-8:0.5rem;
--unit-space-10:0.625rem;
--unit-space-15:0.78vw;
--unit-space-16:1rem;
--unit-space-20:1.25rem;
--unit-space-30:1.56vw;
--unit-space-32:2rem;
--unit-space-70:3.64vw;
--icon-size_20:20px;
--btn-height:3.125rem;
--btn-height-60:3.75rem;
--btn-maxwidth:11.25em;
--btn-size:1.125em;
--fw-title:1.87vw;
--menu-padding:1vw 1.66vw;
--line-height-100:100%;
--border-radius:30px;

}

.logowrapper{
	width:5.20vw; 
}


.btn-contact img{
    width:3.85vw;
    height:3.85vw;
}



.popup{
	max-width:700px;
}
	
	
@media (min-width:1920px) { 
    :root{
       --f-size_18:1.125em;
       --f-size_20:1.25em;
       --f-size_24:1.5em; 
        --f-size_30:1.875em; 
        --f-size_70:4.375em;  
       --f-size_40:2.5em;
       --f-size_135:8.43em;
       --unit-space-15:0.9375rem;
       --unit-space-30:1.875rem;
      --unit-space-70: 4.375rem;
       --menu-padding:1rem 2rem;
       
    }
    
    .btn-contact img{
        width:74px;
        height:74px;
    }
    
    .logowrapper{
        width:100px; 
    }
    
    .btn_circle{
       width:175px;
       height:175px;
       padding: 20px;      
    }

    .mySwiper .swiper-pagination,
    .mySwiper .swiper-navigation{ 
        width: 100px;
    }
    
        
    .post-image-circular{
        width: 450px;
        height: 450px;
    } 
    
    .contact-icon{
       width:90px;
       height: 90px; 
    }  

    .bg-style img{
        width:809px;
        right:-56px;
     
    }  
    
    .post-image-team{
        height:550px;
    }
    
     .image-devide{
         width:290px;
     }
     
      .gallery-image{
          height:900px;
      }
      
      .image-caption{
          width:615px;
      }
      
      .post-image-news{
          height:400px;
      }
      
     
    
}
	
	




@media only screen and (max-width:1199px){
    
	.btn_circle{
         font-size: var(--f-size_24);
           width:11vw;
        height: 11vw;
        border: solid 4px var(--color-01);
     }
	
	
	.btn-contact .btn-txt{
	   font-size: var(--f-size_24);
	}
		
	
	.block-desc,
	.btn{
	     font-size: var(--f-size_30);
	}
	
	.block-title{
	   font-size: var(--f-size_30);  
	}
	
	.post-thumbdesc{
	    font-size: var(--f-size_30);  
	}
	
	.banner-desc{
	     font-size: var(--f-size_30);
	}
	
	.contact-info{
	    font-size: var(--f-size_30);
	}
	
	footer .social li a{
	    font-size: var(--f-size_40);
	}
	
	.footer-bottom-continer{
	    font-size: var(--f-size_30);
	}
	
	.post-thumbtitle.title-m{
	    font-size: var(--f-size_30);
	}
	
	.sitemap li a{
	      font-size: var(--f-size_30);
	}
	
	.btn_circle img{
        width: 5vw;
    }
    
    .post-subtitle{
        font-size: var(--f-size_30);
    }
    
    .image-desc{
        font-size: var(--f-size_30);
    }
    
    .thumb-02 .post-thumbtitle{
        font-size: var(--f-size_30);
    }
    
    .logo-thumb{
    	width: 25%;
    }
	
}

@media only screen and (max-width:768px){	
	
	
	.btn-contact .btn-txt{
       font-size: var(--f-size_30);
    }
	
	
	 .button{
	     right:20vw;
	 }
	 
	 
    .logo-thumb{
    	width: 33.33%;
    }
    
}


@media only screen and (max-width:575px){	
    
    :root{
        --f-size_18:1.125em;
        --f-size_24:1.5em; 
         --f-size_30:1.875em;
          --f-size_40:2.5em;
         --unit-space-15:0.9375rem;
         --unit-space-30:1.875rem;
        
         
    } 
    
    .container-fluid{
            padding-right: var(--unit-space-15);
    padding-left: var(--unit-space-15);
    }
    
    .social-intro{
        display: none;
    }
    
    .bg-style{
        display: none;
    }
    
    .button{
         right:170px;
     }
     
     .hero-container{
         position: relative;
         left:0;
         top:0;
         transform:none;
         width:100%;
         margin-top: var(--unit-space-30);
         text-align:center;
     }
     
     .hero-container h1{
         color:var(--color-darkgrey);
         font-size: var(--f-size_40);
         text-align:center;
         padding-left: 0;
     }
     
     .hero-desc{
         color:var(--darkgrey);
         font-size:var(--f-size_18);
         padding-left: 0;
     }
    
    .logowrapper{
        width:60px;
    }
    
    .btn-contact .btn-txt{
       font-size: var(--f-size_15);
    }
    
    
    .section{
        padding-top: var(--unit-space-15);
        padding-bottom: var(--unit-space-15);
    }
    
    .section-header{
        text-align:center;
    }
    
    .section-header.style-01{
        position: relative;
        left:0;
    }  
    
    .section-title{
        font-size: var(--f-size_30);
    }
    
    .block-title{
        font-size: var(--f-size_18);
    }
    
    .block-desc,
    .btn{
         font-size: var(--f-size_16);
    }
    
    .block-content{
           padding: var(--unit-space-30);
    }
    
    .block-content.style-01{
        margin-top: 0;
    }
    
    .block-image-left,
    .block-image-right{
        height:40vw;
    }
    
    .section-title span.fade-text{
        display: none;
    }
    
    .mySwiper .swiper-pagination{
        width:100px;
        left:0;
        position: relative;
     
    }
    
    .mySwiper .swiper-navigation{
         width:100px;
         right:0;
         bottom:0;
       
    }
    
    .image-style01{
        height:60vw;
    }
    
    .button-prenota{
      left:0;
      right:0;
      position: relative;
      top:-30px;
      transform:none;
      text-align:center;
      
    }
    
       .button-prenota .btn_circle{
           margin: 0 auto;
       }
    
    .btn_circle{
        width:130px;
        height: 130px;
        font-size: var(--f-size_14);
        padding: 10px;
        box-sizing: border-box;
    }
    
    .image-devide{
        display: none;
    }
    
    .post-image-circular {
      width: 60vw;
      height:60vw;  
    }
    
    .post-thumbtitle{
        font-size: var(--f-size_24);
        padding-bottom: var(--unit-space-15);
    }
    
    .post-thumbdesc{
        font-size: var(--f-size_16);
        
    }
    
    .post-thumblink a{
         font-size: var(--f-size_18);
    }
    
    .banner-image{
        position: relative;
        height:70vw;
    }
    
    .banner-content{
        position: relative;
        width: 100%;
            padding: var(--unit-space-30);
            box-sizing: border-box;
            border-radius: 0 0 var(--border-radius) 0;
    }
    
    .banner-title{
        font-size: var(--f-size_24);
    }
    
    .banner-desc{
        font-size: var(--f-size_18);
    }
    
    .banner-button{
        left:50%;
        transform:translate(-50%);
        top:-115px;
    }
    
    .contact-icon{
        width:42px;
        height:42px;
        font-size:var( --f-size_18);
    }
    
    .contact-info{
            font-size: var(--f-size_16);
    }
    
    footer .social li a{
         font-size: var(--f-size_24);
    }
    
    .fw{
        margin-bottom: var(--unit-space-15);
    }
    
    .footer-bottom-continer{
        font-size: var(--f-size_15);
    }
    
    .btn_circle img{
        width:60px;
    }
    
    .post-thumbtitle.title-m{
          font-size: var(--f-size_24);
    }
    
    .post-image-team {
        height: 85vw;
    }
    
    .post-subtitle{
       font-size: var(--f-size_16); 
    }
    
    .image-title{
         font-size: var(--f-size_24);
    }
    
    .image-caption{
        position: relative;
        top:0;
        transform:none;
        left:0;
        right:0;
        width: 100%;
    }
    
    .image-desc{
       font-size: var(--f-size_16);  
    }
    
    .gallery-image{
         border-radius: var(--border-radius) 0  0;
    }

    .image-caption.box{
        border-radius: 0 0 var(--border-radius) 0;
    }
    
    .thumb-02 .post-thumbtitle{
        font-size:var(--f-size_24);
    }
    
    .post-image-news {
      height: 60.83vw;  
    }

    .fullpost-title{
        font-size: var(--f-size_24);
    }
    
    .social li.title{
            font-size: var(--f-size_18);
    }
    
    .social li a{
        font-size: var(--f-size_24);
    }
    
    .box-title{
        font-size: var(--f-size_24);
    }
   
    .btn-contact img{
        width:42px;
        height:42px;
    }
    
    .sitemap li{
       flex-basis: 50%;
    max-width:50%; 
    }
    
    .sitemap li a{
          font-size: var(--f-size_16);
    }
    
    .input-btn {
       width: 100%; 
    }
    
    .post-align .post-wrap{
        text-align:center !important;
    }
    
     .logo-thumb{
    	width:50%;
    }
    
	
	
}