@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,700i|Raleway:400,500,700|Ubuntu:300,400,500,700&subset=latin-ext');
body {
    font-family: 'Ubuntu', sans-serif;
    color: #303030;
    overflow-x: hidden;
    font-weight: 400;
    line-height: 1.2;
}

a {  text-decoration: none !important;  }
section{padding: 45px 0}
ul{padding: 0; margin: 0;}

h1, .h1{font-size: 36px; font-weight: 400; margin-bottom: 10px; margin-top: 10px;}
h2, .h2{font-size: 30px; font-weight: 400; margin-bottom: 10px; margin-top: 10px;}
h3, .h3{font-size: 24px; font-weight: 400; margin-bottom: 10px; margin-top: 10px}
h4, .h4{font-size: 20px; font-weight: 400; margin-bottom: 10px; margin-top: 10px}
h5, .h5{font-size: 18px; font-weight: 400; margin-bottom: 10px; margin-top: 10px}
h6, .h6{font-size: 16px; font-weight: 400; margin-bottom: 10px; margin-top: 10px}

.lang{text-align: right;}
.top{padding: 0 40px;}
.top-bar{padding: 10px 0;}
.main{background: url(../images/main.jpg) no-repeat center; background-size: cover; padding-bottom: 15%; margin-bottom: 40px;}
.logo{text-align: center; position: relative; top: -5px;}
.navbar-expand-lg{margin-bottom: 50px;}
.navbar-expand-lg .navbar-nav .nav-link{color: #fff; font-size: 16px; font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: 700; padding: 15px 25px;}
.slogan{text-align: center}
.slogan h1{font-size: 52px; font-weight: 700;  font-family: 'Playfair Display', sans-serif; font-style: italic; color: #fff; margin-bottom: 40px;}
.slogan p{color: #fff; font-size: 18px; line-height: 1.2em;}
.main-phone{text-align: center;}
.main-phone a{display: inline-block; padding-left: 60px; position: relative; font-size: 32px; color: #fff; padding-top: 5px; padding-bottom: 5px; margin-bottom: 30px;}
.main-phone a:before{background: url(../images/icon-phone.png) no-repeat; width: 44px; height: 43px; content: ""; position: absolute; top: 0; left: 0;}

.section-2{background-color: #efefef; padding: 30px;}

.slider.slider-for{margin-bottom: 15px;}
.slider.slider-nav{padding: 0 40px; position: relative}
.slider.slider-nav .it{padding: 5px;}
.slick-list{}
.slick-prev{left: 0;}
.slick-next{right: 0;}
.slick-prev::before, .slick-next::before{color: #666666}

.section-3{padding: 25px 0 60px 0;}
.section-3 h2.title{font-size: 20px; text-transform: uppercase; text-align: center; border-bottom: 5px solid #b8995e; margin-bottom: 15px; padding-bottom: 5px;}
.section-3 .item{border-right: 1px solid #9a9a9a}
.section-3 .item:last-child{border-right: none}
.section-3 .item h4{font-size: 18px; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; margin-top: 0;}
.section-3 .item ul{list-style: none; margin: 0 10px;}
.section-3 .item li{font-size: 16px; font-weight: 500; padding: 0 0 8px 0; border-bottom: dotted 1px #dfdfdf; margin-bottom: 8px; display: flex; justify-content: space-between;}
.section-3 .item li span{ font-weight: 400; }

.section-4{background: url(../images/main-2.jpg) no-repeat center; background-size: cover; position: relative; padding: 10% 0}
.form-proprietar{background-color: #efefef; min-height: 400px; max-width: 830px; margin: -150px auto; position: relative; padding: 40px; text-align: center;  box-shadow: 0 5px 5px rgba(0,0,0,0.5);}
.form-proprietar form{max-width: 320px; margin: 0 auto;}
.form-proprietar .btn{background-color: #b8995e; color: #fff; font-size: 16px; box-shadow: 0 3px 5px rgba(0,0,0,0.2); padding: 7px 25px}
.form-proprietar h3{font-size: 30px; margin-bottom: 20px; font-weight: 500}
.form-proprietar p{font-size: 14px;}
.camere{background: url(../images/camere.jpg) no-repeat center; background-size: cover; padding-top: 270px; padding-bottom: 55px;}
.camere .box{background-color: #fff; padding: 15px;}
.camere .box h3{font-size: 22px; font-style: italic; font-weight: 700; color: #b8995e;  font-family: 'Playfair Display', sans-serif; }
.legend{color: #616161}
.legend .dis span{display: inline-block; width: 22px; height: 13px; border-radius: 2px; background-color: #b8995e; box-shadow: 0 3px 5px rgba(0,0,0,0.3); margin-right: 5px;}
.legend .nedis span{display: inline-block; width: 22px; height: 13px; border-radius: 2px; background-color: #ea1c1c; box-shadow: 0 3px 5px rgba(0,0,0,0.3);  margin-right: 5px;}
.legend .rez span{display: inline-block; width: 22px; height: 13px; border-radius: 2px; background-color: #eeda00; box-shadow: 0 3px 5px rgba(0,0,0,0.3);  margin-right: 5px;}

.tel-icon {display: inline-block; padding-left: 50px; position: relative; font-size: 32px; color: #b8995e; padding-top: 5px; padding-bottom: 5px; margin-bottom: 30px;}
.tel-icon:hover{color: #a88a51}
.tel-icon:before{background: url(../images/icon-phone2.png) no-repeat; width: 44px; height: 43px; content: ""; position: absolute; top: 7px; left: 0;}

.tel-icon2 {display: inline-block; padding-left: 70px; position: relative; font-size: 42px; color: #b8995e; padding-top: 5px; padding-bottom: 5px; margin-bottom: 30px;}
.tel-icon2:hover{color: #a88a51}
.tel-icon2:before{background: url(../images/icon-phone3.png) no-repeat; width: 55px; height: 55px; content: ""; position: absolute; top: 7px; left: 0;}

.etaj-box{text-align: center; max-width: 742px; margin: 0 auto; }
.etaj-box .maps{background-repeat: no-repeat; height: auto;}
.tab-content {padding-bottom: 10px; border-bottom: 1px solid #eaeaea; margin-bottom: 10px;}
.btn-default{background-color: #b8995e; color: #fff; font-size: 13px; box-shadow: 0 3px 5px rgba(0,0,0,0.2); text-transform: uppercase; padding: 5px 15px;}

.soc-th a{display: inline-block; margin: 0 20px;}

.select-btn .btn-rooms{background-color: #fff; color: #616161; font-size: 14px; border-radius: 6px; box-shadow: 0 3px 5px rgba(0,0,0,0.2); width: 32px; margin: 0 3px; padding-left: 0; padding-right: 0;}
.select-btn .btn-rooms.active{background-color: #b8995e; color: #fff;}
.select-btn2 .btn-rooms{background-color: #fff; color: #616161; font-size: 14px; border-radius: 6px; box-shadow: 0 3px 5px rgba(0,0,0,0.2); width: 32px; margin: 0 3px; padding-left: 0; padding-right: 0;}
.select-btn2 .btn-rooms.active{background-color: #b8995e; color: #fff;}

.section-5 .plan{margin-top: 50px; box-shadow: 0 5px 10px rgba(0,0,0,0.3)}
.form-3{background-color: #1f2623; padding: 40px 20px 40px 80px;}
.form-3 h3{color: #fff; font-size: 32px; margin-bottom: 20px;}
.form-3 h4{color: #fff; font-size: 22px;}
.form-3 p{color: #fff;}
.form-3 .form-control{background-color: #6d7270; border-radius: 0; border: none; border-bottom: 2px solid #c5c7c6; color: #fff;}
.form-3 .btn{background-color: #b8995e; color: #fff; padding: 10px 40px;}

.section-6 .b1{background-color: #1f2623; padding: 60px 10%;}
.section-6 .b1 .t1{font-size: 36px; color: #fff; margin-bottom: 10%; text-align: right}
.section-6 .t2{font-size: 53px; text-align: right; color: #b8995e; line-height: 1.2em; font-family: 'Playfair Display', sans-serif; font-style: italic; font-weight: 700;}
.section-6 .t2 span{font-size: 24px; line-height: 1.2em; display: block; color: #fff; font-family: "Ubuntu"; font-style: normal; font-weight: 400}
.section-6 .im{margin: -60px 0 -30px 0; position: relative}
.reducere{position: absolute; top: -20px; left: 15px; }


.section-7{background: url(../images/video-bg.jpg) no-repeat center; background-size: cover; padding: 10px 0 80px 0;  overflow: hidden;}
.section-7 h2{font-family: 'Playfair Display', sans-serif; color: #b8995e; font-style: italic; font-weight: 700; text-align: center; margin-bottom: 20px;}
.section-7 p{text-align: center; color: #fff; line-height: 1.2em;}

.section-8 h2{font-family: 'Playfair Display', sans-serif; color: #b8995e; font-style: italic; font-weight: 700; text-align: center; margin-bottom: 20px;}
.section-8 p{text-align: center; color: #000; line-height: 1.2em;}
.section-8 .t{font-size: 18px; margin-bottom: 40px; padding-top: 15px; }

.section-9{background: url(../images/sc9.jpg) no-repeat center bottom; background-size: cover;}
.section-9 h2{font-family: 'Playfair Display', sans-serif; color: #b8995e; font-style: italic; font-weight: 700; text-align: center; margin-bottom: 40px;}
.section-9 p{color: #fff; padding-top: 15px; margin-bottom: 30px;}
.section-9 .ex{color: #fff; font-size: 22px; text-align: center}

.camere-etaj img{width: 13%;}

.contacte{ padding: 20px 40px 0 40px;}
.map{height: 1000px;}
.contacte .container{position: relative}
.map-box{position: absolute  ; left: 0; top: 30px; padding: 2px; z-index: 999; max-width: 470px; border: 2px solid #b8995e; }
.map-box>div{ background-color: rgba(184,153,94,0.7); padding: 30px; }
.map-box h4{color: #fff; font-size: 36px; font-weight: 700; margin-bottom: 20px; margin-top: 0; font-style: italic ; font-family: 'Playfair Display', serif;}
.map-box p{font-size: 16px; color: #fff; line-height: 1.4em;}
.map-box table{width: 100%;}
.map-box table td{font-size: 20px; color: #fff}
.map-box table td.t{color: #705d38}

footer{text-align: center; padding: 40px 0}
footer p{font-size: 18px; color: #616161; padding-bottom: 15px;}

#video{
    position: relative;
    background: url(../images/video-bg.png) no-repeat transparent; background-size: cover;
}

.ytplayer-container{
    position: absolute;
    top: 0;
    z-index: -1;
}




.formular{ max-width: 350px; margin: 0 auto}
.formular .title{font-size: 20px; text-align: center; margin-bottom: 40px; color: #303030; font-weight: 500;}
.formular input.form-control{background-color: #fff; border: 1px solid #cecece;  color: #303030;}
.formular input.form-control.error{border-color: red}
.formular .form-group{margin-bottom: 15px;}
.formular label.error{font-size: 12px; color: red; }
.formular textarea.form-control{height: 170px;}
.btn-success{background-color: #82a900; border: none}
.btn-success:hover{background-color: #769900}
.pe-fb{text-align: center}
.pe-fb a{font-size: 18px; text-transform: uppercase; display: inline-block; padding-left: 40px; position: relative; color: #303030}
.pe-fb a:before{background: url(../images/share.png) no-repeat; width: 24px; height: 26px; content: ""; position: absolute; left: 0; top: 27px;}
/* Hoshi */
.input-style input,
.input-style span,
.input-style label{
    display: block;
    margin: 10px;
    padding: 5px;
    border: none;
    font-size: 16px;
}

.input-style input:focus {
    outline: 0;
}

.input-style input{
    padding-top: 30px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 2px;
    margin: 0;
    border: none;
    width: 80%;
    background: rgba(0, 0, 0, 0);
    transition: padding-top 0.2s ease, margin-top 0.2s ease;
    overflow-x: hidden; /* Hack to make "rows" attribute apply in Firefox. */
}

.input-style input + label {
    display: block;
    position: relative;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    width: 100%;
    border-top: 1px solid #a6a9a8;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
    height: 0px;
    font-weight: 700;
}

.input-style input:focus + .input-style label{
    width: 80%;
}

.input-style input:focus,
.input-style input:valid {
    padding-top: 30px;
}
.input-style input:focus + label > span,
.input-style input:valid + label > span {
    top: -52px;
    font-size: 14px;
    color: #333;
    font-weight: 700;
}

.input-style input:valid + label {
    border-color: #1f2623;
}

.input-style input:invalid {
    box-shadow: none;
}

.input-style input + label > span {
    font-weight: 700;
    margin: 0;
    position: absolute;
    color: #8F8F8F;
    font-size: 16px;
    top: -26px;
    left: 0px;
    -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}

@-webkit-keyframes appear {
    100% {
        opacity: 1;
    }
}

@keyframes appear {
    100% {
        opacity: 1;
    }
}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .section-2{padding: 20px 5px;}
    .form-proprietar{margin: 0 auto}
    .form-3{padding: 20px 10px 20px 10px}
    .tel-icon2{font-size: 38px;}
    .map-box{position: relative; top: 0; margin-bottom: 20px;}
    .map{height: 350px;}
    .section-3 .item ul{margin-bottom: 30px;}
    .section-3 .item{border-right: none}
    .pe-fb a::before{top: 0}
    .slider.slider-nav{margin-bottom: 40px;}
    .top{padding: 0}
    .camere-etaj img{width: 32%;}
}