@charset "UTF-8";
/*

@Author: Themezinho
@URL: http://www.themezinho.net

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


// Table of contents //

	01.	GOOGLE FONTS
	02.	BODY
	03.	CUSTOM CLASSES
	04. FORM ELEMENTS
	05.	SECTIONS
	06.	HTML TAGS
	07.	LINKS
	08.	MODAL
	09.	PAGINATION
	10. PRELOADER
	11.	TRANSITION OVERLAY
	12.	SANDWICH BUTTON
	13.	SCROLL DOWN
	14.	NAVIGATION MENU
	15.	HEADER
	16.	SOCIAL MEDIA
	17.	NAVBAR
	18.	SLIDER
	19.	PAGE HEADER
	20.	VIDEO BG
	21.	WORKS
	22.	FEATURES CONTENT
	23.	LISTING CONTENT
	24.	FULL MEDIA CONTENT
	25.	INTRODUCTION
	26. OUR TEAM
	27.	NEWS
	28.	SAY HELLO
	29.	LOGOS
	30.	FOOTER
	31.	RESPONSIVE TABLET FIXES
	32. REPSONSIVE MOBILE FIXES



*/
/* GOOGLE FONTS */
@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap);
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* BODY */
@font-face 
{
    font-family:Magenda;  
    src: url('../fonts/Magenda.ttf'); /* IE9 Compat Modes */
    src: url('../fonts/Magenda.ttf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Magenda.ttf2') format('ttf2'), /* Super Modern Browsers */
    url('../fonts/Magenda.ttf') format('ttf'), /* Pretty Modern Browsers */
    url('../fonts/Magenda.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Magenda.svg#svgFontName') format('svg'); /* Legacy iOS */      
}

.button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: none;
  color: #0f1923;
  cursor: pointer;
  position: relative;
  padding: 8px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  transition: all .15s ease;
  max-width: 200px;
  text-align: center;
}

.button::before,
.button::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  height: calc(50% - 5px);
  border: 1px solid #300f03;
  transition: all .15s ease;
}

.button::before {
  top: 0;
  border-bottom-width: 0;
}

.button::after {
  bottom: 0;
  border-top-width: 0;
}

.button:active,
.button:focus {
  outline: none;
}

.button:active::before,
.button:active::after {
  right: 3px;
  left: 3px;
}

.button:active::before {
  top: 3px;
}

.button:active::after {
  bottom: 3px;
}

.button_lg {
  position: relative;
  display: block;
  padding: 10px 20px;
  color: #fff;
  background-color: #a34a76;
  overflow: hidden;
  box-shadow: inset 0px 0px 0px 1px transparent;
}

.button_lg::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #361c03;
}

.button_lg::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 4px;
  height: 4px;
  background-color: #361c03;
  transition: all .2s ease;
}

.button_sl {
  display: block;
  position: absolute;
  top: 0;
  bottom: -1px;
  left: -8px;
  width: 0;
  background-color: #300f03;
  transform: skew(-15deg);
  transition: all .2s ease;
}

.button_text {
  position: relative;
}

.button:hover {
  color: #361c03;
}

.button:hover .button_sl {
  width: calc(100% + 15px);
}

.button:hover .button_lg::after {
  background-color: #fff;
}


.container3 {
        display: flex;
        white-space: nowrap;
        width: 100%;       
        overflow: hidden;
        font-family: sans-serif;
        position: fixed;
        display: none;
     }
   .loop-text {

        font-size: 12pt;
        text-transform: uppercase;
        font-weight: 700;
         padding: 10px 0;
        animation: loopText 5s infinite linear;
     }
     
     @keyframes loopText {

       from {
           transform: translateX(0);
        }

       to {
           transform: translateX(-100%);
        }

    }
     
.counter
{
  margin-top: 20px;
  text-align: left;
  width: 100%;
  max-width: 280px;
  margin: 0px auto;
}
* {
  outline: none !important;
}
.group-videohome iframe
{
    max-width:550px;
    width:100%;
    height:360px; 
    margin-top:20px;
    margin-bottom:10px;
}
.counterimg
{
    margin-top:20px;    
}
.footer-edit
{
    max-width:1693px!important;
    width:100%!important;    
}

#btn-back-to-top {
    position: fixed;
    bottom: 150px;
    right: 60px;
    background: #a34a76;
    border: 1px solid #a34a76;
    color: #fffefa;
    display: none;
    cursor: pointer;
    z-index: 9999999;
    width: 40px;
    height: 40px;
    padding: 0;
}
.center-submit
{
    text-align:center;
    margin:0px auto;    
}
.btncontact
{
    height: 54px;
    border: none;
    background-image: linear-gradient(to bottom right, #c19346, #d5b069, #eed996, #b78842, #c99f55);
    color: #5a425d;
    padding: 0 30px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;    
}
body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  color: #5a455f;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  background: #f9f6ef;
}



/*Contact form*/
.group-party
{
    padding-top:20px;
    padding-bottom:20px;    
}
.img_hostparty img
{
    margin-top:6px; 
        border-radius: 50% 50% 0 0;
    -moz-border-radius: 50% 50% 0 0;
    -webkit-border-radius: 50% 50% 0 0;   
}
.contact_r
{
    background:#fff;
    padding:30px;
    box-shadow: 0px 1px 15px 0px rgb(62 65 159 / 10%);  
}
.sign{
    width: 100%;
    max-width: 650px;
    margin: 0px auto;  
}
#form
{
    
    margin:0px auto;
    margin-top: 20px;
    margin-bottom:30px;
}
.txtbox
{
    border: 1px solid #ccc;
    height: 30px;
    width: 90%;
}
.textarea
{
    min-height: 100px;
}
.formrowtop
{
    font-weight: bold;
}
.formrow
{
    margin-bottom: 10px;
}
.buttonrow
{
    text-align: center;
}
#divCounter{width: 100%; background: #fffefa; border-radius: 5px; -moz-border-radius: 5px; margin: 0px auto; padding: 15px; color: #5a425d;}
.app-icon
{
    overflow:hidden;
    padding-top:30px;
    width:100%;
    float: inline-end;
    max-width: 285px;
    color: #fff;
    padding-left: 10px;
    border-left: 1px solid;
}
.app-box
{
    text-align:center;
    width:50%;
    float:left;
    font-size: 13px;
}
.app-box img
{
    width:100%;
    max-width:60px;
}
#formnotify, #formnotifyS
{
	width: 90%;
	max-width: 400px;
	min-height: 160px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin-left: -200px;
	padding: 10px;
	text-align: center;
	box-shadow: 2px 2px 5px #666;
	z-index: 99999;
	display: none;
}
#formnotifycontent, #formnotifycontentS
{
	font-size: 12pt;
	color: #666;
	margin-top: 30px;
}
#formnotifyok, #formnotifyokS
{
	margin: 0px auto;
	margin-top: 20px;
	width: 100px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	background: #df811e;
	cursor: pointer;
}
#formsign
{
    margin-top:30px;    
}
#formnotifyok:hover, #formnotifyokS:hover
{
	background: #be3024;
}
#formpwait
{
	float: left;
	margin-left: 20px;
	display: none;
}
#formwait
{
    display: none;
}
.page-header .container .breadcrumb
{
    display:none;    
} 
/*Contact form*/
.servicesgroup
{
    overflow:hidden;
    margin-bottom:30px;
    padding-bottom:30px;
    
    padding: 15px;
    padding-top:30px;
    /*border-image: url(../images/beauty-pattern.webp) 30% round;
    background: #fff;*/
    
}
.bg-one
{
    background: #fffefa;
    margin-bottom: 40px;
}
.title_pagesv
{
    color:#a34a76;
    text-transform:uppercase;
    text-align:center;
    margin-bottom:50px;
    font-size:30pt;
    font-weight: 500;
    font-family: Magenda;
}

.row_note
{
    font-size:11pt;
    font-style:italic;
    text-transform:none; 
    color: #5a425d;  
    padding-top:7px;
    padding-bottom:7px;  
    width: 100%;
    overflow: hidden;
}
.title-right{font-weight:bold;text-align:right;font-size:15pt;color:#a34a76;}

.small-title {
    text-align: left;
    text-transform: uppercase;
    font-size: 15pt;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #a34a76;
    display: flex;
    flex-direction: row;
}
.small-title:before, .small-title:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid rgba(148,57,39,0.4);
    /*margin: auto;*/
}
.small-title:before {
    margin-right: 10px;
}
.small-title:after {
    margin-left: 10px;
}
.servicestitlenote {
    color: #1aa2d5;
    text-align: left;   
    font-size: 13pt;    
}
.price
{
    color: #5a425d;
    font-weight: 500;
    font-size:14pt;     
    text-align: right;
}
.row_dots {
    height: 15px;
    flex: 1;
    border-bottom: 1px solid #5a425d;
}
.bg-services
{
        background: url(../images/banner1.webp) 0px 0px repeat fixed;
        background-size:cover;
        min-height:500px;
}
.bg-page
{
        background: url(../images/banner2.webp) 0px 0px repeat fixed;
        background-size:cover;
        min-height:700px;
}
.servicesimg
{    
    text-align: center;
}

.servicesimg img
{
    margin-bottom:30px;
    border-radius: 50% 50% 0 0;
    -moz-border-radius: 50% 50% 0 0;
    -webkit-border-radius: 50% 50% 0 0;
}
.servicestitle
{
    font-size:22pt;   
    text-align:center;
    font-weight:400; 
    margin-bottom:40px;
    padding-top:25px;  
    padding-bottom:25px;    
    color:#a34a76;   
    line-height: 30px;
  font-family: Magenda;
}
.grouprow
{
    overflow:hidden;    
    margin-bottom:30px;
}
.grouprow span
{
     font-size:16px;  
     color:#6d7f8b;
     font-weight:bold; 
}
.rowtitle
{
    font-size:20pt;
    text-align:center;
    margin-bottom:10px;
    margin-top:30px;
}
.row_svpage
{
    overflow:hidden;
    color: #5a455f; 
    text-transform:uppercase;
    text-align:left;
    font-size:14pt;    
    padding:10px 0px 10px 0px;
    width: 100%;
    overflow: hidden;
    display: flex;
}
.row_name
{
    font-weight: 500;
    padding-right: 5px;
    color:#a34a76;
}
#selected
{
    color:#a34a76!important;    
}
.property-calculator
{
   
}
.groupfbye 
{
    background: #fffefa;
    height: 144px;
    width: 55px;
    top: 38%;
    left: 0;
    position: fixed;
    z-index: 99999999;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
}
.groupfbye a i 
{
    padding: 8px;
    font-size: 14pt;
    color: #5a455f ;
}
.line 
{
    border-bottom: 1px solid rgba(255,255,255,0.2);
    height: 4px;
    width: 33px;
    text-align: center;
    margin-bottom: 4px;
    margin-top: 4px;
}
#book-menu {
    border-radius: 50px;
    border: 1px solid #c89d32;
    background-image: linear-gradient(to bottom right, #c19346, #d5b069, #eed996, #b78842, #c99f55);
    box-shadow: 0 0 20px rgb(235 207 167 / 40%);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    padding: 10px !important;
}
.btn-button{
    width: 100%;
    max-width: 250px;
    margin: 0px auto;
    margin-top: 50px;
}
.btn-button a{
    font-weight: 600;
    padding: 10px 50px;
    text-transform: uppercase;
    color: #5a425d;
}
.book-now {
    border-radius: 50px;
    border: 1px solid #c89d32;
    background: transparent;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    text-align: center;
    cursor: pointer;
    padding: 10px 0px;
    display: inline-block;
    white-space: nowrap;
}
#subbar 
{
    width: 130px;
    height: 40px;
    position: fixed;
    z-index: 99;
    right: 0px;
    top: 35%;
    border-top-left-radius: 4px;
    -mox-border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    background: url(../images/subbar.webp) 0px 0px no-repeat;
    background-image: linear-gradient(to bottom right, #c19346, #d5b069, #eed996, #b78842, #c99f55);
    cursor: pointer;
    opacity: 1.0;
}
#book_online 
{
    width: 130px;
    height: 40px;
    position: fixed;
    z-index: 99;
    right: 0px;
    top: 45%;
    border-top-left-radius: 4px;
    -mox-border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    background: url(../images/book_online.webp) 0px 0px no-repeat;
    background-image: linear-gradient(to bottom right, #c19346, #d5b069, #eed996, #b78842, #c99f55);   
    cursor: pointer;
    opacity: 1.0;
}

.nav-bottom
{
    display: none;    
}
#groupnoti
{
     width:100%;
    height:100%;
    position:absolute;
    top:0px;
    z-index:999999999999;
    display:block;
}
#noti
{
    width:100%;
    overflow: hidden;
    max-width:500px;
    margin:0px auto;
    padding:10px;   
    margin-top:130px;
    background: #fff;
    overflow: hidden;
    text-align: center;
}
#noti img
{
    width: 100%;
    border: 1px solid #ccc;
}
#closenoti
{
    width: 100%;
    cursor:pointer;
    margin-bottom:5px;
    color: #5a455f;
    font-weight: bold;
    text-align:right;
}
/* Promotions*/
.box-ser a
{
    color:#daa859!important;
    cursor:pointer;
       
}
.grouppro
{
    margin-bottom:30px;
}
.proimg img    
    {
        
        border-radius:5px;
    }
/* Promotions*/
#notification
{
    width:100%;
    background-image: linear-gradient(to bottom right, #c19346, #d5b069, #eed996, #b78842, #c99f55);
    z-index:9999999;    
    text-align:left;
    color: #5a425d !important;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 15pt;
    display:none;
    padding: 5px;
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}
#notification{
         animation: colorBackground 50s infinite;
         -webkit-animation: colorBackground 50s infinite;
         -moz-animation: colorBackground 50s infinite;
         -o-animation: colorBackground 50s infinite
         }
         @keyframes colorBackground {
         0% {
         background:linear-gradient(165deg, #c19346, #eed996 30%, #c19346);
         color: white;
         }
         50% {
         background:linear-gradient(165deg, #c19346, #eed996 60%, #c19346);
         color: white;
         }
         100% {
         background:linear-gradient(165deg, #c19346, #eed996 40%, #c19346);
         color: white;
         }
         }
.notificationtop a
{
    color:#5a425d;
    text-decoration:none;    
    background:#fff;
    padding:4px 5px 4px 5px;
    font-size:11pt;
    border-radius:5px;
    -moz-border-radius:5px;
    margin-left:10px;
    cursor:pointer;
    display: none;
}
/* Notification */
.copyright
{
    text-align:center;    
}
.footer-bar a
{
    color:#5a455f;         
}
.footer-bar a:hover
{
    color:#5a455f; 
    text-decoration:none;        
}
.upper-side h4 a
{
    color:#5a455f;    
}
.upper-side h4 a:hover
{
    text-decoration:none;   
}
.side-content h6 a
{
    color:#5a455f!important; 
    font-size:15px; color:#fff;    
}
.side-content h6 a:hover
{
    text-decoration:none;   
}
.small, small{color:#5a425d;}
.group-ser h4 a
{
    font-size: 25px;
    color: #fff;
}
.group-ser h4 a:hover{
    color: #e2b47b;
}
.video-bg img
{
    width:100%;    
}
.group-ser p
{
     color:#5a455f;  
     margin-bottom: 40px;   
}
.services-home{
    margin: 50px 0px;    
    padding: 0px 50px;
}
.group-ser h4 a:hover
{
    text-decoration:none;  
    color:#5a455f;   
}
.mobile-edit
{
    display:none;    
}

/* HTML ELEMENT */
img {
  max-width: 100%;
}

/* CUSTOM CLASSES */
.overflow {
  overflow: hidden;
}

/* LINKS */
a {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  color: #a34a76;
}

a:hover {
  text-decoration: underline;
}

/* CUSTOM CONTAINER */
.container {
  max-width: 1280px;
}

/* FORM ELEMENTS */
input[type=text] {
  width: 100%;
  height: 54px;
  border: 1px solid #eadbc0;
    padding: 0 20px;
    color:#5a455f;
   
}

textarea {
  width: 100%;
  height: 160px;
  border: 1px solid #eee;
  padding: 15px 20px;
}

button[type=submit] {
  height: 54px;
  border: none;
  background: #a34a76;
  color: #fff;
  padding: 0 30px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

/* ODOMETER */
.odometer {
  line-height: 1;
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-car {
  padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  left: 0;
}

/* ACCORDION */
.accordion {
  width: 100%;
  float: left;
  background: #fff;
  padding: 0;
}
.accordion .card {
  background: none;
  border-radius: 0;
  margin-top: -1px;
  border: 1px solid #eaebee;
}
.accordion .card .card-header {
  background: none;
  padding: 0;
  border-bottom: none;
}
.accordion .card .card-header a {
  width: 100%;
  float: left;
  font-weight: 500;
  padding: 20px 25px;
  color: #26282b;
  font-weight: 600;
}
.accordion .card .card-header a:before {
  content: "+";
  float: left;
  text-align: center;
  margin-right: 8px;
  color: #26282b;
  font-weight: 600;
}
.accordion .card .card-header a:hover {
  color: #a34a76;
  text-decoration: none;
}
.accordion .card .card-body {
  width: 100%;
  border-top: 1px solid #eee;
  line-height: 26px;
}
.accordion .card [aria-expanded=true] {
  color: #a34a76 !important;
}
.accordion .card [aria-expanded=true]:before {
  content: "-" !important;
  color: #a34a76 !important;
}

/* PAGINATION */
.pagination {
  display: flex;
}
.pagination .page-item {
  display: inline-block;
  margin-right: 6px;
}
.pagination .page-item.active .page-link {
  background: #a34a76;
  color: #fff;
  border-color: transparent;
  position: relative;
  z-index: 2;
}
.pagination .page-item.active .page-link:hover {
  background: #a34a76;
  border-color: transparent;
  color: #fff;
}
.pagination .page-item .page-link {
  display: inline-block;
  border-radius: 0 !important;
  padding: 15px 20px;
  color: #26282b;
  font-weight: 600;
  font-size: 13px;
  border: 1px solid #dee2e6;
  line-height: 1;
}
.pagination .page-item .page-link:hover {
  background: none;
  border-color: #dee2e6;
  color: #a34a76;
}

/* GALLERY SLIDER*/
.gallery-home{
  overflow: hidden;
  position: relative;
}
.gallery-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin: 30px 0;
  background: #26282b;
}
.gallery-container .swiper-wrapper {
  width: 100%;
  float: left;
  position: relative;
}
.gallery-container .swiper-slide {
  width: 80%;
  margin: 0;
  opacity: 0.6;
}
.gallery-container .swiper-slide.swiper-slide-active {
  width: 80%;
  opacity: 1;
}
.gallery-container .swiper-slide img {
  width: 100%;
}
.gallery-container .gallery-pagination {
  bottom: 20px;
  position: absolute;
  z-index: 2;
}
.gallery-container .gallery-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}
.gallery-container .gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #a34a76;
  opacity: 1;
}

/* VIDEO BG */
.video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background: #26282b;
  background: -moz-linear-gradient(161deg, #26282b 0%, #26282b 49%, #a34a76 100%);
  background: -webkit-linear-gradient(161deg, #26282b 0%, #26282b 49%, #a34a76 100%);
  background: linear-gradient(161deg, #26282b 0%, #26282b 49%, #a34a76 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="#a34a76",GradientType=1);
}
.video-bg video {
  min-width: 100%;
  min-height: 100%;
  float: left;
  opacity: 0.15;
}

/* NAV PILLS */
.nav-pills {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.nav-pills .nav-item {
  display: inline-block;
  margin-right: 30px;
}
.nav-pills .nav-item:last-child {
  margin-right: 0;
}
.nav-pills .nav-item .nav-link {
  background: none;
  color: #26282b;
  border-bottom: 2px solid transparent;
  padding: 4px 0;
  border-radius: 0;
  font-weight: 600;
  font-size: 14px;
}
.nav-pills .nav-item .nav-link.active {
  border-bottom: 2px solid #26282b;
}

/* BREADCRUMB */
.breadcrumb {
  width: 100%;
  padding: 0;
  border-radius: 0;
  background: none;
}
.breadcrumb .breadcrumb-item {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}
.breadcrumb .breadcrumb-item:first-child:before {
  display: none;
}
.breadcrumb .breadcrumb-item:before {
  content: "»";
  color: #fff;
  font-weight: 400;
  padding: 0 20px;
}
.breadcrumb .breadcrumb-item.active {
  color: #eed996;
}
.breadcrumb .breadcrumb-item a {
  color: #fff;
}

/* HAMBURGER */
.hamburger {
  position: relative;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.hamburger span {
  display: block;
  height: 2px;
  width: 30px;
  background: #5a455f;
  opacity: 1;
  position: absolute;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 0;
}
.hamburger span:nth-child(2) {
  top: 9px;
}
.hamburger span:nth-child(3) {
  width: 10px;
  top: 19px;
}
.hamburger span:nth-child(4) {
  width: 6px;
  top: 19px;
  left: 15px;
}
.hamburger.open {
  margin: 0;
}
.hamburger.open span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.hamburger.open span:nth-child(2) {
  opacity: 0;
  left: 20px;
}
.hamburger.open span:nth-child(3) {
  width: 30px;
  top: 9px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.hamburger.open span:nth-child(4) {
  opacity: 0;
  left: 20px;
}
.hamburger:hover span:nth-child(4) {
  width: 20px;
  left: 10px;
}

/* PRELAODER */
.preloader {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 12;
  background: #fff url(../images/bg-load.webp) center 50% / cover no-repeat fixed;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.95s;
  overflow: hidden;
}
.preloader * {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader .layer {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff url(../images/bg-load.webp) center 50% / cover no-repeat fixed;
  transition-delay: 0.3s;
}
.preloader .inner {
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 2;
}
.preloader .inner figure {
  display: block;
  margin-bottom: 10px;
  transition-delay: 0.1s;
}
.preloader .inner figure img {
  height: 60px;
}
.preloader .inner p {
  font-weight: 600;
  color: #fff;
  font-size: 13px;
  display: block;
}
/* TRANSITION OVERLAY */
.transition-overlay {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 12;
  background: #fff url(../images/bg-load.webp) center 50% / cover no-repeat fixed;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  overflow: hidden;
}
.transition-overlay .layer {
  width: 100%;
  height: 100vh;
  position: absolute;
  right: -100%;
  top: 0;
  background: #fff url(../images/bg-load.webp) center 50% / cover no-repeat fixed;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.6s;
}
.transition-overlay.active {
  left: 0;
}
.transition-overlay.active .layer {
  right: 0;
}

/* PAGE LOADED */
.page-loaded .preloader {
  right: -100%;
}

.page-loaded .preloader .inner figure {
  opacity: 0;
  transform: scale(1.5);
}

.page-loaded .preloader .inner p {
  transform: translateY(20px);
  opacity: 0;
}

.page-loaded .preloader .layer {
  left: -100%;
}

.page-loaded .navbar .container .upper-side {
  transform: translateY(0);
}

.page-loaded .navbar .container .menu {
  opacity: 1;
}

.page-loaded .slider .slider-container {
  transform: scale(1);
  opacity: 1;
}
/* TRANSITION OVERLAY */
.transition-overlay {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 12;
  background: #a34a76;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  overflow: hidden;
}
.transition-overlay .layer {
  width: 100%;
  height: 100vh;
  position: absolute;
  right: -100%;
  top: 0;
  background: #333;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.6s;
}
.transition-overlay.active {
  left: 0;
}
.transition-overlay.active .layer {
  right: 0;
}

/* PAGE LOADED */
.page-loaded .preloader {
  right: -100%;
}

.page-loaded .preloader .inner figure {
  opacity: 0;
  transform: scale(1.5);
}

.page-loaded .preloader .inner p {
  transform: translateY(20px);
  opacity: 0;
}

.page-loaded .preloader .layer {
  left: -100%;
}

.page-loaded .navbar .container .upper-side {
  transform: translateY(0);
  /*background: rgba(0, 0, 0, 0.6);*/
  padding: 5px;
}

.page-loaded .navbar .container .menu {
  opacity: 1;
  /*background: rgba(0, 0, 0, 0.6);*/
}

.page-loaded .slider .slider-container {
  transform: scale(1);
  opacity: 1;
}

/* SIDE NAVIGATION */
.side-navigation {
  width: 400px;
  max-width: 100%;
  height: 100vh;
  min-height: 400px;
  position: fixed;
  left: -100%;
  top: 0;
  background: #fffefa;
  z-index: 1000000000000;
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  color: #5a455f;
  font-size: 14px;
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.side-navigation .menu {
  display: none;
  margin-bottom: 20px;
}
.side-navigation .menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.side-navigation .menu ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  position: relative;
}
.side-navigation .menu ul li ul {
  width: 100%;
  display: none;
  padding-left: 20px;
  margin-bottom: 10px;
}
.side-navigation .menu ul li ul li {
  display: block;
}
.side-navigation .menu ul li ul li a {
  font-size: 2vw;
}
.side-navigation .menu ul li a {
  display: inline-block;
  color: #5a425d;
  font-size: 3vw;
  font-weight: 600;
  line-height: 2.5;
}
.side-navigation .menu ul li a:hover {
  color: #a34a76;
  text-decoration: none;
}
.side-navigation .side-content {
  width: 100%;
  display: block;
}
.side-navigation figure {
  display: block;
  margin-bottom: 30px;
}
.side-navigation figure img {
  height: 110px;
}
.side-navigation address {
  display: block;
  margin-bottom: 20px;
   color: #5a425d;
}
.side-navigation h6 {
  font-weight: 600;
  font-size: 20px;
}
.side-navigation p {
  display: block;
  margin-bottom: 30px;
  color: #5a425d;
}
.side-navigation p a {
  color: #5a425d;
}
.side-navigation .gallery {
  margin-bottom: 60px;
  padding: 0;
  margin-left: -5px;
  margin-right: -5px;
}
.side-navigation .gallery li {
  width: 33.33333%;
  float: left;
  margin: 0;
  padding: 0 5px;
  list-style: none;
}
.side-navigation .gallery li img {
  width: 100%;
}
.side-navigation .social-media {
  width: 100%;
  float: left;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}
.side-navigation .social-media li {
  float: left;
  margin-left: 5px;
  padding: 0;
  list-style: none;
}
.side-navigation .social-media li a {
  width: 40px;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 42px;
  font-size: 13px;
  color: #5a425d;
  background-image: linear-gradient(to bottom right, #c19346, #d5b069, #eed996, #b78842, #c99f55);
}
.side-navigation .social-media li a:hover {
  color: #a34a76;
  background: #fff;
}
.side-navigation.active {
  left: 0;
}

/* NAVBAR */
.navbar {
  width: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  background: #fffefa;
}
.navbar-page {
  background: rgba(255,255,255,0.7);
}
.navbar .container {
  flex-direction: column;
}
.navbar .container .upper-side {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  align-items: center;
  transform: translateY(-80px);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 1.2s;
}
.navbar .container .upper-side .logo {
  margin-left: 0;
    width: 15%;
    float: left;
}
.navbar .container .upper-side .logo img {
  height: 100px;
}
.navbar .container .upper-side .phone-email {
  margin-right: 0;
  margin-left: auto;
  margin-top: 5px;
  text-align: right;
  color: #fff;
  padding-right: 10px;
}
.navbar .container .upper-side .phone-email img {
  float: right;
  height: 45px;
  margin-left: 15px;
  margin-top:-10px;
}
.navbar .container .upper-side .phone-email h4 {
  margin-bottom: -5px;
  margin-top: 3px;
  font-size: 17px;
  font-weight: 600;
  display: -webkit-box;
  line-height: 1;
}
.navbar .container .upper-side .phone-email small {
  line-height: 1;
}
.navbar .container .upper-side .phone-email small a {
  opacity: 0.5;
  color: #fff;
}
.navbar .container .upper-side .phone-email small a:hover {
  text-decoration: none;
  color: #a34a76;
  opacity: 1;
}
.navbar .container .upper-side .language {
  margin-right: 40px;
  margin-left: 60px;
  padding: 10px 0;
  padding-right: 30px;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  display: none;
}
.navbar .container .upper-side .language a {
  display: inline-block;
  margin: 0 5px;
  color: #fff;
  font-weight: 600;
}
.navbar .container .upper-side .language a:hover {
  color: #a34a76;
  text-decoration: none;
}
.navbar .container .upper-side .hamburger {
  width: 30px;
  height: 21px;
  margin-right: 0;
  display: none;
}
.navbar .container .menu {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 1.4s;
  opacity: 0;
}
.navbar .container .menu ul {
  display: flex;
  flex-wrap: wrap;
 text-align:center;
 margin:0px auto;
}
.navbar .container .menu ul li {
  margin: 0;
  margin-right: 20px;
  padding: 0;
  list-style: none;
  position: relative;
}
.navbar .container .menu ul li:hover ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.navbar .container .menu ul li ul {
  min-width: 220px;
  position: absolute;
  left: -35px;
  top: 120%;
  background: #26282b;
  margin: 0;
  padding: 25px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.navbar .container .menu ul li ul:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #26282b transparent;
  position: absolute;
  left: 35px;
  top: -10px;
}
.navbar .container .menu ul li ul li {
  margin: 0;
  padding: 0 35px;
  white-space: nowrap;
}
.navbar .container .menu ul li ul li a {
  padding: 8px 0;
}
.navbar .container .menu ul li ul li a:hover {
  border-color: transparent;
}
.navbar .container .menu ul li a {
  color: #5a455f;
  display: inline-block;
  font-weight: 600;
  padding: 12px 0;
  border-top: 1px solid transparent;
}
.navbar .container .menu ul li a:hover {
  text-decoration: none;
  color: #a34a76;
  border-top: 1px solid #a34a76;
}
.contact-box-top{
  width: 15%;
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 0;
    margin: 0;
}
.contact-box-top ul li{
    width: 29.33%;
    margin: 2%;
    float: left;
    background: #5a425d;
    text-align: center;
    list-style-type: none;
    padding: 10px 16px;
    border-radius: 8px;
}
.contact-box-top ul li:hover{
    background: #a24b78;
}
.contact-box-top ul li a{
    color: #fffefa;
}
/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  min-height: 600px;
  display: flex;
  flex-wrap: wrap;
  background: #26282b;
  overflow: hidden;
}
.slider .slider-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transform: scale(1.3);
  transition-delay: 1.25s;
  opacity: 0;
}
.slider .slider-container .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  background-size: cover;
  background-position:center center;
}
.slider .slider-container .swiper-slide:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
 /* background: #300f01;
    background: -moz-linear-gradient(161deg, #424242 0%, #878687 49%, #878687 100%);
    background: -webkit-linear-gradient(161deg, #424242 0%, #878687 49%, #878687 100%);
    background: linear-gradient(161deg, #424242 0%, #878687 49%, #878687 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff1d2",endColorstr="#fff1d2",GradientType=1);
  opacity: 0.65;*/
}
.slider .slider-container .swiper-slide .container {
  position: relative;
  z-index: 9;
  padding-left: 100px;
  text-align: center;
}
.slider .slider-container .swiper-slide .container h1 {
  font-size: 5vw;
 background: -webkit-linear-gradient(#fff, #fff, #a34a76);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
  margin-top: 50px;
  font-family:Magenda; 
  filter: drop-shadow(5px 2px 1px #fff);
}
.title-slider {
  font-size: 1.15em;
  font-weight: 700;
}
.slider .slider-container .swiper-slide .container h1 span {
  display: inline-block;
  position: relative;
  background: -webkit-linear-gradient(#a34a76, #5a425d, #a34a76, #a34a76);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.slider .slider-container .swiper-slide .container h1 span:before {
  content: "";
  width: 247px;
  height: 100px;
  position: absolute;
  left: 0;
  top: 40px;
  /*background: url(../images/title-mark.webp) center no-repeat;
  background-size: contain;*/
  z-index: -1;
  opacity:0.7;
}
.slider .slider-container .swiper-slide .container h2 {
  font-weight: 200;
  color: #5a425d;
  margin-bottom: 50px;
}
.slider .slider-container .swiper-slide .container a {
  height: 60px;
  line-height: 56px;
  color: #5a425d;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  border: 2px solid #c89d32;
  border-radius: 50px;
  padding: 20px 40px;
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.slider .slider-container .swiper-slide .container a i {
  margin-left: 10px;
}
.slider .slider-container .swiper-slide .container a:hover {
  text-decoration: none;
  background: #5a425d;
  border: 1px solid #c89d32;
  color: #fff;
}
.slider .slider-container .swiper-slide .container figure {
  float: left;
  margin-left: 40px;
  margin-bottom: 0;
}
.slider .slider-container .swiper-slide .container figure img {
  height: 60px;
}
.slider .slider-container .inner-elements {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.slider .slider-container .inner-elements .container {
  position: relative;
  height: 100vh;
}
.slider .slider-container .inner-elements .container .social-media {
  width: 20px;
  position: absolute;
  left: 15px;
  top: calc(50% + 60px);
  transform: translateY(-50%);
  z-index: 4;
  text-align: center;
}
.slider .slider-container .inner-elements .container .social-media h6 {
  width: 120px;
  color: #fff;
  transform: rotate(90deg);
  transform-origin: left;
  margin-left: 9px;
  font-weight: 600;
  margin-bottom: 120px;
  font-size: 14px;
}
.slider .slider-container .inner-elements .container .social-media ul {
  margin: 0;
  padding: 0;
}
.slider .slider-container .inner-elements .container .social-media ul:before {
  content: "";
  width: 1px;
  height: 42px;
  background: #fff;
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 10px;
}
.slider .slider-container .inner-elements .container .social-media ul li {
  margin: 0;
  padding: 3px 0;
  list-style: none;
}
.slider .slider-container .inner-elements .container .social-media ul li a {
  color: #fff;
  font-size: 12px;
}
.slider .slider-container .inner-elements .container .social-media ul li a:hover {
  color: #a34a76;
}
.slider .slider-container .inner-elements .container .pagination {
  width: auto;
  position: absolute;
  left: auto;
  right: 15px;
  bottom: 20px;
  z-index: 4;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 50px;
}
.slider .slider-container .inner-elements .container .pagination .swiper-pagination-current {
  font-size: 40px;
  font-weight: 800;
  margin-right: 5px;
}
.slider .slider-container .inner-elements .container .pagination .swiper-pagination-total {
  font-size: 20px;
  margin-left: 5px;
}
.slider .slider-container .inner-elements .container .button-prev {
  width: 40px;
  position: absolute;
  right: 10px;
  top: calc(50% + 60px);
  z-index: 4;
  transform: rotate(90deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  transform-origin: bottom;
  margin-top: -60px;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
.slider .slider-container .inner-elements .container .button-prev:hover {
  color: #a34a76;
}
.slider .slider-container .inner-elements .container .button-prev:after {
  content: "";
  width: 42px;
  height: 1px;
  background: #fff;
  position: absolute;
  right: calc(-100% - 20px);
  top: 5px;
}
.slider .slider-container .inner-elements .container .button-next {
  width: 40px;
  position: absolute;
  right: 10px;
  top: calc(50% + 60px);
  z-index: 4;
  transform: rotate(90deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  transform-origin: bottom;
  margin-top: 60px;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
.slider .slider-container .inner-elements .container .button-next:hover {
  color: #a34a76;
}
.intro svg{
  margin-top: -120px;
}
/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  padding-top: 200px;
  background-color: #26282b;
  position: relative;
  margin-bottom: 30px;
  background: url(../images/slide02.webp) center 40% no-repeat;
  background-size: cover;
}
.page-header:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  /*background: #5a455f;*/
  opacity: 0.45;
}
.page-header .container {
  position: relative;
  z-index: 2;
}
.page-header .container h1 {
  font-size: 4vw;
  color: #fff;
  margin-top: 100px;
  font-family: Magenda;
}
.page-header .container p {
  display: block;
  color: #fff;
  font-size: 20px;
  margin: 0;
}
.page-header .container .breadcrumb {
  position: absolute;
  left: 15px;
  bottom: 44px;
  
  width: 70%;
  padding: 40px 30px;
  padding-right: 60px;
  margin: 0;
}

/* INTRO */
.intro {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
.intro figure {
  display: inline-block;
  margin-bottom: 0;
  margin-top: -20px;
  position: relative;
  background: #e8ded1;;
}
.intro figure .pattern-bg {
  width: 120%;
  height: 100%;
  position: absolute;
  left: 5%;
  top: -5%;
  /*background: url(../images/side-pattern-bg.png);
  background-size: contain;*/
}
.intro figure .holder {
  position: relative;
  width: 100%;
  float: left;
  display: block !important;
  transform: translate(85px, -65px);
}
.intro figure .holder img {
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  width: 525px;
  border-radius: 15px 50px 30px 5px
 
}
.intro .content-box {
  display: block;
  padding-left: 10%;
}
.intro .content-box b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.intro .content-box h4 {
  display: block;
  font-size: 45px;  
  margin-bottom: 15px;
  color:#b78842;
  padding-top: 90px;
  font-family: Magenda;
  text-align: center;
}
.intro .content-box h4 span {
  color: #a34a76;
  font-weight: 200;
}
.intro .content-box h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.intro .content-box p {
  display: block; 
  margin-bottom: 30px;
  color:#5a455f;
}
.intro .content-box a {
  display: inline-block;
  color: #5a455f;
  font-weight: 600;
}
.intro .content-box a img {
  height: 20px;
  margin-right: 15px;
}
.intro .content-box a:hover {
  color: #a34a76;
  text-decoration: none;
}
/*review*/
:root {
    --card-bg: #e0f7f4;
    --transition-speed: 0.5s;
    --avatar-size: 80px; /* Kích thước ảnh đại diện */
}
.slider-container-review {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 40px 0;
}

.slider-wrapper {
    display: flex;
    transition: transform var(--transition-speed) ease-in-out;
}

.review-card {
    flex: 0 0 calc(33.333% - 20px);
    margin: 40px 10px 10px 10px; /* Margin top lớn để nhường chỗ cho ảnh */
    background-color: #fffefa;
    padding: 50px 20px 30px 20px;
    box-sizing: border-box;
    text-align: center;
    position: relative; /* Để định vị ảnh theo thẻ này */
    border-radius: 8px;
}

/* --- CSS cho Hình Ảnh Khách Hàng --- */
.customer-img {
    width: var(--avatar-size);
    height: var(--avatar-size);
    border-radius: 50%; /* Làm hình tròn */
    object-fit: cover;
    border: 4px solid #fff; /* Viền trắng cho nổi bật */
    position: absolute;
    top: calc(var(--avatar-size) / -2); /* Đẩy lên trên một nửa */
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    background-color: #ccc;
}
.star-icon-img{
        width: var(--avatar-size);
        height: var(--avatar-size);
        /* border-radius: 50%; */
        object-fit: cover;
        /* border: 4px solid #fff; */
        position: absolute;
        top: calc(var(--avatar-size) / -2);
        left: 50%;
        transform: translateX(-50%);
        /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */
        /* background-color: #ccc;*/
}
.quote-icon {
    font-size: 40px;
    display: block;
    margin-bottom: 10px;
    color: #333;
}
.sec-title-review h2{
    font-weight: 500;
    color: #333;
    padding: 50px 0px;
}
.review-text {
    font-style: italic;
    font-size: 12pt;
    line-height: 1.6;
    min-height: 80px;
}

.author {
    font-weight: bold;
    margin-top: 15px;
    display: block;
}

/* Nút bấm */
.nav-btn {
    position: absolute;
    top: 70%;
    background: #fff;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.prev-btn { left: 5px; }
.next-btn { right: 5px; }
.icon-star i
{
  color: #e4c05c;
}
@media (max-width: 992px) { .review-card { flex: 0 0 calc(50% - 20px); } }
@media (max-width: 600px) { .review-card { flex: 0 0 calc(100% - 20px);} 
  .sec-title-review h2
  {
    padding: 20px 0px;
  }
}

/*review-home*/
/* LOGOS */
.logos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
}
.logos * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.logos .col-lg-2 {
  border-right: 1px dashed #eee;
}
.logos .col-lg-2:last-child {
  border-right: none;
}
.logos figure {
  width: 100%;
  margin: 0;
  position: relative;
}
.logos figure:hover img {
  opacity: 0;
  transform: scale(1.2);
}
.logos figure:hover h6 {
  opacity: 1;
  transform: scale(1);
}
.logos figure img {
  width: 100%;
}
.logos figure h6 {
  width: 100%;
  height: 20px;
  line-height: 20px;
  margin: 0;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  text-align: center;
  opacity: 0;
  font-weight: 800;
  font-size: 13px;
  transform: scale(1.1);
}

/* FIRST TIME CLIENT SPECIAL */
.first-time-special {
  width: 100%;
  max-width: 860px;
  margin: -140px auto 40px;
  text-align: center;
}
.first-time-special-card {
  background: transparent;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
}
.first-time-special-box {
  background: transparent;
  padding: 0 30px 6px;
  text-align: center;
  border-bottom: none;
}
.first-time-special-box h4 {
  margin: 0;
  font-size: 32px;
  font-weight: 400;
  color: #b78842;
  font-family: Magenda, serif;
  letter-spacing: 0.3px;
  text-transform: none;
  line-height: 1.2;
}
.first-time-special-content {
  background: transparent;
  padding: 0 45px 22px;
  text-align: center;
  color: #5a425d;
}
.special-tagline {
  margin: 0 0 6px;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 1.3;
  color: #5a425d;
}
.special-tagline .special-accent {
  color: #b78842;
}
.special-headline {
  margin: 0 0 8px;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.15;
  color: #b78842;
  font-family: Magenda, serif;
}
.special-desc {
  margin: 0 auto 12px;
  max-width: 620px;
  font-size: 16px;
  line-height: 1.45;
  color: #5a425d;
}
.special-features {
  list-style: none;
  margin: 0 auto 12px;
  padding: 6px 32px;
  max-width: 680px;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  text-align: left;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px 28px;
}
.special-features li {
  padding: 3px 0;
  font-size: 15px;
  line-height: 1.35;
  color: #5a425d;
}
.special-icon {
  display: inline-block;
  width: 26px;
  margin-right: 4px;
}
.special-locations {
  margin: 0 auto 8px;
  max-width: 600px;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 500;
  color: #5a425d;
  padding-top: 8px;
  border-top: 1px solid rgba(90, 66, 93, 0.12);
}
.special-closing {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  font-style: italic;
  line-height: 1.3;
  color: #a34a76;
  font-family: Magenda, serif;
}
.first-time-special-btn {
  margin-top: 18px;
}

/* BENEFITS */
.benefits {
  width: 100%;
  flex-wrap: wrap;
  padding: 150px 0;
  background: #f3e9dd;
  text-align: center;
}
section.benefits.group-ser:first-of-type {
  padding-top: 0;
  margin-top: -80px;
}
.benefits .col {
  
  padding-top: 20px;
  padding-bottom: 20px;
}
.benefits .col:nth-child(odd) {
  /*margin-top: 50px;*/
}
.benefits .col:hover figure:after {
  opacity: 1;
}
.benefits .col:last-child {
  border-right: none;
}
.benefits b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.benefits h4 {
  display: block;
  font-size: 44px; 
  margin-bottom: 15px;
  color:#b78842;  
  font-family: Magenda;
  margin: 50px 0px;
}
.first-time-special-box h4{
  margin: 50px 0px 20px 0px;
}
.what-offer h4{
  margin-top: 80px;
  margin-bottom: 40px;
}
.services-home-title h4{
  font-size: 25pt; 
  padding-bottom: 20px;
}
.content-box h4{
  margin: 0px;
}
.sv-item-home h4 a{
  display: block;
  font-size: 18pt; 
  margin-bottom: 15px;
  color:#5a425d!important;  
  font-family: Magenda;
  border: none;
}
.benefits-ser-home h4 {
  display: flex;
  justify-content: center; /* căn giữa trái phải */
  align-items: center; /* căn giữa trên dưới */
  text-align: center;
  height: 300px;
  font-size: 44px;
  margin-bottom: 15px;
  color: #b78842;
  font-family: Magenda;
}
.benefits h4 span {
  color: #a34a76;
  font-weight: 300;
}
.benefits h3 {
  font-weight: 600;
  color:#5a455f;
  font-size:20px;
}
.benefits figure {
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.benefits figure:after {
  content: "";
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  top: 0;
  background: #a34a76;
  border-radius: 50%;
  opacity: 0;
  z-index: 0;
  margin-left: -35px;
}
.benefits figure img {
  position: relative;
  z-index: 2;
  border-radius: 20px;
}
.benefits h6 {
  font-weight: 600;
  font-size: 14px;
}
.benefits .odometer {
  font-size: 50px;
  line-height: 1;
  font-weight: 800;
}
.benefits .extra {
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  transform: translateY(10px);
}
.sv-item
{
    background: #f9f6ef;
    padding: 25px 15px 0px 15px;
    margin-top: 20px;
}
.sv-item h4{
    margin: 0px;
}
.item-mid
{
    margin-top: -40px;
}
/* RECENT GALLERY */
.recent-gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.recent-gallery b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.recent-gallery h4 {
  display: block;
  font-size: 44px; 
  margin-bottom: 15px;
  color:#b78842;
  font-family: Magenda;
}
.recent-gallery h4 span {
  color: #a34a76;
  font-weight: 300;
}
.recent-gallery h3 {
  font-weight: 600;
  padding-right: 10%;
  margin-bottom: 30px;
}
.recent-gallery .link {
  display: inline-block;
  color: #5a455f;
  font-weight: 600;
  font-size: 14px;
  position: relative;
  padding-bottom: 10px;
}
.recent-gallery .link i {
  margin-left: 10px;
}
.recent-gallery .link:hover {
  text-decoration: none;
}
.recent-gallery .link:hover:before {
  width: 100%;
}
.recent-gallery .link:before {
  content: "";
  width: 60px;
  height: 2px;
  background: #5a455f;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.recent-gallery figure {
  display: block !important;
  margin: 0;
  position: relative;
}
.recent-gallery figure img {
 /* border-radius: 50% 50% 0 0;
    -moz-border-radius: 50% 50% 0 0;
    -webkit-border-radius: 50% 50% 0 0;*/
}
.recent-gallery .col-md-4:nth-child(1) {
  margin-top: 100px;
}
.recent-gallery .col-md-4:nth-child(2) {
  margin-top: 0;
}
.recent-gallery .col-md-4:nth-child(3) {
  margin-top: 80px;
}

/* PROPERTY CALCULATOR */
.property-calculator {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 150px;
  position: relative;
  background: #f9f6ef;
  padding-top: 0px;
}
.svg-home svg{
  margin-top: -100px;
}
.property-calculator figure {
  display: inline-block;
  margin-bottom: 0;
  margin-top: -20px;    
  /*background: url(../images/bg-ser.webp) 55% 50% no-repeat;
  background-size: cover;*/
  background: #e8ded1;
  position: relative;
}
.property-calculator figure:before {
  content: "";
  width: 50vw;
  height: 100%;
 background: none;
  position: absolute;
  left: -50vw;
  top: 0;
}
.property-calculator figure .pattern-bg {
  width: 120%;
  height: 100%;
  position: absolute;
  left: 5%;
  top: -5%;
  /*background: url(../images/side-pattern-bg.png);
  background-size: contain;*/
}
.property-calculator figure .holder {
  position: relative;
  width: 100%;
  float: left;
  display: block !important;
  transform: translate(85px, -35px);
}
.property-calculator figure .holder img {
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  width: 525px;
}
.property-calculator .content-box {
  display: block;
  padding-left: 10%;
}
.content-box {
  display: block;
    padding: 10%;
    border: 3px solid transparent;
    border-image: url(../images/bg-ser.webp) 30% round;
    text-align: left;
}
.content-box-review{
  border: none;
  padding: 0;
}
.content-box-manicure,
.content-box-pedicure,
.content-box-nails,
.content-box-waxing, 
.content-box-promotions,
.content-box-party {
    position: relative;
    padding: 10%;
    background: url(../images/ser-home/1.webp) center center no-repeat;
    background-size: cover;
    border: none;
    margin-bottom: 20px;
    overflow: hidden;
}
.content-box-manicure h4 a,
.content-box-pedicure h4 a,
.content-box-nails h4 a,
.content-box-waxing h4 a, 
.content-box-promotions h4 a,
.content-box-party h4 a{
    border: 1px solid #fff;
    padding: 5px 26px;
    border-radius: 30px;
}
.content-box-manicure h4 a:hover,
.content-box-pedicure h4 a:hover,
.content-box-nails h4 a:hover,
.content-box-waxing h4 a:hover, 
.content-box-promotions h4 a:hover,
.content-box-party h4 a:hover{
    color: #fff;
    opacity: 0.5;
}
.content-box-manicure::before,
.content-box-pedicure::before,
.content-box-nails::before,
.content-box-waxing::before,
.content-box-promotions::before,
.content-box-party::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3); /* lớp nền đen mờ */
    z-index: 0;
}

.content-box-manicure *,
.content-box-pedicure *,
.content-box-nails *,
.content-box-waxing *,
.content-box-promotions *,
.content-box-party * {
    position: relative;
    z-index: 1;
}
.content-box-pedicure
{
    background: url(../images/ser-home/2.webp) 80% 95% repeat;
    background-size: cover;
}
.content-box-nails
{
    background: url(../images/ser-home/3.webp) 80% 95% repeat;
    background-size: cover;
}
.content-box-waxing
{
    background: url(../images/ser-home/4.webp) 80% 95% repeat;
    background-size: cover;
}
.content-box-promotions
{
    background: url(../images/ser-home/5.webp) 80% 95% repeat;
    background-size: cover;
}
.content-box-party
{
    background: url(../images/ser-home/6.webp) 80% 95% repeat;
    background-size: cover;
}
.sv-item-home
{
  text-align: left;
  padding: 40px 0px;
}
.footer-new{
  text-align: center;
}
.property-calculator .content-box b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  color: #5a425d;
  opacity: 1;
}
.group-policy{background:#fafafa;text-align:left;line-height:40px;padding:40px;}
.property-calculator .content-box h4 {
  display: block;
  font-size: 44px;  
  margin-bottom: 15px;
   color:#b78842;
   font-family: Magenda;
}
.property-calculator .content-box h4 span {
  color: #a34a76;
  font-weight:300;
}
.property-calculator .content-box h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.property-calculator .content-box ul {
  display: block;
  margin-bottom: 60px;
  padding: 0;
}
.property-calculator .content-box ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.property-calculator .content-box ul li:nth-child(1) {
  margin-right: 30px;
}
.property-calculator .content-box ul li img {
  height: 35px;
}
.property-calculator .content-box p {
  display: block;
  margin-bottom: 30px;
  color:#5a455f;
}
.property-calculator .content-box a {
  display: inline-block;
  color: #5a455f;
  font-weight: 600;
}
.property-calculator .content-box a img {
  height: 14px;
  margin-right: 10px;
}
.property-calculator .content-box a:hover {
  color: #a34a76;
  text-decoration: none;
}

/* PROPERTY PLANS */
.property-plans {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom:40px;
}
.property-plans b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.property-plans h4 {
  display: block;
  font-size: 44px; 
  margin-bottom: 15px;
}
.property-plans h4 span {
  color: #a34a76;
}
.property-plans h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.property-plans p {
  display: block;
  padding-right: 40%;
  margin-bottom: 30px;
}
.property-plans table {
  display: table;
  margin-bottom: 30px;
  font-size: 15px;
}
.property-plans table tr td {
  padding: 5px 0;
}
.property-plans table tr td:first-child {
  color: #a34a76;
  width: 120px;
  font-weight: 600;
}
.property-plans .tab-nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.property-plans .tab-nav li {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.property-plans .tab-nav li a {
  color: #26282b;
  font-weight: 600;
}

/* GET CONSULTATION */
.get-consultation {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 150px;
  margin-bottom: 100px;
  background-size: auto 120%;
  background-position: right;
  background-repeat: no-repeat;
  background-color: #e5e4df;
}
.get-consultation .content-box {
  width: 500px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 80px 50px;
  margin-bottom: -100px;
  color: #fff;
  background: #a34a76;
  position: relative;
  overflow: hidden;
}
.get-consultation .content-box:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 200px 100vh 0;
  border-color: transparent #a34a76 transparent transparent;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.15;
}
.get-consultation b {
  width: 100%;
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.get-consultation h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.get-consultation h4 span {
  color: #a34a76;
}
.get-consultation h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.get-consultation p {
  display: block;
  padding-right: 20%;
  margin-bottom: 40px;
}
.get-consultation a {
  height: 60px;
  line-height: 60px;
  float: left;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  background: #26282b;
  padding: 0 40px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.get-consultation a i {
  margin-left: 10px;
}
.get-consultation a:hover {
  text-decoration: none;
  background: #fff;
  color: #a34a76;
}

/* RECENT POSTS */
.recent-posts {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.recent-posts b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.recent-posts h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.recent-posts h4 span {
  color: #a34a76;
}
.recent-posts small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}
.recent-posts small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.recent-posts .post-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.recent-posts .post-box figure {
  display: block;
  margin-bottom: 20px;
}
.recent-posts .post-box h6 {
  display: block;
  font-size: 20px;
  font-weight: 600;
}
.recent-posts .post-box h6 a {
  display: inline-block;
}
.recent-posts .post-box h6 a:hover {
  color: #a34a76;
  text-decoration: none;
}
.recent-posts .post-box p {
  display: block;
  margin: 0;
}
.recent-posts .post-box span {
  width: 100%;
  display: block;
  font-size: 13px;
  opacity: 0.5;
  margin-bottom: 10px;
}

/* PROPERTY CUSTOMIZATION */
.property-customization {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background: url(../images/bg-home.webp) center center no-repeat;
  background-size: cover;
  color: #fff;
  position: relative;
}
.property-customization b {
  width: 100%;
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.property-customization h4 {
  display: block;
  font-size: 50px; 
  margin-bottom: 15px;
  color:#fff;
  font-family: Magenda;
}
.property-customization h4 span {
  background: -webkit-linear-gradient(#fff, #fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.property-customization h3 {
  font-weight: 200;
  margin-bottom: 30px;
  color:#fff;
}
.property-customization figure {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 15px 10px;
  margin: 15px 0;
}
.property-customization figure img {
  height: 40px;
  float: left;
  margin-right: 15px;
}
.property-customization figure figcaption {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

/* APARTMENTS */
.apartment {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.apartment h2 {
  font-size: 4vw;
  font-family: "Playfair Display", serif;
  margin-bottom: 20px;
}
.apartment h2 span {
  color: #a34a76;
}
.apartment h6 {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 20px;
}
.apartment h5 {
  margin-bottom: 70px;
  font-weight: 600;
  opacity: 0.5;
}
.apartment h4 {
  margin-bottom: 20px;
  font-weight: 600;
}
.apartment p {
  line-height: 1.7;
  margin-bottom: 20px;
}
.apartment p strong {
  font-weight: 600;
}
.apartment ul {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-left: 20px;
}
.apartment ul li {
  margin: 0;
  padding: 4px 0;
}
.apartment blockquote {
  display: inline-block;
  padding: 30px;
  background: #a34a76;
  margin-bottom: 40px;
}
.apartment blockquote p {
  margin: 0;
}
.apartment blockquote strong {
  font-size: 20px;
}
.apartment figure {
  width: 100%;
  display: block;
  margin-bottom: 70px;
  margin-top: 50px;
}
.apartment .gallery-slider {
  width: 80%;
  margin-top: 50px;
  margin-bottom: 70px;
}
.apartment .gallery-slider .gallery-container {
  margin: 0;
}
.apartment .property-plan {
  display: inline-block;
}
.apartment .property-infos {
  display: inline-block;
  background: #a34a76;
  color: #fff;
  padding: 50px;
  margin-bottom: 50px;
  float: left;
  margin-right: 100px;
}
.apartment .property-infos .odometer {
  font-size: 60px;
  font-weight: 800;
  position: relative;
  display: inline-flex;
}
.apartment .property-infos .odometer:after {
  content: attr(data-text);
  font-size: 30px;
  font-weight: 600;
  margin-top: 10px;
  margin-left: 5px;
  opacity: 0.5;
}
.apartment .property-infos p:last-child {
  margin-bottom: 0;
}

/* ABOUT CONTENT */
.about-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.about-content h2 {
  font-size: 4vw;
  font-family: "Playfair Display", serif;
  margin-bottom: 20px;
}
.about-content h2 span {
  color: #a34a76;
}
.about-content h6 {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 20px;
}
.about-content h5 {
  margin-bottom: 40px;
  font-weight: 600;
  opacity: 0.5;
}
.about-content h4 {
  margin-bottom: 20px;
  font-weight: 600;
}
.about-content p {
  line-height: 1.7;
  margin-bottom: 20px;
}
.about-content p strong {
  font-weight: 600;
}
.about-content ul {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-left: 20px;
}
.about-content ul li {
  margin: 0;
  padding: 4px 0;
}
.about-content blockquote {
  display: inline-block;
  padding: 30px;
  background: #a34a76;
  margin-bottom: 40px;
}
.about-content blockquote p {
  margin: 0;
}
.about-content blockquote strong {
  font-size: 20px;
}
.about-content .video-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
  margin-top: 30px;
}
.about-content .video-content video {
  width: 100%;
  height: 100%;
  float: left;
}
.about-content .gallery-container {
  margin-bottom: 50px;
}

/* CERTIFICATES */
.certificates {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.certificates b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.certificates h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.certificates h4 span {
  color: #a34a76;
}
.certificates small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}
.certificates small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.certificates figure {
  display: block;
  margin: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.certificates figure img {
  width: 100%;
}

/* FACILITIES */
.facilities {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 135px 0;
}
.facilities b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.facilities h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.facilities h4 span {
  color: #a34a76;
}
.facilities small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}
.facilities small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.facilities figure {
  width: 100%;
  float: left;
  margin: 15px 0;
  padding: 50px 30px;
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
}
.facilities figure img {
  height: 70px;
  float: left;
}
.facilities figure figcaption {
  width: calc(100% - 90px);
  float: right;
}
.facilities figure figcaption h5 {
  font-weight: 600;
  font-size: 16px;
}
.facilities figure figcaption p {
  font-size: 14px;
  opacity: 0.5;
  margin: 0;
}

/* FAQ */
.faq {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.faq .sidebox {
  width: calc(100% - 70px);
  float: left;
  margin-left: 70px;
  padding: 40px 30px;
  text-align: center;
  background: #a34a76;
  color: #fff;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
}
.faq .sidebox i {
  font-size: 100px;
  margin-bottom: 20px;
  display: inline-block;
}
.faq .sidebox h3 {
  display: block;
  font-family: "Playfair Display", serif;
  margin-bottom: 20px;
}
.faq .sidebox p {
  color: #fff;
}

/* SALES OFFICES */
.sales-offices {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 135px 0;
}
.sales-offices .office-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
  margin: 15px 0;
  border: 1px solid #eee;
}
.sales-offices .office-box h5 {
  font-family: "Playfair Display", serif;
  margin-bottom: 20px;
  font-size: 26px;
}
.sales-offices .office-box address {
  margin-bottom: 25px;
}
.sales-offices .office-box a {
  height: 44px;
  line-height: 44px;
  display: inline-block;
  padding: 0 20px;
  background: #26282b;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
.sales-offices .office-box a i {
  margin-right: 7px;
}
.sales-offices .office-box a:hover {
  text-decoration: none;
}

/* INTRO VIDEO */
.intro-video {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  text-align: center;
}
.intro-video b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.intro-video h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.intro-video h4 span {
  color: #a34a76;
}
.intro-video h3 {
  font-weight: 600;
  margin-bottom: 50px;
}
.intro-video .video-container {
  width: 100%;
  float: left;
  margin: 0;
  padding: 5px;
  background: #a34a76;
}
.intro-video .video-container video {
  width: 100%;
  float: left;
}

/* PRESS RELEASES */
.press-relases {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 135px 0;
}
.press-relases figure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 15px 0;
  border: 1px solid #eee;
}
.press-relases figure a {
  width: 40%;
}
.press-relases figure a img {
  width: 100%;
}
.press-relases figure figcaption {
  width: 60%;
  padding-left: 20px;
}
.press-relases figure figcaption h5 {
  display: block;
  font-size: 22px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.press-relases figure figcaption p {
  font-size: 14px;
}
.press-relases figure figcaption small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 0;
  opacity: 0.5;
}

/* PHOTO GALLERY */
.photo-gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
}
.photo-gallery .gallery-filter {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
  padding: 0;
}
.photo-gallery .gallery-filter li {
  display: inline-block;
  margin-right: 25px;
  padding: 0;
  list-style: none;
}
.photo-gallery .gallery-filter li a {
  font-weight: 600;
  border-bottom: 2px solid transparent;
}
.photo-gallery .gallery-filter li a.current {
  border-bottom: 2px solid #a34a76;
}
.photo-gallery .gallery-filter li a:hover {
  color: #a34a76;
  text-decoration: none;
}
.photo-gallery .gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-left: -4px;
  margin-right: -4px;
  padding: 0;
}
.photo-gallery .gallery li {
  width: 25%;
  margin: 0;
  padding: 4px;
  list-style: none;
}
.photo-gallery .gallery li img {
  width: 100%;
  float: left;
}

/* SALES TEAM */
.sales-team {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.sales-team figure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #eee;
  margin: 15px 0;
}
.sales-team figure img {
  width: 50%;
  display: inline-block;
}
.sales-team figure figcaption {
  display: inline-block;
}
.sales-team figure figcaption h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.sales-team figure figcaption h4 span {
  color: #a34a76;
}
.sales-team figure figcaption small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}
.sales-team figure figcaption small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.sales-team figure figcaption ul {
  display: block;
  margin: 0;
  padding: 0;
}
.sales-team figure figcaption ul li {
  display: inline-block;
  margin: 0;
  margin-right: 15px;
  padding: 0;
  list-style: none;
}
.sales-team figure figcaption ul li a {
  font-size: 14px;
  font-weight: 600;
}
.sales-team figure figcaption ul li a i {
  margin-right: 6px;
  font-size: 12px;
  font-weight: 400;
}
.sales-team figure figcaption ul li a:hover {
  text-decoration: none;
  color: #a34a76;
}

/* ERROR 404*/
.error404 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  text-align: center;
}
.error404 figure {
  display: block;
  margin-bottom: 60px;
  padding: 0 10%;
}
.error404 figure img {
  width: 100%;
}
.error404 h2 {
  font-size: 50px;
  font-weight: 800;
  color: #a34a76;
}
.error404 p {
  display: block;
  margin-bottom: 40px;
}
.error404 a {
  height: 60px;
  line-height: 56px;
  display: inline-block;
  color: #a34a76;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  border: 2px solid #a34a76;
  padding: 0 40px;
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.error404 a:hover {
  text-decoration: none;
  color: #fff;
  background: #a34a76;
  border-color: #a34a76;
}

/* BLOG */
.blog {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.blog .post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.blog .post .post-image {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
.blog .post .post-image img {
  width: 100%;
}
.blog .post .post-content {
  width: calc(100% - 60px);
  float: left;
  background: #fff;
  margin: 0 30px;
  margin-top: -100px;
  padding: 30px;
}
.blog .post .post-content.single {
  width: 100%;
  margin: 0;
  margin-top: 50px;
  padding: 0;
}
.blog .post .post-content .post-title {
  font-weight: 800;
  margin-bottom: 20px;
}
.blog .post .post-content .post-title a {
  color: #26282b;
}
.blog .post .post-content .post-title a:hover {
  color: #a34a76;
  text-decoration: none;
}
.blog .post .post-content .post-tags {
  width: 100%;
  float: left;
}
.blog .post .post-content .post-tags i {
  font-size: 19px;
  float: left;
  margin-right: 10px;
  color: #a34a76;
  margin-top: 4px;
}
.blog .post .post-content .post-tags ul {
  display: block;
  margin: 0;
  padding: 0;
}
.blog .post .post-content .post-tags ul li {
  float: left;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.blog .post .post-content .post-tags ul li a {
  color: #26282b;
  text-decoration: underline;
}
.blog .post .post-content ul {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-left: 20px;
}
.blog .post .post-content ul li {
  margin: 0;
  padding: 4px 0;
}
.blog .post .post-content blockquote {
  display: inline-block;
  padding: 30px;
  background: #a34a76;
  margin-bottom: 40px;
}
.blog .post .post-content blockquote p {
  margin: 0;
}
.blog .post .post-content blockquote strong {
  font-size: 20px;
}
.blog .post .post-content .post-intro {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  font-size: 19px;
  line-height: 1.6;
}
.blog .post .post-content .post-author {
  width: 100%;
  float: left;
  line-height: 60px;
  margin-bottom: 20px;
}
.blog .post .post-content .post-author img {
  width: 60px;
  float: left;
  border-radius: 50%;
  margin-right: 10px;
}
.blog .post .post-content .post-author span {
  float: left;
  opacity: 0.5;
  margin-right: 5px;
}
.blog .post .post-content .post-author a {
  color: #26282b;
}
.blog .sidebar {
  width: calc(100% - 50px);
  display: flex;
  flex-wrap: wrap;
  margin-left: 50px;
  border-left: 1px solid #eee;
  padding-left: 50px;
}
.blog .sidebar .widget {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.blog .sidebar .widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.blog .sidebar .widget .title {
  width: 100%;
  display: block;
  font-family: "Playfair Display", serif;
  margin-bottom: 20px;
}
.blog .sidebar .widget .categories {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.blog .sidebar .widget .categories li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 2px 0;
  list-style: none;
}
.blog .sidebar .widget .categories li:before {
  content: "»";
  margin-right: 9px;
  color: #a34a76;
}
.blog .sidebar .widget .categories li span {
  float: right;
  color: #a34a76;
}
.blog .sidebar .widget .categories li a {
  color: #26282b;
}
.blog .sidebar .widget .categories li a:hover {
  color: #a34a76;
}
.blog .sidebar .widget form {
  width: 100%;
  display: block;
}
.blog .sidebar .widget form input[type=text] {
  width: calc(100% - 50px);
  float: left;
  border: 1px solid #a34a76;
  border-right: none;
}
.blog .sidebar .widget form button[type=submit] {
  width: 50px;
  padding: 0;
}
.blog .sidebar .widget .tags {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.blog .sidebar .widget .tags li {
  float: left;
  margin-right: 8px;
  margin-bottom: 6px;
  padding: 0;
  list-style: none;
}
.blog .sidebar .widget .tags li a {
  height: 30px;
  line-height: 30px;
  float: left;
  border: 1px solid #a34a76;
  padding: 0 10px;
  font-size: 13px;
  color: #a34a76;
  font-weight: 600;
}
.blog .sidebar .widget .tags li a:hover {
  background: #a34a76;
  color: #fff;
  border-color: #a34a76;
  text-decoration: none;
}
.blog .sidebar .widget .side-gallery {
  margin-left: -3px;
  margin-right: -3px;
  padding: 0;
}
.blog .sidebar .widget .side-gallery li {
  width: 33.33333%;
  float: left;
  margin: 0;
  padding: 3px;
  list-style: none;
}
.blog .sidebar .widget .side-gallery li a {
  width: 100%;
  float: left;
  background: #26282b;
}
.blog .sidebar .widget .side-gallery li a:hover img {
  opacity: 1;
}
.blog .sidebar .widget .side-gallery li a img {
  opacity: 0.5;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

/* CONTACT */
.contact {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.contact b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.contact h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.contact h4 span {
  color: #a34a76;
}
.contact small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 50px;
  opacity: 0.5;
}
.contact small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.contact address {
  display: block;
  margin-bottom: 50px;
}
.contact address strong {
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.contact address p {
  display: block;
  margin: 0;
}
.contact .map {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 100px;
  background: url(../images/bg-ser.webp) center 10% no-repeat;
  background-size: cover;  
  position: relative;
}
.contact .map:before {
  content: "";
  width: 50vw;
  height: 100%;
  background: #a34a76;
  position: absolute;
  left: -50vw;
  top: 0;
}
.contact .map .pattern-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 5%;
  top: -5%;
  /*background: url(../images/side-pattern-bg.png);
  background-size: contain;*/
}
.contact .map .holder {
  position: relative;
  width: 100%;
  float: left;
  display: block !important;
  transform: translate(85px, -35px);
}
.contact .map .holder iframe {
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  width: 525px;
  height: 657px;
  border: none;
}
.contact .contact-form {
  width: 100%;
  display: block;
}
.contact .contact-form h5 {
  margin-bottom: 40px;
}
.contact .contact-form #contact {
  display: block;
}
.contact .contact-form #contact .form-group {
  display: block;
  position: relative;
  margin-bottom: 35px;
}
.contact .contact-form #contact .form-group span {
  width: 100%;
  line-height: 54px;
  position: absolute;
  left: 0;
  top: 0;
  color: #82817f;
  padding: 0 20px;
  z-index: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.contact .contact-form #contact .form-group span.label-up {
  font-size: 13px;
  line-height: 16px;
  top: -20px;
  font-weight: 600;
}
.contact .contact-form #contact .form-group input[type=text] {
  background: none;
  position: relative;
  z-index: 2;
}
.contact .contact-form #contact .form-group input:focus + span {
  font-size: 13px;
  line-height: 16px;
  top: -20px;
  font-weight: 600;
}
.contact .contact-form #contact .form-group textarea {
  background: none;
  position: relative;
  z-index: 2;
 border: 1px solid #eadbc0;
}
.contact .contact-form #contact .form-group textarea:focus + span {
  font-size: 13px;
  line-height: 16px;
  top: -20px;
  font-weight: 600;
}
.contact .contact-form #contact .form-group label.error {
  color: red;
  margin-top: 5px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 13px;
   display: none!important;
}
.contact .contact-form #success, .contact .contact-form #error {
  display: none;
  float: left;
}
.contact .contact-form #error {
  background: red;
  color: #fff;
}
.contact .contact-form #success {
  background: green;
  color: #fff;
}
.contact .contact-form .alert {
  border: none;
  border-radius: 0;
  padding: 20px 30px;
}

/* FOOTER BAR */
.footer svg{
  margin-top: -200px;
}
.footer-bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -80px;
}
.footer-bar .inner {
  padding: 60px 30px;
  color: #fff;
   border-width: 3px;
  border-style: solid;
  border-image:linear-gradient(to bottom, #a24b76, rgba(0, 0, 0, 0)) 1 100%;
  background: #fffefa;
}
.footer-bar .inner figure {
  margin-bottom: 20px;
  float: left;
  margin-right: 30px;
}
.footer-bar .inner figure img {
  height: 90px;
  padding-bottom:40px;
}
.footer-bar .inner h3 {  
  font-size: 22px;
  margin-bottom: 15px;
  color: #a24b76;
}
.footer-bar .inner p {
  font-size: 16px;
  margin: 0;
  color: #5a425d;
}
.footer-bar .inner strong {
  font-weight: 600;
  text-decoration: underline;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 80px;
  padding-bottom: 30px;
  background: #e8ded1;
}
.footer p {
  color: #5a455f;
  font-size: 35pt;
}
.footer .logo {
  height: 170px;
  margin-bottom: 25px;
}
.footer .logo img {
  height: 48px;
}
.footer .select-box {
  display: inline-block;
  position: relative;
  height: 50px;
  line-height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 15px;
  padding-left: 25px;
  margin-top: 20px;
}
.footer .select-box:hover {
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.footer .select-box span {
  margin-right: 40px;
}
.footer .select-box .dropdown-toggle {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.footer .select-box .dropdown-toggle:hover {
  text-decoration: none;
}
.footer .select-box .dropdown-toggle img {
  width: 20px;
  margin-right: 5px;
}
.footer .select-box .dropdown-menu {
  width: 100%;
  background: #fff;
  border-radius: 0;
  border: none;
  margin-left: -25px;
  margin-top: 13px;
}
.footer .select-box .dropdown-menu li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .select-box .dropdown-menu li a {
  display: block;
  padding: 7px 25px;
  font-size: 14px;
  line-height: 1;
}
.footer .select-box .dropdown-menu li a:hover {
  background: none;
  color: #a34a76;
}
.footer .select-box .dropdown-menu li a img {
  width: 20px;
  margin-right: 5px;
}
.footer .footer-menu {
  display: block;
  margin: 0;
}
.footer .footer-menu li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 4px 0;
  list-style: none;
}
.footer .footer-menu li a {
  float: left;
  color: #5a455f;
}
.footer .footer-menu li a:hover {
  color: #a34a76;
}
.footer .contact-box {
  text-align: center;
  color: #5a455f;
  width: 100%;
}
.footer .contact-box h5 {
  margin-bottom: 10px;
  font-size: 19px;  
}
.footer .contact-box h3 {
  font-weight: 600;
  margin: 0;
}
.footer .contact-box p {
  margin-bottom: 10px;
}
.footer .contact-box p a {
  color: #5a455f;
  opacity: 0.5;
}
.footer .contact-box ul {
  width: 100%;
  overflow: hidden;
  max-width: 138px;
  margin: 0px auto;
  margin-top: 20px;
  padding: 0;
  margin-bottom: 20px;
}
.footer .contact-box ul li {
  float: left;
  margin-left: 5px;
  padding: 0;
  list-style: none;
}
.footer .contact-box ul li a {
  width: 40px;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 42px;
  font-size: 13px;
  color: #5a455f;
  background: rgba(255, 254, 250, 0.9);
}
.footer .contact-box ul li a:hover {
  color: #fffefa;
  background: #a34a76;
}
.footer .col-12 {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 30px;
  margin-top: 80px;
  color: #5a455f;
  font-size: 13px;
  text-align:center;
}

.footer .col-12 .creation a {
  color: #5a455f;
}

/* RESPONSIVE MEDIUM  FIXES */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .intro figure .holder {
    transform: translate(65px, -65px);
  }

  .intro figure .holder img {
    width: 450px;
  }

  .property-calculator figure .holder {
    transform: translate(65px, -65px);
  }

  .property-calculator figure .holder img {
    width: 450px;
  }

  .footer-bar .inner p {
    font-size: 15px;
  }

  .footer-bar .inner p br {
    display: none;
  }
}
/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .side-navigation .side-content {
    display: none;
  }

  .side-navigation .menu {
    display: block;
  }

  .navbar .container .menu {
    display: none;
  }

  .page-header .container h1 {
    font-size: 8vw;
  }

  .intro figure {
    width: 100%;
    margin-bottom: 80px;
  }

  .intro figure .pattern-bg {
    width: 100%;
    left: 0;
  }

  .intro figure .holder {
    transform: translate(0, -45px);
    padding: 0 15%;
  }

  .intro figure .holder img {
    width: 100%;
  }

  .intro .content-box {
    padding-left: 0;
  }

  .logos figure img {
    padding: 0 10%;
  }

  .about-content {
    padding: 80px 0;
  }

  .sales-offices {
    padding: 80px 0;
  }

  .press-relases {
    padding: 80px 0;
  }

  .photo-gallery {
    
  }

  .photo-gallery .gallery li {
    width: 33.33333%;
  }

  .intro-video {
    padding: 80px 0;
  }

  .faq .sidebox {
    width: 100%;
    margin-left: 0;
    margin-top: 50px;
  }

  .apartment {
    padding: 80px 0;
  }

  .apartment .property-infos {
    width: 100%;
    margin-right: 0;
  }

  .apartment .property-plan {
    margin: 50px 0;
  }

  .apartment .gallery-slider {
    width: 100%;
  }

  .facilities {
    padding: 80px 0;
  }

  .blog .sidebar {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }

  .sales-team {
    padding: 80px 0;
  }

  .sales-team figure figcaption {
    width: 50%;
  }

  .sales-team figure figcaption h4 {
    font-size: 21px;
  }

  .sales-team figure figcaption small {
    margin-bottom: 20px;
  }

  .error404 {
    padding: 80px 0;
  }

  .recent-gallery {
    padding: 80px 0;
  }

  .recent-gallery h3 {
    padding-right: 0;
  }

  .recent-gallery .col-md-4 {
    margin-top: 0 !important;
  }

  .recent-gallery figure {
    margin-top: 80px;
  }

  .benefits {
    padding: 80px 0;
  }

  section.benefits.group-ser:first-of-type {
    padding-top: 0;
    margin-top: -75px;
  }

  .property-calculator {
    padding-bottom: 80px;
    margin-top: 0;
  }

  .property-calculator .col-lg-6:nth-child(1) {
    order: 2;
  }

  .property-calculator .col-lg-6:nth-child(2) {
    order: 1;
  }

  .property-calculator figure {
    width: 100%;
  }

  .property-calculator figure:before {
    display: none;
  }

  .property-calculator figure .pattern-bg {
    width: 100%;
    left: 0;
  }

  .property-calculator figure .holder {
    transform: translate(0, -45px);
    padding: 0 15%;
  }

  .property-calculator figure .holder img {
    width: 100%;
  }

  .property-calculator .content-box {
    margin-bottom: 150px;
  }

  .property-plans {
    padding-bottom: 80px;
  }

  .property-plans .nav-pills {
    margin-top: 40px;
  }

  .recent-posts {
    padding: 80px 0;
  }

  .recent-posts .post-box {
    margin: 25px 0;
  }

  .property-customization {
    padding: 80px 0;
  }

  .video-bg video {
    float: right;
  }

  .certificates {
    padding: 80px 0;
  }

  .contact {
    padding: 80px 0;
  }

  .contact address p a {
    display: block;
  }

  .contact .contact-form {
    padding-left: 0;
    margin-top: 50px;
  }

  .blog {
    padding: 80px 0;
  }

  .footer-bar .inner {
    padding: 30px;
  }

  .footer-bar .inner .col-lg-4 {
    margin: 20px 0;
  }

  .footer-bar .inner figure {
    width: 70px;
    margin-right: 0;
  }

  .footer-bar .inner figure img {
    height: 40px;
  }

  .footer {
    padding-top: 150px;
  }

  .footer .select-box {
    margin-bottom: 80px;
  }

  .footer .footer-menu {
    padding: 0;
  }

  .footer .contact-box {
    float: left;
    margin-top: 80px;
  }

  .footer .contact-box ul {
    float: left;
  }
}
@media only screen and (max-width: 1380px)
{
.footer-bar .inner figure img {
        height: 120px;
        padding-bottom: 70px;
    }
    .page-header svg{
        margin-top: 40px;
    }
    
}
@media only screen and (max-width: 1600px)
{

    
}
@media only screen and (max-width: 1280px)
{
     .property-customization {
        padding: 100px 0;
    }
    .footer-bar .inner figure 
    {
        display: none;
    }
    .navbar .container .menu ul li {
        margin-right: 12px;
    }
    .navbar .container .menu ul li a {
        font-size: 11pt;
    }
    .navbar .container .upper-side .logo img {
        height: 80px;
    }
    .navbar .container .upper-side .logo {
        width: 10%;
    }
    .navbar .container .menu {
      width: 75%;
    }
    .contact-box-top ul li {
        padding: 6px 10px;
    }
    .contact-box-top ul li a {
        font-size: 9pt;
    }
    .intro svg {
        margin-top: -90px;
    }
    .footer svg {
        margin-top: -180px;
    }
    .page-header svg{
        margin-top: 40px;
    }
    
}

@media only screen and (max-width: 1024px)
{
    .footer-bar .inner {
       
        padding: 60px 9px;
        color: #fff;
    }
      .footer-bar .inner figure
    {
        min-height:90px;    
    }    
    .navbar .container .menu ul li {
        margin-right: 10px;
    }
    .navbar .container .menu ul li a {
        font-size: 10pt;
    }
    .page-loaded .navbar .container .upper-side {
        padding-top: 0px;
    }
}
@media only screen and (max-width: 990px)
{
    .navbar .container .upper-side .hamburger {
      display: block;
    }
    .navbar .container .upper-side .logo {
        width: 90%;
    }
    .contact-box-top, .navbar .container .upper-side .language {
        display: none;
    }
    .footer .contact-box ul {
      float: none;
    }
    .footer .contact-box {
        margin-top: 0px;
    }
    .counter {
        float: none;
        margin-top: 0px;
    }
    .footer svg {
        margin-top: -230px;
    }
    .page-header svg{
        margin-top: 25px;
    }
}
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .side-navigation {
    width: 80vw;
  }

  .page-header .container h1 {
    font-size: 10vw;
  }

  .page-header .container .breadcrumb {
    width: calc(100% - 30px);
  }

  .navbar .container .upper-side .phone-email {
    display: none;
  }

  .navbar .container .upper-side .language {
    display: none;
  }

  .navbar .container .upper-side .hamburger {
    margin-left: auto;
  }

  .slider .slider-container .inner-elements .container .social-media {
    display: none;
  }

  .slider .slider-container .swiper-slide .container {
    padding-left: 15px;
    padding-right: 40px;
  }

  .slider .slider-container .swiper-slide .container figure {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }

  .benefits .col {
    /*width: 50%;*/
    flex-basis: auto;
    border-right: none;
  }

  .benefits .col:nth-child(odd) {
    margin-top: 0;
  }

  .apartment h2 {
    font-size: 9vw;
  }

  .apartment figure {
    margin: 15px 0;
  }

  .apartment h4 {
    margin-top: 30px;
  }

  .about-content h2 {
    font-size: 10vw;
  }

  .blog .post .post-image {
    margin-bottom: 30px;
  }

  .blog .post .post-content {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .contact .map .holder iframe {
    width: 100%;
    height: 450px;
  }

  .side-navigation .menu ul li a {
    font-size: 5vw;
  }

  .side-navigation .menu ul li ul li a {
    font-size: 4vw;
  }

  .certificates figure {
    margin: 15px 0;
  }

  .footer .col-12 .creation {
    float: left;
    margin-top: 5px;
  }
}

/*# sourceMappingURL=style.css.map */
@media only screen and (max-width: 768px)
{
    .page-header {
      height: 340px;
    }
    .page-header .container h1 {
        margin-top: 0px;
    }
    .page-header svg {
        margin-top: -25px;
    }
    .navbar-page{
        background: rgba(255, 255, 255, 0.5);
    }
    .content-box-promotions
    {
        background: url(../images/ser-home/5.webp) 80% 0% repeat;
        background-size: cover;
    }
    .page-header .container .breadcrumb {
        bottom: 0px;
    }
    .slider .slider-container .swiper-slide .container {
        padding-left: 0px;
    }
    .slider .slider-container .swiper-slide .container h1 {
        font-size: 4.8vw;
    }
    .app-icon {
        margin-right: 0;
        margin-left: auto;
        margin-top: 5px;
        text-align: right;
        color: #fff;
        border: none;
    }
    .navbar .container .upper-side .logo img{height: 115px;}
    .property-customization {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      padding: 150px 0;
      background: url(../images/bg-home.webp) center center no-repeat;
      background-size: cover;
      color: #fff;
      position: relative;
    }
     .item-mid
    {
        margin-top: 20px;
    }

    .property-customization h4
    {
        font-size: 30px;
    }
    #btn-back-to-top
    {
      position: sticky;
      left: 10px;
      bottom: 70px;
    }
    .footer-item
    {
        margin-bottom: 20px;
    }
    .footer-bar .inner h3
    {
        margin-bottom: 5px;
    }
    .property-plans p {
 
     padding-right: 0px;}
     
    .slider
    {
        height:60vh;
        min-height:400px;
    }
	.nav-bottom
    {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: none;
        z-index: 99999999;
        display: block;
        padding: 2px;
        border-radius: 120px;
        padding: 10px 0;
    }
    .nav-bottom ul
    {
        overflow: hidden;
        width: 100%;
        padding: 0 !important;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 120px;
        margin-top: -10px;
    }
    .nav-bottom ul li
    {
        width: 25%;
        float: left;
        padding: 10px 0;
        text-align: center;
        display: block;
        background-image: linear-gradient(to bottom right, #c19346, #d5b069, #eed996, #b78842, #c99f55);
        border-radius: 120px;   
    }
    .nav-bottom ul li a
    {
        display: block;
        font-size: 10pt;
        text-decoration: none;  
         color: #5a425d;        
    }
    .nav-bottom ul li:hover
    {
        background: #5a425d;
        color: #fff;
    }	    
    #noti
    {
        width:95%;
        text-align:center;
        margin:0px auto; 
        margin-top:100px;   
    }
    .desktop-edit
    {
        display:none;    
    }
     .mobile-edit
    {
        display:block!important;    
    }
    .page-header .container .breadcrumb
    {
        display:none;    
    }    
    .counter
    {
        float: none;
        margin-top: 90px;
    }
}
@media only screen and (max-width: 610px)
{
    .page-header {
        height: 240px;
    }
    .page-header .container h1 {
        margin-top: -60px;
    }
    .page-header svg {
        margin-top: -34px;
    }
    .counter
    {
        float: none;
        margin: 0 auto;
        margin-top: 90px;
    }
    .who-title h4 {
        margin-top: -20px;
    }
    .slider .slider-container .swiper-slide .container {
        padding-right: 0px;
    }
    .slider .slider-container .swiper-slide .container h1 {
        font-size: 5.2vw;
    }
    .slider .slider-container .swiper-slide .container h2 {
        font-size: 12pt;
    }
    .intro .content-box h4{
        padding-top: 0px;
    }
    .navbar .container .upper-side .logo img {
        height: 80px;
    }
    .app-icon {
        width: 200px;
    }
    .app-icon h6{
        font-size: 8pt;
    }
    .page-loaded .navbar .container .upper-side {
        padding: 0px;
    }
    .app-box img {
        width: 100%;
        max-width: 34px;
    }
    .slider
    {
        height:56vh;
        min-height:350px;
    }
  
    .property-plans p 
    {
     
     padding-right: 0px;
     }
     .servicestitle
     {
        font-size:18pt;
            
     }
     .property-calculator .content-box h4
     {
        margin-top:30px;    
     }
     .price
     {
       /* font-size:12pt;
        width: 20%;  */  
     }
     .row_svpage
     {
        font-size:12pt;
            
     }
     .p-5
     {
        padding:0px!important;    
     }
     .footer .contact-box
     {
        float:none;
        text-align:center;    
     }
     .footer .footer-menu li a
     {
        float:none;    
     }
     .footer
     {
        text-align:center;    
     }
     .footer ul li
     {
        text-align:center;    
     }
     .footer .contact-box ul
     {
         float: none;
         max-width: 140px;
         margin: 0 auto;      
     }
     .contact-box ul
     {
         margin-left: 0;        
     }
     .slider .slider-container .swiper-slide .container h1
     {
        margin-top:120px;    
     }
     .property-plans h4 {
   
        margin-top: 40px;
     }
     
     .groupfbye
     {
        display:none;    
     }
     .img_none
     {
         display:none;
     }
     #subbar {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        right: -44px;
        top: 40%;
        border-radius: 5px;
        border:0.5px solid #b09f72;
    }
    #book_online 
    {
       transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        right: -44px;
        top: 65%;
        border-radius: 5px;
    }
    #formnotify, #formnotifyS
    {
        left:59%;  
     }
     #notification
     {
        font-size:13pt;    
     }
     .counterimg {
       
        margin-right: 34px;
    }
    .slider .slider-container .swiper-slide .container h2 {
        margin-bottom: 0px;
    }
    .slider .slider-container .swiper-slide .container a {
        font-size: 11px;
        padding: 10px 14px;
    }
    .intro svg {
        margin-top: -80px;
    }
    .title-slider{
        font-size: 28pt;
    }
    .intro .content-box h4 {
        font-size: 36px;
    }
    .btn-button {
        max-width: 200px;
    }
    .first-time-special {
        margin: -145px auto 30px;
    }
    .first-time-special-box h4 {
        font-size: 26px;
    }
    .first-time-special-content {
        padding: 0 20px 18px;
    }
    section.benefits.group-ser:first-of-type {
        padding-top: 0;
        margin-top: -90px;
    }
    .special-headline {
        font-size: 26px;
    }
    .special-desc,
    .special-locations {
        font-size: 14px;
    }
    .special-features {
        grid-template-columns: 1fr;
        padding: 4px 22px;
    }
    .special-features li {
        font-size: 14px;
    }
    .special-closing {
        font-size: 18px;
    }
    .first-time-special-btn {
        padding: 0;
        background: transparent;
        max-width: none;
    }
    .first-time-special-btn .book-now {
        background: transparent;
        padding: 12px 32px;
        white-space: nowrap;
    }
    .btn-button-services{
        max-width: 250px;
    }
    .benefits h4 {
        font-size: 30px;
    }
    .content-box {
        margin-bottom: 10px;
    }
    .benefits h3 {
        font-size: 16px;
    }
    .mb-none{
        display: none;
    }
    .content-box-who{
      padding: 20px 30px;
    }
    .property-calculator .content-box {
        margin-bottom: 0px;
    }
    .footer p {
        font-size: 25pt;
    }
    .footer .contact-box {
        margin-top: 0px;
    }
    .counter {
        margin-top: 20px;
    }
    .footer {
        padding-top: 50px;
    }
    .footer svg {
        margin-top: -129px;
    }

}

@media only screen and (max-width: 414px)
{
    .title_pagesv {
        font-size: 25pt;
    }
    .navbar .container .upper-side
    {
        padding:10px 0px;
    }
    .group-first
    {
        margin-top:0px;
    }
    .slider
    {
        height:66vh;
        min-height:300px;
    }
     .slider .slider-container .swiper-slide .container h1
     {
        margin-top: 60px;
     }
      
    .footer-bar .inner p
    {
       
       font-size:13px;
    }
}
@media only screen and (max-width: 380px)
{
    .counterimg {
        margin-right: 8px;
    }
    .property-customization {       
        padding: 75px 0;
    }
    .benefits h3 {
        font-size: 15px;
    }
    .intro svg {
        margin-top: -70px;
    }
    .benefits h4 {
        font-size: 25px;
    }
    .sv-item-home h4 a {
        font-size: 16pt;
    }
    .property-calculator .content-box b {
        font-size: 19px;
    }
    .footer .logo {
        height: 150px;
    }
}
@media only screen and (max-width: 360px)
{
    .slider .slider-container .swiper-slide .container a {
        font-size: 15px;
        padding: 10px 14px;
    }
}
@media only screen and (max-width: 350px)
{
    .title_pagesv {
        font-size: 20pt;
    }
}
@media only screen and (max-width: 320px)
{
.price {
        /*font-size: 11pt;
        width: 25%;*/
    }
}