@font-face {
    font-family: 'Proxima-Nova';
    src: url('../fonts/proxima-nova/ProximaNova-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima-Nova';
    src: url('../fonts/proxima-nova/proximanova-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima-Nova';
    src: url('../fonts/proxima-nova/ProximaNova-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima-Nova';
    src: url('../fonts/proxima-nova/ProximaNova-Bold.woff') format('woff2');
    font-weight: 700;
    font-style: normal;
}


body {
    font-family: 'Proxima-Nova';
    padding: 0px;
    margin: 0px !important;
    overflow-y: scroll;
    position: relative;
    padding: 0px 0px 0px 0px;
    min-height: 100vh;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    color: #222;
}

body.web p {
    margin-bottom: 20px !important;
}

body.web .whole-site-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.container-md {
    max-width: 1140px;
}

.container-sm {
    max-width: 960px;
}


.container-xs {
    max-width: 540px;
}

h1 {
    color: #d1a33c;
    font-size: 50px;
    line-height: 1.1;
    text-align: center;
    font-weight: 300;
    font-style: italic;
}

/* home */

.homepage .text-logo {
    text-align: center;
    flex: 0;
    padding-top: 10px;
}

.homepage .site-content {
    flex: 0;
}

.homepage .golden-title {
    padding-top: 60px
}

.homepage .lang-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 20px;
}
.homepage a.lang-button{
    font-size: 22px;
    width: 175px;
    text-align: center;
    color: #fff !important;
    background-color: #b0905f;
    padding: 25px 0;
    border-radius: 10px;
    font-weight: 300;
    text-decoration: none;
}

/*.homepage a.lang-button {
    font-size: 37px;
    width: 220px;
    text-align: center;
    color: #fff !important;
    background-color: #b0905f;
    padding: 30px 0;
    border-radius: 10px;
    font-weight: 300;
    text-decoration: none;
}*/

.homepage .text {
    margin-top: 60px;
    text-align: center;
}

.homepage .text2 {
    justify-content: center;
    display: flex;
    background-image: url(../../modules/Web/en/imgs/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-bottom: 80px;
    padding-top: 60px;
}

.homepage .text2>div {
    max-width: 300px;
    text-align: center;
}

.homepage .text2 img {
    display: block;
    margin: 20px auto 0px auto;
}


.homepage .text-footer {
    flex: 1;
    background-color: #f5f1e9;
    font-size: 12px;
    padding: 20px 0;
    text-align: center;
        max-height: 80px;
    bottom: 0;
    position: fixed;
    width: 100%;
}

@media (max-width: 991px) {

    .homepage .text-logo img {
        max-width: 90vw;
    }


    .homepage a.lang-button {
        font-size: 26px;
        padding: 20px 0;
        border-radius: 10px;
    }
}

/* inner */


body.web.inner .whole-site-wrapper {
    background-color: #000;
}

.inner .text-logo {
    text-align: center;
    flex: 0;
    padding-top: 10px;
}

.inner .site-content {
    flex: 0;
}

.inner .golden-title {
    padding-top: 60px
}


.inner .lang-buttons {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin-top: 120px;
}

.inner a.lang-button {
    font-size: 37px;
    width: 220px;
    text-align: center;
    color: #fff !important;
    background-color: #b0905f;
    padding: 30px 0;
    border-radius: 10px;
    font-weight: 300;
    text-decoration: none;
}

.inner .text {
    margin-top: 60px;
    text-align: center;
}

.inner .text2 {
    justify-content: center;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-bottom: 40px;
}


.inner .text3 {
    color: #fff;
    font-weight: 300;
    padding-bottom: 80px;
}


.inner audio {
    margin-top: 20px;
}

.inner .text2>div {
    max-width: 300px;
    text-align: center;
}

.inner .text2 img {
    display: block;
    margin: 20px auto 0px auto;
}

.inner .text-footer {
    flex: 1;
    background-color: #3e2e10;
    color: #fff;
    font-size: 12px;
    padding: 20px 0;
    text-align: center;
}

/* inner */
.golden-title h1{
    font-style: normal;
    color:#d1b77e;
    font-size:42px;
    margin-bottom:0px;
}
.golden-title h2{
    font-style: normal;
    color:white;
    font-size:42px;
    line-height: 32px;
}
.fontwhite{color:white;}
.font-italic{font-style: italic;}
#audioIconLink,#downloadIconLink{
color:#e6e6e6;
}
.site-content .text2{padding-bottom: 10px;}
.text-logo img{    max-width: 340px;width: 80%;}
#audioIcon, #downloadIcon{cursor:pointer;}
 .coverimg{    width: 250px;     margin-top: 5px !important;}
.separator{
    height:10px;
    background-color:rgb(34,107,113);
}
.inner .text-footer{
    background-color:rgb(34,107,113);
}
.text-center{text-align:center;}
.inline-group-radio{
    display: flex;
    justify-content: center;
}
.inline-group-radio div{width: 100px;}
.menu ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-left: 0;
list-style: none;
margin-top: 20px;
}

.menu li {
padding-left: 1ch;
font-size: 14px;
}

.menu li a {
color: #a3a3a3;
}

.menu li:not(:first-child)::before  {
content: '•';
display: inline-block;
margin-right: 1ch;
width: 1ch;
color: #a3a3a3;
text-align: center;
}

.menu-toggle {
display: none; 
cursor: pointer;
margin-top: 20px;
}

.menu-toggle span {
display: block;
width: 25px;
height: 3px;
background-color: #a3a3a3;
margin-bottom: 5px;
}


@media screen and (max-width: 768px) {
.modal-content-audio{width:100% !important;    margin-top: 50% !important;}
.golden-title h1{
    
    font-size:32px;
    
}
.golden-title h2{
    
    font-size:32px;
    line-height: 28px;
}
.form-content p{
    padding: 10px;
text-align: center;
font-size: 18px !important;
}

.menu {
    position: relative;
}

.menu ul {
    display: none; 
    /*position: absolute;*/
    top: 100%;
    left: 0;
    width: 100%;
   /* background-color: #f9f9f9;*/
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

    flex-direction: column;
/* justify-content: right; */

    align-items: flex-start;
}
.menu ul li {
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
}





.menu-toggle {
    display: block; 
}
li:not(:first-child)::before {
    content: '•';
    margin-right: 1ch;
    display:none !important;
}
}
.menu ul.active {
display: flex;
flex-direction: column;
align-items: flex-start;
}

/*form */
.form-section hr{
border-top: 1px solid rgb(255 255 255 / 15%);
width: 80%;
}

.form-section h3 {
color:white;
font-weight: 600;
padding-top: 15px;
}
.form-section ul{margin-top:10px;font-size: 14px;}
.form-section li{margin-bottom:10px;color:white;}
.form-section{    margin-top: 25px;}
.form-content{
padding: 50px 0px;   
}
.form-content-wr{background-color: rgb(9,33,33);}
.form-group {
    margin-bottom: 12px;
}
.form-group label {
    display: block;
    margin-bottom: 5px;
    color:white;
    font-weight:400;
    font-size:14px;
}
.formlabel{    
    padding-left: 10px;
    margin-bottom: 3px;
}
.form-content p{color:white;     font-size: 22px;}
form {    padding: 10px 10%;}
.form-content span{color:rgb(151,219,222);}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"] {
    width: 100%;
    padding: 2px 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 16px;
    margin-top: 0px;
}
.form-group img{padding-bottom:8px;}
input[type="radio"]{
    width: 18px;
    height: 18px;
}
.inline-group {
    display: flex;
    justify-content: space-between;
}
.inline-group .form-group {
    width: 48%;
}
button{
    padding: 4px 16px;
border-radius: 10px;
font-size: 12px;
font-weight: 600;
}

.inline-group{margin-bottom:0px !important;}
.modal-audio {
display: none; 
position: fixed; 
z-index: 1; 
left: 0;
top: 0;
width: 100%;
height: 100%; 
overflow: auto; 
background-color: rgba(0, 0, 0, 0.4); 
}


.modal-content-audio {
background-color: #fefefe; 
margin: 10% auto; 
padding: 20px;
border: 1px solid #888;
width: 50%;
position: relative; 
}


.audio-container {
text-align: center; 
}


.close {
color: #aaa;
font-size: 28px;
font-weight: bold;
position: absolute; 
top: 10px; 
right: 20px; 
}

.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
 
 .form-section ul {
    list-style: none;
  }
  
  .form-section ul li {
    position: relative;
    padding-left: 16px;
  }
  
  .form-section ul li:before {
    content: "•";
    position: absolute;
    left: 0;
    font-size: 28px;
    line-height: 12px;
  }