@import url('https://fonts.googleapis.com/css?family=Cabin:400,700&display=swap');

:root {
	--primary-color: #ee1c27;
	--secondary-color: #2e3190;
}

body{
	font-family: 'Cabin', sans-serif;
	scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Cabin', sans-serif;
	letter-spacing: 1px;
	text-transform: capitalize;
	font-weight: 700;
}


p{
	font-family: 'Cabin', sans-serif;
	color: #000;
	margin-bottom: 0;
}
span{
	font-family: 'Cabin', sans-serif!important;
	color:var(--primary-color);
	font-weight: 700;
}
a{
	font-family: 'Cabin', sans-serif;
	text-decoration: none;
	color: #000;
}
a:hover{
	text-decoration: none;
	color: #000;

}

.padding-tb{
	padding-top: 70px;
	padding-bottom: 70px;
}
.padding-t{
	padding-top: 70px;
}
.padding-b{
	padding-bottom: 70px;
}

.pad-0{
	padding: 0px;
}

.devinebutton{
	border:  2px solid var(--primary-color);
	padding: 8px 15px;
	text-decoration: none;
	text-align:center;
	text-transform: capitalize;
	transition: 0.4s;
}
.devinebutton:hover{
	background: #fff;
}
.devinebutton:hover a{
	color:var(--secondary-color);
}

.fixed-button h6{
	text-transform: uppercase;
	color: #fff;
	padding: 2px;
	border: 1px solid var(--primary-color);
	background-color: var(--primary-color);
}
.negotiable-button h6{
/*position: absolute;
bottom: -150px;
left: 300px;*/
text-transform: uppercase;
color: #fff;
padding: 3px 15px;
font-size: 12px;
font-weight: 700;
border: 1px solid #3ed715;
border-radius: 100px;
background-color: #3ed715;
}

/*wishlist-button*/
.button-wishlist{
	border: 2px solid var(--primary-color);
}
.button-wishlist a{
	color: var(--primary-color);
}
.button-wishlist:hover{
	background-color: var(--primary-color);
}
.button-wishlist:hover a{
	color: #fff;
}

/*share-button*/
.button-share{
	border:2px solid var(--secondary-color);
	background: #fff;
}
.button-share a{
	color: var(--secondary-color);
}
.button-share:hover{
	background-color:var(--secondary-color);
}
.button-share:hover a{
	color: #fff;
}

/*details-button*/
.button-details{
	border: 2px solid var(--secondary-color);
}
.button-details a{
	color:var(--secondary-color);
}
.button-details:hover{
	background-color:var(--secondary-color);
}
.button-details:hover a{
	color: #fff;
}

/*properties-status*/
.properties-status{
	padding: 10px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 5px;
	margin-top: 15px;
}
.properties-status h5{
	text-align: center;
	text-transform: uppercase;
}
.properties-status-list{
	text-align: center;
}
.properties-status-list .active{
	background: var(--primary-color);
}


/*.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid blue;
border-right: 16px solid green;
border-bottom: 16px solid red;
border-left: 16px solid pink;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}*/






.header-bg{
	background: var(--secondary-color);
	padding-top: 5px;
	padding-bottom: 10px;
}

.header-contacts ul>li{	
	display: inline-block; 
}
.header-contacts ul{
	margin-bottom: 0;
	padding: 0;
}

.header-contacts ul>li>a{
	color: #fff;
	margin-right: 30px;
	margin-left: 30px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;

}
.header-login ul{
	text-align: right;
	margin-bottom: 0;
}
.header-login ul>li{
	display: inline-block;
	float: none;
	padding-bottom: 0;
	margin-left: 5px;
}

.header-login-btn{
	border: 1px solid #fff;
	padding: 3px 11px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	border-radius: 100px;
	transition: 0.3s;
}
.header-login-btn:hover{
	background: #fff;
	color: var(--primary-color);
}
.header-signin-btn{
	border: 1px solid #fff;
	padding: 3px 11px;
	background-color: #fff;
	color: var(--primary-color);
	font-size: 12px;
	font-weight: 700;
	border-radius: 100px;
	transition: 0.3s;
}
.header-signin-btn:hover{
	background: var(--secondary-color);
	color: #fff;
}
.devine-button{
	background: var(--primary-color);
	color: #fff;
	border: none;
}
.header-options li>a{
	color: #000;
}







.subheader-bg{
	background-color: var(--primary-color);
}
.subheader-logo{
	height: 70px;
	padding: 7px;
	overflow: hidden;
}
.subheader-logo img{
	height: 100%;
	object-fit: contain;
}
.subheader-logo h1{
	color: #fff;
	margin-top: 15px;
	font-size: 35px;
}
.subheader-menu li>a{
	color: #fff !important;
}
.sub-header-menu-list .nav-link{
	border-bottom: 2px solid var(--primary-color);
	transition: 0.4s;
}
.sub-header-menu-list .nav-link:hover{
	border-bottom: 2px solid #fff;
}
.sub-header-padding{
	padding: 0;
}
.sub-header-menu-list ul>li{
	margin-left: 15px;
}
.sub-header-menu-list .active {
	border-bottom:2px solid #fff;
}






.subfooter-bg{
	background: var(--secondary-color);
	padding:20px 0; 
}
.subfooter-copyright p{
	color: #fff;
	text-align: center;
}
.subfooter-content p{
	color: #fff;
	text-align: right;
}
.subfooter-content p>a{
	color: #fff;
	font-weight: 700;
}
@media (max-width: 768px){
	.subfooter-content p{
		margin-top: 20px;
		text-align: left;
	}
}







.footer-bg{
	background: var(--primary-color);
}
.footer-content h5{
	color: #fff;
}
.footer-content p>a{
	color: #fff;
}
.footer-useful-links{
	color: #fff;
}
.footer-social-links a{
	margin-right: 10px;
	color: #fff;
}


.footer-button button{
	background: var(--secondary-color);
	width: 100%;
}
@media (max-width: 768px){
	.footer-useful-links, .footer-social-links, .footer-form {
		margin-top: 20px;
	}
}







.blog-detail-title h2{
	text-align: center;
	background-color: var(--secondary-color); 
	color: #fff;
	padding: 10px;
}
.blog-detail-image{
	margin-top:20px; 
	height: 400px;
	overflow: hidden;
	box-shadow: 1px 2px 5px 5px #eee;
}
.blog-title h2{
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.blog-image-title{
	margin-top:20px;
	text-align: center;
	background-color: var(--secondary-color); 
	color: #fff;
	padding: 10px;	
}
.blog-image-title h4{
	margin-bottom: 0;
}
.blog-content p{
	margin-top: 20px;
	text-align: justify;
}

.blog-date{
	margin-top: 15px;
}
.blog-image{
	margin-top:20px; 
	height: 300px;
	overflow: hidden;
}

.blog-image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.blog-image:hover{
	box-shadow: 0 0 20px 5px #eee;
}

.blog-card{
	margin-top: 30px;
	border: 1px solid rgba(0,0,0,0.2);
	padding-top: 0px;
	padding: 20px;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
}
.blog-footer ul>li{
	display: inline-block;
}
/*load-button*/
.load-button{
	text-align: right;
}
.load-button a{
	display: inline-block;
	padding: 8px 45px;
	border: 1.5px solid var(--primary-color);
	color: var(--primary-color);
	border-radius: 5px;
	transition: 0.4s;
	font-size: 14px;
	font-weight: 700;
}
.load-button a:hover{
	color: #fff;
	background: var(--primary-color);
}










.buy-title h2{
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.buy-card{
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 5px;
	padding: 15px 0;
	margin: 15px 0;
}
.buy-image{
	height: 230px;
	overflow: hidden;
	transition: 0.3s;
}
.buy-image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.buy-image:hover{
	box-shadow: 0 0 20px 5px #ddd;
}
.buy-details h6{
	margin-top: 15px;
	text-align: center;
}
.buy-details p{
	text-align: center;
	margin-bottom: 15px;
}
.buy-details-button ul>li{
	display: inline-block;
}
.buy-details-button ul{
	margin-bottom: 0;
}








.contact-title h2{
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.contact-form h5{
	text-align: center;
	text-transform: uppercase;
}
.contact-form-control{
	margin-top: 20px;	
}
.contact-address-card h5{
	text-align: center;
	text-transform: uppercase;
}
.contact-address{
	margin-top: 20px;
	text-align: center;
	border: 1px solid #eee;
	padding: 20px;	
	transition: 0.4s;
}
.contact-address:hover{
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
	color: var(--secondary-color);	
}
.contact-form{
	margin-bottom: 50px;
}
.contact-form form input{
	border-radius: 0;
	border: 1px solid #ddd;
}
.contact-form form input:focus{
	border: 1px solid #ddd;
	box-shadow: 0 0 20px 0 #ddd;
}
.contact-form form textarea{
	border-radius: 0;
	border: 1px solid #ddd;
}
.contact-form form textarea:focus{
	border: 1px solid #ddd;
	box-shadow: 0 0 20px 0 #ddd;
}
.contact-map{
	margin-bottom: -6px;
}
.contact-map h5{
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.contact-load-button{
	text-align: center;
}
.contact-load-button button{
	display: inline-block;
	padding: 8px 45px;
	border: 1.5px solid var(--primary-color);
	color: var(--primary-color);
	background: #fff;
	border-radius: 5px;
	transition: 0.4s;
	font-size: 14px;
	font-weight: 700;
}
.contact-load-button button:hover{
	color: #fff;
	background: var(--primary-color);
}








.detail-first-images{
	height: 420px;
	overflow: hidden;
	margin-top: 20px;
}

.detail-first-images img{
	height: 100%;
	width: 100%;
	object-fit: cover;	
}
.detail-images{
	height: 200px;
	overflow: hidden;
	margin-top: 20px;
}
.detail-images img{
	height: 100%;
	width: 100%;
	object-fit: cover;	
}

.detail-caption ul{
	padding-left: 0;
}
.detail-caption ul>li{
	display: inline-block;
}
.detail-caption .button-wishlist{
	margin-left: 15px;
}
.share-menu{
	padding: 15px!important;
}
.share-menu li{
	display: block !important;
}
.detail-subcaption ul{
	padding-left: 0;
}
.detail-subcaption ul>li{
	display: inline-block;
}
.detail-subcaption .negotiable-button{
	margin-left: 10px;
}
.dropdown-menu li{
	display: block;
}
.detail-overview ul{
	display: inline-block;
}
.detail-overview p{
	text-align: justify;
}
.detail-description p{
	text-align: justify;
}
.detail-amenities ul>li{
	display: inline-block;
	text-align: center;
	margin-right: 30px;
}
.detail-features ul>li{
	list-style-type: square;
}
.detail-form-control{
	margin-top: 10px;
	width: 200px;
}
.detail-form{
	margin-top: 20px;
	border: 2px solid #eee;
	padding: 20px;
	text-align: center;
}

.detail-form-control input{
	align-items: center;
	padding: 5px 15px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 3px;
}
.detail-button button{
	background: var(--primary-color);
	color: #fff;
	border: 1px solid var(--primary-color);
	border-radius: 3px;
	padding: 5px 15px;
	width: 97%;
}
.detail-button a{
	margin-top: 5px;
	font-weight: 700;
	border-bottom: 2px solid #000;
}
.detail-owner p{
	text-align: justify;
}
.detail-more-images-title h6{
	text-align: center;
	margin-top: 30px;
	text-transform: capitalize;
}







/*home-carousel*/
.home-carousel-image-card{
	height: 500px;
	overflow: hidden;
}
.home-carousel-image{
	height: 500px;
	overflow: hidden;
}
.home-carousel-image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.image-caption{
	text-align: center;
	top: 165px;
}
.image-caption p{
	color: #fff;
	margin-bottom: 20px;
}
.image-caption a{
	color: #fff;
}

/*home-form*/

.home-form-bg{
	padding: 50px 30px;	
	background-color: var(--primary-color);
	position: relative;
	bottom: 70px;
	margin-bottom: -70px;
	text-align: center;
	border-radius: 100px;
}
.form-button-search{
	padding-left:30px;
	padding-right: 30px; 
	background-color: var(--secondary-color);
	border-radius: 100px;
	color: #fff;
	transition: 0.3s;
}
@media(max-width: 678px){
    .home-form-bg{
        bottom: 0;
        margin-bottom: 0px;
        border-radius: 0;
        padding: 30px;
    }
}

.form-button-search a{
	color: #fff;
}
.form-group select, .input-group input, .input-group-text{
	border-radius:0; 
}
.form-check p{
	color: #fff;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}
.custom-radio .custom-control-input:checked~.custom-control-label::before{
	background-color: var(--secondary-color);
}
.home-form select{
	border-radius: 100px;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
	width: 100%!important;
}
.home-form select:focus{
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
}
.home-form select:active{
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
}
.home-form label{
	color: #fff;
}
.home-form .input-group-text{
	border-radius: 100px;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
}
.home-form input[type="number"]{
	border-radius: 100px;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
}
.home-form input[type="number"]:focus{
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
}
.home-form input[type="number"]:active{
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
}




/*home-services*/
.home-service-content{
	text-align: center;
	padding: 30px;
	border: 1px solid #eee;
	border-radius: 5px;
	transition: 0.4s;
}
.home-service-content p{
	text-align: justify;
}
.home-service-content i{
	font-size: 50px;
	margin-bottom: 15px;
	color: var(--primary-color);
}
.home-service-title h2{
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.home-service-content:hover{
	box-shadow:0px 0px 15px 1px rgba(0,0,0,0.1);
}



/*home-listing*/
.home-listing{
	border-radius: 5px;
	margin: 15px 0;
	transition: 0.4s;
}
.home-listing-title h2{
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.home-listing-images{
	height: 200px;
	overflow: hidden;
	border-radius: 5px 5px 0 0 ;
}
.home-listing:hover{
	box-shadow:0px 0px 15px 1px rgba(0,0,0,0.1);
}
.home-listing-images img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.home-listing-content{
	padding: 15px;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 0 0 5px 5px
	border-top: none;
}
.sale-button{
	text-align: center;
	position: relative;
	margin-bottom: -33px;
}
.sale-button h6{
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	z-index: 10;
	padding: 2px 15px;
	border: 1px solid var(--primary-color);
	border-radius: 0 0 5px 5px;
	background-color: var(--primary-color);
}

.rent-button{
	text-align: center;
	position: relative;
	margin-bottom: -33px;
}
.rent-button h6{
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	z-index: 10;
	padding: 2px 15px;
	border: 1px solid var(--secondary-color);
	border-radius: 0 0 5px 5px;
	background-color: var(--secondary-color);
}





/*home-blog*/
.home-blog-bg{
	background: var(--primary-color);

}
.home-blog-content h2{
	color: #fff;
	margin: 5px 0;
}
.button-blog{
	text-align: right;
}
.button-blog a{
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 10px 45px;
	color: #fff;
	transition: 0.3s;
}
.button-blog a:hover{
	background: #fff;
	color: var(--primary-color);
}

/*home-recent*/
.home-recent{
	border-radius: 5px;
	margin: 15px 0;
	transition: 0.4s;
}

.home-recent-title h2{
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.home-recent-images{
	height: 200px;
	overflow: hidden;
}
.home-recent-images img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 5px 5px 0 0 ;
}
.home-recent:hover{
	box-shadow:0px 0px 15px 1px rgba(0,0,0,0.1);
}
.home-recent-content {
	padding: 15px;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 0 0 5px 5px;
}

/*home-review*/
.home-review-bg{
	background: linear-gradient(rgba(0.75,0.5,0.5,0.75), rgba(0,0,0.5,0.75)), url('../images/1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	padding: 100px 0;
	text-align: center;
	color: #fff;
}
.review-image{
	height: 120px;
	overflow: hidden;
	display: flex;
	vertical-align: middle;

}

.review-image img{
	height:100%;
	object-fit: cover;
	margin: 0 auto;
}
.review-content p{
	margin-top: 30px;
	color: #eee;
}
.review-content p>span{
	color: #fff;
	text-align: center;
	font-weight: 500;
	letter-spacing: 1px;
}
.review-name h5{
	margin-top: 20px;
	color: #fff;
	text-align: center;
}








.rent-title h2{
	text-align: center;
	margin-bottom: 20px;
}
.rent-card{
	border: 1px solid #888;
	padding: 20px;
	margin-top: 20px;
}
.rent-image{
	height: 230px;
	overflow: hidden;
}
.rent-image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.rent-image:hover{
	box-shadow: 0 0 20px 5px #ddd;
}
.rent-details-button ul>li{
	display: inline-block;
}
.rent-details-button{
	margin-left: -40px;
}






.search-form{
	border: 2px solid var(--secondary-color);
	padding: 20px;
}
.search-title h2{
	margin-top: 20px;
	text-align: center;
}



.sell-bg{
	text-align: center;
}
.sell-title{
	text-align: center;
}
.sell-form-bg{
	
}
.sell-form-control{
	margin-top: 20px;

}
.sell-form-control input{
	
}
.sell-form{
	text-align: center;
}
.form-control{
	margin-left: auto!important;
	margin-right: auto!important;
}
.sell-form .detail-button button{
	width: 100%;
}







.blog-detail-image img{
	height: 100%;
	width: 100%;
	object-fit: cover;

}
.blog-detail-content p{
	margin-top: 20px;
}
.blog-recent-image{
	height: 75px;
	overflow: hidden;
}
.blog-recent-image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.blog-recent-content h6{
	background-color:var(--secondary-color);
	color: #fff;
	padding: 5px;
}
.blog-recent h4{
	text-transform: uppercase;
	margin-bottom: 15px;
}