* {
    border: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
body,
html {
    border: 0 none;
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    background: 0 0;
    color: #343434;
    font-family: Lato, open_sansregular, Arial, Helvetica, Tahoma, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}
@font-face {
    font-family: open_sansregular;
    src: url(../fonts/OpenSans-Regular-webfont.eot);
    src: url(../fonts/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans-Regular-webfont.woff) format("woff"), url(../fonts/OpenSans-Regular-webfont.ttf) format("truetype"),
        url(../fonts/OpenSans-Regular-webfont.svg#open_sansregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
html[xmlns] .clearfix {
    display: block;
}
img {
    border: 0;
}
a {
    text-decoration: none;
    color: #307674;
}
a:hover {
    text-decoration: underline;
}
.transparent {
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
}
button {
    position: relative;
    cursor: pointer;
}
input,
select,
textarea {
    background-color: #fefefe;
    border: 1px solid #ededed;
    border-radius: 5px;
    color: #2d2d2d;
    font-size: 12px;
    font-family: Lato, open_sansregular, Arial, Helvetica, Tahoma, Sans-Serif;
    padding: 8px 10px;
}
input:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 6px -4px #006f66;
}
textarea {
    max-width: 100%;
    min-height: 120px;
}
::-webkit-input-placeholder {
    color: #959595;
    font-weight: 400;
    font-family: Lato, open_sansregular, Arial;
    opacity: 1;
}
:-moz-placeholder {
    color: #959595;
    font-weight: 400;
    font-family: Lato, open_sansregular, Arial;
    opacity: 1;
}
::-moz-placeholder {
    color: #959595;
    font-weight: 400;
    font-family: Lato, open_sansregular, Arial;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #959595;
    font-weight: 400;
    font-family: Lato, open_sansregular, Arial;
    opacity: 1;
}
.resp-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.error {
    width: 100%;
}
.green,
.red {
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 36px;
    background-repeat: no-repeat;
    background-position: 10px center;
    overflow: hidden;
}
.green {
    border: 1px solid #90b96b;
    color: #345f0e;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAehJREFUeNpi/P//PwMlgImBQsACIhhnCAFZjEAGkANy0B8gwQ00m5kRogpEMYHl5YF4LZBXw/D3/47/Ea/xuOD7PwaGX1AMMvDvfwGGf/8nprkkGQPZLUAVHqR4gY3hH0Ofoby+6ZcvXxjinWL0Gf4wtMC9QAAwAjXXK0jIO8gLyUl9/Pzx98Fjh24AXdOA7gIPoP/PwJwGdvoPoNP/MGQIcwkGq4mrKHz5+uXf0UtH7wBdMRGodgvCgP9ATX/+tyT5JxqCaDAfIu7DwcSWJckjqfzgwQOGU5dP3f3w4cNSoJq5DL//I0Xjn38tMX4xes+ePWOK8IowAPGBmnNZ/jPVS4vLqH7985Xl5YcXDz99+rAJGIDtQAxxIcKA/zVLViy8xM7J9uvU7VPMDnaOOkAb4sVkxTV+sPxgf/fhzdOP797vZ/gLjD4Ghn8oAQRKiYx9/AxADaAwaDF2NtN6+vMZpwCnAMP7b+8Zfrz49vrj3fdHGJgZkhhYmT4wsELTC8iHWe+RAvE/ww6g02vO7jhxjfkv49fXjK8Zvn/5+uHTzXcXgSGeC1TxAWdKRDHk81+Gp5vutnCZ8Mt8v/DpDtCBeUBrnuJNyigAmEQZ3v9h+LbzTQsw+ZYwCLJcBydjXIlkwHMjQIABAIHQ3hY9qLekAAAAAElFTkSuQmCC)
        no-repeat scroll 10px center #c2ee9b;
}
.red {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNrEU71OwlAUPrVqrDFBHsARX6AJri4kJSEyEBMHggkLK8EEFsauvoPo4iN04gkgLiYOOBHUxDSUCBO0XL9z7a1t1YnBJl967/l+enIOaEII2uTZog2fbXW41zTSiSwcbaAbEDl+TJTmLsLO4x1YIOzzTscMvoRWmjtrNn9yPAPGHdFg3W6Lx1JJLFstwXfACjF4r9clN6lWJad8UUAPwhsQXqMh+vm8eK3VBN8ZT+WyrA0LBVljrfJpags9zMBnAi2eVirm82hEmUyGFosFvUwmZBgGzcfjoYYZYCbOZehLBKzwDsKQo1zOnLqu5HRdpw/XlWYM09lBTQVEW3gDdsMChLSazWhfkUEgw9nCm1n+9TuAwILAPs5mTcP36QA1Ba4xJ5LbSa4RX7FPIFSmB88bMtSduVVqjVEAE8WYuQ8jvthl9GMhxe+QZMAcwlsI93DmN9/RrsP4jVO+aAtX2IKH1tZIR2o3C+NhKJoBae46vcZ/+zd+CjAAN5vaL1x3kMMAAAAASUVORK5CYII=)
        no-repeat scroll 10px center #fabbbb;
    border: 1px solid #c88383;
    border-radius: 3px 3px 3px 3px;
    color: #882626;
}
.ajax-loading:before {
    background: url(../images/ajax-loading.gif) no-repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    height: 11px;
    left: 10px;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 16px;
}
#page {
    display: block;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    width: 100%;
}
#wrapper {
    display: block;
    width: 100%;
}
.container {
    display: block;
    margin: 0 auto;
    padding: 21px 15px;
    position: relative;
    width: 1200px;
}
header#header {
    background-color: #fff;
    display: block;
    height: 130px;
    position: relative;
    width: 100%;
    z-index: 10;
}
#header .logo-container {
    display: block;
    width: 100px;
    height: 100px;
    float: left;
}
#header .logo-container img {
    display: block;
    width: 100%;
    height: 100%;
}
#header .header-menu {
    display: block;
    width: 60%;
    height: 100px;
    line-height: 100px;
    float: right;
}
#header .header-menu ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    list-style: none;
}
#header .header-menu ul a {
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    color: #383838;
}
#header .header-menu ul .rezerva {
    background-color: #cb9253;
    color: #fff;
    padding: 6px;
}
footer#footer {
    background-color: #e6e6e6;
    display: block;
    height: 200px;
    width: 100%;
    z-index: 9;
    font-weight: 400;
}
footer#footer {
    bottom: 0;
    left: 0;
    position: absolute;
}
main#content {
    padding-bottom: 200px;
}
#footer .container .blocks {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#footer .container .for-responsive {
    display: none;
}
#footer .container .block-title {
    text-transform: uppercase;
    font-size: 14px;
}
#footer .container .block-title a {
    color: #343434;
}
#footer .container .text a {
    color: #343434;
}
.block4 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.block4 .logo {
    width: 75px;
    margin-bottom: 15px;
}
.block4 .logos {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 90px;
    justify-content: space-around;
}
.block4 .social-buttons {
    display: flex;
    flex-direction: row;
}
.block4 .social-buttons img {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 7px;
}
#footer .copyright {
    display: block !important;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    color: #383838;
}
#goTop {
    cursor: pointer;
    background-color: #1f3e6c;
    position: fixed;
    bottom: 275px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    visibility: hidden;
    z-index: 1;
}
#goTop .fa-angle-up {
    font-size: 33px;
    text-align: center;
    padding: 8px;
    color: #fff;
}
#footer .cookies {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.22);
    transition: all 250ms ease-in-out;
    z-index: 1;
}
#footer .cookies p {
    margin-bottom: 20px;
}
#footer .cookies .orange a {
    text-decoration: none;
    color: #ff4e00;
}
#footer .cookies .cookies-ok {
    float: right;
    padding: 5px 50px;
    background-color: #ff4e00;
    color: #fff;
    margin-top: -20px;
    cursor: pointer;
}
.modificari-popup {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    z-index: 20;
}
.modificari-popup .modif-content {
    background-color: rgba(255, 255, 255, 0.95);
    width: 450px;
    border: 1px solid #eaeaea;
    padding: 30px;
}
.modificari-popup .modif-content h3 {
    color: #1f3e6c;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.modificari-popup .modif-content p {
    color: #191a1a;
    font-size: 13px;
}
.modificari-popup .modif-content .aflati {
    color: #828281;
    margin: 5px 0;
    font-weight: 600;
}
.modificari-popup .modif-content ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-weight: 400;
}
.modificari-popup .modif-content ul li {
    color: #828281;
    background: url(../images/icon-check-gray.png) no-repeat left top;
    background-size: 14px auto;
    padding-left: 21px;
    font-size: 11px;
}
.modificari-popup .modif-content .vezi {
    display: block;
    width: 50%;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    background-color: #ff4e00;
    text-align: center;
    font-size: 17px;
    margin-top: 20px;
}
.modificari-popup .modif-content .vezi a {
    text-decoration: none;
    color: #fff;
}
.page-title-container {
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
}
.page-title-container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-title-container .over-text {
    position: absolute;
    width: 60%;
    height: 40%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    font-weight: 700;
    font-size: 45px;
    text-align: center;
}
.galerie-container .galerie {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100px;
}
.galerie-container .galerie a {
    position: relative;
    width: 20%;
    overflow: hidden;
}
.galerie-container .galerie img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.9s;
}
.galerie-container .galerie .on-hover {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.galerie-container .galerie a .on-hover .fa-search-plus {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 20px;
}
.galerie-container .galerie a:hover .on-hover {
    display: block;
}
.galerie-container .galerie a:hover img {
    transition: 0.9s;
    transform: scale(1.05);
}
.newsletter {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}
.newsletter .text {
    text-align: center;
    font-weight: 400;
}
.newsletter form .line {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 45px;
    margin-top: 20px;
}
.newsletter form .checkbox {
    margin-top: 10px;
}
.newsletter form .checkbox label {
    background-color: transparent;
}
.newsletter form .checkbox a {
    text-decoration: none;
    color: #cb9253;
    font-weight: 600;
}
.newsletter form label {
    flex-grow: 1;
    background-color: #f3f3f3;
}
.newsletter form label input {
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
}
.newsletter form button {
    flex-shrink: 0;
    width: 100px;
    background-color: #cb9253;
}
.newsletter form button .fa-envelope {
    color: #fff;
    font-size: 30px;
}
main#content {
    display: block;
    position: relative;
    width: 100%;
    z-index: 8;
}
.homepage-image {
    display: block;
    position: relative;
    width: 100%;
    height: 430px;
}
.homepage-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.homepage-image .over-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
}
.homepage-image .over-image .title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 43px;
    width: 50%;
}
.homepage-image .over-image .description {
    font-size: 14px;
    width: 50%;
    font-weight: 400;
}
.homepage section {
    display: block;
    width: 100%;
    margin-top: 30px;
}
section > .title {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    color: #383838;
    margin-bottom: 15px;
    font-weight: 400;
    margin-top: 20px;
}
.homepage-despre {
    font-size: 0;
}
.homepage-despre .left-content {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
}
.homepage-despre .right-content {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    height: 200px;
}
.homepage-despre .right-content img {
    width: 80%;
    padding-left: 45px;
    float: right;
}
.homepage-despre .left-content .title {
    text-transform: uppercase;
    font-size: 25px;
    color: #383838;
    margin-bottom: 5px;
    font-weight: 400;
}
.homepage-despre .left-content .text {
    height: 130px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
}
.homepage-despre .left-content .read-more {
    color: red;
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
}
.homepage-despre .left-content .read-more a {
    color: red;
}
.homepage-despre .left-content .iconite {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    font-size: 13px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    align-items: baseline;
    margin-top: 15px;
}
.homepage-despre .left-content .iconite .item img {
    width: 34px;
}
.homepage-activitati .activ-container {
    display: block;
    width: 100%;
}
.homepage-activitati .activ-container .activitate {
    width: 100%;
    height: 160px;
    position: relative;
    overflow: hidden;
}
.homepage-activitati .activ-container .activitate img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.9s;
}
.homepage-activitati .activ-container .activitate:hover img {
    transition: 0.9s;
    transform: scale(1.05);
}
.homepage-activitati .activ-container .activitate .over {
    display: block;
    position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 14px;
    background-color: #f3f3f3;
}
.homepage-activitati .activ-container .activitate .over a {
    text-decoration: none;
    color: #383838;
}
.homepage-oferte {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
}
.homepage-oferte .oferta {
    position: relative;
    width: 49%;
    height: auto;
    overflow: hidden;
}
.homepage-oferte .oferta img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.9s;
}
.homepage-oferte .oferta:hover img {
    transition: 0.9s;
    transform: scale(1.05);
}
.homepage-oferte .oferta .over {
    position: absolute;
    height: 80px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f3f3f3;
    padding: 17px;
}
.homepage-oferte .oferta .over .fa-angle-down {
    position: absolute;
    top: 16px;
    right: 8px;
    font-size: 20px;
    color: #1f3e6c;
}
.homepage-oferte .oferta .over .title {
    text-transform: uppercase;
    color: red;
    font-size: 14px;
    margin-bottom: 0;
}
.homepage-oferte .oferta .over .content {
    color: #383838;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
}
.homepage-camere {
    display: inline-block !important;
}
.homepage-camere .swiper-container {
    width: 100%;
    height: 350px;
}
.homepage-camere .camera-container {
    display: block;
    width: 100%;
    height: 100%;
    padding: 13px;
    background-color: #f3f3f3;
}
.homepage-camere .camera-container .img-container {
    display: block;
    width: 100%;
    height: 40%;
    margin: 0 auto;
}
.homepage-camere .camera-container .img-container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.9s;
}
.homepage-camere .camera-container .img-container:hover img {
    transition: 0.9s;
    transform: scale(1.05);
}
.homepage-camere .camera-container .info {
    display: block;
    height: 60%;
    overflow: hidden;
}
.homepage-camere .camera-container .info .name {
    height: 17px;
    text-transform: uppercase;
    font-size: 14px;
    text-align: left;
    color: red;
    margin: 13px 0;
    font-weight: 400;
}
.homepage-camere .camera-container .info .text {
    height: 76px;
    overflow: hidden;
    font-weight: 400;
    font-size: 13px;
}
.homepage-camere .camera-container .info .buton {
    display: block;
    width: 42%;
    margin-top: 7px;
    background-color: red;
    color: #fff;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}
.homepage-camere .camera-container .info .buton a {
    text-decoration: none;
    color: #fff;
}
.homepage-activitati .nav,
.homepage-camere .nav {
    float: right;
    height: 50px;
}
.homepage-activitati .nav > div,
.homepage-camere .nav > div {
    position: relative;
    display: inline-block;
    width: 50px;
    background-size: 25px 25px;
}
.homepage-activitati .nav {
    display: none;
}
.homepage-testimoniale .testim-container {
    display: block;
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.homepage-testimoniale .swiper-container {
    display: block;
    width: 100%;
    height: 115px;
}
.homepage-testimoniale .swiper-pagination {
    bottom: 20px;
}
.homepage-testimoniale .testim-container .text {
    font-size: 14px;
    font-weight: 400;
}
.homepage-testimoniale .testim-container .by {
    font-weight: 600;
}
.despre .section1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 30px;
}
.despre .section1 .left {
    width: 49%;
}
.despre .section1 .left .title {
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    color: #383838;
    margin-bottom: 5px;
}
.despre .section1 .left .content ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-weight: 400;
}
.despre .section1 .left .content ul li {
    background: url(../images/little-star.png) no-repeat left top;
    padding-left: 30px;
    margin-top: 15px;
    font-size: 14px;
}
.despre .section1 .right {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 51%;
    height: 400px;
}
.despre .section1 .right .first2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 49%;
}
.despre .section1 .right .first2 .first {
    height: 59%;
    overflow: hidden;
}
.despre .section1 .right .first2 .first:hover img,
.despre .section1 .right .first2 .second:hover img,
.despre .section1 .right .last:hover img {
    transition: 0.9s;
    transform: scale(1.05);
}
.despre .section1 .right img {
    transition: 0.9s;
}
.despre .section1 .right .first2 .second {
    height: 39%;
    overflow: hidden;
}
.despre .section1 .right .last {
    width: 49%;
    overflow: hidden;
}
.despre .section2 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
    width: 100%;
    padding: 15px 0;
    background-color: #1f3e6c;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px;
}
.despre .section3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 30px;
    padding: 0 20px;
}
.listare {
    margin-bottom: 30px;
}
.listare-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
}
.listare-item:nth-child(odd) .descriere {
    order: 2;
}
.listare-item .descriere {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 49%;
}
.listare-item .descriere .name {
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 400;
}
.listare-item .descriere .short {
    font-size: 13px;
    font-weight: 400;
}
.listare-item .descriere .long {
    margin-top: 15px;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    max-height: 160px;
    overflow: hidden;
}
.listare-item .descriere .content {
    font-weight: 400;
    font-size: 13px;
}
.listare-item .serv-gratuite {
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 10px;
}
.listare-item .descriere .servicii {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
}
.listare-item .descriere .buton {
    width: 100px;
    background-color: red;
    padding: 5px;
    text-align: center;
}
.listare-item .descriere .buton a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}
.listare-item .images-container {
    width: 49%;
    height: 300px;
}
.listare-item .images-container .name {
    display: none;
}
.listare-item .images-container .swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-pagination {
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 5px;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin-right: 8px;
}
.swiper-pagination-bullet-active {
    background: #4c4c4c;
}
.detaliu-camera .informatii-importante {
    width: 100%;
    margin-top: 60px;
}
.detaliu-camera .informatii-importante .title {
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 10px;
}
.detaliu-camera .informatii-importante .content {
    line-height: 30px;
    font-size: 13px;
}
.detaliu-activitate .listare-item {
    align-items: center;
}
.detaliu-activitate .galerie-activitate {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    height: 150px;
    margin-top: 30px;
}
.detaliu-activitate .galerie-activitate a {
    position: relative;
    overflow: hidden;
    width: 24%;
    margin-right: 15px;
}
.detaliu-activitate .galerie-activitate a:hover img {
    transition: 0.9s;
    transform: scale(1.05);
}
.detaliu-activitate .galerie-activitate a:hover .on-hover {
    display: block;
}
.detaliu-activitate .galerie-activitate img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.9s;
}
.detaliu-activitate .galerie-activitate .on-hover {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.detaliu-activitate .galerie-activitate .on-hover .fa-search-plus {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 20px;
}
.tabel-oferte,
.tabel-tarife {
    display: block;
    width: 100%;
}
.tabel-oferte .title,
.tabel-tarife .title {
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    color: #383838;
    margin-bottom: 5px;
    text-align: center;
    margin: 30px 0;
}
.tabel-tarife .tabele {
    display: flex;
    flex-direction: row;
}
.tabel-tarife table {
    width: 25%;
    border-spacing: 0;
    border: solid 1px #d0d0d0;
}
.tabel-tarife table:nth-child(1),
.tabel-tarife table:nth-child(3) {
    background-color: #e6e6e6;
}
.tabel-oferte .tabel table {
    width: 100%;
}
.tabel-tarife td,
.tabel-tarife th {
    font-size: initial;
}
.tabel-tarife td {
    padding: 5px;
    font-weight: 300;
    font-size: 13px;
}
.tabel-tarife tr td:nth-child(1) {
    width: 80%;
    padding: 10px 20px;
    padding-right: 55px;
    font-weight: 400;
}
.tabel-oferte .tabel {
    display: block;
    width: 50%;
    margin: 0 auto;
}
.tabel-oferte .tabel table {
    border: 2px solid #a12727;
}
.tabel-oferte .tabel table td {
    padding: 5px;
    font-size: 13px;
}
.tarife .servicii {
    display: block;
    width: 100%;
}
.tarife .servicii .title {
    font-size: 17px;
    font-weight: 700;
    margin: 15px 0;
}
.servicii ul{
    padding-left: 20px;
}
.galerie-list .title {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    color: #383838;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 400;
}
.galerie-list .galerie-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.galerie-list .galerie-container .item {
    position: relative;
    width: 49%;
    height: 300px;
    margin-bottom: 20px;
    overflow: hidden;
}
.galerie-list .galerie-container .item img {
    transition: 0.9s;
}
.galerie-list .galerie-container .item .on-hover {
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.galerie-list .galerie-container .item .on-hover h2 a {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
}
.galerie-list .galerie-container .item:hover .on-hover {
    opacity: 1;
}
.galerie-list .galerie-container .item:hover img {
    transition: 0.9s;
    transform: scale(1.05);
}
.galerie-list .images {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 30px;
}
.galerie-list .images .image {
    width: 24%;
    position: relative;
    height: 200px;
    margin-bottom: 15px;
    overflow: hidden;
}
.galerie-list .images .image .on-hover {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.galerie-list .images .image img {
    transition: 0.9s;
}
.galerie-list .images .image .on-hover .fa-search-plus {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 20px;
}
.galerie-list .images .image:hover .on-hover {
    display: block;
}
.galerie-list .images .image:hover img {
    transition: 0.9s;
    transform: scale(1.05);
}
.form-rezerva .title {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 25px;
    color: #383838;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 400;
}
.form-rezerva .text {
    font-weight: 400;
}
#formRezervare {
    display: block;
    width: 100%;
    margin-top: 15px;
}
#formRezervare .line1,
#formRezervare .line2,
#formRezervare .line3 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 15px;
}
#formRezervare .line1 .form-field {
    width: 19%;
}
#formRezervare .line2 .form-field {
    width: 32.33%;
}
#formRezervare .line3 .form-field {
    width: 100%;
}
#formRezervare .line4 .form-field {
    display: inline-block;
    width: 19%;
}
#formRezervare .line4 #security-code {
    margin-left: 10px;
    font-weight: 700;
    font-size: 15px;
}
#formRezervare .form-field #security-input.wrong {
    border: 1px solid red;
}
#formRezervare .form-field input,
#formRezervare .form-field select,
#formRezervare .form-field textarea {
    width: 100%;
}
#formRezervare button {
    width: 100px;
    height: 30px;
    line-height: 30px;
    background-color: red;
    float: right;
    color: #fff;
    text-transform: uppercase;
}
#formRezervare .info {
    margin-top: 10px;
}
#formRezervare .info a {
    color: red;
    font-weight: 700;
}
.contact-map {
    display: block;
    width: 100%;
    height: 350px;
    position: relative;
    margin-top: 30px;
}
.contact-map .map-canvas {
    display: block;
    width: 100%;
    height: 100%;
}
.contact-map .over {
    position: absolute;
    width: 25%;
    right: 20px;
    top: 20px;
    bottom: 20px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px;
    z-index: 1;
}
.contact-map .over h2 {
    font-weight: 400;
    font-size: 17px;
    text-transform: uppercase;
    color: #383838;
    margin-bottom: 10px;
}
.contact-map .over .indicatii-title {
    font-weight: 700;
    margin-top: 10px;
    font-size: 15px;
}
.contact-map .over #indicatii-input {
    width: 100%;
}
.contact-map .over #indicatii-button {
    display: block;
    width: 150px;
    height: 25px;
    line-height: 25px;
    background-color: red;
    color: #fff;
    margin-top: 15px;
}
.oferte .oferta {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 50px;
}
.oferte .oferta.odd{
    flex-direction: row-reverse;
}
.oferta.odd .text,
.oferta.odd .title,
.oferta form .fields .info{
    text-align: right;
}
.oferta.odd .right .submitFormBtn,
.oferta.odd .right .buton{
    display: block;
    margin-left: auto;
}
.oferta.odd .tichete-info{
    justify-content: flex-end;
}
.oferta .left,
.oferta .right{
    width: 50%;
}
.oferta .left {
    padding: 0 50px;
}
.oferta .right{
    padding: 0 70px;
}

.oferta .title {
    color: #94312D;
    font-size: 25px;
    margin-bottom: 10px;
}
.oferta form {
    margin-top: 15px;
}
.oferta form .fields {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.oferta form .fields .width50 {
    width: 49%;
    margin-bottom: 10px;
}

.oferta form .fields .width50 input,
.oferta form .fields .width100 textarea{
    width: 100%;
}
.oferta form .fields .width100 {
    width: 100%;
    margin-bottom: 10px;
}
.oferta  form .fields .info {
    margin-bottom: 10px;
}

.oferta .right .swiper-container {
    width: 100%;
    height: 95%;
}
.oferta .right ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.oferta .right ul li {
    background: url(../images/little-star.png) left top no-repeat;
    padding-left: 30px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.oferta .right .buton,
.oferta .right .submitFormBtn,
.no-offers .buton{
    width: 220px;
    background-color: #94312D;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
}
.oferta .right .buton a,
.no-offers .buton a{
    color: #fff;
    text-decoration: none;
}
.tichete-info{
    display: flex;
    align-items: center;
    gap: 20px;
}
.tichete-info img{
    width: 200px;
}
.tichete-info svg{
    max-width: 30px;
    max-height: 30px;
}
.tichete-info a{
    color: inherit;
}

.no-offers .tichete-info{
    justify-content: center;
}

.no-offers p{
    font-size: 24px;
    text-align: center;
    margin-top: 40px;
}
.confidentialitate .conf-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 30px;
    padding: 0 20px;
}
.confidentialitate .form-section {
    padding: 0 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.confidentialitate .form-section .form-title {
    font-weight: 700;
    text-transform: uppercase;
}
.confidentialitate .form-section .form-field {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin-bottom: 10px;
    border: 1px solid #f1f1f1;
}
.confidentialitate .form-section .form-field input {
    width: 100%;
    height: 100%;
    border: none;
    background: 0 0;
}
.confidentialitate .form-section button {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #ff4e00;
    color: #fff;
    font-size: 15px;
    margin-top: 15px;
}
.confidentialitate .form-section .text ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-weight: 400;
}
.confidentialitate .form-section .text ul li {
    background: url(../images/icon-check.png) no-repeat left top;
    background-size: 20px auto;
    padding-left: 30px;
    font-size: 13px;
}
#footer .container .blocks .block2 {
    width: 26%;
}
#footer .container .blocks .block2 .ticket-icons,
.newsletter .ticket-icons {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
#footer .container .blocks .block2 .ticket-icons img,
.newsletter .ticket-icons img {
    width: 45px;
    margin-right: 10px;
}
.popup-revelion {
    display: none;
    left: 0;
    background-color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: fixed;
    z-index: 10;
    height: 300px;
    width: 500px;
    box-shadow: 0 0 20px grey;
    padding: 10px;
}
.popup-revelion > a > img {
    height: 100%;
    width: 100%;
}
.close-popup-revelion {
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 16px;
    color: #000;
}