html,
body {
    height: 100%;
	font-family: "Open Sans",sans-serif !important;
	margin: 0;
	padding: 0;
}


/* Main Menu*/

#main-menu {
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%;
	box-shadow: 0 10px 5px rgba(0,0,0,.26);
	padding: 0px 20px;
	border: none;
	min-height: 100px;
	font-family: 'Tinos', serif;
}

#main-menu .logo{
	padding-top: 20px;	
	padding-right: 0px;
}

#main-menu .logo img{
	width: 170px;
	height: 63px;
}

#main-menu ul li{
	text-align: center;
	padding: 38px 0px 22px;
	list-style-type: none;
}

#main-menu li a {
    margin: 0px 23px;
    padding: 0px 0px 6px; 
    color: #453228;
    text-shadow: none;
	text-decoration: none;
	letter-spacing: 1.5px;
	font-size: 16px;
}

#main-menu .active > a{
	background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%;
	box-shadow: none;
	border-bottom: 2px solid #b07434;
	padding: 0px 0px 4px;
    color: #000;
	content: attr(data-hover);
    transition: max-width 0.5s ease 0s;
}

#main-menu li a::before {
    position: absolute;  
    left: inherit;
	overflow: hidden;
    padding: 0px 0px 4px;
    max-width: 0px; 
    border-bottom: 2px solid #b07434;
    color: #000;
	white-space: nowrap;
	content: attr(data-hover);
    transition: max-width 0.5s ease 0s;
}

#main-menu ul.nav li ul li a::before {
	padding: 0px 0px 2px;
}

#main-menu li a:hover::before,
#main-menu li a:focus::before {
	max-width: 100%;
}

#main-menu #search-icon{
	color: #6a5a52;
	font-size: 20px;
	background-color: transparent;
}
#main-menu #search-dropdown{
	position: fixed;
	top: 98px;
	border-radius: 0;
}
@media (max-width: 992px){
	#main-menu #search-dropdown{
		position: initial;
		top: auto;
	}
}

#main-menu #search-dropdown li{
	padding: 0;	
}
#main-menu #search-dropdown li a{
	font-size: 14px;
	text-align: left;
	letter-spacing: 0
}
#main-menu #search-dropdown li a:hover,
#main-menu #search-dropdown li a:focus,
#main-menu #search-dropdown li a:active{
	background-color: #ffffff;
}
#main-menu #search-form .dropdown-menu{
	border-radius: 0;
}
#main-menu #search-form .dropdown-submenu,
#main-menu #search-form .form-group{
	display: inline-block;
	padding: 0 10px 10px;
	vertical-align: middle;
	margin: 0;
}
#main-menu #search-form .dropdown-submenu button,
#main-menu #search-form .form-group button{
	border-radius: 0;
}
#main-menu #search-form .dropdown-submenu button:hover,
#main-menu #search-form .dropdown-submenu button:active,
#main-menu #search-form .dropdown-submenu button:focus{
	background-color: #ffffff;
	box-shadow: none;
	border-color: #adadad;
	outline: unset !important;
}
#main-menu #search-form .form-group{
	padding: 0 10px;
}
#main-menu #search-form .form-group button{
	background-color: #b07434;
	border-color: #b07434;
}
#main-menu #search-form .has-success .form-control,
#main-menu #search-form .has-success .form-control:focus{
	border-color: #adadad;
	box-shadow: unset;
}

@media (max-width: 992px){
	#main-menu {
		background: rgba(255, 255, 255, 0.95) none repeat scroll 0% 0%;
		border-bottom: 3px solid #570204;
		padding: 0px 20px 0 10px;
		min-height: 80px;
	}
	
	#main-menu button.navbar-toggle{
		margin-top: 25px;
		margin-right: 5px;
		border: 2px solid #570204;
	}
	
	#main-menu .navbar-toggle:focus,
	#main-menu .navbar-toggle:hover	{
		background-color: inherit !important;
	}
	
	#main-menu .navbar-toggle span.icon-bar {
		background-color: #b07434;
	}
	
	#main-menu-collapse {
		margin-top: 20px;
		border-top: 2px solid #b07434;
		padding-right: 0;
		padding-left: 0;
	}

	#main-menu-collapse ul{
		padding: 7px 0px;
		background: rgba(255,255,255, 0.95) none repeat scroll 0% 0%;
		width: 100%;
		position: static;
		padding: 0px;
		margin: 0px;
		left: 0%;
	}

	#main-menu-collapse ul li{
		padding: 7px 0px;
		text-align: left;
	}
	#main-menu #search-form .dropdown-submenu,
	#main-menu #search-form .form-group{
		display: block;
	}
	.projects, 
	.project-details, 
	.site-about, 
	.search,
	.site-news	{
		margin-top: 110px !important;
	}
	
	.site-news .news.row {
		margin-top: 0px !important;
		margin-right: 0;
		margin-left: 0;
	}
	
	.site-news .news {
		margin-top: 50px !important;
	}
}

@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		max-height: calc(100vh - 100px);
	}
	
	#main-menu .logo img {
		width: 100px;
		height: 38px;
	}
}

@media (min-width: 993px) {
 
  #main-menu .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
  }
}

/* Index Page*/

#home-top-section {
    position: relative;
	overflow: auto;
	box-shadow: 0 15px 10px rgba(0,0,0,.26);
}

#main-slider {
	width: 100%;
	margin: 0;
	float: right;
	padding: 0;
	display: block;
}


@media (max-width: 1024px){
	#main-slider {
		min-height: 430px;
	}
	#main-slider .carousel-indicators {
		bottom: 20px !important;
	}
}

@media (max-width: 768px){
	#main-slider {
		min-height: 320px;
		margin-top: 80px;
	}
}

@media (max-width: 640px){
	#main-slider{
		min-height: 223px;
		margin-top: 80px;
	}
	#main-slider .carousel-indicators {
		bottom: 0 !important;
	}
}

@media (max-width: 480px){
	#main-slider {
		min-height: 150px;
		margin-top: 80px;
	}
	#main-slider .carousel-indicators {
		bottom: 0 !important;
	}
}
@media (max-width: 320px){
	#main-slider {
		min-height: 100px;
		margin-top: 80px;
	}
	#main-slider .carousel-indicators {
		bottom: 0 !important;
	}
}
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.03, 1.03);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.03, 1.03);
  }
}

#main-slider .item img {
  -webkit-animation: zoom 5s;
  animation: zoom 5s;
}

#main-slider .carousel-indicators{
	bottom: 0;
	right: 0;
	text-align: right;
	left: unset;
	margin-right: 50px;
}


#project-slider .carousel-indicators{
	bottom: -50px;
}

#main-slider .carousel-indicators li,
#project-slider .carousel-indicators li{
	width: 15px;
	height: 15px;
	margin: 2px;
	border: none;
	background: rgba(69,50,40, 0.25) none repeat scroll 0% 0%;
}

#main-slider .carousel-indicators li{
	background: rgba(87,2,4, 0.65) none repeat scroll 0% 0%;
	border-radius: 0;
}
#main-slider .carousel-indicators li.active{
	background: rgba(87,2, 4, 0.95) none repeat scroll 0% 0%;
}
#project-slider .carousel-indicators li.active{
	background: rgba(69,50,40, 0.65) none repeat scroll 0% 0%;
}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.counters{
	text-align: center;
	overflow: hidden;
}
.counters .c1,
.counters .c2,
.counters .c3{
	height: 100%;
}
@media (max-width: 810px){
	.counters .col-sm-4{
		width: 100%;
	}
}

.counter{
	position: relative;
	height: 100%;
	color: #eeeeee;
	font-size: 20px;
	padding-top: 65px;
	padding-bottom: 65px;
}
.counters .c1{
	background-color: rgba(87, 2, 4, 0.9);
}
.counters .c2{
	background-color: rgba(87, 2, 4, 0.7);
}
.counters .c3{
	background-color: rgba(87, 2, 4, 0.5);
}
.counters .text{
	padding-top: 30px;
	font-size: 30px;
	color: #e7cbae;
}
.counters .pre {
	position: absolute;
	margin: -45px 45%;
	color: #e7cbae;
}

.services{
	text-align: center;
	height: 530px;
	overflow: hidden;
}
.service{
	position: relative;
	height: 100%;
}
.service.s2{
	background-color: rgba(245, 245, 245, 0.3);
}
.service.s3{
	background-color: rgba(232,232,232,0.3);
}
.services .img-icon{
	width: 100%;
	position: absolute;
	transition: all 0.5s ease-out;
	top: 30%;
}
.services .img-icon img{
	width: 35%;
}
.services .title{
	margin-bottom: 20px;
	color: #570204;
}
.services .title h4{
	font-size: 20px;
}
.services .text{
	top: 530px;
	position: relative;
	transition: all 0.5s ease-out;
	height: 100%;
	min-height: 100px;
}

.services .gallery-btn{
	padding: 10px 20px;
	text-align: center;
	font-size: 16px;
	margin: 30px 0px;
	width: 100%;
	color: white;
	background-color: rgba(176, 116, 52, 0.9);
	box-shadow:  1px 2px 2px 1px rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}
.services .gallery-btn:hover{
	transform: scale(1.02);
}

.services .gallery-btn a{
	color: #ffffff;
}
.service:hover .img-icon{
	top: 40px;
}

.service:hover .text{
	top: 260px;
}


/* ═══════════════════════════════════════════
           MAGNIFIC POPUP OVERRIDES
═══════════════════════════════════════════ */
#custom-gallery-popup .mfp-wrap .mfp-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
#custom-gallery-popup .mfp-inline-holder .mfp-content,
#custom-gallery-popup .mfp-ajax-holder .mfp-content {
    background: transparent !important;
    width: auto;
}
#custom-gallery-popup .mfp-close { display: none !important; }

#custom-gallery-popup .mfp-fade.mfp-bg { opacity: 0; transition: all 0.22s ease-out; }
#custom-gallery-popup .mfp-fade.mfp-bg.mfp-ready { opacity: 1; }
#custom-gallery-popup .mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
#custom-gallery-popup .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.22s ease-out; }
#custom-gallery-popup .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
#custom-gallery-popup .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

/* ═══════════════════════════════════════════
   CUSTOM POPUP BOX
═══════════════════════════════════════════ */
#custom-gallery-popup {
    position: relative;
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: 0 32px 80px rgba(0,0,0,0.7);
    flex-direction: column;
    overflow: hidden;
	padding: 8px 0 0 0;
}

/* Close btn (top-right) */
.pgp-close {
    position: absolute;
    background: rgba(0,0,0,0.3);
    border: none;            
    cursor: pointer;
    display: flex; 
	align-items: center; 
	justify-content: center;
    transition: color 0.2s, border-color 0.2s;
    z-index: 20;
	right: 2px;
	top: 2px;
	width: 44px;
	text-align: left;
	height: 44px;
	line-height: 44px;
	position: absolute;
	color: rgb(248, 249, 249);
	word-wrap: break-word;
	font-size: 28px;
	font-weight: 400;
	font-style: normal;
}
.pgp-close:hover { 
	color: rgb(198, 200, 200);
}

/* ── Main image area ── */
.pgp-stage {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.pgp-figure {
	position: relative;
    display: inline-block;
	height: 70vh;
    min-height: 260px;
}
#pgp-main-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
   
}


/* Arrows */
.pgp-arrow {
    position: absolute;
    background: none;
	border: none;
    cursor: pointer;
    display: flex; 
	align-items: center; 
	justify-content: center;
    z-index: 10;
	margin-right: -80px !important;
	margin-left: -80px !important;
	margin-top: 0px !important;
	top: 2% !important;
	height: 100% !important;
	width: 90px;
	font-size: 30px;
	color: rgb(176, 116, 52);
	opacity: 0.7;
}
.pgp-arrow:hover {
    opacity: 1;
}
.pgp-arrow-left  { left: 12px; }
.pgp-arrow-right { right: 12px; }

/* ── Caption ── */
.pgp-caption {
    position: absolute;
	margin-top: 0;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	padding: 0px 10px;
	cursor: auto;
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%;
}
.pgp-caption-title {
    text-align: left;
	line-height: 44px;
	color: rgb(255, 255, 255);
}
.pgp-caption-count {
    position: absolute;
	top: 8px;
	right: 65px;
	color: rgb(255, 255, 255);
	font-size: 12px;
	line-height: 25px;
}

/* ── Thumbnail strip (INSIDE popup, at the bottom) ── */
.pgp-thumbs {
    display: flex;
    gap: 5px;
    padding: 8px 10px;
    overflow-x: auto;
    border-top: 1px solid var(--border);
    scrollbar-width: thin;
    scrollbar-color: var(--border) transparent;
}
.pgp-thumbs::-webkit-scrollbar { height: 3px; }
.pgp-thumbs::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }

.pgp-thumb {
    flex-shrink: 0;
    width: 32vh;
	height: 16vh;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.2s, transform 0.2s;
    position: relative;
}
.pgp-thumb img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    filter: brightness(0.55) saturate(0.4);
    transition: filter 0.22s;
}
.pgp-thumb:hover img { filter: brightness(0.85) saturate(0.75); }
.pgp-thumb.active {
    border-color: var(--accent);
    transform: scale(1.05);
}
.pgp-thumb.active img { filter: brightness(1) saturate(1); }

        

@media (max-width: 320px){
	.services{
		height: 100%;
	}
	.service{
		height: 400px;
		
	}
	.service .img-icon{
		top: 40px;
		padding-right: 15px;
	}
	.service .text{
		top: 200px;
		
	}
	.service:hover .img-icon{
		top: 40px;
	}

	.service:hover .text{
		top: 200px;
	}
}

@media (min-width: 321px) and (max-width: 500px){
	.services{
		height: 100%;
	}
	.service{
		height: 400px;
		
	}
	.service .img-icon{
		top: 40px;
		padding-right: 15px;
	}
	.service .text{
		top: 250px;
		
	}
	.service:hover .img-icon{
		top: 40px;
	}

	.service:hover .text{
		top: 250px;
	}
}

@media (min-width: 501px) and (max-width: 615px){
	.services{
		height: 100%;
	}
	.service{
		height: 450px;
		
	}
	.service .img-icon{
		top: 40px;
		padding-right: 15px;
	}
	.service .text{
		top: 300px;
		
	}
	.service:hover .img-icon{
		top: 40px;
	}

	.service:hover .text{
		top: 300px;
	}
}

@media (min-width: 616px) and (max-width: 768px){
	.services{
		height: 100%;
	}
	.service{
		height: 500px;
		
	}
	.service .img-icon{
		top: 40px;
		padding-right: 15px;
	}
	.service .text{
		top: 350px;
		
	}
	.service:hover .img-icon{
		top: 40px;
	}

	.service:hover .text{
		top: 350px;
	}
}

@media (min-width: 769px) and (max-width: 1023px){
	.service .img-icon{
		top: 40px;
	}
	.service .text{
		top: 200px;
		
	}
	.service:hover .img-icon{
		top: 40px;
	}

	.service:hover .text{
		top: 200px;
	}
}

@media (min-width: 1600px){
	.service:hover .img-icon{
		top: 40px;
	}
	.service:hover .text{
		top: 300px;
	}
}
@media (min-width: 1900px){
	.service:hover .img-icon{
		top: 40px;
	}
	.service:hover .text{
		top: 320px;
	}
}


.free-projects{
	margin-left: 30px;
	margin-right: 30px;
}
.free-projects h2 {
    margin-bottom: 8px;
    margin-top: 40px;
	color: #570204;
}
@media (max-width: 768px){
	.free-projects .col-xs-12{
		padding: 0;
	}
}
@media (max-width: 1024px){
	.project-container a .caption{
		opacity: 1;
		filter: alpha(opacity=100);
		left: 10px;
	}
}

.projects a{
	color: #453228;	
	text-decoration: none !important;
}
.projects a h2{
	margin-bottom: 12px;
}

.projects a p{
	margin-top: 12px;
	font-size: 16px;
}

.projects a h2::before,
.projects a p::before,
.map-project .info-project p::before {
    position: absolute;
	overflow: hidden;
    max-width: 0px; 
	border-bottom: 2px solid #b07434;
	margin-bottom: 10px;
	color: #000;
	white-space:nowrap;
	content: attr(data-hover);
	transition: max-width 0.5s ease 0s;
}

.projects a:hover h2::before,
.projects a:focus h2::before,
.projects a:hover p::before,
.projects a:focus p::before,
.map-project .info-project p:hover::before,
.map-project .info-project p:focus:before{
	max-width: 100%;
}


#last-project {
	padding-top: 0px;
}

#payments {
	margin-bottom: 80px;
}

.home-page-container img{
	width: 100%;
}

.home-page-container h2{
	color: #570204;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 80px;
}

.projects h1,
.projects h2,
.project-details h1,
.project-details h3{
	color: #570204;
}

ul.facilities{
	list-style: none;
	margin-bottom: 20px;
}

.facilities li i{
	margin: 10px 10px 5px 2px;
	color: #453228;
}

#top-footer {
	background-image: url("../img/map-image.jpg");
	background-repeat: none;
    border-top: 3px solid #570204;
	border-bottom: 3px solid #570204;
	min-height: 150px;
}

#top-footer .color-footer{
	background: rgba(69,50,40, 0.45) none repeat 0% 0%;
}

#top-footer .contact-info{
	margin-bottom: 40px;
	margin-top: 40px;
	background: #570204 none repeat 0% 0%;
}


#top-footer h4{
	color: #fff;
	font-size: 24px;
	letter-spacing: -1px;
}

.contact-info ul{
	list-style: none;
}

.contact-info ul li{
	line-height: 30px;
	margin-bottom: 15px;
	color: #fff;
	font-size: 16px;
}

.contact-info ul li i{
    margin-right: 20px;
    color: #b07434;
    font-size: 1.4em;
}

#map {
    width: 100%;
	margin-top: 90px;
    height: 350px;
}

#contact {
	margin-bottom: 30px;
}

#contact .header{
	margin-bottom: 32px;
}

#contact .header h3 {
    font-size: 40px;
    margin-bottom: 8px;
    color: #570204;
    font-weight: 600;
}

#contact .header span {
    height: 1px;
    width: 10%;
    background: #b07434 none repeat scroll 0% 0%;
    display: block;
}

#contact .header p {
    font-size: 18px;
    color: rgba(69,50,40, 0.65);
    margin-top: 8px;
}

#contact .grids ul {
    padding: 16px 0px;
	list-style: none;
}

#contact .grids ul li{
	padding: 16px 0;
}

#contact .grids ul li div {
   margin-bottom: 10px;
   margin-top: 20px;
}

#contact .grids ul li h5{
	font-size: 20px;
    margin-bottom: 4px;
    color: #570204;
    font-weight: 600;
}

#contact .grids ul li span {
    height: 1px;
    width: 10%;
    background: #b07434 none repeat scroll 0% 0%;
    display: block;
}

#contact .grids ul li i {
	margin-right: 20px;
    font-size: 2em;
	color: #570204;
}

#contact .grids ul li a{
	color: #333333;
}

#contact .grids ul li a:hover {
	text-decoration: none;
	color: #333333;
}

#login-form input,
#contact .grids form input[type="text"],
#contact .grids form textarea  {
	width: 100%;
	color: #453228;
	font-size: 18px;
	outline: medium none;
	font-weight: 400;
	text-indent: 18px;
	border-width: medium 1px 1px;
	border-style: none solid solid;
	border-color: -moz-use-text-color #000 #000;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	padding: 3.5% 0px;
	margin-bottom: 7%;
	border-radius: 0;
	box-shadow: none;
	height: auto;
}

#contact .grids form input.captcha {
    width: 66%;
    float: right;
	padding: 1% 0px;
}

#contact .alert-success{
	color: #570204;
	background-color: #ffffff;
	border-color: #ffffff;
	font-size: 18px;
}

#middle-footer {
	background: rgba(69,50,40, 0.55) none repeat scroll 0% 0%;
	text-align: center;
	color: #e2e0e0;
	padding-top: 10px;
}

.footer {
    background: rgba(69,50,40, 0.65) none repeat scroll 0% 0%;
    border-top: none;
    padding-top: 10px;
}

.property-index,
.property-update,
.site-login{
	margin-top: 100px;
}

#login-form .col-lg-3{
	padding-right: 25px;
}

.property-index a{
	color: rgba(69,50,40, 0.65);
}

.property-index a:hover,
.property-index a:focus{
	color: #b07434;
	text-decoration: none;
}

.property-index .pagination li > a{
	color: rgba(69,50,40, 0.65);
}

.property-index .pagination >.active > a,
.property-index .pagination li.active > a:hover,
.property-index .pagination li.active > a:focus{
	background: #b07434;
	color: #fff;
	border-color: #570204;
}

.property-index .pagination li > a:hover,
.property-index .pagination li > a:focus{
	color: #b07434;
	text-decoration: none;
}

.property-update h1{
	margin-bottom: 40px;
}

.property-form  .row{
	border-bottom: 1px solid #453228;
}

.property-form  .last-row.row{
	border-bottom: none;
}

.property-label {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: 700;
	text-align: right;
	background: rgba(69,50,40, 0.45);
	height: 39px;
}

.property-form .form-horizontal .form-group{
	margin: 0;
}

.property-form .form-horizontal label.property-label{
	text-align: right;
}

.property-form .form-horizontal .form-group .input-group[class*="col-"]{
	padding-left: 15px;
	margin-top: 5px;
}

.property-form .form-horizontal .form-group .input-group[class*="col-"] input{
	text-align: right;	
}

.property-form .form-horizontal .form-group .help-block{
	margin-bottom: 0px;
}

.property-form .form-horizontal .form-group label{
	margin-bottom: 5px;
	height: 39px;
	color: inherit;
}

.property-form .form-horizontal .form-group select{
	margin-top: 5px;
}

#login-form  .btn,
.property-form  .btn,
#contact-button{
	background: #570204;
	background-image: none;
	border-color: #570204;
	margin-top: 15px;
	width: 100%;
	letter-spacing: 1.5px;
	font-size: 18px;
	border-radius: 0;	
}

#login-form  .btn,
.property-form  .btn{
	margin-bottom: 30px;
	margin-left: -30px;
}

#contact-button{
	margin-bottom: 0;
	margin-left: 0;
}

#login-form  .btn:hover,
#login-form  .btn:focus,
.property-form  .btn:hover,
.property-form  .btn:focus,
#contact-button:hover,
#contact-button:focus{
	background: #570204;
}

#login-form #loginform-rememberme{
	width: 20%;
}

.projects,
.project-details,
.site-about,
.search{
	margin-top: 160px;
}

.site-news{
	margin-top: 120px;
}

.site-about, 
.site-news{
	margin-bottom: 30px;
}

.site-news h3{
	color: #570204;
	margin-bottom: 0;
}

.site-about p{
	margin-top: 50px;
	font-size: 16px;
}

.site-news .news{
	margin-top: 90px;
	font-size: 16px;
}

.site-news .news p{
	margin-top: 10px;
}

.site-news .news .news-title span{
	height: 1px;
    width: 8%;
    background: #b07434 none repeat scroll 0% 0%;
    display: block;
	margin-top: 4px;
}

.site-news .news-date{
	font-size: 12px;
	text-align: right;
}

.site-news .news-body{
	padding-top: 20px;
}

.site-news .news-files ul{
	list-style-type: none;
}

.site-news .news-files ul li{
	margin-top: 20px;
}

.site-news .news-files ul li::before {
	content: "";
	display: inline-block;
	border-radius: 10px;
	width: 15px;
	height: 15px;
	color: rgba(69,50,40, 0.25);
	border: none;
	background: rgba(69,50,40, 0.25) none repeat scroll 0% 0%;
	margin-right: 20px;
	vertical-align: text-top;
}

.site-news .media{
	padding-bottom: 12px;
}


.site-news video{
	box-shadow: 10px 10px 5px #888;
	padding: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.site-news .news-body img{
	width: 100%;
}

.site-news .news-body a,
.site-news .news-files a{
	color: #b07434;
}

.site-news .news-body .view-3d-link {
	margin: 20px 0 20px 0;
	padding: 0 30px 0 30px;
	font-size: 20px;
}
.site-news .news-body .view-3d-link a{
	padding: 10px 20px 10px 20px;
	background: #f9f9f9;
	box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.05);
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
	width: 100%;
	display: inline-block;
}
.site-news .news-body .view-3d-link a:hover{
	text-decoration: none;
	transform: translateY(1px);
}
.site-news .news-body .view-3d-link img{
	width: 30px;
	height: 30px;
	margin-right: 6px;
}

.projects h2{
	margin-bottom: 40px;
	margin-top: 60px;
}

.project-details h1{
	margin-bottom: 8px;
	margin-top: 40px;
}
span.header-underline{
	height: 1px;
	width: 8%;
	background: #b07434 none repeat scroll 0% 0%;
	display: block;
	margin-bottom: 20px;
}
.projects .row,
.project-details .row{
	margin-bottom: 50px;
}

.projects img,
.project-details img{
	width: 100%;
}

#project-slider{
	margin-bottom: 60px;
}

#project-slider .carousel-inner{
	margin: 5%;
	width: 90%;
}

#project-slider .carousel-control{
	width: 5%;
	color: rgba(69, 50, 40, 0.65);
	text-shadow: none;
}

#project-slider .carousel-control.left,
#project-slider .carousel-control.right{
	background-image: none !important;
}

.image-box  figure {
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 100%;
    height: 100%;  
}

.image-box  figure a {
    display: block;
    border: 5px solid rgba(69, 50, 40, 0.65);
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -999999px;
    overflow: hidden;
    z-index: 11;
}

.image-box  figure img {
    max-width: 100%;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.mfp-bg{
	background-color: rgb(69, 50, 40);
	opacity: 0.9;
}

.mfp-arrow{
	margin-right: -70px !important;
	margin-left: -70px !important;
	margin-top: 0px !important;
	top: 10% !important;
	height: 100% !important;
	font-size: 30px;
	color: #b07434;
}

.mfp-arrow-position-left {
	left: 0;
}

.mfp-arrow-position-right{
	right: 0;
}

.mfp-img{
	padding: 0 !important;
}

.mfp-content .mfp-bottom-bar {
    position: absolute;
    margin-top: 0;
	top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    padding: 0px 10px;
    cursor: auto;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%;
}

.mfp-content .mfp-title {
    text-align: left;
    line-height: 44px;
    color: #FFF;
    word-wrap: break-word;
}

.mfp-content .mfp-figure .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 2px;
    top: 2px;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0% !important;
    padding: 0;
    color: #F8F9F9;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace;
}

.mfp-content .mfp-counter {
    position: absolute;
    top: 8px;
    right: 65px;
    color: #FFF;
    font-size: 12px;
    line-height: 25px;
}

.map-project iframe{
	display: block;
	min-width: 100%;
	height: 100%;
	border: none;
	margin: 0;
	padding: 0;
	overflow:hidden;
	
}

.map-project{
	font-size: 18px;
}

.map-project span{
	font-weight: bold;
	color: #570204;
	margin-right:30px;
}

.info-project a{
	color: #333333;
	display: inline-block;
	transition: all 0.1s ease-in-out;
	box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.info-project a:hover{
	transform: scale(1.005);
}
.map-project .info-project .row{
	margin-bottom: 10px;
}

.map-project p{
	margin-top: 30px;
	text-align: center;
}

#go-top {
	position: fixed;
	bottom: 50px;
	right: 0;
	margin-right: 50px; 
	display: none;
	z-index: 10000;
}

#go-top a{
	color: #b07434;
	text-shadow: none;
	font-size: 40px;
}

#ap-info {
	background: #ffffff;
	position: absolute; 
	margin-top: -200px; 
	margin-left: 10px;
	padding: 0 10px 5px 10px;
	border: solid rgba(87, 2, 4, 0.9);
	font-size: 12px;
	z-index: 1;
	width: auto;
}
#ap-info-collapse.collapse  {
	display: block;
}

#ap-info h4{
	background: rgba(87, 2, 4, 0.9);
	margin: 0 -10px 10px -10px;
	padding: 5px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

#ap-info span{
	font-weight: bold;
}

#ap-info span.red{
	color: #ff0000;
}

#ap-info span.green{
	color: #00ff00;
}

.presentation-header{
	background-color: rgba(87, 2, 4, 0.9);
	position: absolute;
	height: 40px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	padding: 5px 50px !important;
	z-index: 999;
	width: auto !important;
}
.hipodruma.presentation-header{
	height: 42px;
	padding: 8px 50px !important;
}
.ap-presentation{
	margin: 0;
	padding: 0;
}

.presentation-footer{
	background-color: rgba(87, 2, 4, 0.9);
	position: absolute;
	padding: 0px;
	right: 0;
	left: 0;
	bottom: 0; 
	height: 60px;
	width: 100%;
}

.presentation-footer.entrances-footer{
	background: rgba(255, 255, 255, 0.7);
	overflow: hidden;
	position: absolute;
	color: #570204;
	text-align: center;
	padding: 12px;
	font-size: 18px;
}
.entrances-footer a{
	color: rgba(87, 2, 4, 0.9);
	text-decoration: none;
	border-bottom: 1px solid #b07434;
}

.presentation-footer .row{
	margin: 0;
}

.presentation-footer #floors{
	margin-top: 2%;
}

@media (max-width: 780px){
	.presentation-header{
		
		top: 0;
	}
	.hdpresentation .floor.maphilighted {
		margin-top: 40px;
	}
}

img.project{
	width: 100%;
	max-width: 800px;
}

.hdpresentation div {
	width: 100%;
}

.hdpresentation img{
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

#wrap > div{
	background-size: cover !important;
}

#wrap{
	overflow: hidden;
}


#floors {
	float: right;
	right: 0;
	text-align: right;
	margin-top: -5%;
	color: #ffffff;
}

#floors a{
	color: #ffffff;
	margin-left: 10px;
	font-size: 18px;
}

#floors a:hover{
	text-decoration: none !important;
	color: #b07434;
}

#floors span{
	margin-right: 30px;
	font-weight: bold;
	font-size: 18px;	
}

#floors i{
	margin-right: 25px;
	margin-left: 25px;
}

.next-ap {
	position: absolute;
	margin-top: -50vh;
}

.next-ap a{
	color: #570204;
	font-size: 35px;
}

.next-ap a:hover{
	text-decoration: none !important;
	color: #b07434;
}

.next-ap .fa-chevron-right{
	float: right;
	margin-right: 10px;
	position: fixed;
	right: 0;
}

.next-ap .fa-chevron-left{
	margin-left: 10px;
	float: left;
	position: fixed;
	left: 0;
}

.hide {
	visibility: hidden;
}

.mfp-iframe-holder .mfp-content{
	max-width: 800px !important;	
}

.presentation{
	padding: 0;
	margin: 0;
}

.mfp-iframe-holder{
	padding: 20px 0 !important;
}

.mfp-container:before {
	vertical-align: top !important;
}

.mfp-iframe-holder .mfp-close{
	top: 0 !important;
	margin-right: 10px;
}

.image-project-frame{
	z-index: 100;
	width: 66%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	margin-right: 15px;
	margin-bottom: 25px;
}

.image-project{
	box-shadow: 10px 10px 5px #888888;
	padding: 0;
	overflow: hidden;

}

.image-project .img-footer{
	background: rgba(255, 255, 255, 0.7);
	padding: 10px;
	overflow: hidden;
	text-align: center;
	color: #570204;
    position: absolute;
    width: calc(100% - 30px);
	bottom: 0;
}
.image-project .img-footer a{
	color:#570204;
	text-decoration: none;
	border-bottom: 1px solid #b07434;
}
.image-project figcaption {
    display: block;
    position: absolute;
    left: -20px;
    top: 10px;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: calc(100% - 50px);
    height: calc(100% - 20px);
}

.image-project figcaption h4 {
    position: absolute;
    left: 50%;
    top: 45%;
    color: #b07434;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-weight: bold;
    display: inline-block;
    font-size: 26px;
    text-align: center;
}

.image-project:hover figcaption {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 25px;
}
.presentation-footer .floors-btn-group{
	display: none;
}
.presentation .ap-info-details{
	display: none;
}
.presentation .clear-img-header{
	width: 40%;
	background-color: #f3f3f3;
	position: absolute;
	top: 0;
	height: 7%;
	display: inline-block;
	left: 0;
}
@media (pointer: coarse) {
	/* Make buttons larger and easier to tap on mobile */
	.project, 
	.floor,
	.ap-presentation{
		top: 40px;
		position: absolute;
		margin: 0px;
		padding: 0px;
		left: 0px;
		border: 0px;
	}
	.presentation-footer #floors a{
		display: none;
	}
	.presentation-footer #floors .floors-btn-group .btn{
		font-size: 18px;
		font-weight: bold;
		border: none;
		background-color: transparent;
	}
	.presentation-footer #floors .floors-btn-group .btn:focus,
	.presentation-footer #floors .floors-btn-group .btn:hover,
	.presentation-footer #floors .floors-btn-group .btn:focus-visible,
	.presentation-footer #floors .floors-btn-group.open .btn{
		color: #ffffff;
		box-shadow: none;
		outline: none;
	}
	.presentation-footer #floors .floors-btn-group span{
		margin-left: 10px;
	}
	.presentation-footer #floors .floors-btn-group span.caret{
		border-top: 0;
		border-bottom: 7px dashed;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
	}
	.presentation-footer #floors .floors-btn-group.open span.caret{
		border-top: 7px dashed;	
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
		border-bottom: 0;
	}
	.presentation-footer #floors .floors-btn-group .dropdown-menu{
		text-align: center;
		background-color: rgba(87, 2, 4, 0.9);
		min-width: 80px;
		border: 0;
		max-height: 70vh;
		overflow-y: auto;
	}
	.presentation-footer #floors .floors-btn-group{
		display: inline-block !important;
	}
	.presentation-footer #floors .floors-btn-group a{
		display: inherit;
		margin-left: 0;
		color: #ffffff;
	}
	.presentation-footer #floors .floors-btn-group a:hover,
	.presentation-footer #floors .floors-btn-group a:focus,
	.presentation-footer #floors .floors-btn-group a:focus-visible{
		background-color: transparent;
		outline: none;
	}
	.presentation-footer.entrances-footer{
		background: rgba(239, 239, 239, 0.7);
	}
	.presentation-header{
		width: 100% !important;
	}
	
	.presentation .download-pdf{
		top: auto;
		bottom: 70px;
	}
	.presentation .ap-info-details{
		display: inline-block;
		margin-top: 40px;
		margin-left: 55px;
		color: #ffffff;
		z-index: 1;
		position: absolute;
		background-color: rgba(87, 2, 4, 0.9);
		border-radius: 0 0 45px 45px;
		padding: 0 0 20px 0;
		height: 25px;
		font-size: 18px;
		width: 50px;
	}
	.presentation .ap-info-details:focus,
	.presentation .ap-info-details:focus-visible{
		  outline: none;
	}
	.presentation .ap-info-details-open[aria-expanded="true"]{
		display: none;
	}
	#ap-info-collapse.collapse  {
		display: none;
	}
	.ap-info-floor {
		display: none;
	}
	#ap-info {
		margin-top: 40px;
		background: rgba(255, 255, 255, 0.95);
		padding: 20px 10px 5px 10px;
		width: 180px;
		height: 120px;
		border-top: 0;
		margin-left: 0;
	}
	#ap-info h4{
		display: none;
	}
	.presentation .ap-info-details-close{
		margin-top: 160px;
	}
	.presentation .clear-img-header{
		top: 40px;
	}
	.next-ap {
		margin-top: 50vh;
	}
	
	#wrap {
		overflow: inherit;
	}

	/* 1. Force all hidden carousel slides to become visible block elements */
	#project-slider .carousel-inner > .item {
		display: block !important;
		opacity: 1 !important;
		float: none !important;
		width: 100% !important;
		position: relative !important;
		left: auto !important;
		transform: none !important;
		-webkit-transform: none !important;
	}

	/* 2. Hide the left/right arrow navigation controls */
	#project-slider .carousel-control {
		display: none !important;
	}

	/* 3. Hide the circular bottom dot indicators */
	#project-slider .carousel-indicators {
		display: none !important;
	}
	.image-box  figure{
		margin: 6px
	}
	
}

.info-project a,
.info-project a .free-prop ul li .free-prop-label,
.info-project a .free-prop ul li .free-prop-count{
		background-color: #f9f9f9;
}
.presentation .ap-mobile-link {
	position: absolute;
	/*transform: translate(-50%, 50%); /* Centers the card perfectly on the coordinate */
	transform: translate(-25px, 15px);
	background: rgba(87, 2, 4,0.9);
	padding: 10px;
	border-radius: 45px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	pointer-events: auto; /* Ensures links/buttons remain clickable */
	z-index: 10;
	display: block;
	font-family: sans-serif;
	width: 50px;
	height: 50px;
	text-align: center;
}

.presentation .ap-mobile-link h4 {
	margin: 0 0 5px 0;
	font-size: 14px;
	color: #ffffff;
	padding: 1px;
}

.presentation .ap-mobile-link a {
	text-decoration: none;
}

#clock{
	position: absolute;
	margin: 120px 0 0 50px;
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
	font-size: 20px;
}



#clock .box{
    padding: 10px 10px 10px 0 ;
    border-radius: 3px;
    background: #00BF96;
    display: inline-block;
	position: relative;
}

.box:after {
	content: '';
	display: block;  
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -43px;
	width: 0;
	height: 0;
	border-top: 45px solid transparent;
	border-right: 45px solid #00BF96;
	border-bottom: 45px solid transparent;
	border-left: 45px solid transparent;
}

#clock .box .days{
    padding: 15px;
    border-radius: 3px;
    background: #00816A;
    display: inline-block;
	font-size: 30px;
	vertical-align: center;
}

#clock .box .text{
	display: inline-block;
	vertical-align: middle;
}

.smalltext{
    padding-top: 5px;
    font-size: 16px;
}

#floor-info{
	padding: 10px;
	background: rgba(87,2,5, 0.85);
	color: #ffffff;
	width: auto;
}
#floor-info::after{
	position: absolute;
	top: 0;
	left: -15px;
	content: "";
	z-index: 1;
	width: 0px;
	height: 0px;
	border-width: 15px;
	border-style: solid;
	border-color: transparent rgba(87,2,5, 0.85) transparent transparent;
	transform: translateX(-50%);
}
#floor-info .floor-header{
	color: #b07434;
	font-weight: bold;
	text-align: right;
}

/* new css view of projects*/
p.short-desc{
	font-size: 16px;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	margin: 0;
	text-align: left;
}
.short-desc i{
	margin-right: 7px;
	color: #b07434;
}
.free-prop-section{
	padding-top: 10px;
}
.free-prop{
	font-size: 16px;
	margin-top: 20px;
}
.free-prop ul{
	list-style: none;
}
.free-prop ul li{
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}
.free-prop ul li::before {
    content: '';
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    z-index: 10;
    background-color: #d4d4d4;
}
.free-prop ul li .free-prop-label{
	position: relative;
	z-index: 11;
	max-width: 60%;
	margin-right: 10px;
	padding-right: 10px;
	background-color: #fff;
}
.free-prop ul li .free-prop-count{
	position: relative;
	text-align: right;
	z-index: 11;
	padding-left: 10px;
	margin-left: 10px;
	background-color: #fff;
}
.free-prop-btn{
	font-size: 32px;
	color: #b07434;
	float: right;
	padding: 5px 8px;
	pointer-events: auto; /* Ensures links/buttons remain clickable */
	margin-bottom: 4px;
	margin-top: 4px;
}

.location .map{
    width: 100%;
    height: 300px;
}
.download-pdf{
	float: right;
	width: 150px !important;
	height: 40px;
	top: 0;
	right: 0;
	position: absolute;
	color: #ffffff;
	background-color: rgba(176, 116, 52, 0.9);
	padding: 10px 20px;
	text-align: center;
	font-size: 16px;
	box-shadow:  1px 2px 2px 1px rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}
.download-pdf a{
	color: #ffffff;
}


.presentation .view-3d-btn{
	float: right;
	width: 150px !important;
	height: 40px;
	top: 50px;
	right: 0;
	position: absolute;
	background: #f9f9f9;
	box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
	text-align: center;
	padding: 5px 20px;
	font-size: 16px;
}

.presentation .view-3d-btn a img{
	margin-right: 6px;
	width: 30px;
	height: 30px;
}

.download-pdf a:hover,
.download-pdf a:focus,
.download-pdf a:active,
.presentation .view-3d-btn a:hover,
.presentation .view-3d-btn a:focus,
.presentation .view-3d-btn a:active{
	text-decoration: none;
}

.download-pdf:hover,
.presentation .view-3d-btn:hover{
	transform: scale(1.01);
	
}


.modal-fullscreen{
	padding: 0 !important; 
}
  
.modal-fullscreen .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
  
.modal-fullscreen .modal-content {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
}

.modal-fullscreen h4.modal-title{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: center;
	width: 100%;
	color: rgb(87, 2, 4);
	font-size: 19px;
	font-weight: bold;
	padding-right: 0;
}

#viewer{
	width: 100%;
	/*height: calc(0.5625*calc(100vw - 30px));*/
	height: calc(100vh - 90px);
}

.filter-section {
	text-align: center;
	font-size: 18px;
	letter-spacing: 1px;
	color: #453228;
	margin-bottom: 40px;
}
.filter-section li.active {
	border-bottom: 1px solid #b07434;
}
.filter-section li {
	touch-action: manipulation;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-left: 10px;
	margin-right: 10px;
}

.projects .filtr-item{
	overflow: hidden;
}

.project-container{
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}
.project-container a{
	position: relative; 
	display: block;
	text-decoration: none;
}
.project-container a:hover img.zoom{
	moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.project-container a img{
	width: 100%;
	display: block;
	height: auto;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	-moz-transform: translateY(0);
	transform: translateY(0);
}
.project-container .header{
	font-size: 16px;
	background-color: #570204 ;
	color: #ffffff;
	padding: 10px 0 10px 20px;
	z-index: 1;
	display: block;
	position: relative;
}
.sold{
	position: absolute; 
	top: 50px;
}

.sold-out{
	left: 0;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
	bottom: 0;
	display: block;
	position: absolute;
	border-radius: 0;
	color: #ffffff;
	background-color: #570204;
	padding: 10px 45% 10px 45%;
	transform: rotate(-20deg) translateX(5%) translateY(15%);
	text-align: center;
	font-size: 16px;
}

.project-container:hover .sold-out{
	bottom: 6%;
	visibility: visible;
	opacity: 0.75;
}

@media (max-width: 991px){
	.project-container .sold-out{
		bottom: 6%;
		visibility: visible;
		opacity: 1;
	}
}

.project-container .caption{
	display: block;
	position: absolute;
	left: -10px;
	top: 53px;
	background: rgba(0,0,0, 0.75);
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: calc(100% - 20px);
	height: calc(100% - 63px);
}
.project-container a:hover .caption{
	opacity: 1;
	filter: alpha(opacity=100);
	left: 10px;
}

.project-container .caption h4 {
    position: absolute;
    left: 50%;
    top: 45%;
    color: #b07434;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-weight: bold;
    display: inline-block;
    font-size: 20px;
    text-align: center;
	line-height: 26px;
}
.search h1,
.search h4{
	color: #570204;
}
.search h4{
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 2px solid #b07434;
	font-size: 19px;
	font-weight: bold;
	width: 70%;
	padding-right: 30px;
}
.search .property{
	margin: 20px 0 30px 0;
}
.search .property .desc{
	height: 100%;
	position: initial;
}
.search .property .desc .header{
	position: relative;
	margin-right: -30px;
}

.search img{
	width: 100%;
	box-shadow: 5px 10px 10px 5px #888888;
}
.search .property ul li{
	list-style-type: none;
	padding: 5px 0px 5px;
	font-size: 16px;
}
.search .property ul li span{
	font-weight: bold;
}
.search .price{
	left: auto;
	right: 0;
	padding: 0 20px;
	border: 2px solid #b07434;
	background: #FFFFFF;
	position: absolute;
	bottom: -10px;
	color: #b07434;
	height: 45px;
	line-height: 45px;
	white-space: nowrap;
	font-weight: bold;
	font-size: 16px;
	width: 30%;
	text-align: center;
}
@media (max-width: 412px){
	.search .btns{
		flex-direction: column !important;
	}
	.search .project-btn,
	.search .download-btn,
	.search .view-3d-btn{
		margin-bottom: 10px;
	}
	.search .view-3d-btn{
		margin-right: 0 !important;
	}
	.search .project-btn{
		margin-left: 0 !important;
	}
}

@media (max-width: 991px){
	.search .property .desc .header{
		margin-right: 0;
		position: inherit;
	}
	.search h4{
		width: 100%;
	}
	.search .price{
		top: 10px;
		width: auto;
		right: 5px;
	}
}

.search .btns{
	bottom: 0;
	right: 0;
	float: right;
	display: flex;
	flex-direction: row;
	position: absolute;
}
.search .download-btn,
.search .project-btn,
.search .view-3d-btn{
	background-color: rgba(176, 116, 52, 0.9);
	padding: 10px 20px;
	text-align: center;
	font-size: 16px;
	float: right;
	box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}
.search .download-btn a,
.search .project-btn a{
	color: #ffffff;
}
.search .project-btn{
	background-color: rgba(87, 2, 4, 0.9);
	margin-left: 12px;
}

.search .view-3d-btn{
	background: #f9f9f9;
	margin-right: 12px;
	box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.05);
}

a.view-3d-icon{
	cursor: pointer;
	color: #b07434;
	display: flex;
	align-items: center;
}

a.view-3d-icon img{
	box-shadow: 1px 2px 2px 1px #ccc;
	border-radius: 50px;
	width: 21px;
	height: 21px;
	margin-right: 4px;
}

.search .project-btn a:hover,
.search .project-btn a:focus,
.search .project-btn a:active,
.search .download-btn a:hover,
.search .download-btn a:focus,
.search .download-btn a:active,
a.view-3d-icon:hover,
a.view-3d-icon:focus,
a.view-3d-icon:active{
	text-decoration: none;
}

.search .project-btn:hover,
.search .download-btn:hover,
.view-3d-btn:hover{
	transform: translateY(1px);
}

@media (max-width: 991px){
	.search h4{
		margin-top: 30px;
	}
	
	.modal-fullscreen h4.modal-title{
		margin-top: 0;
	}
}
@media (max-width: 1199px){
	.search .btns{
		position: relative;
	}
}
.search .property.no-free{
	font-size: 20px;
}

.buildLink{
	display: block;
	width: 20%;
	float: left;
	margin: 18px 0 18px 6px;
}
.buildLink a{
	color: #ffffff;
	border-bottom: 1px solid #b07434;
	border-radius: 0;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	padding: 0;
}
.buildLink a:hover,
.buildLink a:focus,
.buildLink a.focus{
	color: #ffffff;
}
@media (max-width: 449px){
	
	.presentation-footer.entrances-footer{
		padding: 9px;
		font-size: 14px;
		background: rgba(239, 239, 239, 0.7);
		padding: 9px;
	}
	#entrances div{
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media (max-width: 780px){
	.image-project-frame {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.image-project .img-footer {
		width: calc(100% - 60px);
	}
	p.short-desc {
		padding-right: 30px;
		padding-left: 30px;
	}
	.location .map {
	  margin-top: 20px;
	}
}


.cookie-consent-popup{
	background: rgba(49, 1, 2, 0.9);
	padding: 20px 30px;
	color: #ffffff;
}

.cookie-consent-popup a{
	color: #b07434;
}
.cookie-consent-popup a:hover{
	text-decoration: none;
}

.cookie-consent-popup button{
	background-color: #b07434;
	color: #ffffff;
	border-radius: 0;
	border: none;
	padding: 10px 20px;
	float: right;
}

/*flip counter*/
	.tick {
	  font-size:2rem; white-space:nowrap; font-family:arial,sans-serif;
	}

	.tick-flip,.tick-text-inline {
	  font-size:2.5em;
	}

	.tick-label {
	  margin-top:1em;font-size:1em;
	}

	.tick-char {
	  width:1.5em;
	}

	.tick-text-inline {
	  display:inline-block;text-align:center;min-width:1em;
	}

	.tick-text-inline+.tick-text-inline {
	  margin-left:-.325em;
	}

	.tick-group {
	  margin:0 .5em;text-align:center;
	}

	.tick-text-inline {
	   color: #595d63 !important; 
	}

	.tick-label {
	   color: #595d63 !important; 
	}

	.tick-flip-panel {
	   color: #d5a571 !important; 
	}

	.tick-flip {
	   font-family: !important; 
	}

	.tick-flip-panel-text-wrapper {
	   line-height: 1.45 !important; 
	}

	.tick-flip-panel {
	   background-color: rgb(240, 240, 240) !important; 
	}

	.tick-flip {
	   border-radius:0.12em !important; 
	}
	.tick-credits{
		display: none;
	}