@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
	font-family: 'nessofont';
	src:url("../fonts/NotoSansSC-VariableFont_wght.ttf")
}
/* CSS Document */


 body {
    font-family: 'nessofont', "Noto Sans SC Thin", "Noto Sans SC Regular", "Noto Sans SC Light", "Noto Sans SC Medium", "Noto Sans SC Bold", "sans-serif";
    color: #666666;
    margin: 0px;
    font-style: thin;
    font-variant: thin;
    font-weight: thin;
	text-decoration: none;
  }

 .top-banner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    color: #666666;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }


.langWrap{
    font-size: 15px;
    color: #666666;
	justify-content: space-between;
	text-decoration: none;
	align-items: center;
}

a.active{
	text-decoration: none;
}

.main{
    max-width: 1300px;
    position: static;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    margin-bottom: 80px;
}

.main-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

/*.grid-container-futproj{
	float: left;
}

  .logo a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
	text-decoration: none;
  }*/

.store-box {
    display: grid;
    place-items: center;
}

/*.about-box {
    display: grid;
    place-items: center;
}*/
/*.clearfix {
    overflow: auto;
    padding-top: 0px;
}

/*.clearfix::after {
content: "";
clear: both;
display: table;
}*/



/*.page-wrapper{
	margin-left: auto;
	margin-right: auto;
}*/




 
.about-photo-container {
    max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.about-photo-item {
    display: flex;
    flex-direction: column;
	    justify-content: space-between;
    align-items: center;
}

.about-photo-item img {
    max-width: 100%;
	justify-content: space-between;
    height: auto;
}

.about-photo-description {
    margin-top: 10px;
	justify-content: space-between;
    text-align: center;
    color: #555;
}

.spacer {
    flex-grow: 1; /* Rende lo spazio flessibile */
    min-width: 20px; /* Larghezza minima dello spazio */
}

 .contact-form {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            width: 100%;
            max-width: 400px;
        }

        .contact-form h2 {
            margin-top: 0;
        }

        .form-group {
            margin-bottom: 15px;
        }

        .form-group label {
            display: block;
            margin-bottom: 5px;
        }

        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .form-group textarea {
            resize: vertical;
        }

        .form-group button {
            width: 100%;
            padding: 10px;
            background-color: #28a745;
            border: none;
            border-radius: 4px;
            color: white;
            font-size: 16px;
            cursor: pointer;
        }

        .form-group button:hover {
            background-color: #218838;
        }



.footer{
	color: #666666;
	width: 100%;
    padding-bottom: 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: x-small;
}

.menufoot img {
	max-height: 100px;
	max-width: 100px;
}

nav ul{
	text-align: center;
	list-style-type: none;
}

nav a{
    text-decoration: none;
    color: #666666;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 15px;
    font-weight: 300;
}

hr {
    position: relative;
    max-width: 700px;
	width: 80%;
    border: none;
    height: 0.5px;
    background: #666666;
    text-decoration: none;
    }

.wechat-icon-container {
    position: relative;
    display: inline-block;
}

.wechat-icon {
    cursor: pointer;
}

.qr-code-popup {
    display: none;
    position: absolute;
    bottom: 30px; /* Adjust as needed */
    left: 50%;
    transform: translateX(-50%);
    width: 82px; /* Larghezza del popup */
    height: 102px; /* Altezza del popup */
    background-color: #FFFFFF;
    padding: 0; /* Rimuovi padding se non necessario */
    z-index: 100; /* Assicura che il popup si sovrapponga ad altri elementi */
}

.qr-code-popup img {
    display: block; /* Assicura che l'immagine riempia il contenitore */
    width: auto;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}

.wechat-icon-container:hover .qr-code-popup,
.wechat-icon-container:active .qr-code-popup {
    display: block;
}