@import url('bootstrap.min.css');
@import url('bootstrap-override.css');
@import url('jquery-ui-1.10.3.css');
@import url('font-awesome.min.css');
@import url('animate.min.css');
@import url('animate.delay.css');
@import url('toggles.css');
@import url('chosen.css');
@import url('din.css');

body{
	font-family:'Conv_DINPro-Regular',Arial, Helvetica, sans-serif;
	color:#5B5B5F;
}
a{
	color:#91b894;
}
.navbar {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid transparent;
  margin-bottom: 10px;
  margin-top: 0;
  min-height: 98px;
  position: relative;
}
.navbar-brand{
	background:url('../img/logo.png') no-repeat center center;
	width:182px;
	height:98px;
	text-indent:-9000px;
	background-size:contain;
}
ul.nav.navbar-nav.navbar-right{
	margin-top:43px;
}
.navbar-nav > li{	
	margin:0px 34px;
}
.navbar-nav > li > a {	
	font-family:'Conv_DINPro-Regular',Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:21px;
	color: #858487;
	padding:0px 0px 7px 0px;
}
#social-top{
	display:block;
}
#social-top li a{
	color:#777;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: #FFF;
	color: #858487;
	border-bottom:6px solid #E8E1CE;
}
#header{
	border-bottom:#B0CAB1 3px solid;
}
.phonenumber{
	position: absolute;
	text-align: right;
	z-index:9999;
	width: 100%;
}
.btn-midmoders {
	background-color: #afaeb4;
	border-color: #6f6f75;
	color: #f9f6ef;
	font-family: 'Conv_DINPro-Bold';
	font-size: 21px;
	text-transform: uppercase;
	padding: 7px 0px;
	margin-top: 2px;
}
.btn-midmoders-sm {
	background-color: #BFDBC8;
	border-color: #BFDBC8;
	color: #FFFFFF;
	font-family: 'Conv_DINPro-Bold';
	font-size: 16px;
	text-transform: uppercase;
	padding: 7px 10px;
}
h2.title{
	font-size:26px;
	text-transform:uppercase;
	padding-bottom:4px;
	color:#858487;
	border-bottom:3px solid #B0CAB1;
}
.breadcrumb.article{
	background: none repeat scroll 0 0 transparent;
	border-radius: 0;
	list-style: none outside none;
	margin-bottom: 0;
	padding: 8px 0px;
}
.clearfix.green{
	border-bottom:3px solid #B0CAB1;
}
.box.green {
	background: none repeat scroll 0 0 #EDF5EF;
	display: table;
	padding:10px 0px;
	margin-top:20px;
}
.box.light-brown {
	background: none repeat scroll 0 0 #F9F6EF;
	display: table;
	padding:10px 0px;
	margin-top:20px;
	height:100%;
}
.box.border-gray {
	border:6px solid #C3C4CA;
	display: table;
	padding:10px 0px;
	margin-top:20px;
	height:100%;
}
.quote{
	font-family:'Conv_DINPro-Medium';
	color:#717175;
	text-align:center;
	font-size:24px;
	padding-top:20px;
}
.short{
	border-bottom:2px solid #B0CAB1;
	width:140px;
	margin:30px auto;
}
.img-full{
	width:100%;
}
.text-body{
	text-align:justify;
	margin-top:10px;
	padding:2px 10px 0 3px;
	font-size:15px;
	margin-bottom:0px;
	font-family:'Conv_DINPro-Regular';
}
.text-body b{
	font-family:'Conv_DINPro-Bold';
}
h3.green{
	position:absolute;
	font-family:'Conv_DINPro-Bold';
	z-index:9999;
	margin:0px;
	text-transform:uppercase;
	background:#A6CBB1;
	padding:4px 8px;
	margin-left:-10px;
	color:#FFF;
}
h4.green{
	background: none repeat scroll 0 0 #a6cbb1;
	color: #fff;
	font-family: "Conv_DINPro-Bold";
	margin: 0 0 0 -10px;
	padding: 4px 8px;
	position: relative;
	text-transform: uppercase;
	z-index: 9999;
	width: auto;
	display: block;
	float: left;
}
h4.fashion{
	background: none repeat scroll 0 0 #727276;
	color: #fff;
	font-family: "Conv_DINPro-Bold";
	margin: 0;
	padding: 1px 10px 1px 8px;
	position: relative;
	text-transform: uppercase;
	z-index: 9999;
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}
h4.news{
	background: none repeat scroll 0 0 #727276;
	color: #fff;
	font-family: "Conv_DINPro-Bold";
	margin: 0;
	padding: 1px 0 1px 8px;
	position: relative;
	text-transform: uppercase;
	z-index: 9999;
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}
h4.news div{
	width: 0; 
	height: 0; 
	margin-left:10px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent; 
	border-right:12px solid #FFF; 
	float:right;
}
h5.title{
	margin-top:12px;
	margin-bottom:2px;
	font-size:24px;
	font-family:'Conv_DINPro-Bold';
}
.fa-facebook:before {
  color: #3C5A98;
}
.fa-twitter:before {
  color: #00ACEE;
}
.fa-pinterest:before {
  color: #CB2027;
}
.fa-instagram:before {
  color: #517FA4;
}
/* Aboutus */

.img-full{
	display: block;
	height: auto;
	width: 100%;
}
.content-text{
	padding:10px;
	font-size:24px;
}
/* EndAboutus */


/* Carousel */
.item img{
	margin:0 auto;
	min-width:100%;
}
.carousel.carousel-fade .item {
	opacity:0;
}
.carousel.carousel-fade .active.item {
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	opacity:1;
}
.carousel.carousel-fade {
	display: block;
	height: 480px;
	overflow: hidden;
	width: 100%;
}

/* Recently Added */

.widget-photoday {
	margin-bottom:10px;
}
.widget-photoday .panel-body {
	padding: 0;
}

.widget-photoday .photoday img {
	width: 100%;
	display: block;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.widget-photoday .photo-details {
	padding: 15px;
	background:#EBE2CE;
	min-height:90px;
}

.widget-photoday .photo-title {
	color: #858487;
	font-size: 26px;
	margin: 0;
	line-height: normal;
}

.widget-photoday .photo-details small {
	display: block;
}
.type-img{
	position:absolute;
	right:10px;
}
/* End Recently Added */
/* Property POST */
.bigtype-img{
	position:absolute;
	left:10px;
}
.box-image{
	overflow: hidden;
	width: 100%;
}
.box-image .img-full{
	height:auto;
}
.box-border-green {
	border-bottom: 10px solid #bfdbc8;
	border-top: 10px solid #bfdbc8;
	height: auto;
	margin-top: 20px;
	display: block;
	float: left;
	width: 100%;
}
.box-border-green p{
	font-size:18px;
	color:#828184;
}
.box-border-green .text-muted{
	color:#91B894;
	font-family:'Conv_DINPro-Medium',Arial, Helvetica, sans-serif;
	font-size:18px;
}
.box-border-green .title-property{
	color:#91B894;
	margin:10px 0px 0px 0px;
	font-family:'Conv_DINPro-Light',Arial, Helvetica, sans-serif;
}
.box-price{
	position:relative;
}
.price{
	position: relative; bottom: 0;
}
.price span{
	color:#91B894;
	font-size:28px;
	font-family:'Conv_DINPro-Bold',Arial, Helvetica, sans-serif;
}
.box-light-brown{
	border:6px solid #F9F6EF;
	background:#F7F3EC;
	padding:10px;
	float:left;
	width:100%;
}
.box-light-brown p{
	font-size:14px;
	color:#828184;
}
.box-light-brown .border{
	border-left:1px solid #CCC;
}
h2.gral-info{
	font-family:'Conv_DINPro-Bold',Arial, Helvetica, sans-serif;
	color:#91B894;
	padding:0px 20px;
	text-transform:uppercase;
	font-size:24px;
	width:100%;
	float:left;
	clear:both:
}
h3.gral-info{
	font-family:'Conv_DINPro-Bold',Arial, Helvetica, sans-serif;
	color:#91B894;
	padding:0px 20px;
	font-size:22px;
	width:100%;
	float:left;
	clear:both:
}
h4.gral-info{
	font-family:'Conv_DINPro-Bold',Arial, Helvetica, sans-serif;
	color:#91B894;
	padding:0px 20px;
	font-size:18px;
	width:100%;
	float:left;
	clear:both:
}
.box-image-container{
	padding:20px 0px;
	float: left;
	width: 100%;
}
.box-image-container .row{
	margin-bottom:10px;
}
.social-button{
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 9999;
}
.box-agent{
  clear: both;
  float: left;
  width: 100%;
  background: #E5EFE7;
  padding: 5px;
  margin-top:20px;
}
.box-agent .info{
	background:#FFFFFF;
}
.box-agent .info h4{
	font-family:'Conv_DINPro-Bold',Arial, Helvetica, sans-serif;
	color:#828184;
	font-size:18px;
}
.box-agent .foot-info p{
	font-family:'Conv_DINPro-Regular',Arial, Helvetica, sans-serif;
	color:#828184;
	font-size:15px;
	margin:10px 0px;
}
.box-border-light-brown{
	border: 7px solid #f7f3ec;
	float: left;
	margin-top: 30px;
	padding: 10px 2px;
	float:left;
	clear:both;
	font-size:12px;
	width:100%;
}
.box-border-light-brown .flex-container{
	float:left;
	clear:both;
}
#gmap-marker{
	height:200px;
}
#gmap-marker-form{
	height:400px;
}
.box-border-light-brown h4.gral-info{
	padding: 0px 10px;
	margin: 0px 0px 10px 0px;
}
.box.green-form {
	background: none repeat scroll 0 0 #BFDBC8;
	display: table;
	padding:5px;
	margin-top:0px;
	width:100%;
	float:left;
}
.box.brown-form {
	display: table;
	float:left;
	margin-top:0px;
	width:100%;
}
form#basicForm.form-horizontal{
	padding:20px;
	background:#FFF;
}
/* End Property POST */
/* Article LIST PAGINTATION */
.image-article-list{
	width:300px;margin-top:4px;margin-left:10px;margin-bottom:10px;
}
/* End Article LIST PAGINTATION */
/* Article POST */
.container.article{
	border-left: 1px solid #BFDBC8;
	border-right: 1px solid #BFDBC8;
	padding-top:20px;
}
.title-article{
	font-size: 40px;
	line-height: 35px;
	max-width:640px;
	margin: 0;
	padding-bottom: 0;
}
.userpic{
	margin-right:10px;
	width:80px;
}
.byuser{
	clear:left;
}
.content-text-article .text img{
	margin:30px 0px;
}
.content-text-article .text{
	font-size:24px;
}
.content-text-article .text p{
	font-size:24px;
	line-height:34px;
	margin-bottom:30px;
}
.content-text-article{
	padding:0px;
	width:100%;
	height:auto;
	font-size:15px;
}
.graycolor{
	background:#F9F6EF;
}
.content-text-article img {
  height: 190px;
  width: auto;
}
.content-text-article .box-image-container img{
	height: auto;
	margin-top: 20px;
	width: 100%;
}
/* End Article POST */
.article-button{
	color:#5b5b5f;
	display:block;
	text-decoration:none;
}
.article-button:hover{
	color:#5b5b5f;
	text-decoration:none;
}
/* Footer */
#footer .col-md-12{
	border-bottom: 1px solid #b0cab1;
	border-top: 1px solid #b0cab1;
	display: block;
	height: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 10px;
	position: relative;
	float: left;
	width:100%;
}
#footer ul {
  display: block;
  width: 36%;
  margin: 0 auto;
  height: 30px;
}
#footer ul li{
	float:left;
	margin-right:20px;
	list-style:none;
}
#footer ul li a{
	text-transform:uppercase;
	color:#B0CAB1;
	font-size:12px;
}
#footer .copy{
	text-transform:uppercase;
	color:#B0CAB1;
	width:100%;
	clear:both;
	float:left;
	font-size:11px;
	margin:1px 0px 6px 0px;
}
/* End Footer */

/* SOON */
.box.soon {
  background: none repeat scroll 0 0 #f9f6ef;
  display: table;
  height: 100%;
  margin-top: 20px;
  padding: 10px 0 30px;
  text-align: center;
  width: 100%;
}

/* End SOON */

/* Search Form */
#search-home-full{
	width: 100%;
	min-height:100%;
	display:block;
	z-index: 9999;
}
#search-home-full .panel{
	background:transparent;
	border: 0 none;
	border: 1px solid #A5A3A8;
}
#search-home-full .panel-default > .panel-heading {
	background-color: transparent;
	border-color: #e7e7e7;
}
#search-home-full .panel-body,#search-home-full .panel-heading,#search-home-full .panel-footer {
	background:transparent url('../img/bg_transparent001.png');
	border-color: #eee;
}
#search-home{
	position: absolute;
	padding-top:80px;
	padding-bottom:100px;
	width: 100%;
	min-height:100%;
	display:block;
	z-index: 9999;
}
#search-home .panel{
	background:transparent;
	border: 0 none;
	border: 1px solid #A5A3A8;
}
#search-home .panel-default > .panel-heading {
	background-color: transparent;
	border-color: #e7e7e7;
}
#search-home .panel-body,#search-home .panel-heading,#search-home .panel-footer {
	background:transparent url('../img/bg_transparent001.png');
	border-color: #eee;
}
.panel-body {
	padding:80px 40px;
}
.fromto{
	line-height:40px;
	text-align:left;
	width:100%;
}
.advanced{
	line-height:40px;
	text-align:left;
	width:100%;
	text-transform:uppercase;
	text-decoration:none;
	color:#5B5B5F;
	width:100%;
}
.advanced:hover,
.advanced:focus{
	text-decoration:none;
	color:#343435;
}
input,select{
	font-size:12px;
	text-transform:uppercase;
}

/* Search Page */
h2.title.search {
	border-bottom:0px;
	color: #91b894;
	font-family: 'Conv_DINPro-Light',Arial,Helvetica,sans-serif;
	font-size: 26px;
	padding-bottom: 0px;
	text-align: right;
	text-transform: uppercase;
	width: auto;
	display: block;
	float: right;
	margin:10px 0px;
}
#backbutton{
	border: 0 none;
	color: #91b894;
	display: block;
	float: left;
	font-family: 'Conv_DINPro-Light',Arial,Helvetica,sans-serif;
	font-size: 26px;
	height: 100%;
	line-height: 50px;
}
.separator{
	margin-bottom:30px;
}
/* END Search Page */

/* Responsive */
@media (max-width: 480px) {
	#footer ul {
	  display: block;
	  width: 100%;
	  margin: 0 auto;
	  height: 30px;
	}
}
@media (max-width: 767px) {
	.user-profile{
		width:100%;
		float:left;
	}
	.title-article{
		font-size: 24px;
		line-height: 24px;
		padding-bottom: 10px;
		max-width:100%;
	}
	.content-text-article .text img{
		margin:20px 0px;
	}
	.content-text-article .text{
		font-size:18px;
	}
	.content-text-article .text p{
		font-size:18px;
		line-height:24px;
		font-family:'Conv_DINPro-Light',Arial, Helvetica, sans-serif;
		font-weight:regular;
		margin-bottom:20px;
	}
	.price {
	  bottom: 0;
	  position: absolute;
	}
	.widget-photoday .photo-title {
		color: #858487;
		font-size: 16px;
		margin: 0;
		line-height: normal;
	}
	#footer ul{
		width: 100%;
	}
	#footer ul li{
		float:left;
		margin-right:40px;
		margin-bottom:20px;
		width: 100%;
		list-style:none;
	}
	.navbar-toggle {
		margin-top: 38px;
		margin-bottom: 38px;
		z-index:9999;
	}
	.navbar {
		min-height: 100px;
	}
	.navbar-brand{
		position:absolute;
		background:url('../img/logo.png') center center no-repeat;
		width:100%;
		background-size:contain;
		height:100px;
		text-indent:-9000px;
	}
	#search-home {
		padding-bottom: 50px;
		padding-top: 50px;
	}
	.carousel.carousel-fade {
		display: block;
		height: 640px;
		overflow: hidden;
		width: 100%;
	}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		display: block;
		height: 731px;
		max-width:1300px;
		margin-left:-300px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-nav > li{	
		margin:0px 14px;
	}
	#footer ul {
		width: 44%;
	}
}
@media (min-width: 1199px){

}
@media (min-width: 768px) and (max-width: 991px) {
	.first.flex-item {
	  display: block;
	  width: 100%;
	}
	#footer ul {
		width: 60%;
	}
	.panel-body {
		padding: 40px 40px;
	}
	.navbar-nav > li{	
		margin:0px 5px;
	}
	.navbar-nav > li > a {	
		text-transform:uppercase;
		font-size:16px;
		color: #858487;
		padding:1px 0px 7px 0px;
	}
	#search-home {
		padding-bottom: 50px;
		padding-top: 50px;
	}
	.carousel.carousel-fade {
		display: block;
		height: 500px;
		overflow: hidden;
		width: 100%;
	}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		display: block;
		height: 731px;
		max-width:1300px;
		margin-left:-300px;
	}
}
@media (min-width: 768px) {
	.flex-container {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		list-style: none;
		width:100%;
	/* 	 
	  
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  
	  -webkit-flex-flow: row wrap;
	  justify-content: space-around; */
	}

	.home-article {
	  margin-bottom:20px;
	}
}

/* CAROUSEL */
#myCarousel {
	background:#EBE2CE;
/* 	background:url('../img/003.jpg') no-repeat center center;
	background-size:cover; */
}
.carousel-fade {
  .carousel-inner {
    .item {
      opacity: 0;
      transition-property: opacity;
    }

    .active {
      opacity: 1;
    }

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

    .next.left,
    .prev.right {
      opacity: 1;
    }
  }

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



html, 
body, 
.carousel, 
.carousel-inner, 
.carousel-inner .item {
  height: 100%;
}
