/*
Template Name: Meghna Responsive HTML5/CSS3 Portfolio Template
Author: Muhammad Morshed
Author URI: http://themeforest.net/user/morsheds
Description: Meghna Responsive HTML5/CSS3 Portfolio Template
Version: 1.0
Tags: one-page, single-page, portfolio, custom-colors, post-formats, responsive, html5, css3
*/


/* Table of Content
==================================================
	#Home
	#Navigation
	#About
	#Service
	#Portfolio
	#Our Team
	#Pricing
	#Blog
	#Contact
	*/


/*=================================================================
	Basic Setup
	==================================================================*/

	::-moz-selection {
		background: #92d595;
	}

	::selection {
		background: #92d595;
	}
	::-moz-selection {
		background: #92d595;
	}

	body {
		font-family: 'Cormorant Garamond', 'Ubuntu', 'Arial', serif;
		line-height: 1.5;
		color: #6e6e6e;
	}

	ol, ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	figure {
		margin: 0;
	}

	a {
		color: #fff;
		-webkit-transition: all .3s ease-in 0s;
		-o-transition: all .3s ease-in 0s;
		transition: all .3s ease-in 0s;
	}

	iframe {
		border: 0;
	}

	a, a:focus, a:hover {
		text-decoration: none;
		outline: 0;
	}

	a:focus, a:hover {
		color: #6CB670;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: 'Cormorant Garamond', 'Ubuntu', 'Arial', serif;
		font-weight: 400;
	}

	.kill-margin-bottom {
		margin-bottom: 0 !important;
	}

	.btn {
		background-color: transparent;
		color: #fff;
		padding: 10px 30px;
		border-radius: 0;
		margin-top: 15px;

		-webkit-transition: all .5s ease-in 0s;
		-o-transition: all .5s ease-in 0s;
		transition: all .5s ease-in 0s;
	}

	.btn:focus {
		color: #6e6e6e;
	}

	.btn-green {
		background-color: #6cb670;
	}

	.btn-green:focus, 
	.btn-green:hover {
		background-color: #2F383D;
		color: #fff;
	}

	.btn-transparent {
		border: 1px solid #4e595f;
		cursor: pointer;
		background: #2b2c308c;
	}

	.btn-transparent:focus {
		background-color: transparent;
		border-color: #6cb670;
	}

	.btn-transparent:hover {
		background-color: #6cb670;
		border: 1px solid transparent;
		color: #fff;
	}
#features .features-item {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#features .feature-media {
	margin-bottom: 0;
}
#features .feature-desc h3 {
	margin-top: 0;
}
	.owl-carousel img {
		width: 100%;
	}
	#features .col-md-7 {
width: 60%;
	}
	#features .col-md-5 {
		width: 40%;
	}
	@media (max-width:991px){
		#features .col-md-7, #features .col-md-5 {
			width: 100%;
		}
		#features .feature-media {
			margin-bottom: 30px;
		}
	}
	.form-control {
		background-color: #2f383d;
		border-radius: 0;
		padding: 5px 10px;
		border: 0 none;
		color: #6e6e6e;
	}

	.form-control:focus {
		-webkit-box-shadow: 0 0 0;
		        box-shadow: 0 0 0;
	}

	.form-control::-webkit-input-placeholder { /*  Chrome, Safari, Opera  */
		color: #6e6e6e;
	}

	.form-control:-moz-placeholder { /* Firefox 18- */
		color: #6e6e6e;  
	}

	.form-control::-moz-placeholder {  /* Firefox 19+ */
		color: #6e6e6e;  
	}

	.form-control:-ms-input-placeholder {  /*  Internet Explorer  */
		color: #6e6e6e;  
	}


	#loading-mask {
		background: #333439;
		height: 100%;
		left: 0;
		opacity: 1;
		filter: alpha(opacity=100);
		position: fixed;
		text-align: center;
		top: 0;
		width: 100%;
		z-index: 999999999;
	}

	.loading-img {
		height: 100%;
		left: 0;
		position: fixed;
		top: 50%;
		width: 100%;
	}

	.border {
		border-top: 1px solid #6e6e6e;
		height: 1px;
		margin: 15px auto 0;
		position: relative;
		width: 35%;
	}

	.border:before {
		background-color: #6cb570;
		border: 1px ridge #6cb570;
		content: "";
		height: 10px;
		left: 50%;
		margin-left: -20px;
		position: absolute;
		top: -5px;
		width: 40px;
	}

	.shadow {

	}

	.title {
		padding-bottom: 60px;

	}

	.title h1 {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 38px;
		color: #6e6e6e;
	}

	.color {
		color: #6CB670;
	}

	.sub-title {
		padding: 0 0 50px;
	}

	.sub-title > h3 {
		border-left: 3px solid #6e6e6e;
		border-right: 3px solid #6e6e6e;
		display: inline-block;
		padding: 5px 25px;
		text-transform: uppercase;
	}

	.btn.active:focus, .btn:active:focus, .btn:focus {
		outline: 0;
	}

	.bg-one {
		background-color: #fff;
	}
	.bg-two{
		background: #26292e;
	}

	.parallax-section {
		background-attachment: fixed !important;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}


/*=================================================================
	Home Slider
	==================================================================*/

	#home {
		position: relative;
	}

	#slitSlider .carousel-caption {
		padding: 0;
		display: table;
		height: 100%;
		width: 100%;
		min-height: 100%;
		left: 0;
		top: 0;
		z-index: 11;
		background-color: rgba(0,0,0,.5);
	}

	#slitSlider .carousel-caption a {
		font-size: 18px;
	}

	#slitSlider .carousel-caption > div {
		vertical-align: middle;
		display: table-cell;
	}

	#slitSlider .carousel-caption h2 {
		color: #fff;
		font-family: 'Cormorant Garamond', serif;
		font-size: 33px;
		font-weight: 700;
		margin-bottom: 40px;
		text-transform: uppercase;

	}

	#slitSlider .carousel-caption h3 {
		color: #FFF;
		font-family: 'Cormorant Garamond', serif;
		font-size: 40px;
		font-weight: 700;
		margin-bottom: 59px;
	}



/*=================================================================
	Navigation
	==================================================================*/

	.navbar-inverse {
		background-color: #2B2C30;
		width: 100%;
		z-index: 99;
	}

	.navbar {
		margin-bottom: 0;
	}

	.navbar-brand {
		height: auto;
		padding: 8px 0;
	}

	.navbar-brand h1, #logo {
		margin: 0;
	}

	.navbar-inverse .navbar-nav > li > a {
		color: #fff;
		font-size: 14px;
		line-height: 19px;
		padding: 20px 10px;

		-webkit-transition: background .5s ease-in-out 0s;
		-o-transition: background .5s ease-in-out 0s;
		transition: background .5s ease-in-out 0s;
	}

	.navbar-inverse .navbar-nav > li.current > a {
		color: #6cb670;
		background-color: #2f383d;
	}

	.navbar-inverse .navbar-nav > li > a:hover {
		color: #6cb670;
	}


/*=================================================================
	About us section
	==================================================================*/

	#about {
		padding: 70px 0;
	}

	.icon-box {
		position: relative;
		width: 160px;
		height: 92.38px;
		background-color: transparent;
		margin: 46.19px auto 60px;
		padding: 20px 0;
		border-left: solid 3px #6e6e6e;
		border-right: solid 3px #6e6e6e;
		-webkit-transform: translateZ(0px);
		-ms-transform: translateZ(0px);
		transform: translateZ(0px);
		-webkit-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		-o-transition-property: transform;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		-webkit-filter: brightness(0.5);
		        filter: brightness(0.5);
	}

	.icon-box:hover {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	.icon-box:before,
	.icon-box:after {
		content: "";
		position: absolute;
		z-index: 1;
		width: 113.14px;
		height: 113.14px;
		background-color: inherit;
		left: 20.4315px;

		-webkit-transform: scaleY(0.5774) rotate(-45deg);
		-ms-transform: scaleY(0.5774) rotate(-45deg);
		transform: scaleY(0.5774) rotate(-45deg);
	}

	.icon-box:before {
		top: -56.5685px;
		border-top: solid 4.2426px #6e6e6e;
		border-right: solid 4.2426px #6e6e6e;
	}

	.icon-box:after {
		bottom: -56.5685px;
		border-bottom: solid 4.2426px #6e6e6e;
		border-left: solid 4.2426px #6e6e6e;
	}

	.about-desc{
		margin-top: 4em;
	}

	.about-item .wrap-about{
		padding: 0 10%;
	}

	.tenants-btn-wrapper{
		text-align: center;
	}
	.tenants-btn{
		text-decoration: none;
		text-transform: uppercase;
		padding: 20px 30px;
	}


/*=================================================================
	Our Benefits
	==================================================================*/

	#main-features {
		padding: 70px 0;
	}

	.feature-media {
		margin-bottom: 30px;
	}

	.feature-desc a {
		margin-right: 20px;
	}


/*=================================================================
	Item counter section
	==================================================================*/

	#counter {
		background: url(../img/parallax/city.jpg) center fixed;
		background-size: cover;
		padding: 70px 0;
		    background-blend-mode: overlay;
    background-color: rgb(255 255 255 / 90%);
	}

	.counters-item > div {
		margin: 10px 0;
	}

	.counters-item span {
		display: inline;
		font-family: 'Cormorant Garamond', serif;
		font-size: 35px;
		line-height: 50px;
	}

	.counters-item i {
		margin-bottom: 15px;
	}

	.counters-item h3 {
		font-family: 'Cormorant Garamond', serif;
		font-size: 20px;
		margin: 0;
	}


/*=================================================================
	Services section
	==================================================================*/

	#services {
		padding: 70px 0 100px;
	}

	#services .title {
		padding-bottom: 125px;
	}

	.service-block {
		padding: 50px 20px;
		border-left: 1px solid #4e595f;
		border-top: 1px solid #4e595f;
		margin-bottom: 40px;

		-webkit-box-shadow:2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 rgba(256, 256, 256, .7);
		box-shadow:2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 rgba(256, 256, 256, .7);
	}

	.service-icon {
		margin-bottom: 40px;
	}

	.service-block h3 {
		text-transform: uppercase;
		font-size: 18px;

	}



/*=================================================================
	Portfolio section
	==================================================================*/

	#showcase {
		padding: 75px 0;
	}

	#showcase h1{
		text-transform: uppercase;
    font-weight: 700;
    font-size: 38px;
	}

	.portfolio-filter {
		margin-bottom: 15px;

	}

	.portfolio-filter ul li {
		display: inline;
	}

	.portfolio-filter ul li a {
		color: #6e6e6e;
		display: inline-block;
		font-size: 14px;
		margin: 0 10px;
		padding: 5px 15px;
		position: relative;
	}

	.portfolio-filter ul li a::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: #63B670;
		content: '';

		-webkit-transition: top 0.3s;
		-o-transition: top 0.3s;
		transition: top 0.3s;
	}

	.portfolio-filter ul li a::after {
		position: absolute;
		top: 0;
		left: 0;
		width: 2px;
		height: 2px;
		background: #63B670;
		content: '';

		-webkit-transition: height 0.3s;
		-o-transition: height 0.3s;
		transition: height 0.3s;
	}

	.portfolio-filter ul li a:hover::before {
		top: 100%;
		opacity: 1;
	}

	.portfolio-filter ul li a:hover::after {
		height: 100%;
	}

	.portfolio-filter ul li a.active::before {
		top: 100%;
		opacity: 1;
	}

	.portfolio-filter ul li a.active::after {
		height: 100%;
	}


	.portfolio-filter ul li a.rentoffice::before,
	.portfolio-filter ul li a.rentoffice::after{
		background: #96d2a0;
	}
	.portfolio-filter ul li a.saleoffice::before,
	.portfolio-filter ul li a.saleoffice::after{
		background: #cddc39;
	}
	.portfolio-filter ul li a.rentretail::before,
	.portfolio-filter ul li a.rentretail::after{
		background: #9e9e9e;
	}
	.portfolio-filter ul li a.saleretail::before,
	.portfolio-filter ul li a.saleretail::after{
		background: #ff9800;
	}

	.og-grid .mix > a {
		display:block;
		overflow:hidden;
		position:relative;
	}

	.og-grid .mix a img {
		-webkit-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
		transition: all 0.6s ease 0s;
	}

	.og-grid .mix a:hover img {
		-webkit-transform: scale(1.4);
		-ms-transform: scale(1.4);
		transform: scale(1.4);
	}

	.hover-mask {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: rgb(255 255 255 / 95%);

		opacity: 0;
		filter: alpha(opacity=0);

		-webkit-transition: all 600ms ease-out 0s;
		-o-transition: all 600ms ease-out 0s;
		transition: all 600ms ease-out 0s;

		-webkit-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		transform: rotateY(180deg) scale(0.5,0.5);	
	}

	.hover-mask h3 {
		color: #6e6e6e;
		font-size: 20px;
		position: relative;
		text-transform: uppercase;
		top: 110px;
	}

	.hover-mask span {
		border: 2px solid #6e6e6e;
		border-radius: 50px;
		color: #6e6e6e;
		display: inline-block;
		height: 50px;
		left: 42%;
		padding: 11px 0;
		position: absolute;
		text-align: center;
		top: 22%;
		width: 50px;
	}

	.og-grid .mix a:hover .hover-mask {
		opacity: 1;
		filter: alpha(opacity=100);

		-webkit-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		transform: rotateY(0deg) scale(1,1);
	}
	.og-grid .mix a:hover .hover-mask > p,
	.og-grid .mix a:hover .hover-mask > i{
		position: relative;
		top: -20px;
		font-weight: bold;
	}

	.rent-item, .sale-item{
		display: inline-block;
	}
	.modalo .btn-close {
		color: #aaa;
		cursor: pointer;
		font-size: 30px;
		text-decoration: none;
		position: absolute;
		right: 10px;
		top: 0;
	  }
	  .modalo .btn-close:hover {
		color: red;
	  }
	  .modalo-wrap:before {
		content: "";
		display: none;
		background: rgba(0, 0, 0, .3);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999;
	  }
	  .modalo-overlay {
		bottom: 0;
		display: none;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 102;
	  }
	  .modalo-open:checked ~ .modalo-wrap:before,
	  .modalo-open:checked ~ .modalo-wrap .modalo-overlay {
		display: block;
	  }
	  .modalo-open:checked ~ .modalo-wrap .modalo-dialog {
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%, -50%);
		top: 50%;
	  }
	  .modalo-dialog {
		background: #fefefe;
		border: none;
		position: fixed;
		width: 80%;
		height: auto;
		overflow: auto;
		max-height: 80%;
		max-width: 500px;
		left: 50%;
		top: -100%;
		-webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22), 0 19px 60px rgba(0,0,0,.3);
		-moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
		box-shadow: 0 15px 20px rgba(0,0,0,.22), 0 19px 60px rgba(0,0,0,.3);
		-webkit-transform: translate(-50%, -500%);
		-ms-transform: translate(-50%, -500%);
		-o-transform: translate(-50%, -500%);
		transform: translate(-50%, -500%);
		-webkit-transition: -webkit-transform 0.4s ease-out;
		-moz-transition: -moz-transform 0.4s ease-out;
		-o-transition: -o-transform 0.4s ease-out;
		transition: transform 0.4s ease-out;
		z-index: 999999;
	  }
	  .modalo-body p {
	  margin: 0;
		text-align: justify;
		font-size: 14px;
		color: black;
	  }
	  .modalo-header {
	  text-align: center;
	  }
	  .modalo-header, .modalo-footer {
		padding: 20px;
	  }
	  .modalo-body {
		padding: 0 20px;
	  }
	  .modalo-header h2 {
		font-size: 18px;
		margin: 0;
		color: #000;
		font-weight: bold;
	  }
	  .modalo-footer {
		text-align: center;
	  }
	  .modalo-footer .btn {
		border-radius: 0px;
		border: 1px solid #6cb570;
		background: #6cb570;
		color: white;
		margin: 0;
		padding: 7px 20px;
		transition: opacity 0.3s;
	  }
	  .modalo-footer .btn:hover {
	  opacity: 0.7;
	  }
	  @media (max-width:768px) {
		.modalo-dialog {
		  width: 100%;
		  height: 100%;
		  max-width: 100%;
		  max-height: 100%;
		}
	  }
	  .copyright label {
		font-weight: unset;
		cursor: pointer;
		margin-bottom: 0;
		border-bottom: 1px dashed;
	  }
   /* Cookie Dialog */
   #gdpr-cookie-message {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    max-width: 95%;
    width: 1100px;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgb(0 0 0 / 25%);
    z-index: 99;
}
#gdpr-cookie-message h4 {
    color: black;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: black;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: black;
    font-size: 13px;
    line-height: 1.5em;
    margin-bottom: 10px;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
display: none;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button {
    border: none;
    background: #6cb570;
    color: white;
    outline: none !important;
    font-size: 13px;
    padding: 7px 10px;
    margin-left: 15px;
    cursor: pointer;
    transition: opacity 0.3s;
}
#gdpr-cookie-message button:hover {
    opacity: 0.7;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
display: none;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
@media(max-width:1120px) {
    #gdpr-cookie-message {
        max-width: 95%;
        width: 95%;
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
        margin-left: 0px;
    }
}
/*=================================================================
	Our skills
	==================================================================*/

	#team-skills {
		padding: 70px 0;
		background-image: url(../img/parallax/skills.jpg);
		background-blend-mode: overlay;
		background-color: rgba(255 255 255 / 95%);
	}

	.skill-chart > h3 {
		border-bottom: 1px solid;
		margin: 25px 0 15px;
		padding-bottom: 10px;
	}

	.chart {
		display: block;
		position: relative;
	}

	.percent {
		display: inline-block;
		font-size: 1.6em;
		height: 150px;
		line-height: 150px;
		text-align: center;
		width: 150px;
		z-index: 2;
	}

	.chart canvas {
		left: 50%;
		margin-left: -75px;
		position: absolute;
		top: 0;

	}

	.percent:after {
		content: '%';
		margin-left: .1em;
		font-size: .8em;
	}



/*=================================================================
	Our Team
	==================================================================*/

	#our-team {
		padding: 70px 0;
	}

	.about-team {
		color: #fff;
		padding-bottom: 40px;
	}

	.about-team .title h1 {
		color: #6e6e6e;
	}

	.team-mate {
		border: 1px solid #4e595f;
	}

	.member-photo {
		overflow: hidden;
		position: relative;
	}

	.member-photo img {
		-webkit-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
		transition: all 0.6s ease 0s;
		width: 100%;
	}

	.member-photo:hover img {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}

	.member-title {
		border-bottom: 1px solid #4e595f;
		padding: 10px 15px;
	}


	.member-photo .mask {
		background-color: rgba(43, 44, 48, 0.8);
		position: absolute;
		text-align: center;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 600ms ease-out 0s;
		-o-transition: all 600ms ease-out 0s;
		transition: all 600ms ease-out 0s;
		-webkit-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		transform: rotateY(180deg) scale(0.5,0.5);

	}

	.member-photo:hover .mask {
		cursor: pointer;
		opacity: 1;
		filter: alpha(opacity=100);

		-webkit-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		transform: rotateY(0deg) scale(1,1);
	}

	.team-mate h3 {
		font-family: 'Cormorant Garamond', serif;
		font-size: 28px;
		margin: 0 0 5px;

	}

	.member-info {
		padding: 15px;
	}

	.mask ul {
		text-align: center;
		position: relative;
		top: 125px;
	}

	.mask ul li {
		display: inline-block;
		margin-right: 15px;
	}

	.mask ul li a {
		border: 1px solid #6e6e6e;
		border-radius: 4px;
		color: #fff;
		display: block;
		font-size: 20px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		width: 35px;
	}

	.mask ul li a:hover {
		background-color: #6cb670;
		border: 1px solid transparent;
	}


/*=================================================================
	Twitter Feed
	==================================================================*/

	#twitter-feed {
		background-image: url("../img/parallax/twitter.jpg");
		padding-bottom: 100px;
		padding-top: 80px;
	background-blend-mode: overlay;
    background-color: rgba(255 255 255 / 95%);
	}

	.twitter-bird span {
		border: 2px solid #6cb670;
		border-radius: 50px;
		color: #6cb670;
		display: inline-block;
		margin-bottom: 50px;
		height: 90px;
		width: 90px;

	}

	.twitter-bird span i {
		line-height: 90px;
		padding-left: 10px;
	}

	.tweet {
		margin-bottom: 10px;
	}

	.tweet a {
		color: #6cb670;
	}

	.video-link{
		color: #6CB670;
	}
	.video-link:hover{
		color: #e52d27;
	}
	.video-link-wrapper{
		-webkit-transition: all .3s ease-in 0s;
		-o-transition: all .3s ease-in 0s;
		transition: all .3s ease-in 0s;
	}
	.video-link-wrapper:hover{
		border-color: #e52d27;
	}

/*=================================================================
	Pricing section
	==================================================================*/

	#pricing {
		padding: 70px 0;
	}

	#pricing article{
		margin-bottom: 20px;
	}

	.price-title {
		padding: 30px 0 20px;
	}

	.price-title > h3 {
		color: #6cb670;
		font-family: 'Cormorant Garamond', serif;
		font-weight: 700;
		margin: 0 0 10px;
		text-transform: uppercase;
	}

	.price-title > p {
		font-size: 18px;
		font-weight: 400;
	}


	.price-title .value {
		color: #6cb670;
		font-size: 30px;
	}

	.pricing li {
		border-top: 2px solid #3F4045;
		font-weight: 400;
		padding: 10px 0;
	}

	.pricing li:last-child {
		border-bottom: 2px solid #3F4045;
	}

	.pricing li:nth-child(2n) {
		background-color: #f2f2f2;
	}

	.pricing a.btn {
		text-transform: uppercase;
		margin: 20px 0;
	}



/*=================================================================
	Testimonial section
	==================================================================*/

	#testimonial {
		background-image: url(../img/parallax/bicycle.jpg);
		padding: 70px 0;
		    background-blend-mode: overlay;
    background-color: rgba(255 255 255 / 95%);
	}

	#testimonials .owl-wrapper-outer {
		top: -25px;
	}

	.client-thumb img {
		border-radius: 50%;
		margin: 0 auto;
		max-width: 115px;
		width: 100%;
		border: 3px solid #f0f0f0a8;
	}

	.client-meta {
		margin: 0 0 10px;
	}

	.client-meta h3 {
		font-family: 'Cormorant Garamond', serif;
		font-size: 20px;
		margin: 15px 0 5px .0;
	}

	.client-meta span {
		font-size: 12px;
	}
	.client-comment p{
		text-align: justify;
	}

	.client-comment .social-profile {
		text-align: center;
	}

	.client-comment .social-profile li {
		display:inline-block;
		margin: 0 6px 0 0;
	}

	.social-profile ul li {
		float: left;
		margin: 0 6px 0 0;
	}

	.social-profile a {
		color: #4e595f;
		display: block;
	}

	.social-profile li a i {
		line-height: 33px;
	}

	.social-profile li a:hover {
		color: #6CB670;
	}

	.owl-pagination,
	.owl-buttons {
		text-align: center;
	}

	.owl-controls .owl-page {
		display: inline-block;
	}

	.owl-controls .owl-page span {
		background-color: transparent;
		border: 2px solid #6e6e6e;
		border-radius: 50px;
		display: block;
		height: 13px;
		margin: 0 4px;
		width: 13px;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.owl-controls .owl-page.active span,
	.owl-controls .owl-page:hover span {
		background-color: #6cb670;
		border: 2px solid transparent;
	}

	.our-clients {
		margin: 30px 0 0;
	}

	#our-clietns .item img {
		max-width: 150px;
		width: 100%;
	}

	#our-clietns .owl-next, 
	#our-clietns .owl-prev {
		border: 1px solid #6e6e6e;
		border-radius: 50px;
		display: inline-block;
		margin: 45px 0 0;
		padding: 3px 15px;
		position: relative;
		text-align: center;
	}

	#our-clietns .owl-next i, 
	#our-clietns .owl-prev i {
		line-height: 34px;
	}

	#our-clietns .owl-prev {
		margin-right: 15px;
	}

	#our-clients .item {
		margin: 10px;
	}


/*=================================================================
	Latest Posts
	==================================================================*/

	#blog {
		padding-bottom: 110px;
		padding-top: 70px;
	}
	#blog ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.note {
		border: 1px solid #4e595f;
		    height: 100%;
	}

	.note .media-wrapper {
		border-bottom: 1px solid #4e595f;
		display: none;
	}

	.note .excerpt {
		padding: 0 10px 20px;
	}

	.note .excerpt h3 {
		font-size: 20px;
		line-height: 1.5;
		text-transform: capitalize;
	}

	.note .excerpt .btn-transparent{
		border: none;
	}

	.all-post {
		margin-top: 50px;
	}


/*=================================================================
	Contact
	==================================================================*/

	#contact-us {
		padding: 70px 0 0;
	}

	.contact-form {
		margin-bottom: 40px;
	}

	.contact-form .form-control {
		background-color: transparent;
		border: 1px solid #4e595f;
		height: 38px;
	}

	.contact-form input:hover, 
	.contact-form textarea:hover,
	#contact-submit:hover {
		border-color: #6CB670;
	}

	#submit {
		border: 1px solid #4e595f;
		padding: 12px 0;
		width: 100%;
		margin: 0;
		cursor: pointer;
	}

	.contact-form textarea.form-control {
		padding: 10px;
		height: 120px;
	}

	.contact-info > h3{
		margin-top: 0;
	}

	.contact-info p {
		margin-bottom: 25px;
	}

	.con-info {
		margin-bottom: 20px;
	}

	.con-info span {
		margin: -5px 0 0 15px;
	}

	.contact-form .form-control.error-mail{
		border-color: #D8000C;
	}

	.error {
		display: none;
		padding: 10px;
		color: #D8000C;
		border-radius: 4px;
		font-size: 13px;
		background-color: #FFBABA;
	}

	.success {
		background-color: #6cb670;
		border-radius: 4px;
		color: #fff;
		display: none;
		font-size: 13px;
		padding: 10px;
	}

	#map-canvas {
		height: 370px;
		width: 100%;
	}


/*=================================================================
	Footer section
	==================================================================*/

	.social-icon {
		padding: 60px 0 35px;
	}

	.social-icon > ul {
		text-align: center;
	}

	.social-icon > ul > li {
		display: inline-block;
		margin-right: 20px;
	}

	.social-icon > ul > li > a {
		background-color: #26292e;
		border-bottom: #6cb6705c solid;
		display: block;
		height: 70px;
		width: 70px;
		-webkit-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		transform: rotateY(180deg);
		-webkit-transition: all 400ms ease-out 0s;
		-o-transition: all 400ms ease-out 0s;
		transition: all 400ms ease-out 0s;
	}

	.social-icon > ul > li > a > i {
		color: #55606a;
		display: inline-block;
		font-size: 32px;
		line-height: 70px;
		margin: 0;

		opacity: 0.3;
		filter: alpha(opacity=30);

		-webkit-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		transform: rotateY(180deg);

		-webkit-transition: all 400ms ease-out 0s;
		-o-transition: all 400ms ease-out 0s;
		transition: all 400ms ease-out 0s;
	}

	.social-icon > ul > li:hover a {
		background-color: #6CB670;

		-webkit-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	.social-icon > ul > li:hover a i {
		color: #fff;
		opacity: 1;
		filter: alpha(opacity=100);

		-webkit-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	.social-icon > ul > li.facebook:hover a{
		background: #3b5998;
	}

	.social-icon > ul > li.twitter:hover a{
		background: #3cf;
	}

	.social-icon > ul > li.google-plus:hover a{
		background: #dd4b39;
	}

	.social-icon > ul > li.youtube:hover a{
		background: #e52d27;
	}

	.social-icon > ul > li.linkedin:hover a{
		background: #0077b5;
	}

	.social-icon > ul > li.dribbble:hover a{
		background: #d8334a;
	}
	.social-icon > ul > li.dribbble:hover a i{
		color: #bf263c;
	}

	.social-icon > ul > li.pinterest:hover a{
		background: #BD081C;
	}

	.copyright {
		padding: 20px 0;
		color: #fff;
	}

	.copyright > img {
		margin-bottom: 15px;
	}

	#scrollUp {
		border: 1px solid #6cb57094;
		bottom: 15px;
		color: #fff;
		display: none;
		padding: 8px 12px;
		background: #6cb57063;
		position: fixed;
		right: 20px;
		z-index: 600;

	}

	#scrollUp:hover {
		background-color: #6cb670;
		border: 1px solid #6cb670;
	}


/*=================================================================
	Blog Page
	==================================================================*/


	#blog-banner {
		padding-bottom: 100px;
		padding-top: 150px;
	}

	.blog-icon {
		border: 1px solid #6CB670;
		border-radius: 50%;
		color: #6CB670;
		display: inline-block;
		padding: 16px 20px;
	}

	.blog-title h1 {
		text-transform: uppercase;
	}

	#blog-page {
		margin: 0 0 40px;
	}

	.post-item{
		width: 100%;
		position: relative;
	}

	.post-item .entry {
		margin-bottom: 30px;
		position: relative;
		width: 100%;
	}
	.post-item .entry .media-wrapper,
	.post-item .entry .media-wrapper img{
		width: 100%;
		height: auto;
		max-height: 600px;
		position: relative;
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.entry .post-thumb img{
		width: 100%;
	}

	.entry .post-excerpt {
		padding: 20px 20px 20px 0;
	}
	.entry .post-excerpt ul{
		list-style: circle;
	}
	.entry .post-excerpt ul h4{
		font-weight: bold;
		letter-spacing: 1px;
	}
	.entry .post-excerpt table{
		width: 100%;
	}
	.entry .post-excerpt table tr{
		width: 100%;
		margin-bottom: 10px;
	}
	.entry .post-excerpt table tr td{
		width: 50%;
		padding: 10px 20px;
		font-size: 20px;
	}
	.entry .post-excerpt table tr td i{
		color: #aaa;
		font-size: 16px;
	}
	.entry .post-excerpt table tr td:first-child{
		padding-left: 0;
	}
	.entry .post-excerpt table tr td span{
		padding-right: 10px;
	}
.post-excerpt h3 a {
	color: #6CB670;
}
	#gallery-post .owl-prev,
	#post-thumb .owl-prev,
	#gallery-post .owl-next,
	#post-thumb .owl-next {
		padding: 5px 17px;
		position: absolute;
		top: 45%;

		-webkit-transition: all .5s ease-in 0s;
		-o-transition: all .5s ease-in 0s;
		transition: all .5s ease-in 0s;
	}

	#gallery-post .owl-prev,
	#post-thumb .owl-prev {
		left: -45px;
	}

	#gallery-post .owl-next,
	#post-thumb .owl-next {
		right: -45px;
	}

	#gallery-post:hover .owl-prev,
	#post-thumb:hover .owl-prev {
		left: 0;
	}

	#gallery-post:hover .owl-next,
	#post-thumb:hover .owl-next {
		right: 0;
	}

	#gallery-post,
	#post-thumb {
		overflow-x: hidden;
	}

	#post-thumb .owl-buttons {
		color: #fff;
	}

.post-meta a {
	color: #6e6e6e;
}
	.post-meta > span {
		border-right: 1px solid #4e595f;
		display: inline-block;
		font-size: 14px;
		margin: 10px 10px 0 0;
		padding-right: 10px;
	}

	.post-meta > span:last-child {
		border-right: 0;
	}

	.post-meta > span > i {
		margin-right: 5px;
	}

	.post-meta a:hover {
		color: #6CB670;
	}

	.post-excerpt .more {
		margin-top: 20px;
	}

	.post-excerpt .more a {
		display: inline-block;
		font-size: 13px;
		padding: 10px 25px;
	}

	.post-excerpt .more a:hover {
		background-color: #6CB670;
		color: #fff;
	}

	aside.widget {
		margin-bottom: 25px;
	}

	.widget-title > h3 {
		margin-bottom: 15px;
		margin-top: 0;
		position: relative;
	}

	#search-form {
		position: relative;
	}

	#search-submit {
		background: none;
		border: 0;
		color: #C8C8CA;
		display: block;
		font-size: 16px;
		height: 32px;
		outline: 0;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 32px;
	}
.tab-excerpt h4 a {
	    color: #6e6e6e;
}

	.tab-excerpt h4 a:hover {
		color: #6cb670;
	}


	.tab-post-nav {
		background-color: #4A535A;
	}

	.tab-post-nav li {
		float: left;
	}

	.tab-post-nav li.active a {  
		border-top: 3px solid #6cb670;
		background-color: #2F383D;
		color: #6CB670;
	}

	.tab-pane.active .clearfix:first-child {
		margin-bottom: 25px;
	}

	.tab-excerpt > span {
		display: block;
		font-size: 12px;
		margin-bottom: 10px;
	}


	.tab-post-nav li a {
		border-top: 3px solid transparent;
		color: #fff;
		display: block;
		padding: 13px 18px;
		text-align: center;
	}

	.categories li {
		margin-bottom: 10px;

		-webkit-transition: all .5s ease-in 0s;
		-o-transition: all .5s ease-in 0s;
		transition: all .5s ease-in 0s;
	}

	.categories > li:hover a {
		padding-left: 10px;
		color: #6CB670;
	}

	.categories > li:last-child {
		border-bottom: 0;
	}

	.categories li a {
		padding-left: 5px;
	}

	.widget-content .tag {
		background-color: #2F383D;
		color: #fff;
		display: inline-block;
		margin-bottom: 10px;
		margin-right: 5px;
		padding: 5px 13px;
	}

	.widget-content .tag:hover {
		background-color: #6CB670;
		color: #fff;
	}

	.post-pagination {
		display: inline-block;
		margin-bottom: 20px;
	}

	.post-pagination ul li {
		margin-right: 5px;
		float: left;
	}

	.post-pagination ul li:last-child {
		margin-right: 0;
	}

	.post-pagination ul li.disabled a {
		cursor: not-allowed;
	}

	.post-pagination ul li.disabled a:hover {
		background-color: #2E373C;
		color: #9aa8b3;
	}

	.post-pagination ul li a {
		background-color: #30393e;
		color: #9aa8b3;
		display: block;
		padding: 8px 18px;
	}

	.post-pagination ul li a:hover, 
	.post-pagination ul li.active a {
		background-color: #6CB670;
		color: #fff;
	}

/*=================================================================
	Single Blog Page
	==================================================================*/

	.single-blog {
		background-color: #fff;
		margin-bottom: 50px;
		padding: 20px;
	}

	blockquote {
		border-left: 5px solid #6cb670;
		font-style: italic;
		line-height: 22px;
		margin: 20px 0;
	}

	.next-prev {
		border-bottom: 1px solid #4e595f;
		border-top: 1px solid #4e595f;
		margin: 20px 0;
		padding: 15px 0 10px;
		text-align: center;
	}

	.next-prev a {
		color: #6e6e6e;
	}

	.next-prev a:hover {
		color: #6CB670;
	}

	.prev-post{
		float: left;
	}

	.prev-post i {
		float: left;
		margin-right: 10px;
		margin-top: -4px;
		color: #6cb570;
	}

	.next-post i {
		float: right;
		margin-left: 10px;
		margin-top: -3px;
		color: #6cb570;
	}

	.post-author {
		margin-right: 20px;
	}

	.post-author > img {
		border: 1px solid #4e595f;
		max-width: 120px;
		padding: 5px;
		width: 100%;
	}

	.comment-reply-form > h3,
	.author-about > h4,
	.comments > h4 {
		border-bottom: 1px solid #4e595f;
		margin-bottom: 15px;
		margin-top: 0;
		padding-bottom: 10px;
		position: relative;
	}

	.author-bio h5 {
		display: inline-block;
	}

	.post-item .comments-section {
		margin-top: 35px;
	}

	.comment-list ul {
		margin-top: 20px;
	}

	.comment-list li {
		margin-bottom: 20px;
	}

	.comment-wrap {
		border: 1px solid #4e595f;
		border-radius: 1px;
		margin-left: 20px;
		padding: 10px;
		position: relative;
	}

	.comment-wrap .author-avatar {
		margin-left: -25px;
		margin-right: 20px;
	}

	.author-comment {
		margin-bottom: 15px;
		overflow: hidden;
	}

	.author-comment cite a:hover, .replay:hover {
		color: #6CB670;
		text-decoration: underline;
	}

	.author-comment cite {
		margin-bottom: 2px;
		padding-top: 4px;
	}

	.comment-content {
		margin-left: 45px;
	}

	.comment-list ul li {
		padding-left: 25px;
	}

	.comment-reply-form {
		margin-top: 80px;
	}

	#comment-form {
		margin-top: 35px;
	}

	#comment-form .form-control:hover {
		border-color: #6CB670;
	}

	.form-group:last-child,
	.form-group:last-child input {
		margin: 0;
	}

	.mix>a>p {
		position: absolute;
		display: inline;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		z-index: 999;
		font-size: 4em;
		line-height: 1em;
		background-color: rgba(108, 181, 112, 0.68);
		margin: auto;
		height: 97px;
		min-width: 97px;
		max-width: 170px;
		opacity: 1;
		-webkit-transition: all 0.425s ease;
		-o-transition: all 0.425s ease;
		transition: all 0.425s ease;

	}

	.mix>a:hover>p {
		/*display: none;*/
		opacity: 0;

	}

	.mix.rentoffice>a>p{
		background-color: rgba(150,210,160,0.68);
		border: 3px solid #96d2a0;
	}
	.mix.saleoffice>a>p{
		background-color: #cddc3985;
		border: 3px solid #cddc39;
	}
	.mix.saleretail>a>p{
		background-color: #ff98009c;
		border: 3px solid #ff9800;
	}
	.mix.rentretail>a>p{
	    background-color: #9e9e9ea1;
	    border: 3px solid #9e9e9e;
	}
	
	.carousel, .carousel a, .carousel img{
		height: 450px;
		width: 100%;
		cursor: -webkit-zoom-in;
		cursor: zoom-in;
	}
	.carousel img{
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.carousel .owl-controls .owl-buttons{
		position: absolute;
		top: 50%;
		bottom: 50%;
		width: 100%;
		height: 1px;
	}
	.carousel .owl-controls .owl-buttons div{
		position: absolute;
		display: inline-block;
		font-size: 24px;
		margin-top: -25px;
	}
	.carousel .owl-controls .owl-buttons .owl-next{
		right: 0;
		margin-right: 15px;
	}
	.carousel .owl-controls .owl-buttons .owl-prev{
		left: 0;
		margin-left: 15px;
	}

	.spaces-wrapper .spaces-item a img{
		height: 450px;
		-o-object-fit: cover;
		   object-fit: cover;
		width: 100%;
		border-bottom: solid 6px #6cb570;
	}
	.spaces-wrapper .spaces-item, .spaces-wrapper .spaces-item a{
		height: 450px;
		position: relative;
		display: block;
	}
	.spaces-wrapper .spaces-item a p{
		position: absolute;
		bottom: 0;
		text-align: center;
		width: 100%;
		background: rgba(51, 52, 57, 0.6);
		margin: 0;
		padding: 10px 0;
		font-size: 26px;
	}

.tenants-item-wrapper{
	height: 200px;
	margin-bottom: 4em;
}
.tenants-item-wrapper > div{
	height: 150px;
	position: relative;
}
.tenants-item-wrapper img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 120px;
	-o-object-fit: cover;
	   object-fit: cover;
}
.tenants-item-wrapper p {
	text-align: center;
	margin-bottom: 0;
	line-height: 1.3;
}
.tenants-item-wrapper p span{
	color: #6cb670;
}

.greentext {
	color: #6CB670;
}