html {
    box-sizing: border-box;
    display: block;
    
}
*,
*::before,
*::after {
    box-sizing: inherit;
}
.clear::after {
    clear: both;
}
.clear::before,
.clear::after {
    display: block;
    content: "";
}
.pgs-list.display {
    display: block;
}
h1, h2, h3, h4, p, a, div, ul, li {
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;

}
img {
  vertical-align: top;
  width: 100%;
}
ul {
    list-style: none;
}
body{
    padding: 0;
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: #ededed;
}
main a{
    display: inline;
}
.nav-list{
    background:url(/images/left-side-bck.jpg);
    width: 220px ;
    height: 100%;
    padding: 30px;
    position: fixed;
}
.dropdown-content{
    display: none;

    }
.dropdown:hover #aboutList {
    display: block;
    
}
.forms{
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 160px ;

}

.nav-list li{
    font-weight: 700;
    color: #3f241d;
    font-size: 14px;
    padding-top: 10px;
    cursor: pointer;
}

.nav-list a{
    color: #3f241d;

}
.active a{
    color: #fff;

}
.dropdown-content li{
    font-weight: 400;
    font-size: 12px;
    padding-left: 15px;
}
.photo{
    background: url(/images/logo-dusati-bck.png);
    background-size: cover;
    height: 400px;
    padding-top: 80px;
}
.forms h2{
    font-weight: 300;
    color: #fff;
    font-size: 14px;
    padding-bottom:10px;
}
.unu {
    background-color: #fff;
    color: #5e5c5c;
    font-size: 11px;
    width: 75px;
    float: left;
    padding: 5px;
}
.white{
    background-color: #fff;
    color: #3f241d;
    font-size: 14px;
    margin-top: 10px;
    padding: 5px;
    cursor: default;

}
.white p{
    font-weight: 600;
}
.maro{
    background-color: #3f241d;
    color: #fff;
    margin-top: 5px;
    padding: 5px;
    font-size: 14px;
    cursor: default;
}
.wrapper{
    width: 1160px;
    margin: 0 auto;
    
}
.container {
    background:url(/images/home-11.jpg) ;

    text-align: center;
}
.container h2{
    padding-top: 300px;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    font-size: 48px;
    font-weight: 500;
}
.container h3{
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 250px;
}
.page{
    position: relative;
    width: 940px;
    float: right;
    background-color: #fff;
}
.acom{
    width: 90%;
    margin: 0 auto;
}
.acom img{
    margin-top: -40px;
}
.there{
    width: 90%;
    margin: 0 auto; 
}
.there img{
    margin-top: 10px;
}
.content{
    width: 90%;
    margin: 0 auto; 
    margin-top: 10px;
    background-color: rgba(63,36,29,0.9);
    padding: 30px 30px 40px 30px;
    color: #fff;
}
.content h1{
    font-size: 24px;
    font-weight: 400;
}
.content h2{
    font-size: 24px;
    font-weight: 400;
    padding-top: 10px;
}
.content p{
    padding-top: 10px;
}
footer{
    position: relative;
    width: 940px;
    float: right; 
    background-color: #fff;
    padding-bottom: 20px;
}
.tour img{
    filter: grayscale();
}
.tour img:hover{
    filter: none;
}
.villa{
    width: 90%;
    margin: 0 auto;
    color: #3f241d;
    margin-top: 50px;
}
.doi{
    width: 110px;
    float: left;
}
.trei{
    width: 550px;
    float: left;
}
.tour{
    width: 180px;
    float: right;
}
.for{
    width: 23%;
    margin-left: 10%;
    float: left;
}
.villa h2{
font-weight: 500;
font-size: 14px;
padding-bottom: 10px;
}
.villa p{
    font-size: 12px;
    font-weight: 400;
    padding-top: 20px;
}
.villa h3{
    font-weight: 500;
    font-size: 14px;
    padding-top: 10px;
}
.trei p{
    padding-top: 0;
}
.trei p:hover{
    color:#76bd31 ;
    cursor: pointer;
}
.trei h3:hover{
    color:#76bd31 ;
    cursor: pointer;
}
.pht{
    background: url(/images/slide-coast-1.jpg);
    height: 500px;
}
.hol{
    width: 90%;
    margin: 0 auto;
    background-color: rgba(63,36,29,0.9);
    color: #fff;
    padding: 20px;
}
.hol h1{
    font-weight: 500;
    font-size: 24px;
}
.hol p{
    width: 380px;
    float: left;
    text-align: justify;
    font-size: 14px;
    padding-top: 30px;
    padding-bottom: 20px;
}