@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
/*=============================navigation bar=============================*/
body{
	font-family: 'Josefin Sans', sans-serif;
	background-color: #f7f8f9;
}
::selection{
	background-color: black;
	color: white;
}
::-webkit-scrollbar {
	width: 15px;
}
/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey; 
	border-radius:30px ;
} 
/* Handle */
::-webkit-scrollbar-thumb {
	background-image: linear-gradient(to bottom ,#1976e5, #42b2f3); 
	border-radius: 30px;

}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background-image: linear-gradient( #191919, #737373);
}
:root{
	scrollbar-color: rgb(23,116,228) rgb(247,247,247) !important;
	border-radius: 50px !important;
}
.agency-listing::-webkit-scrollbar {
	width: 8px;
}
ul{
	padding-inline-start: 0;
}
*{
	padding: 0;
	margin:0;
}
.header-ad{    
	background: black;
	width: 468px;
	height: 50px;
	margin: 0 auto;
	margin-top: 5px;
	color: white;
	text-align: center;
}
.sticky #cssmenu > ul > li > a{
	color: black;
}
.sticky #cssmenu > ul > li.has-sub > a:before{
	background-color: black;
}
.sticky #cssmenu > ul > li.has-sub > a:after{
	background-color: black;
}
.sticky .sticky-logo{
	display: none;
}
.sticky-logo{
	display: block;
}
.sticky .no-sticky-logo{
	display: block;
	width: 50%;
	margin: 0 auto;
}
.no-sticky-logo{
	display: none;
}

/*=============================navigation bar=============================*/
*{margin:0;padding:0;text-decoration:none}
header{position:relative;width:100%;}
header .logo {
    padding: 10px;
    height: 100%;
    display: block;
    float: left;
    font-family: 'Varela Round', sans-serif;
    color: black;
	width: 8%;
}
.logo img{
	width: 100%;
}
#nav-mnu{
	margin-top: 20px;
	float: right;
	margin-right: 0px;
}
.sticky #nav-mnu{
	margin-right: 70px;
}
nav{position:relative;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;z-index: 9999;}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{    
	padding: 17px 10px;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-family: Montserrat;
	text-transform: uppercase;
}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#000}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#fff!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right: 20px;
    padding-left: 10px;}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu > ul > li.has-sub:hover > a:after{
	background: #000;
}
#cssmenu ul ul{position:absolute;left:-9999px;box-shadow: 0px 3px 8px #00000040;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#fff;transition:all .25s ease}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{    font-family: Montserrat; text-transform: uppercase;border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:140px;font-size:12px;text-decoration:none;color:#000;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#000;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#000;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul > li.has-sub:hover > a:after{
	background: #fff;
}
#cssmenu ul ul li:hover,#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#2689ea;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1000px){
	.logo{position:absolute;top:0;left: 0; text-align:center;padding:10px 0 0 0 ;float:none;width: 50% !important;}
	.logo2{display:none}
	nav{width:100%;}
	#cssmenu{width:100%}
	#cssmenu ul{width:100%;display:none;    background-color: white;}
	#cssmenu ul li{width:100%;border-top:1px solid #444}
	#cssmenu ul li:hover{background:#2689ea;}
	#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
	#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;color: black;}
	#cssmenu > ul > li{float:none}
	#cssmenu ul ul li a{padding-left:25px}
	#cssmenu ul ul li{background:#3aa6f0!important;}
	#cssmenu ul ul li:hover{background:#2689ea!important}
	#cssmenu ul ul ul li a{padding-left:35px}
	#cssmenu ul ul li a{color:#fff;background:none}
	#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
	#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
	#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
	#cssmenu #head-mobile{display: block;
    padding: 45px;
    position: relative;
    z-index: -50;}
	.button{    width: 46px;
    height: 46px;
    position: absolute;
    right: 13px;
    top: 26px;
    cursor: pointer;
    z-index: 12399994;
    background-image: linear-gradient(
45deg, #1876e4, #3faef1);
    border: 1px solid white;}
	.button:after{    padding: 2px;position:absolute;top:22px;right:13px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
	.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:13px;display:block;height:2px;width:20px;background:#ddd;content:''}
	#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
	#cssmenu .submenu-button.submenu-opened{background:#2283e8}
	#cssmenu ul ul .submenu-button{height:34px;width:34px}
	#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
	#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
	#cssmenu .submenu-button.submenu-opened:after{background:#fff}
	#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
	#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
	#cssmenu .submenu-button.submenu-opened:before{display:none}
	#cssmenu ul ul ul li.active a{border-left:none}
	#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
/*=============================navigation bar=============================*/
/*=================================banner=================================*/
.advrtse-img img{
	width: 100%;
}
.h-navigation{
	padding-bottom: 250px;
}
.navigation-bar{
	position: relative;
	/* background-image: url(../pic/home-banner-bg5.jpg); */
	background-size: 100% 100%;
	
}
.overlay-bg{
	background-color: #000;
	opacity: 0.3;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.navigation-bar h1{
	text-align: center;
    text-transform: uppercase;
    margin-top: 10%;
    color: white;
    font-weight: 600;
    font-size: 40px;
	text-shadow: 0px 3px 6px #000000;
}
#menu-bar{
	background-image: url(../pic/title-bg.jpg);
	background-size: 100% 100%;
}

/*================================top-nav================================*/
.top-nav{
	display: block;
	position: relative;
}
.top-nav .add-property{
	background-image: linear-gradient(to right, #ff561b, #fd8d51);
	width: auto;
	position: relative;
	padding: 10px 24px 10px 10px;
}
.top-nav li{
	float: left;
	display: block;
	margin-right: 22px;
	font-size: 17px;
	margin-top: 8px;
}
.top-nav .lft-lst{
	float: right;
}
.top-nav .lft-lst li{
	margin-left: 10px;
	margin-right: 0;
}
.top-nav li a{
	color: white;
	padding: 10px 9px;
	font-size: 14px;
	background-image: linear-gradient(45deg, #1875e5, #43b3f3);
	box-shadow: 0px 0px 8px #0000003d;
}
.top-nav:after{
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #ffffff6b;
	top: 60px
}
.top-nav .rght-lst{
	margin-top: 0px;
	float: left;
}
.top-nav .rght-lst li{
	margin-left: 0;
	margin-right: 10px;
}

.top-nav li button i{
	padding: 6px;
	background-color: white;
	color: black;
	border-radius: 50px;
	width: 25px;
	height: 25px;
	font-size: 11px;
	text-align: center;
	margin-right: 7px;
}
.top-nav li button{
    border-color: #ffffffa9;
    box-shadow: 0px 1px 2px #00000059;
    padding: 7px 7px;
    transition: 0.3s all;
    text-align: left;
    width: 100px;
    font-size: 15px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: transparent;
}
.top-nav li button:hover{
	background-image: linear-gradient(45deg, white, white);
	border-color: #41b0f3;
	box-shadow: 0px 2px 4px #00000073;
	color: black;
}
.top-nav li button:hover i{
	background-color: #43b3f4;
	color: white;
}
/*================================top-nav================================*/
/*===============================search-bar===============================*/
ul.tabs {
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ffffffc9;
    width: 100%;
    margin: 0 auto;
    display: flow-root;
    margin-top: 45px;
}

ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 5px 20px;
    height: 40px;
    line-height: 31px;
    overflow: hidden;
    position: relative;
    border-radius: 5px 5px 0px 0px;
    font-size: 15px;
    font-weight: 800;
    color: white;
    margin-right: 5px;
    border: 1px solid transparent;
    border-bottom: none;
}
ul.tabs li:hover {
    color: #fff;
    border: 1px solid;
    border-bottom: none;
}
ul.tabs li.active {
    color: #000;
    display: block;
    background-color: #fff;
}

.tab_container {
    clear: both;
    padding: 10px 0px;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.tab_container .form-group{
	float: left;
	display: block;
	margin-right: 5px;
	margin-left: 0px;
}
.tab_container .form-group select{
	padding: 10px;
    width: 261px;
    height: inherit;
	font-size: 17px;
}
.tab_content {
	display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		display: none;
	}
	.d_active {
		background-color: #666;
		color: #fff;
	}
}
.advance_search {
	background: #eeeeeed4;
	padding: 10px 0px 10px 5px;
    margin-top: 4%;
    margin-left: 0%;
	-webkit-transition: all .6s linear .15s;
	-moz-transition: all .6s linear .15s;
	-o-transition: all .6s linear .15s;
	-ms-transition: all .6s linear .15s;
	transition: all .6s linear .15s;
	font-size: 12px;
	display: none;
	position: absolute;
	border-radius: 0px 0px 15px 15px;
}
.advance_search select{
	padding: 5px !important;
	width: 200px !important;
}
.advance_search .close {
    color: #000000;
    text-shadow: 0 1px 2px #4f4f4f;
    right: -7px;
    top: -7px;
    font-size: 20px;
    opacity: 1;
}
#srch{
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
	padding: 10px 20px;
	color: white;
	outline: none;
	border-radius: 3px;
}
#mp-srch{
	background-image:linear-gradient(to right, #1875e4, #43b2f4);
	padding: 10px;
	color: white;
	outline: none;
	border-radius: 3px;
	border-color: transparent;
}
#advance {
	background: linear-gradient(to right, #1774e4,#44b4f4);
	border-radius: 3px;
	color: #122dff;
	display: inline-block;
	font-size: 14px;
	padding: 0px;
	text-decoration: none;
}
#advance span {
	background: linear-gradient(to right, #1774e4,#44b4f4);
    display: block;
    padding: 8px 9px;
    color: white;
}
/*===============================image-gallery===============================*/
.gallery {
	display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(5, 5vw);
    grid-gap: 1.5rem;
    width: 100%;
    margin: 0 auto;
  }
  
  .gallery__img {
	width: 100%;
    height: 100%;
    /* object-fit: cover; */
    display: block;
    transition: 0.5s all;
    opacity: 0.7;
  }
  
  .gallery__item--1 {
	grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
  
	/** Alternative Syntax **/
	/* grid-column: 1 / span 2;  */
	/* grid-row: 1 / span 2; */
  }
  
  .gallery__item--2 {
    grid-column-start: 6;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
  
	/** Alternative Syntax **/
	/* grid-column: 3 / span 2;  */
	/* grid-row: 1 / span 2; */
  }
  
  .gallery__item--3 {
    grid-column-start: 6;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 4;
  
	/** Alternative Syntax **/
	/* grid-column: 5 / span 4;
	grid-row: 1 / span 5; */
  }
  
  .gallery__item--4 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 6;
  
	/** Alternative Syntax **/
	/* grid-column: 1 / span 4;  */
	/* grid-row: 3 / span 3; */
  }
  
  .gallery__item--5 {
	grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 6;
  
	/** Alternative Syntax **/
	/* grid-column: 1 / span 4; */
	/* grid-row: 6 / span 3; */
  }
  
  .gallery__item--6 {
    grid-column-start: 6;
    grid-column-end: 9;
    grid-row-start: 4;
    grid-row-end: 6;
  
	/** Alternative Syntax **/
	/* grid-column: 5 / span 4; */
	/* grid-row: 6 / span 3; */
  }
  .gallery__item{
    overflow: hidden;
    position: relative;
    background-color: black;
  }
  .gallery__item:hover img{
	  transform: scale(1.2);
  }
  .gallery__item .name{
	position: absolute;
    bottom: 25px;
    margin-left: 25px;
    z-index: 2;
	text-transform: capitalize;
	line-height: 0.9;
  }
  .gallery__item .name p{
	font-weight: 600;
    color: white;
    font-size: 25px;
  }
  .gallery__item .name span{
	font-size: 15px;
    font-weight: 600;
    color: white;
  }

/*=================================banner=================================*/

/*////////////////////////////////property////////////////////////////////*/
.prprty-sle{
	margin-top: 50px;
}
.prprty-sle .tab button {
	width: auto;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 29px;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
    padding: 0px 0px;
    text-align: left;
    margin-right: 40px;
	color: rgb(187, 187, 187);
	background-color: transparent;
}
.prprty-sle .tab button.active {
    color: black;
    background-image: linear-gradient( 1deg , transparent, transparent);
}
.prprty-sle .tab button:hover{
	border-bottom: 1px solid #387dff !important;
    color: black;
    background-image: linear-gradient(
		1deg
		, #ffffff, transparent);
}
.prprty-sle .tab{
    display: flow-root;
    margin-bottom: 20px;
}
.prprty-sle .tabcontent{
	display: none;
}
.prprty{
	margin-top: 50px;
}
.item{
	overflow: hidden;
	width: 23%;
}

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


    .wrap {
    	text-align: center;
    }


    #header {
    	overflow: visible;
    	position: relative;
    }


    #primary-nav-button {
    	background: transparent;
    	display: none;
    	border: 1px solid #aaa;
    	position: absolute;
    	bottom: 5px;
    	right: 0;
    	padding: 0;
    	text-decoration: none;
    	color: #333;
    	text-align: center;
    	font-weight: bold;
    	font-size: 0;
    }

    #primary-nav-button:hover {
    	background: rgba(0,0,0,0.05);
    }

    #primary-nav-button.selected {
    	background: rgba(0,0,0,0.1);
    }

    #primary-nav-button:before {
    	/* content: '☰'; */
    	content: '\2261';
    	display: block;
    	font-size: 36px;
    	font-style: normal;
    	font-weight: normal;
    	line-height: 1.05;
    	height: 1em;
    	width: 1em;
    	color: inherit;
    }

    .menu li {
    	float: left;
    	margin-right: 10px;
    	position: relative;
    }

    .menu li:last-child {
    	margin-right: 0;
    }

    .menu .sub-menu li {
    	width: 100%;
    }

    .menu li a {
    	display: block;
    	text-decoration: none;
    }

    #top-nav li a {
    	color: #8CC152;
    	padding: 5px 0;
    }

    #top-nav .sub-menu {
    	background: #fff;
    }

    #top-nav .sub-menu li a {
    	padding: 5px;
    }

    #top-nav .sub-menu li > a:hover,
    #top-nav .sub-menu li.selected > a {
    	background: #8CC152;
    	color: #000;
    }

    #primary-nav li a {
    	color: #333;
    	font-weight: bold;
    	padding: 10px;
    }

    #primary-nav li.active > a,
    #primary-nav li > a:hover,
    #primary-nav li.selected > a {
    	background: #8CC152;
    	color: #000;
    }

    .downarrow {
    	background: none;
    	display: inline-block;
    	padding: 0;
    	text-align: center;
    	min-width: 3px;
    }

    .sub-menu .downarrow {
    	position: absolute;
    	right: 0;
    	padding-right: 10px;
    }

    .downarrow:before {
    	content: '\25be';
    	color: inherit;
    	display: block;
    	font-family: sans-serif;
    	font-size: 1em;
    	line-height: 1.1;
    	width: 1em;
    	height: 1em;
    }

    .menu .sub-menu {
    	display: none;
    	position: absolute;
    	left: 0;
    	max-height: 1000px;
    }

    .menu .sub-menu.hide {
    	display: none;
    }

    #primary-nav .sub-menu {
    	background: #A0D468;
    	min-width: 150px;
    	z-index: 200;
    }

    #primary-nav .sub-menu li {
    	border-bottom: 1px solid #7cb142;
    }

    #primary-nav .sub-menu li:last-child {
    	border-bottom: 0;
    }

    #primary-nav .sub-menu .downarrow:before {
    	content: '\25b8';
    }

    #primary-nav.mobile {
    	display: none;
    	position: absolute;
    	top: 100%;
    	background: #A0D468;
    	width: 100%;
    }

    #primary-nav.mobile li {
    	width: 100%;
    	margin: 0;
    	border-bottom: 1px solid #7cb142;
    }

    #primary-nav.mobile li.selected > a {
    	border-bottom: 1px solid #7cb142;
    }

    #primary-nav.mobile li:last-child {
    	border: none;
    }

    #primary-nav.mobile li a {
    	padding: 5%;
    }

    #primary-nav.mobile .sub-menu li a {
    	padding-left: 7%;  
    }

    #primary-nav.mobile .sub-menu .submenu li a {
    	padding-left: 9%;  
    }

    #primary-nav.mobile .sub-menu .sub-menu .sub-menu li a {
    	padding-left: 11%;  
    }

    #primary-nav.mobile .sub-menu {
    	float: left;
    	position: relative;
    	width: 100%;
    }

    .mobile .downarrow,
    .mobile .sub-menu .downarrow {
    	position: absolute;
    	right: 0;
    	padding-right: 5%;
    }

    #primary-nav.mobile .sub-menu .downarrow:before {
    	content: '\25be';
    }
    #primary-nav-button.mobile {
    	display: inline-block;
    }
.dtl p{
	margin-top: 17%;
	margin-bottom: 17%;
}
/*////////////////////////////////property////////////////////////////////*/
/*================================heading================================*/
.heading{
    margin-top: 50px;
    margin-bottom: 40px;
}
.heading h3{
	text-transform: capitalize;
    margin: 0 auto;
    font-size: 35px;
    font-weight: 600;
    line-height: 1;
    color: #000000;
}
.heading a{
	text-decoration: none;
	color: black;
}
#white{
	margin-bottom: 0px;
	margin-top: 105px;
}
#white h3{
	text-align: center;
	text-transform: uppercase;
	border-bottom: 2px solid #fff;
	width: max-content;
	margin: 0 auto;
	font-size: 42px;
	font-weight: bold;
	padding-bottom: 10px;
	color: white;
}
#white h3:after{
	height: 4px;
	width: 8%;
	position: absolute;
	display: block;
	content: '';
	background-color: #fff;
	left: 45%;
	margin-top: 9px;
}
/*================================heading================================*/
/*===========================featured-property===========================*/

.featured-listing a{
    color: #151515db;
}
.featrd-item{
    float: left;
    display: block;
    width: 23%;
    overflow: hidden;
    margin-right: 15px;
    border: 1px solid #8080801f;
    position: relative;
    transition: 0.5s all;
    margin-bottom: 15px;
    background-color: #fff;
}
.prce{
	border-top: 1px solid #80808036;
    display: flow-root;
    width: 100%;
    padding-top: 15px;
    font-size: 16px;
	padding-left: 10px;
}
.featrd-item:hover{
    margin-top: 0px;
    box-shadow: 0px 5px 5px #3e3e3e47;
}
.ftrd-img{
	height: 200px;
    overflow: hidden;
}
.ftrd-img img{
	width: 100%;
	height: 100%;
	transition: 0.5s all;
}
.property-detail ul{
	padding-left: 10px;
}
.property-detail li{
	float: left;
    width: 33%;
    margin-right: 0%;
    padding-left: 0px;
    padding-bottom: 10px;
	text-overflow: ellipsis;
    overflow: hidden;
    height: 1.2em;
    white-space: nowrap;
}
.property-detail .stats{
    font-size: 21px;
    margin-top: 8px;
    text-transform: capitalize;
    font-weight: 500;
	padding-left: 10px;
}
.property-detail{
	padding-left: 0px;
    padding-bottom: 2px;
    padding-top: 10px;
    display: flow-root;
}
.featured-listing .featured-tag{
	position: absolute;
    background-color: #ff6500;
    color: white;
    padding: 3px 3px 0px 3px;
    left: 5px;
    top: 5px;
    box-shadow: 0px 1px 2px #00000030;
    border-radius: 3px;
	z-index: 2;

}
.featrd-item:hover img{
	transform: scale(1.2);
}
.item button{
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
	padding: 10px 20px;
	color: white;
	outline: none;
	border-radius: 50px;
	box-shadow: 0px 2px 15px 2px #00000033;
	margin: 0 auto;
	display: block;
	margin-top: 35px;
	margin-bottom: 25px;
	border: 1px solid #fff;
	font-weight: 600;
	position: relative;
	overflow: hidden;
}
.featured-image{
	position: relative;
}
.featured-image img{
	width: 100%;
}
.featured-image
.fetrd-tag{
	position: absolute;
	width: 32%;
	z-index: 2;
	text-align: center;
	color: white;
	padding: 5px;
	transform: rotate(-45deg);
	margin-top: 20px;
	margin-left: -16px;
}
.view-all {
	float: right;
    margin-right: 46px;
    margin-top: -23px;
    font-size: 17px;
    color: #0095ff !important;
}
/* ////////////////////////////////////////////featured-agency */
/* /////////////////////////////////////////////////////////////// */
.agency-listing{
	height: 672px;
    overflow: scroll;
    overflow-x: hidden;
}
.agency-listing .agency-item{
    float: left;
    width: 46%;
    margin-right: 4%;
    position: relative;
    margin-bottom: 4%;
}
.agency-image{
	width: 100%;
}
.agency-image img{
	width: 100%;
}
.agency-detail{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    padding: 10px 7px;
	opacity: 0;
	transition: 0.3s all;
	box-shadow: 0px 3px 4px #0000003d;
}
.agency-detail h4{
	  text-overflow: ellipsis;
  overflow: hidden; 
  width: 100%; 
  height: 1.2em; 
  white-space: nowrap;
}
.agency-listing .agency-item:hover .agency-detail{
	opacity: 1;
}
.agency-listing a{
	color: black;
}
/* ////////////////////////////////////////////featured-agency */
/* /////////////////////////////////////////////////////////////// */

.recent-tag{
	position: absolute;
    background-color: #3b8958;
    color: white;
    padding: 3px 3px 0px 3px;
    left: 5px;
    top: 5px;
    box-shadow: 0px 1px 2px #00000030;
    border-radius: 3px;
    z-index: 2;
	text-transform: capitalize;
}
.h-recent-prprty .featrd-item{
	width: 18.6%;
}

/*===========================featured-property===========================*/
/*////////////////////////////featured-agent////////////////////////////*/
.fturd-agent{
	margin-bottom: -30px;
}
#brdr{
	border-right: 2px solid white;
}

.aget-dtl{
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
	width: 100%;
	height: 100%;
	color: white;
	padding: 13px;
	border: 1px solid;
	box-shadow: 0px 3px 15px #0000004f;
	opacity: 0;
	transition: 0.3s all;
}
.aget-dtl h4{
	margin-bottom: 0px;
	margin-top: 0;
}
.aget-dtl p{
	margin-top: 10px;
	margin-bottom: 10px;
}
.aget-dtl:hover {
	opacity: 1;
}
.aget-dtl button{
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
	padding: 5px 12px;
	color: white;
	outline: none;
	border-radius: 50px;
	opacity: 1;
	border: 1px solid white;
	box-shadow: 0px 2px 8px #00000052;
	position: relative;
	overflow: hidden;
}
/*////////////////////////////featured-agent////////////////////////////*/
/*===========================property for sale===========================*/
.prprties li{
	float: left;
	display: block;
	width: 20%;
}
.prprties li li{
    float: inherit;
    display: block;
    width: 70%;
    position: relative;
    transition: 0.3s all;
    padding: 0px;
    margin: 0px 0px;
}
.prprties li li:hover{
	padding-left: 5px;
}
.prprties li li a{
    color: #363636;
    font-size: 15px;
    line-height: 21px;
    font-weight: 600;
}
.prprties li li::before{
    width: 0;
    height: 100%;
    position: absolute;
    content: '';
    display: block;
    background-color: white;
    top: 0;
    left: 0;
    transition: 0.3s all;
	z-index: -1;
}
.prprties li li:hover::before{
	width: 100%;
	background-image:linear-gradient(to right, #1774e4, #44b4f4);

}
.prprties li li:hover a{
	color: white;
	text-decoration: none;
}
.prprties h4{
    font-size: 16px;
    font-weight: 700;
    width: max-content;
    padding-bottom: 0px;
    position: relative;
	margin-bottom: 5px;
}
/*===========================property for sale===========================*/
/*===========================cities in pakistan===========================*/
.cities-gallery{
    display: grid;
    margin: 50px auto 0px auto;
    width: 100%;
    grid-template-rows: repeat(4, 230px);
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;

}
.gallery-box{
	display: grid;
	overflow: hidden;
	position: relative;
}
.city-image{
	width: 100%;
	height: 100%;
}
.city-image img{
	width: 100%;
	height: 100%;
	transition: 0.4s all;
}
.cities-gallery .gallery-box:nth-child(1){
	grid-row: 1/3;
}
.cities-gallery .gallery-box:nth-child(3){
	grid-column: 3/5;
}
.cities-gallery .gallery-box:nth-child(4){
	grid-row: 3/3;
	grid-column: 3/4;
}
.cities-gallery .gallery-box:nth-child(5){
    grid-row: 2/2;
    grid-column: 2/4;
}
.cities-gallery .gallery-box:nth-child(10){
	grid-column: 1/3;
}
.gallery-box:hover img{
	transform: scale(1.2);
}
.city-name{
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 23px;
    text-transform: capitalize;
    font-weight: bold;
    color: white;
	z-index: 2;
}
.city-name span{
	font-weight: 500;
	font-size: 18px;
}
.city-image::before{
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.308);
	transition: 0.3s all;
	z-index: 1;
}
.city-image:hover::before{
	height: 0;
}
#tabs {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.slogan{
	text-align: center;
    margin-top: 40px;
}
.slogan h2{
	font-weight: 700;
    text-transform: capitalize;
}
/*===========================cities in pakistan===========================*/
/*/////////////////////////societies in pakistan/////////////////////////*/
.societies .container{
	position: relative;
}
.societies .cities-name ul{
	position: absolute;
	width: 100%;
	z-index:-1;
}
.societies .cities-name li{
	float: left;
	display: block;
	width: 20%;
	text-align: center;
	margin-top: 14%;
}
.accordion {
	padding: 0;
	margin: 0em 0;
	width: 100%;
	overflow: hidden;
	font-size: 1em;
	position: relative;
}
.accordion h4{
	font-size: 18px;
	display: inline;
	position: absolute;
	margin-left: -12%;
	margin-top: 10.5%;
}
.brdr-line{
	position: absolute;
	display: block;
	height: 2px;
	width: 100%;
	background: #3b8cfc;
	top: 140px;

}
.accordion__title {
	box-shadow: inset 0px 0px 0px 2px #268aea;
	background-image: linear-gradient(45deg, transparent, transparent);
	padding: 21px 25px;
	height: 7em;
	cursor: pointer;    
	margin-right: 62px;
    margin-left: 63px;
    width: 9%;
	display: inline-block;
}
.accordion__title:after{
	position: absolute;
	display: block;
	content: '';
	width: 15px;
	height: 15px;
	background-color: #3b8cfc;
	box-shadow: 0px 0px 0px 7px white;
	top: 133px;
	margin-left: 22px;
	border-radius: 20px;

}
.accordion__title.active:after{
	border: 2px solid #3b8cfc;
	background: white;
}
.accordion__title .after{
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 15px solid #268aea;
	position: absolute;
	margin-top: 77px;
	margin-left: -36px;
}
.no-js .accordion__title {
	float: none;
	height:auto;
	cursor:auto;
	margin:0;
	padding:0 2em;
}
.accordion__content {
	float: right;
	width: 100%;
	margin: 14em 0 0 -100%;
	padding: 0em 2em 1em 2em;
	background: white;
	text-align: center;
	border: 1px solid #d0d0d0a8;
	margin-bottom: 7px;
	box-shadow: 0px 1px 8px #00000014;
	background-image: url(../pic/societies-bg.png);
	background-position: 0px -20px;
}
.accordion__content h3{
    width: fit-content;
    padding-bottom: 0px;
    display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}
.no-js .accordion__content {
	float:left;
	margin:0;
}
.accordion__title:hover,
.accordion__title.active {
	color: black;
}

.no-js .accordion__title:hover {
	background-color:#ccc;
	color:#222;
}

.accordion__title.active {
	background-image: linear-gradient(45deg, #1b7ae6, #42b1f3);
}
.accordion__title.active .icon{
	background-position: 0px 65px;
}
.accordion__title .icon{

	height: 60px;
	width: 55px;
	float: left;
	background-position: -1px 127px;
	transition: 0.3s all;
	margin-top: 0px;
}
#icn-msqu{
	background-position: -1px 116px;
	background-image: url(../pic/mosque-icon.webp);
}
.accordion__title.active #icn-msqu {
	background-position: -1px 61px;
}
#icn-rwp{
	background-position: -1px 116px;
	background-image: url(../pic/home-icon.webp)
}
.accordion__title.active #icn-rwp {
	background-position: -1px 61px;
}
#icn-mnar{
	background-image: url(../pic/minar-icon.webp);
}
#icn-krchi{
	background-image: url(../pic/karachi-icon.webp);	
}
#icn-fslabd{
	background-position: -1px 127px;
	background-image: url(../pic/faisal.webp);	
}
.accordion__title.active #icn-fslabd{
	background-position: 0px 66px;
}
@media (max-width: 48em) {

	.accordion {
		border: 1px solid grey;
	}

	.accordion__title,
	.accordion__content { 
		margin: 0;
	}

	.accordion__title:first-child {
		border:none;
	}

	.accordion__title.active {
		border-top-color:#eee;
	}
	.overflow-scrolling {
		padding:1em 1em 0 1em;
		/* Warning: momemtum scrolling seems buggy on iOS 7  */
		-webkit-overflow-scrolling: touch;
	}
	.accordion__content {
		position:relative;
		overflow:hidden;
		padding:0;
	}
	.no-js .accordion__content {
		padding:1em;
		overflow:auto;
		display:block;
	}
	.accordion__content:after {
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		height:50px;
		border-radius:10px 0 0 10px / 50% 0 0 50%;
		box-shadow:-5px 0 10px rgba(0, 0, 0, 0.5);
		content:'';
	}

}
.socity-name li{
	float: left;
	display: block;
	position: relative;
}
.socity-name li a{
	width: 258px;
    display: block;
    text-align: left;
    background: white;
    box-shadow: 0px 1px 3px #80808024;
    padding: 10px;
    margin: 10px 10px 2px 10px;
    position: relative;
    z-index: 2;
    border: 1px solid #80808042;
    color: #363636;
    font-size: 14px;
    font-weight: 600;
}
.socity-name li a .left{
	float: right;
}
.socity-name li a:hover{
	color: white;
	transition: 0.3s all;
	text-decoration: none;
}
.socity-name li a:before{
	width: 0;
	height: 100%;
	position: absolute;
	content: '';
	display: block;
	background-color: white;
	top: 0;
	left: 0;
	transition: 0.3s all;
	z-index:-1 ;
}
.socity-name li a:hover:before {
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;

}
.socity-name #left{
	float: right;
}
@-webkit-keyframes blinker {
	from {
		opacity: 1.0;
	}

	to {
		opacity: 0.0;
	}
}

.blink {
	background-color: black;
	position: absolute;
	text-decoration: blink;
	animation-name: blinker;
	animation-duration: 0.6s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	font-size: 10px;
	padding: 2px;
	right: 0px;
	top: 0px;
}
/*================================services================================*/
.srvcs-pts li{
	float: left;
    display: block;
    width: 15.8%;
    text-align: center;
    padding: 14px;
    font-size: 13px;
    position: relative;
    z-index: 1;
    transition: 0.4s all;
    color: #545454;
    height: 250px;
    border: 1px solid #dedede6e;
    margin: 5px;
    overflow: hidden;
    background-color: #fff;
}
.srvcs-pts li h3{
	text-transform: capitalize;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
}

.srvcs-pts li:hover{
    color: white;
    background-color: #50a3fb;
    box-shadow: 0px 5px 10px #9292924f;
}
.srvcs-pts .srvcs-icn{
    margin: 0 auto;
    font-size: 35px;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    line-height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	transition: 0.2s all;
	width: 100%;
}
.srvcs-pts li:hover .srvcs-icn{
	top: -20%;
}
.srvcs-pts li:hover h3 {
    margin-top: 10px;
    margin-bottom: 0px;
}
.srvcs-pts .srvcs-icn i{
	vertical-align: bottom;
	color: #268aea;
}
.srvcs-text{
	position: absolute;
    left: 50%;
    bottom: -41%;
    transform: translate(-50%, 50%);
    width: 100%;
	transition: 0.2s all;
}
.srvcs-pts li:hover .srvcs-text{
	bottom: 50%;
}
.srvcs-text li{
	float: left;
	width: 30%;
	border:none;
}
.sub-list p{
	float: left;
    width: 50%;
    text-align: left;
    padding-left: 10px;
}
.lst-drpdwn {
    margin-left: -100% !important;
}
.services .vision-servic{
    background-color: #fff;
    padding: 20px;
    width: 38%;
    float: left;
    margin: 5px 0px 0px 6px;
	border: 1px solid #dedede6e;
}
.services .servic-items{
    width: 60% !important;
    margin-left: 14px;
}
.services .servic-items ul{

}
.services .servic-items li{
    display: inline-block;
    width: 32.8%;
}
.services .servic-items a{
    display: block;
    text-align: left;
    background: white;
    box-shadow: 0px 1px 3px #80808024;
    padding: 10px;
    margin: 8px 14px 5px 14px;
    position: relative;
    z-index: 2;
    color: black;
    border: 1px solid #80808042;
}
.services .servic-items a img{
	width: 12%;
    margin-right: 10px;
}
.services .vision-servic h4{
    text-transform: capitalize;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
}
.services .vision-servic p{
    font-size: 15px;
}
.services .vision-servic li a:hover{
	color: white;
	transition: 0.3s all;
	text-decoration: none;
}
.services .vision-servic li a:before{
	width: 0;
	height: 100%;
	position: absolute;
	content: '';
	display: block;
	background-color: white;
	top: 0;
	left: 0;
	transition: 0.3s all;
	z-index:-1 ;
}
.services .vision-servic li a:hover:before {
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;

}
/*==========================footer==========================*/
footer{
    margin-top: 90px;
    position: relative;
    background-color: #ffffff;
    padding-top: 50px;
    background-image: url(../pic/artowrk_home.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}
footer:before{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.4;
    content: '';
    top: 0;
    left: 0;
}
.ftr-abt{
	text-align: center;
	z-index: 99;
}
.ftr-txt h4{
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.ftr-txt p{
	color:#fff;
	width: 80%;
	margin: 0 auto;
	margin-top: 30px;
	font-size: 14px;
}
.information a{
	margin: 0 auto;
	margin-top: 10px;
	color: #fff;
	text-decoration: underline;
	display: block;
	font-size: 17px;
	width: max-content;
}
.social-media{
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
}
.social-media li{
    float: left;
    display: block;
    margin-left: 10px;
    background-color: #ffffff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0px 1px 4px #00000061;
    position: relative;
    text-align: center;
    transition: 0.5s all;
	padding-top: 3px;
}
.social-media li a i{
	vertical-align: bottom;    
}
.social-media li a{
	vertical-align: -webkit-baseline-middle;
	color: #242424;
	font-size: 16px;
}
.social-media li:hover{
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
	box-shadow: 0px 5px 10px 0px #014eda;
	margin-top: -4px;
}
.social-media li:hover a{
	color: white;
}
.ftr-cmpny{
	margin-left: 100px;
}
.ftr-cmpny h4{
	font-size: 20px;
	border-bottom: 1px solid #387dff;
	display: inline-block;
	padding-bottom: 4px;
	margin-bottom: 6px;
	position: relative;
	font-weight: 700;
	color: rgb(255 255 255);
}
.ftr-cmpny h4:after{
	position: absolute;
	display: block;
	content: '';
	width: 30%;
	height: 3px;
	top: 25px;
	background-color: #387dff;

}
.ftr-cmpny li{
	line-height: 27px;
	display: block;
}
.ftr-cmpny li a{
	padding: 5px;
	color: rgb(255 255 255);
	width: 70%;
	display: block;
	line-height: 20px;
	font-size: 16px;
	position: relative;
	z-index: 1;
}
.ftr-cmpny li a:before{
	position: absolute;
	display: block;
	content: '';
	width: 0%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	transition: 0.4s all;
}
.ftr-cmpny li a:hover:before{
	width: 100%;
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
}
.ftr-cmpny li:hover a{
	color: white;
	text-decoration: none;
}
.copyright{
    padding: 15px;
    text-align: center;
    color: white;
    margin-top: 50px;
	position: relative;
}
.cmpny-links button{
	padding: 8px 20px;
	border: 3px solid #808080;
	border-radius: 25px;
	font-size: 20px;
	margin-top: 14px;
	z-index: 9999;
	position: relative;
	background: #fff;
	box-shadow: 0px 1px 6px #0000007a;
	overflow: hidden;
}
.cmpny-links button:before{
	position: absolute;
	display: block;
	content: '';
	width: 0%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	transition: 0.4s all;
}
.cmpny-links button:hover:before{
	width: 100%;
	background-image: linear-gradient(to right, #1774e4, #44b4f4);	
}
.cmpny-links button a{
	color: #242424;
	transition: 0.3s all;
}
.cmpny-links button:hover a{
	color: white;
	text-decoration:none;
}

#toTop {
	padding: 3px 12px;
	background-image: linear-gradient( #737373, #191919);
	color: #fff;
	position: fixed;
	bottom: 10px;
	left: 10px;
	display: none;
	border-radius: 25px;
	font-size: 25px;
	text-shadow: 0px 2px 4px #000000ab;
	z-index: 2;
	box-shadow: 0px 2px 6px #00000082;
}
.header {
	z-index: 9999;
}

.sticky {
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	padding-left: 0px;
	background-color: white;
	box-shadow: 0px 1px 8px #0000001c;
	border-bottom: 1px solid #43b2f3;
}
.sticky + .content {
	padding-top: 102px;
}
.sticky .demo{
	margin-top: 5px;
}
.sticky .ace-responsive-menu > li > a{
	color: black;
}
.sticky #logo{
    width: 106px;
    height: 71px;
}
.sticky .ace-responsive-menu li.menu-active > a {
	background: #43b2f3;
	color:white;
}
/*==========================footer==========================*/
/*///////////////////////////login///////////////////////////*/
#title-img{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
}
.title-name h2{
	text-align: center;
	font-size: 42px;
	font-weight: 700;
	color: white;
	text-transform: uppercase;
	text-shadow: 0px 2px 4px #0000009c;
	margin: 0;
}
.breadcrumb{
	width: max-content;
	background-color: transparent;
	margin-bottom: 30px;
}

.breadcrumb > li + li::before{
	content: '';

}
.breadcrumb i{
	padding-left: 15px;
	font-size: 16px;
	color: white;
}
.breadcrumb a{
	font-size: 14px;
	color: white;
}
.breadcrumb > .active {
	color: #ffffff;
	text-decoration: underline;
	font-size: 14px;
}
.login{
	position: relative;
}
.login-side-img{
	position: absolute;
	left: 0;
	top: 0px;
	height: 100%;
}
.wlcm{
	margin-top: 30%;
}
.wlcm-head{
	width: 100%;
	margin-left: -100px;
}
.wlcm-head h3{
	font-family: 'Carter One', cursive;
	font-size: 85px;
	font-weight: 900;
	text-align: center;
	color: white;
	text-shadow: 0px 2px 5px #000000a6;
}
.back{
	text-align: center;
}
.back a:hover {
	background-color: white;
	color: #32a2e2;

}
.back a{
	border: 1px solid white;
	display: block;
	width: 27%;
	text-align: center;
	color: white;
	padding: 5px;
	border-radius: 30px;
	font-size: 13px;
	margin-left: 22%;
	margin-top: 45px;
	box-shadow: 0px 2px 10px #00000063;
	text-decoration: none;
}
.back a:hover i{
	background-color: #32a2e2;
	color: white;
}
.back a i{
	background-color: white;
	color: #1f7fe6;
	width: 35px;
	padding: 9px;
	border-radius: 30px;
	margin-left: 0px;
	margin-right: 8px;
	font-size: 18px;

}
.login-frm{
    width: 52%;
    margin: 0 auto;
    margin-top: 80px;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    padding: 30px 10px 28px 0px;
    display: flow-root;
}
.login-frm .form-group i{
	color: gray;
}
.login-frm .form-group input{
	width: 100%;
	border: none;
	border-bottom: 1px solid gray;
	padding-bottom: 10px;
	outline: none;
	margin-bottom: 20px;
	padding-left: 20px;
	transition: 0.3s all;
	text-align: left;
}

.login-frm .form-group input::placeholder{
	color: #ababab;
	font-weight: normal;
	font-size: 13px;
}
.login-logo{
	background-color: #ffffff;
	padding: 65px 17px;
	width: 40%;
	border-radius: 50%;
	box-shadow: 0px 5px 5px #00000026;
	margin: 0 auto;
	margin-bottom: 100px;
	margin-top: 60px;
	display: none;

}
.login-logo img{
	width: 75%;
	margin: 0 auto;
	display: block;
}
.login-links a{
	text-align: right;
	display: block;
	color: black;
	text-decoration: underline;
}
.login-btns li{
	float: left;
	display: block;
	width: 50%;
	text-align: center;
	margin-top: 50px;
}
.login-btns li button{
	padding: 5px;
	background-color: white;
	border: 0px;
	box-shadow: 0px 2px 5px #0000003b;
	border-radius: 35px;
	width: 65%;
	outline: none;
	position: relative;
	overflow: hidden;
}
.login-btns li button:hover{
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
	color: white;
}
.login-btns li button:hover i{
	background-color: white;
	color: #32a2e2;
}
.login-btns li button i{
	float: left;
	background: #32a2e2;
	padding: 10px;
	border-radius: 20px;
	font-size: 18px;
	box-shadow: 1px 0px 3px #00000063;
	position: relative;
	margin: 0;
}
.login-btns li button span{
	margin-top: 10px;
	display: block;
}
.others-login{
	margin-top: 50px;
	display: -webkit-inline-box;
	width: 100%;
	position: relative;
}
.others-login p{
	width: 100%;
	text-align: center;
	color:#adadad;
}
.others-login p:before{
position: absolute;
    display: block;
    border-top: 1px solid #bbbbbb;
    content: '';
    width: 32%;
    top: 11px;
    left: 72px;
}
.others-login p:after{
position: absolute;
    display: block;
    border-top: 1px solid #bbbbbb;
    content: '';
    width: 32%;
    top: 11px;
    right: 72px;
}
#social-media button{
	width: auto;
	background-color: transparent;
	padding: 0;

}
#social-media button i:hover{
	background-image:linear-gradient(to right, #1774e4, #44b4f4); ;
}
#social-media button i{
	width: 50px;
	padding: 15px;
	border-radius: 50px;
	color: white;
}
#fcbk{
	text-align: right;
}
#fcbk button{
	margin-right: 10px;
}
#gogle button{
	margin-left: 10px;
}
#fcbk i{
	background-color: #3d5999;
}
#gogle{
	text-align: left;
}
#gogle i{
	background-color: #ee4236;
}
#regiter .form-group{
	float: left;
	width: 46%;
	margin-right: 4%;
}
.login-frm .form-group select{
	padding-bottom: 10px;
	width: 100%;
	border: none;
	border-bottom: 1px solid gray;
	color: #b2abab;
	outline: none;
	padding-left: 20px;
}
.login-frm .form-group img{
	margin-bottom: 53px;
}
.login-frm form{
	width: 80%;
	margin: 0 auto;
}
.login-frm form i{
	position: absolute;
	margin-top: 4px;
	color: white;
}
/*///////////////////////////login///////////////////////////*/
/*========================listing-page========================*/

/*=======================property-detail=======================*/

.gallaries .heading{
	margin-top: 20;
	margin-bottom: 25px;
}
.gallaries ul{
	width: 100%;
	display: flow-root;
}
.gallaries h3:after{
	width: 20%;
	left: 39%;
}
.gallaries li{
	display: block;
	background-color: white;
	float: left;
	width: 46%;
	border: 1px solid #808080;
	text-align: center;
	padding: 10px;
	margin: 1.3%;
	position: relative;
	z-index: 1;
}
.gallaries li:before{
	position: absolute;
	display: block;
	content: '';
	width: 0;
	height: 100%;
	transition: 0.4s all;
	z-index: -1;
}
.gallaries li:hover:before{
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to left, #42b2f3, #1977e5);
	left: 0;
	top: 0;
}
.gallaries li:hover a{
	color: white;
}
.gallaries li a{
	color: black;
	text-transform: capitalize;
}
.gallaries li:hover i{
	color: #ffffff;
}
.gallaries li i{
	padding-right: 10px;
	font-size: 19px;
	color: #32a2e2;
	vertical-align: bottom;
}

/*-------------------nearby-location-------------------*/

/*-------------------nearby-location-------------------*/

/*====================contact-form====================*/
#contact i{
	padding-right: 10px;
	width: 25px;
}
.cntct-frm input{
	padding: 10px 30px;
	width: 100%;
	margin-bottom: 6px;
	margin-top: 6px;
	border: 1px solid #80808085;
	background: white;
	color: #3f3f3f;
	outline: none;
	transition: 0.3s all;
}
.cntct-frm input:focus{
	box-shadow: 0px 2px 0px #2f93e5;
	border-color: #2f93e5;
}
.cntct-frm input::placeholder{
	color: darkgray;
	font-size: 12px;
}
.cntct-frm textarea{
	width: 100%;
	height: 100px;
	margin-bottom: 6px;
	margin-top: 6px;
	outline: none;
	padding: 10px;	
}
.cntct-frm textarea:focus{
	box-shadow: 0px 2px 0px #2f93e5;
	border-color: #2f93e5;
}
.cntct-frm textarea::placeholder{
	color: darkgray;
	font-size: 12px;
}
.cntct-frm i{
	position: absolute;
	margin-top: 20px;
	margin-left: 8px;
	color: gray;
}
.cntct-frm button{
	background-image: linear-gradient(to right, #ff551a, #fb7e51);
	border-radius: 49px;
	border: 1px solid white;
	box-shadow: 0px 2px 4px #00000073;
	padding: 8px 28px;
	transition: 0.3s all;
	color: white;
	outline: none;
	margin: 0 auto;
	margin-top: 20px;
	display: block;
	position: relative;
	overflow: hidden;
}
/*====================contact-form====================*/
/*====================social-links====================*/
.prjct-mdia .heading{
	margin-top: 12px !important;
}
.dtl-scl-mdia .heading{
	margin-bottom: 35px;
}
.dtl-scl-mdia h3:after{
	width: 20%;
	left: 40%;
}
.dtl-scl-mdia li{
	float: left;
	display: block;
	width: 21%;
	margin: 2%;
}
.dtl-scl-mdia{
	display: flow-root;
	margin-top: 50px;
}
.dtl-scl-mdia li i{
	border: 1px solid gray;
	padding: 25px 10px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 20px;
	transition: 0.3s all;
}
.dtl-scl-mdia li i:hover{
	border-radius: 50px;
	box-shadow: 0px 2px 5px #80808069;
}
.dtl-scl-mdia .fcbk i{
	color: #3B5998;
}
.dtl-scl-mdia .fcbk:hover i{
	background-color:  #3B5998;
	color: white;
}
.dtl-scl-mdia .insta i{
	color: #f65441;
}
.dtl-scl-mdia .ytb i{
	color: #bb0000;
}
.dtl-scl-mdia .insta i{
	color: #7124c3;
}
.dtl-scl-mdia .insta:hover i{
	background-image: linear-gradient(#7124c3, #c3256b, #e09a3d );
	color: white;
}
.dtl-scl-mdia .twtr i{
	color: #55acee;
}
.dtl-scl-mdia .twtr:hover i{
	background-color: #55acee;
	color: white;
}
.dtl-scl-mdia .lnkdn i{
	color: #007bb5;
}
.dtl-scl-mdia .lnkdn:hover i{
	color: white;
	background-color: #007bb5;
}
.dtl-scl-mdia .tblr i{
	color: #2c4762;
}
.dtl-scl-mdia .tblr:hover i{
	color: white;
	background-color: #2c4762;
}
.dtl-scl-mdia .vk i{
	color: #4c75a3;
}
.dtl-scl-mdia .vk:hover i{
	color: white;
	background-color: #4c75a3;
}
.dtl-scl-mdia .msg i{
	color: black;
}
.dtl-scl-mdia .msg:hover i{
	color: white;
	background-color: gray;
}
.a2a_dd i{
	color: #00ba10;
}
.a2a_dd:hover i{
	color: white;
	background-color:#00ba10 ;
}
.dtl-bsns-crd{
	margin-top: 50px;
}
/*====================social-links====================*/
/*====================get-direction====================*/
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	display: flow-root;
}
/* The Close Button */
.close {
	color: #32a2e2;
	font-size: 28px;
	font-weight: bold;
	opacity: 1;
	position: absolute;
	right: 15px;
}
.close:hover,
.close:focus {
	color: #32a2e2;
	opacity: 1;
}
.distance-time{
	background-color: #ffffff24;
	padding: 13px;
	font-size: 16px;
	box-shadow: 0px 1px 4px #80808036;
	border: 1px solid #32a2e2;
	display: flex;
	position: relative;
}
.distance-time p{
	float: left;
	display: block;
	width: 15%;
}
.dirctn button{
	background-image: linear-gradient(to right ,#1976e5, #42b2f3);
	padding: 7px;
	text-align: center;
	color: white;
	font-size: 18px;
	text-transform: uppercase;
	text-shadow: 0px 1px 3px #00000087;
	margin-top: 0px;
	width: 100%;
	border: 1px solid;
	outline: none;
	margin-bottom: 13px;
	border-radius: 41px;
}
.dirctn button i{
	padding-right: 10px;
}
.map-detail{
	border: 2px solid #32a2e2;
	height: 553px;
	overflow: auto;
}
.modal-map-detail{
	height: 522px;
	margin-top: 22px;
	width: 49%;
	float: right;
	border: 1px solid;
}
.modal-map-detail h4{
	padding: 14px;
	background-image: linear-gradient(to right ,#1976e5, #42b2f3);
	color: white;
}
/* width */
.map-detail::-webkit-scrollbar {
	width: 10px;
}
/* Track */
.map-detail::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey; 
} 
/* Handle */
.map-detail::-webkit-scrollbar-thumb {
	background-image: linear-gradient( #191919, #737373); 
}
/* Handle on hover */
.map-detail::-webkit-scrollbar-thumb:hover {
	background-image: linear-gradient(to bottom ,#1976e5, #42b2f3); 
}
.map-detail li{
	display: block;
	padding: 10px;
	font-size: 12px;
	border-bottom: 1px solid gray;
}
.modal-map{
	float: left;
	width: 50%;
	border: 1px solid #575757;
	padding: 10px;
	margin-top: 22px;
}
/*====================get-direction====================*/
.related-properties li{
	float: left;
	width: 21%;
	display: block;
	overflow: hidden;
	margin: 2%;
	box-shadow: 0px 1px 4px #00000054;
}
.related-properties li li{
	width: 50%;
	margin: 0;
	box-shadow: 0px 0px 0px transparent;
}
.related-properties h3{
	margin: inherit;
	position: relative;
}
.related-properties h3:after{
	width: 20%;
	left: 0;
}
#newpost{
	display: none;
	margin-top: 10px;
	position: absolute;
	text-align: center;
	width: 93%;
}
.call-btn img{
	margin: 0 auto;
	display: block;
	margin-top: 30px;
	width: 30%;
}
/*=======================property-detail=======================*/
/*=======================project-listing=======================*/
.subdetail li{
	box-shadow: initial !important;
	border: none !important;
	margin-bottom: 10px !important;
	font-weight: 700;
}
.subdetail li i{
	font-size: 18px;
	color: #32a2e2;
	padding-right: 10px;
	width: 27px;
}
.subdetail li span{
	font-weight: normal;
}
.dlr-dtl .heading{
	margin-bottom: 20px;
}
.dlr-dtl .heading h3:after{
	width: 20%;
	left: 40%;
}
.developer-info {
	overflow: hidden;
}
/* Style the buttons inside the tab */
.developer-info button {
	background-color: inherit;
	float: left;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
	background: white;
	box-shadow: 0px 0px 5px #0000001a;
	margin-bottom: 10px;
	margin-top: 4px;
	border: 1px solid #0000001f;
	margin-right: 3px;
	text-transform: capitalize;
}
/* Change background color of buttons on hover */
.developer-info button:hover {
	background-image: linear-gradient(45deg, #1976e5, #42b2f3);
	color: white;
}
/* Create an active/current tablink class */
.developer-info button.active {
	background-image: linear-gradient(#1976e5, #42b2f3);
	color: white;
}
/* Style the tab content */
.tabdetail {
	display: none;
}
.tabdetail li{
	display: block;
	line-height: 26px;
	float: left;
	width: 12%;
	font-size: 15px;
	color: #606060;
}
.tabdetail li i{
	padding-right: 8px;
}
#project ul{
	width: 100%;
	display: flex;
}
.tabdetail h4{
	border-bottom: 1px solid #1a77e5;
	padding-bottom: 5px;
	width: max-content;
	margin-top: 17px;
	font-size: 20px;
}
#info p{
	margin-top: 20px;
}
/* Style the tab */
.dtl-mps {
	overflow: hidden;
}
/* Style the buttons inside the tab */
.dtl-mps button {
	background-color: inherit;
	float: left;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
	background: white;
	box-shadow: 0px 0px 5px #0000001a;
	margin-bottom: 10px;
	margin-top: 4px;
	border: 1px solid #0000001f;
	margin-right: 3px;
}
/* Change background color of buttons on hover */
.dtl-mps button:hover {
	background-image: linear-gradient(45deg, #1976e5, #42b2f3);
	color: white;
}
/* Create an active/current tablink class */
.dtl-mps button.active {
	background-image: linear-gradient(45deg, #1976e5, #42b2f3);
	color: white;
}
/* Style the tab content */
.mapscontent {
	display: none;
	padding: 20px 0px;
}
.mapscontent img{
	width: 50%;
}
.project-maps h3:after{
	width: 5%;
}
.mapscontent .modal-map{
	width: 100%;
}
.prjct-dtl-media ul{
	width: 80%;
	margin: 0 auto;
}
.prjct-dtl-media li{
	width: 29%;
}
.prjct-dtl-media li i{
	padding: 29px 10px;
}
/*=======================project-listing=======================*/
/*===========================aboutus===========================*/
.about-us{
	background-image: url('../pic/about-us.jpg');
	position: relative;
	z-index: 1;
	background-position: bottom;
}
.about-us:before{
	background-color: #000000bd;
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	z-index: -1;
}
.journy{
	margin-top: 60px;
}
.journy img{
	margin: 0 auto;
	display: block;
}
.journy-txt li{
	float: left;
	display: block;
	width: 11%;
	position: absolute;
}

.five{
	margin-top: 284px;
	margin-left: -25px;
}
.six{
	margin-top: 211px;
	margin-left: 246px;
}
.seven{
	margin-top: 138px;
	margin-left: 27.2%;
}
.eight{
	margin-top: 66px;
	margin-left: 41.4%;
}
.nine{
	margin-top: -6px;
	margin-left: 55.66%;
}
.years{
	width: 90%;
	margin: 0 auto;
}
.years li{
	float: left;
	display: block;
	width: 20%;
	text-align: center;
	font-size: 26px;
	font-weight: 800;
}
.circle-ani {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #1774e4;
	position: absolute;
	top: 2px;
	left: 233px;
	-webkit-transition: height .25s ease, width .25s ease;
	transition: height .25s ease, width .25s ease;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.circle-ani:before,
.circle-ani:after {
	content:'';
	display:block;
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	border-radius:50%;
	background-color: #37a9ea63;
}  
.circle-ani:before {
	-webkit-animation: ripple 2s linear infinite;
	animation: ripple 2s linear infinite;
}
.circle-ani:after {
	-webkit-animation: ripple 2s linear 1s infinite;
	animation: ripple 2s linear 1s infinite;
}  
.circle-ani:hover:before,
.circle-ani:hover:after {
	-webkit-animation: none;
	animation: none;
}  
@-webkit-keyframes ripple{
	0% {-webkit-transform:scale(1); }
	75% {-webkit-transform:scale(3); opacity:1;}
	100% {-webkit-transform:scale(5); opacity:0;}
}  
@keyframes ripple{
	0% {transform:scale(1); }
	75% {transform:scale(3); opacity:1;}
	100% {transform:scale(5); opacity:0;}
}
.abt-dtl{
	margin-top: 70px;
}
.abt-txt{
	width: 63%;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 100px;
	z-index: 2;
}
.abt-txt p{
	font-size: 20px;
	text-align: center;
	color: white;
}
.abt-dtl .abt-icon{
	width: 50%;
	border: 2px solid #1976e5;
	text-align: center;
	padding: 69px;
	font-size: 65px;
	border-radius: 50%;
	margin: 0 auto;
	color: black;
	position: relative;
}
.lft-sqre:after{
	left: 94% !important;
}
.abt-dtl .abt-icon:after{
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	content: '';
	position: absolute;
	top: 48.5%;
	left: -4%;
}
.abt-dtl .line{
	width: 117%;
	height: 2px;
	background-color: #1976e5;
	content: '';
	position: absolute;
	top: 57.5%;
	left: 100%;
}
.tp-line{
	top: 48% !important;
	width: 116% !important;
}
.tp-line:before{
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	content: '';
	background-color: white;
	left: -10px;
	top: 2px;
}
.abt-dtl-txt p{
	text-align: center;
	width: 80%;
	margin: 0 auto;
}
.abt-dtl-txt .heading{
	margin-bottom: 40px;
}
.abt-dtl-txt h3{
	font-size: 25px;
}
.abt-dtl-txt h3:after{
	width: 9%;
	left: 45%;
}
.chose-us{
	background-color: #1e7de6;
	margin-top: 70px;
}
.chose-us #white{
	margin-top: 60px;
}
.chose-us #white h3{
	margin-top: 60px;
}
.chose-icon{
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
	color: white;
}
.chose-icon i{
	font-size: 25px;
}
.chose-icon h3{
	font-size: 40px;
	font-weight: 700;
}
.chose-icon h4{
	font-size: 14px;
	text-transform: uppercase;
}
.touch{
	background-image: url(../pic/featured-agent.png);
	margin-top: 50px;
}
.touch #white{
	margin-top: 140px;
}
.main{
	border: 1px solid black;
	text-align: center;
	padding: 30px;
}
.main-icn{
	padding: 30px;
	background-image: linear-gradient(45deg, #1977e5, #42b2f3);
	color: white;
	font-size: 35px;
	width: 112px;
	margin: 0 auto;
	border-radius: 63px;
}
.main h4{
	margin-top: 30px;
	font-weight: 700;
	font-size: 22px;
}
.abt-cntct{
	margin-top: 175px;
	margin-bottom: 194px;
}
.cntct-icn{
	text-align: center;
}
.cntct-icn p{
	color: white;
}
.cntct-icn i{
	padding: 35px;
	background-image: linear-gradient(45deg, #c5c5c5, #ffffff);
	color: #32a2e2;
	font-size: 35px;
	width: 105px;
	margin: 0 auto;
	border-radius: 63px;
	margin-bottom: 30px;
}
.brdr-rght{
	border-right: 1px solid white;
}
.brdr-lft{
	border-left: 1px solid white;
}
/*===========================aboutus===========================*/
/*==========================contact-us==========================*/
.contact-us{
	margin-top: 15%;
}
.contact-us .address{
	margin-top: 7%;
	color: white;
}
.contact-us .address h4{
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 20px;
	text-shadow: 0px 2px 3px #0000008f;
}
.contact-us .address p{
	font-size: 14px;
	text-shadow: 0px 1px 3px #0000009e;
}
#regiter textarea{
	width: 100%;
	height: 31px;
	outline: none;
	border:none;
	border-bottom: 1px solid gray;
	padding-left: 20px;
}
#regiter textarea::placeholder{
	color: #ababab;
}
.cntct-pg li{
	margin: 0 auto;
	display: block;
	float: inherit;
}
.cntct-media li{
	display: block;
	float: left;
}
.cntct-media li a{
	display: block;
	background-color: #ffffffb3;
	margin-right: 20px;
	width: 45px;
	text-align: center;
	padding: 11px;
	border-radius: 50%;
	margin-top: 14px;
	color: #2f75f5;
	font-size: 16px;
	transition: 0.3s all;
}
.cntct-media li a:hover{
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
	box-shadow: 0px 5px 10px 0px #014eda;
	margin-top: 10px;
	color: white;
}
.cntct-pg{
	width: 100%;
}
.cntct-pg form{
	width: 100%;
}
.cntct-pg i{
	position: absolute;
	display: block;
	margin-top: 4px;
	color: gray;
}
.profile-img{
	width: 50%;
	float: left;
}
.profile-img img{
	width: 7%;
	float: left;
}
.profile-img p{
	margin-top: 12px;
	float: left;
	margin-left: 15px;
	font-size: 20px;
}
.forum{
	background-color: white;
	box-shadow: 0px 1px 3px #00000038;
	padding: 10px;
}
.forum button{
	background-color: #3c9162;
	box-shadow: 0px 1px 3px #00000038;
	padding: 10px;
	margin-left: 30px;
	width: 217px;
	border: 1px solid #3c9162;
	margin-top: 5px;
}
.forum button a{
	color: white;
	font-size: 16px;
}
.forum-content{
	margin-top: 50px;
}
.post {
	background-color: #ffffff;
	box-shadow: 0 0px 1px #0f78c2;
	margin-bottom: 20px;
}
.post .wrap-ut {
	width: 85%;
}
.post .userinfo {
	width: 15%;
	padding: 20px 0 15px 15px;
	float: left;
}
.post .avatar {
	width: 95px;
	height: 95px;
	margin-left: 5px;
}
.avatar img {
	border-radius: 50px;
	width: 100%;
	height: 100%;
}
.avatar {
	position: relative;
}
.post .posttext {
	width: 85%;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 15px;
	color: #989c9e;
	font-size: 14px;
	font-family: 'Open Sans Light', sans-serif;
	line-height: 25px;
}
.post h2 {
	color: #363838;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
}
.post h2 a{
	color: black;
}
.post .postinfo {
	width: 15%;
	border-left: solid 1px #f1f1f1;
}
.post .comments {
	border-bottom: solid 1px #f1f1f1;
	padding: 18px 0 25px 0;
	text-align: center;
}
.post .comments .commentbg {
	background-image: linear-gradient( #43b3f3, #1977e5);
	border-radius: 0px;
	display: inline-block;
	padding: 12px 7px;
	color: #ffffff;
	font-size: 14px;
	position: relative;
}
.post .comments .commentbg .mark {
	width: 11px;
	height: 11px;
	background-color: #1d7ce6;
	position: absolute;
	bottom: 0;
	left: 43%;
	margin-bottom: -5px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.post .views {
	border-bottom: solid 1px #f1f1f1;
	color: gray;
	font-size: 12px;
	font-family: 'Open Sans Regular', sans-serif;
	text-align: center;
	line-height: 29px;
}
.post .views i {
	font-size: 14px;
}
.post .time {
	color: gray;
	font-size: 12px;
	font-family: 'Open Sans Regular', sans-serif;
	text-align: center;
	line-height: 29px;
	background: white;
	width: 100%;
}
.contributor{
	border: 1px solid #d6e8f4;
	display: flow-root;
}
.contributor-list{
	width: 100%;
	display: flow-root;
}
.contributor h3{
	background-image: linear-gradient(to top ,#1976e5, #42b2f3);
	padding: 20px;
	text-align: center;
	color: white;
	font-size: 24px;
	text-transform: uppercase;
	text-shadow: 0px 2px 3px #00000087;
	margin-top: 0px;
}
.cntbtr-img{
	width: 15%;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}
.cntbtr-img img{
	width: 100%;
}
.cntbtr-txt{
	margin-left: 20px;
	position: relative;
	float: left;
	margin-top: 12px;
}
.cntbtr-txt a{
	font-size: 17px;
	color: #1a78e5;
}
.cntbtr-txt p{
	font-size: 14px;
	color: gray;
}
.frum-qu .form-group{
	float: left;
	width: 48%;
	margin: 1%;
}
.frum-qu .form-group input{
	width: 100%;
	padding: 10px;
	outline: none;
	border: 1px solid gray;
}
.frum-qu .form-group input:focus{
	box-shadow: 0px 1px 5px #288dea91;
	border: 1px solid #288dea91;
}
.frum-qu .form-group button{
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
	border-radius: 50px;
	border-color: #41b0f3;
	padding: 10px 60px;
	font-size: 16px;
	transition: 0.3s all;
	color: white;
	border: 1px solid transparent;
	margin-top: 0px;
}
/*==========================contact-us==========================*/
/* ===========================blogs=========================== */
.blog-date{
    position: absolute;
    background-color: #fff;
    color: #3b8958;
    padding: 3px 5px 0px 5px;
    left: 5px;
    top: 5px;
    box-shadow: 0px 1px 2px #00000030;
    border-radius: 3px;
    z-index: 2;
    text-transform: capitalize;
}
.blog-text{
    padding: 10px;
    height: 70px;
    text-align: center;
	overflow: hidden;
}
.blogs-list .featrd-item{
    padding-bottom: 15px;
    height: 400px;
    overflow: hidden;
}
.blg{
	border: 1px solid #0000003d;
	padding: 10px;
	display: flow-root;
	margin-top: 32px;

}
.blg-img h3{
	padding: 12px;
	color: white;
	margin-top: -46px;
	position: relative;
	background-color: #00000091;
	font-size: 20px;
}
.blg-txt button{
	display: inline;
	margin-top: 17px;
	margin-left: 36%;
	padding: 8px 14px;
	background-image: linear-gradient(#1876e4, #43b3f3);
	border: 0;
	border-radius: 51px;
	transition: 0.3s all;
	outline: none;
}
.blg-txt button:hover{
	box-shadow: 0px 2px 7px #00000080;
}
.blg-txt button a{
	color: white;
}
.blg-txt li{
	display: block;
	float: left;
	width: 48%;
	margin: 1%;
	color: black;
}
.blg-txt p{
	color: #808080de;
	font-size: 13px;
}
.blg-img img{
	width: 100%;

}
.agent-page{
	background-image: inherit;
}
.agent-page .heading{
	margin: 0px;
}
.agent-call-gif{
	position: absolute;
	right: 40%;
	width: 80px;
}
.agent-call-gif img{
	width: 100%;
}
.blog-number{
	margin: 0 auto;
	margin-top: 3%;
	margin-left: 37.5%;
	display: inline-flex;
}
.discus-btn{
	float: right;
	margin-right: 1%;
}
/* ===========================blogs=========================== */
/* ========================agent-profile====================== */
.agent-img{
	float: left;
	width: 250px;
}
.agent-img img{
	width: 200px;
	height: 200px;
	border-radius: 100px;
	border: 2px solid #979797;
}
.agent-logo{
	position: absolute;
	width: 60px;
	right: 40%;
	bottom: 8px;
	border: 1px solid;
}
.agent-logo img{
	width:100%;
}
.profile-dtl{
	float: left;
	margin-top: 25px;
}
.profile-dtl h4{
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 3px;
}
.profile-dtl button{
	background-image: linear-gradient(to right, #ff551a, #fb7e51);
	border-radius: 49px;
	border: 1px solid white;
	box-shadow: 0px 2px 4px #00000073;
	padding: 8px 28px;
	transition: 0.3s all;
	color: white;
	outline: none;
}
.profile-dtl #newpost{
	text-align: left;
}
.agent-profile-dtl{
	box-shadow: 0px 2px 4px #0000002b;
	display: flow-root;
	padding: 20px;
	margin-bottom: 30px;
}
.ofc-area li{
	display: block;
	float: left;
	border: 1px solid gray;
	padding: 10px;
	width: 10%;
	margin-right: 20px;
	margin-bottom: 27px;
	text-align: center;
}
.ofc-area li i{
	color: #387dff;
}
#key-person .persons-dtl p{
	margin-bottom: 0px;
}
.agent-heading h3{
	border-bottom: 2px solid #387dff;
	text-transform: uppercase;
	width: max-content;
	padding-bottom: 5px;
	margin-top: 0;
	position: relative;
	font-weight: 700;
}
.agent-heading{
	margin-bottom: 30px;
}
.agent-heading h3:after{
	height: 4px;
	width: 30%;
	position: absolute;
	content: '';
	background-color: #387dff;
	bottom: -3px;
	left: 0;
}
.persons-dtl li{
	float: left;
	display: block;
	border: 1px solid #8080806b;
	width: 20%;
	margin-right: 33px;
	padding: 15px;
	text-align: center;
}
.prsn-img{
	width: 100%;
}
.prsn-img img{
	width: 100%;
}
.prsn-dtl{
	margin-top: 15px;
}
.agent-heading .numbers{
	color: gray;
	margin-left: 10px;
	font-weight: 100;
}
.properties li{
	float: left;
	display: block;
	width: 25%;
	margin-bottom: 15px;
	font-size: 15px;
	text-transform: capitalize;
	color: #444444;
}
.properties li span{
	margin-left: 3px;
	color: gray;
	font-size: 13px;
}
.properties li button{
	border-radius: 49px;
	border: 1px solid #c4c4c4;
	box-shadow: 0px 2px 4px #00000036;
	padding: 5px 10px;
	outline: none;
	margin-top: -5px;
	display: block;
	background-image: linear-gradient(to right, rgb(23, 116, 228), rgb(68, 180, 244));;
}
.properties li button a{
	color:white;
}
.snd-eml .form-group{
	float: left;
	width: 33.3%;
	padding-right: 4px;
}
.snd-eml .form-group input{
	padding: 10px 25px;
	width: 100%;
	outline:none;
	transition: 0.3s all;
	border: 1px solid #808080c2;
}
.snd-eml .form-group input:focus{
	border: 1px solid #32a2e2;
	box-shadow: 0px 1px 4px #326ee278;
}
.snd-eml textarea{
	padding: 10px;
	width: 100%;
	outline: none;
}
.snd-eml i{
	position: absolute;
	margin-top: 14px;
	margin-left: 5px;
	color: gray;
}
.snd-eml button{
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
	border-radius: 49px;
	box-shadow: 0px 2px 4px #00000073;
	padding: 11px 20px;
	border: 1px solid transparent;
	text-transform: uppercase;
	transition: 0.3s all;
	text-align: center
}
.snd-eml button:hover{
	letter-spacing: 1px;
}
.snd-eml button a{
	color: white;
}
/* ========================agent-profile====================== */


/* =====================static-maps-sec======================= */
.map-stc-page{
	margin-top: 50px;
}
.static-maps-sec{
	margin-bottom: 31px;
	display: flex;
}
.map-stc-page .dtl-bsns-crd{
	margin-top: 0;
}
.static-maps-sec img{
	border: 1px solid #cbcbcb;
	padding: 12px;
	width: 62%;
	float: right;
	margin-right: 80px;
}
.static-maps{
	background-color: white;
	margin-bottom: 10px;
	border: 1px solid #80808069;
	padding: 10px;
	text-align: center;
	width: 80%;
}
.static-maps h4{
	text-transform: capitalize;
}
/* =====================static-maps-sec======================= */

.trusted{
	border: 0px;
	box-shadow: 0px 0px 0px;
}

/* =============================dashboard =================================*/
.dash-profile li{
	float: left;
	display: block;
	margin-right: 14px;
	font-size: 20px;
	margin-top: 17px;
	width: 2%;
}
.dash-profile li span{
	position: absolute;
	background-color: #ff591e;
	color: white;
	border-radius: 28px;
	font-size: 10px;
	padding: 2px 2px;
	margin-left: -10px;
	margin-top: -6px;
}
.dash-profile{
	width: 100%;
	display: flow-root;
	border-bottom: 1px solid #80808047;
	margin-bottom: 50px;
}
.prfil-img{
	float: right;
}
.prfil-img p{
	float: left;
	margin-top: 14px;
	margin-right: 13px;
	font-weight: 600;
}
.prfil-img img{
	width: 50px;
	height: 50px;
	border: 1px solid #0000002e;
	border-radius: 53px;
	padding: 3px;
}
.dashboard .btn-group{
	background-image: linear-gradient(90deg, #ffffff, #ffffff);
	width: 20%;
	padding: 8px;
	box-shadow: 0px 0px 10px #0000000f;
	float: left;
	border: 1px solid #3e3e3e;
}
.dashboard .btn-group button{
	width: 100%;
	margin-top: 3px;
	padding: 14px;
	background-color: transparent;
	box-shadow: 0px 0px 0px;
	color: black;
	text-align: left;
	border-radius: 0px !important;
	text-transform: capitalize;
	font-weight: 700;
	position: relative;
	overflow: hidden;
}
.dashboard button i{
	padding-right: 10px;
	width: 20px;
}
.dashboard .btn-group .btn:hover{
	z-index: 1;
	background-image: linear-gradient(90deg, #1977e5, #43b3f4);
	box-shadow: 0px 0px 7px #00000070;
	color: white;
	width: 113%;
	border-radius: 3px !important;
	margin-left: -18px !important;
	padding-left: 31px;
}
.dashboard .btn-group .btn.active{
	z-index: 1;
	background-image: linear-gradient(90deg, #1977e5, #43b3f4);
	box-shadow: 0px 0px 7px #00000070;
	color: white;
	width: 113%;
	border-radius: 3px !important;
	margin-left: -18px !important;
	padding-left: 31px;
}
.dash-content{
	float: left;
	margin-left: 29px;
	padding-bottom: 20px;
	background: white;
	width: 78%;
	box-shadow: 0px 0px 10px #0000000f;
}
.tab-heading{
	background-image: linear-gradient(#1977e5, #43b3f4);
	padding: 10px;
	width: 100%;
	margin: 0 auto;
	margin-top: 0px;
}
.tab-heading h4{
	text-align: center;
	color: white;
	font-size: 24px;
	font-weight: 800;
	text-transform: uppercase;
}
.weather{
	width: 70%;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}
.weather li{
	float: left;
	display: block;
	width: 23%;
	background-color: white;
	margin: 1%;
	padding-left: 25px;
	padding-top: 10px;
	box-shadow: 0px 0px 5px #8080801c;
	border: 1px solid #80808021;
}
.weather li i{
	font-size: 25px;
}
.weather li #nme{
	font-size: 18px;
	margin-top: 20px;
	font-weight: 600;
}
.weather #temp i{
	color: red;
}
.weather #wthr i{
	color: #e4aa28;
}
.weather #wnd-spd i{
	color: #349dee;
}
.weather #wnd-dg i{
	color: #ca9660;
}
.weather #prsr i{
	color: green;
}
.weather #clud i{
	color: #29d2f9;
}
.weather #snrse i{
	color: #f7d21b;
}
.weather #snst i{
	color: #ff551a;
}
.dash-clock svg {
	display: block;
	position: absolute;
	right: 0;
	transform: translate(-40%, 20%);
}

.filler {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.dash-prpty{
	width: 100%;
	display: flow-root;
}
.dash-prpty li{
	float: left;
	display: block;
	width: 31%;
	background-image: url(../pic/dash-bg.png);
	margin: 20px 0px 10px 19px;
	background-color: blue;
	padding: 32px 0px 30px 20px;
	background-position: 150px 160px;
	background-repeat: no-repeat;
	color: white;
}
.dash-prpty .sle{
	background-color: #32a2e2;
}
.dash-prpty .rnt{
	background-color: #057235;
}
.dash-prpty .lst{
	background-color: #ff5519;
}
.dash-prpty .hot{
	background-color: #692c92;
}
.dash-prpty .actn-rm{
	background-color: #967c0b;
}
.dash-prpty .pckge{
	background-color: #983234;
}
.dash-prpty .vews{
	background-color:#114a6b;
}
.dash-prpty .abt-prfl{
	background-color: #3d8892;
}
.dash-prpty .nmbr-vew{
	background-color: #677913;
}
.dash-prpty li i{
	font-size: 50px;
	float: left;
	width: 75px;
}
.dash-prpty li h4{
	font-size: 22px;
	font-weight: 900;
	margin-top: 0px;
}
.dash-prpty-txt{
	float: left;
}
.dash-prpty-txt p{
	margin: 0;
}
/* ==================manage-profile================= */
.mng-prfl-form input{
	width: 94% !important;
	margin: 0 auto;
	display: block !important;
	margin-top: 25px;
}
.mng-prfl-form select{
	width: 94% !important;
	margin: 0 auto;
	display: block !important;
	margin-top: 25px;
	padding: 10px 43px;
	color: darkgray;
}
.mng-prfl-form .form-group{
	width: 49%;
	margin: 4px;
}
.mng-prfl-form .form-control{
	padding: 10px 0px 10px 46px;
	height: auto;
	border-color: #bfbfbf;
	border-radius: 0;
	box-shadow: inherit;
}
.mng-prfl-form .form-group i{
	position: absolute;
	margin: 26px 0px 0px 17px;
	background-image: linear-gradient(45deg, #1875e4, #43b3f4);
	padding: 13px;
	width: 40px;
	text-align: center;
	color: white;
}
.mng-prfl-form button{
	width: 20%;
	text-align: center;
	position: relative;
	display: block;
	background-image: linear-gradient(45deg, #1876e4, #42b2f3);
	color: white;
	font-size: 20px;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 30px !important;
	transition: 0.3s all;
	border-radius: 50px !important;
	margin-left: 23px !important;
}
.mng-prfl-form button:hover{
	background-image: linear-gradient(-45deg, #737373, #191919);
	border-radius: 50px !important;
	box-shadow: 0px 4px 7px #545454;   
}
.dsh-pic{
	float: left;
	max-width: 65%;
	margin-left: 10% !important;
}
.form-group img{
	float: left;
	width: 80px;
	height: 80px;
}
/* ==================manage-profile================= */
/* =================manage-property================= */
.mng-prpty-form select{
	width: 100%;
	margin-left: 0px;
	padding: 10px 0px 10px 46px;
	height: auto;
	border-color: #bfbfbf;
	border-radius: 0;
	box-shadow: inherit;
	outline: none;
	margin-top: 20px;
}
.mng-prpty-form li{
	float: left;
	display: block;
}
.mng-prpty-form li input{
	width: 25%;
	margin-left: 0px;
	padding: 10px 0px 10px 46px;
	height: auto;
	border-radius: 0;
	box-shadow: inherit;
	outline: none;
	margin-top: 20px;
	border: 1px solid #bfbfbf;
}
.mng-prpty-form button{
	float: right;
	width: 20%;
	text-align: center;
	position: relative;
	margin-left: auto !important;
	margin-right: auto;
	display: block;
	background-image: linear-gradient(45deg, #1876e4, #42b2f3);
	color: white;
	font-size: 15px;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 30px;
	transition: 0.3s all;
	border-radius: 50px !important;
}
.mng-prpty-form button:hover{
	background-image: linear-gradient(-45deg, #737373, #191919);
	border-radius: 50px !important;
	box-shadow: 0px 4px 7px #545454;
}
.mng-prpty-form i{
	position: absolute;
	margin-top: 20px;
	background-image: linear-gradient(45deg, #1875e4, #42b2f3);
	padding: 14px;
	width: 42px;
	color: white;
	text-align: center;
}
.prpt-srch{
	width: 75%;
	padding: 8px;
	float: right;
}
.mng-prpty-form p{
	background-color: gainsboro;
	padding: 10px;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.dsh-prprty-data{
	padding: 15px;
}
.dsh-prprty-data table img{
	width: 40px;
	height: 40px;
}
table.blueTable {
	border: 1px solid #1C6EA4;
	background-color: #fff;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
	border: 1px solid #AAAAAA;
	padding: 10px;
	text-align: center;
}
table.blueTable tbody td {
	font-size: 13px;
}
table.blueTable tr:nth-child(even) {
	background: #f1f1f1;
}
table.blueTable thead {
	background: #1C6EA4;
	background: -moz-linear-gradient(to bottom, #1c1c1c, #6f6f6f);
	background: -webkit-linear-gradient(to bottom, #1c1c1c, #6f6f6f);
	background: linear-gradient(to bottom, #1c1c1c, #6f6f6f);
}
table.blueTable thead th {
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	padding: 15px;
}
table.blueTable thead th:first-child {
	border-left: none;
}

table.blueTable tfoot {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #6e6e6e;
	border-top: 1px solid #444444;
}
table.blueTable tfoot td {
	font-size: 14px;
}
table.blueTable tfoot .links {
	text-align: right;
}
table.blueTable tfoot .links a{
	display: inline-block;
	background: #fbfbfb;
	color: #000000;
	padding: 5px 13px;
	border-radius: 5px;
}
/* =================manage-property================= */
/* ==================add-property================== */
.dashboard-data .description{
	border-top: 0px;
	padding: 0 15px;
	box-shadow: inherit;
	margin-top: 15px;
}
.dashboard-data .description button{
	border: 0;
	margin: 0;
	box-shadow: inherit;
	border-bottom: 1px solid #80808075;
	font-size: 15px;
	padding: 10px 15px;
	margin-top: 20px;
}
.dashboard-data .description button.active{
	border-radius: 20px 20px 0px 0px;
	border-color: #41b1f2;
}
.dashboard-data .description button:hover{
	border-radius: 20px 20px 0px 0px;
	border-color: #41b1f2;
}
.add-prpety-frm .form-control{
	margin-left: 0;
}
.add-prpety-frm .form-group i{
	margin-left: 0px;
}
.add-prpety-frm .dsh-pic{
	margin-left: 0 !important;
}
.add-prpety-frm select{
	padding: 9px 0px 9px 10px;
	height: auto;
	border-color: #bfbfbf;
	border-radius: 0;
	box-shadow: inherit;
	width: 88% !important;
	margin-top: 26px;
	color: darkgray;
}
.add-prpety-frm textarea{
	width: 89%;
	margin-left: 4px;
	height: 100px;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 7px 10px;
}
.nxt-prv{
	margin-top: 20px;
	margin-bottom: 20px;
}
.nxt-prv .nxt{
	float: right;
}
.uplod-img input{
	margin-bottom: 20px;
}

.prpty-ftr li{
	width: 20%;
	font-size: 12px;
	display: flex;
}
.prpty-ftr li label{
	margin-top: -2px;
	margin-left: 5px;
}
.dashboard-data .tabdetail button{
	width: 15%;
	text-align: center;
	background-image: linear-gradient(45deg, #1876e4, #42b2f3);
	color: white;
	font-size: 15px;
	padding: 10px;
	transition: 0.3s all;
	border-radius: 50px !important;
	margin-bottom: 30px !important;
}
.dashboard-data .tabdetail button:hover{
	background-image: linear-gradient( #737373, #191919);
	color: white;
}
.dashboard-data .form-group button{
	width: 40%;
	margin-bottom: 0px !important;
}
.dashboard-data .form-group button i{
	background-image: inherit;
	position: relative;
	margin: 0;
	background: transparent;
	padding: 0;
	width: 20px;
}
/* ==================add-property================== */
/* ==================invite-agent================== */
.agnt-data .data-tbl{
	float: left;
	width: 46%;
	margin: 2%;
}
.mng-prfl-form input[type=checkbox]{
	width: 20px !important;
	float: left;
	margin: 4px;
	margin-left: 15px !important;
}
#msg{
	width: 96.1%;
	margin-left: 20px;
	margin-top: 30px;
	padding: 10px 10px;
	height: 100px;
}

/* ==================invite-agent================== */
/* ==================manage-sms================== */
.manag-sms .form-group{
	width: 100%;
}
.manag-sms #msg{
	margin-left: 0;
	width: 94%;
}
.manag-sms input{
	margin-left: 0;
}
.manag-sms .form-group i{
	margin-left: 0px;
}
.sms-grp{
	width: 100%;
	margin-right: 25px;
	margin-top: 29px;
}
.sms-grp .sms{
	background-color: #8080806e;
	padding: 15px;
	width: 100%;
}
.svd-msg{
	width: 100%;
}
.manag-sms button{
	width: 54%;
	margin-left: inherit !important;
}
/* ==================manage-sms================== */
/* =============================dashboard =================================*/
/* =============================Careers =================================*/
.carers{
	background-image: url(../pic/careers.jpg);
	background-size: 100%;
	position: relative;
	z-index: 1;
	background-position: center;
}
.carers p{
	margin: 0 auto;
	margin-bottom: 100px;
	margin-top: 45px;
	color: white;
	width: 70%;
	text-align: center;
	font-size: 18px;
}
.carers:before{
	background-color: #000000b3;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.carers #white h3:after{
	width: 4%;
	left: 48%;
}

.jn-us li{
	float: left;
	width: 30%;
	margin: 0px 20px 44px 28px;
	border: 1px solid gray;
	padding: 15px 10px 25px 10px;
	text-align: center;
	display: block;
	transition: 0.3s all;
}
.jn-us li a{
	color: black;
	text-decoration: none;
}
.jn-us li h5{
	font-size: 20px;
}
.jn-us li button{
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
	border-radius: 50px;
	border-color: #41b0f3;
	padding: 10px 30px;
	font-size: 16px;
	transition: 0.3s all;
	color: white;
	border: 1px solid transparent;
	margin-top: 25px;
}
.jn-us .loctn{
	color: #006f2d;
	font-size: 16px;
	margin-top: 20px;
}
.jn-us li:hover{
	background-color: #80808026;
	border-color: #80808036;
	box-shadow: 0px 8px 10px #8080803d;
}
.ofer{
	background-image: url(../pic/whatweoffer.webp);
	padding-bottom: 60px;
	padding-top: 35px;
	position: relative;
	z-index: 1;
	margin-top: 50px;
	margin-bottom: 30px;
}
.ofer:before{
	position: absolute;
	content: '';
	background-image: linear-gradient(180deg , transparent, transparent, white);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.ofr-itm li{
	float: left;
	width: 30%;
	display: block;
}
.ofr-itm li i{
	float: left;
	font-size: 16px;
	margin-right: 8px;
	margin-top: 5px;
}
.ofr-itm li p{
	float: left;
	font-size: 17px;
}
.no-img{
    width: 100%;
    border: 1px solid #5f5f5f;
    margin-top: 0px;
    text-align: center;
    background-color: #bfbfbf;
    align-items: center;
    vertical-align: bottom;
    display: grid;
}
.hotel-facilities h6{
	border-bottom: 1px solid #387dff;
	width: max-content;
	font-size: 20px;
	padding-bottom: 5px;
}
.hotel-facilities p{
	margin-bottom: 10px;
}
.hotel-facilities li{
	float: left;
	width: 230px;
	margin: 5px 10px 0px 15px;
}
.hotel-facilities{
	height: 420px;
}
/* =============================Careers =================================*/
/* =============================news-detail =================================*/
.nws-dtl{
	margin-top: 50px;
}
.nws-dtl .nws-img img{
	width: 100%;
}
.nws-txt{
	margin-top: 30px;
}
.nws-txt p{
	margin-top: 20px;
}
.asksection {
	margin-top: 0px;
	padding: 15px;
	border: solid 2px #f7f7f7;
	position: relative;
}
.imgperson {
	width: 18%;
	text-align: center;
}
.imgperson img {
	width: 100%;
}
.personname {
	width: 78%;
	margin-left: 4%;
}
.personname h4 {
	color: #30a0df;
}
.person-detail li {
	color: #000000;
	border-bottom: solid 1px lightgray;
	padding: 6px 0;
	display: block;
	width: 25%;
}
.person-detail li span {
	color: #717171;
	float: right;
}
.wrote-tag li {
	display: inline-block;
	margin: 10px 15px 0px 0px;
}
.wrote-tag li a {
	text-decoration: none;
	color: #282828;
	padding: 5px 10px;
	box-shadow: inset 0px 0px 5px #888888;
	background: #fff;
	display: inline-block;
}
.forum-section .panel-tabs > li.active > a, .forum-section .panel-tabs > li.active > a:hover, .forum-section .panel-tabs > li.active > a:focus {
	color: #fff;
	cursor: default;
	background-image: linear-gradient(45deg, #1b79e5, #41b0f2);
	border-bottom-color: transparent;
	width: max-content;
}
.table{
	margin-bottom: 0;
}
.table-responsive {
	width: 100%;
	border: solid 1px #dddddd;
}
.panel-body {
	padding: 0px;
}
.panel-heading{
	padding: 10px 0px;
}
.chaticon {
	color: #3a525e;
	margin-right: 5px;
}
.replies {
	color: gray;
}
.replies a {
	color: #fd6733;
}
.pull-right {
	float: right;
}
.forum-dtl{
	margin-top: 50px;
}
/* =============================news-detail =================================*/
/* =============================question =================================*/
.ask-q .form-group{
	float: left;
	width: 32%;
	margin-right: 1%;
}
.ask-q .form-group input{
	width: 100%;
	padding: 11px 45px;
	outline: none;
	border: 1px solid gray;
}
.form-group input:focus{
	box-shadow: 0px 2px 0px #40aff2;
	border-bottom: 1px solid #40aff2;
}
.ask-q .form-group select{
	width: 100%;
	padding: 11px 43px;
	outline: none;
	color: gray;
}
.form-group select:focus{
	box-shadow: 0px 2px 0px #40aff2;
	border-bottom: 1px solid #40aff2;    
}
.ask-q .form-group i{
	position: absolute;
	width: 43px;
	background-image: linear-gradient(#1976e5, #41b1f2);
	padding: 15px 0px;
	text-align: center;
	color: white;
}
.ask-q textarea{
	width: 98%;
	padding: 10px;
	height: 130px;
	outline: none;
}
.ask-q textarea:focus{
	box-shadow: 0px 2px 0px #40aff2;
	border: 1px solid #40aff2;
}
.ask-q button{
	background-image: linear-gradient(to right, #1774e4, #44b4f4);
	padding: 10px 50px;
	color: white;
	outline: none;
	border-radius: 50px;
	display: block;
	margin-top: 0px;
	margin-bottom: 25px;
	border: 1px solid #fff;
	font-weight: 600;
	position: relative;
	overflow: hidden;
}
.q-frm{
	margin-top: 10px;
}
/* =============================question =================================*/
/* =============================draw-on-map =================================*/
.drw-n-mp .map-sec{
	margin-top: 50px;
}
.eng-urd li{
	float: left;
	width: 50%;
	text-align: center;
	border: 1px solid #32a2e2;
	padding: 15px;
	font-size: 18px;
	font-weight: 600;
}
.map-gf{
	width: 100%;
	margin-top: 50px;
	border: 1px solid #cac1c1;
	padding: 10px;
}
.mp-steps{
	border-top: 2px solid #212121;
	display: inline-block;
	margin-top: 45px;
}
.mp-steps li{
	float: left;
	width: 30%;
	padding: 10px;
	text-align: center;
	border: 1px solid #212121;
	margin: 1.5%;
	position: relative;
	margin-top: 45px;
	height: 130px;
}
.mp-steps li:before{
	background-color: #212121;
	content: '';
	width: 15px;
	height: 15px;
	top: -55px;
	left: 48%;
	display: block;
	position: absolute;
	border-radius: 50px;
	box-shadow: inset 0px 0px 0px 3px #ffffff;
	z-index: 2;
	border: 1px solid #212121;
}
.mp-steps li:after{
	background-color: #212121;
	content: '';
	width: 1px;
	height: 39px;
	top: -39px;
	left: 50.2%;
	display: block;
	position: absolute;
	box-shadow: 0px 6px 0px 5px #ffffff;
	z-index: 2;
}
.mp-steps li p{
	font-size: 24px;
	color: #32a2e2;
	font-weight: 800;
}
/* =============================draw-on-map =================================*/
/* =============================show-on-map =================================*/
.shw-n-mp .btn-group{
	margin-top: 50px;
}
/* =============================show-on-map =================================*/
/* =============================search-on-map =================================*/
.srch-n-mp .map-sec{
	margin-top: 50px;
}
/* =============================search-on-map =================================*/
.dealer h3{
	border: 2px solid #3da6e6;
	border-bottom: none;
	margin: 0;
	padding: 12px;
}
.advertise h4{
	margin-top: 50px;
}
.prtnr h4{
	text-align: center;
	font-size: 44px;
	font-weight: 500;
	margin-top: 40px;
}
.prtnr img{
	margin: 0 auto;
	display: block;
	margin-top: 100px;
	width: 170px;
}
.prtnr button{
	margin: 0 auto;
	display: block;
	padding: 15px;
	background-image: linear-gradient(45deg, #1a77e5, #3ea7e6);
	color: white;
	border: none;
	margin-top: 40px;
}
.overview{
	padding: 10px;
	box-shadow: 0px 1px 4px #00000057;
	margin-top: 40px;
}
.overview li{
	line-height: 3;
	font-size: 15px;
}
.overview li b{
	width: 150px;
	display: inline-block;
}
.overview li i{
	font-size: 12px;
	color: #1a77e5;
	margin-right: 10px;
} 
.pkg ul{
	margin-left: 30px;
}
.pkg table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
}
.pkg table{
	width: 100%;
}
.pkg th, td {
	padding: 5px;
	text-align: left;
}
.pkg .reltr{
	background-color: #1a78e5;
	color: white;
}
.pkg .bld{
	background-color: #ff551b;
	color: white;
}
.pkg .reltrbld{
	background-color: #0f773f;
	color: white;
}
.pkg .cstmd{
	background-color: #ff551b;
	color: white;
}
.pkg{
	margin-top: 40px;
}

img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
	max-width: 1000px;
	position: relative;
	margin: auto;
}

/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */
.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}


/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
	opacity: 1 !important;
}

@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
	.prev, .next,.text {font-size: 11px}
}
.view-box li {
	float: left;
	width: 18%;
	margin: 1%;
	padding: 85px 0px 0px 0px;
	margin-top: 40px;
	text-transform: capitalize;
	font-size: 17px;
	text-align: center;
	font-weight: 700;
	box-shadow: 0px 2px 5px #00000052;
	border-radius: 110px 40px 170px 40px;
	height: 280px;
	display: inherit;
	position: relative;
}
.view-box li:nth-last-child(1){
	border-right: none;
}
.view-box li span{
	background-image: linear-gradient(45deg, #007635, #16ca01);
	padding: 30px 33px;
	margin-top: 12px;
	display: block;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
	color: white;
	font-size: 25px;
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	box-shadow: 0px 3px 4px #b3b3b3;
}
.view-box .bx-icn{
	top: -10px;
	bottom: inherit;
	width: 65px;
	padding: 16px 15px;
	text-align: center;
	left: 0px;
	right: auto;
	background-image: linear-gradient(45deg, #1f7ee6, #3ca5e6);
	box-shadow: 0px 0px 0px #00000069;
}
.dealer li a{
	color: black;
	font-size: 17px;
}
.dealer ul .active a{
	color: #1e7de5;
}
.adv-img{
	margin-top: 40px;
}
.tb ul{
	display: none;
	position: absolute;
	background-color: #2b2b2b;
	transition: 0.3s all;
	width: 94%;
	left: 3%;
	right: 0;
	margin-top: 14px;

}
.tb ul li{
	padding: 10px;
}
.tb:hover ul{
	display: block;
}
.tb ul li a{
	text-decoration: none;
	color: white;
}
.app-lst li{
	font-size: 17px;
	line-height: 3;
	width: 36%;
	margin: 0 auto;
}
.apps img{
	width: 70%;
	float: right;
}
.cntr img{
	float: left;
}
.apps p{
	font-size: 20px;
	text-align: center;
}
.apps button{
	margin-top: 25px;
	background-image: linear-gradient(45deg, #3a83ff, #53bcfd);
	color: white;
	padding: 0px 25px;
	border: 1px solid white;
	box-shadow: 0px 2px 4px #8080808a;
	font-size: 16px;
}
.cntr button{
	margin: 0 auto;
	display: block;
	margin-top: 35px;
	background-image: linear-gradient(45deg, #3a83ff, #53bcfd);
	color: white;
	padding: 10px 25px;
	border: 1px solid white;
	box-shadow: 0px 2px 4px #8080808a;
	font-size: 16px;
}
.qouta .content {
	background-color: #ffffff;
	padding: 10px;
	box-shadow: 0px 1px 7px #00000038;
}
.qouta .content h2 {
	margin: 0;
	background-image: linear-gradient(45deg, #1976e5, #4cb7f4);
	text-align: center;
	color: white;
	padding: 10px;
	font-family: righteous;
	font-size: 22px;
}

.Glossary h3{
	text-align: center;
	background-color: #a9a9a929;
	border: 1px solid #808080c2;
	padding: 10px;
}

.Glossary table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.Glossary td {
border: 1px solid #c5c5c5;
    text-align: left;
    padding: 8px;
    width: 20%;
}

/*.Glossary tr:nth-child(even) {
  background-color: #bbdefb;
}*/
.Glossary button{
	border:none;
	background-color: transparent;
	font-family: raleway;
	font-weight: 600;
}



/*==============Vision-login-css*/
.vision-hed h1 {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 45px;
    font-family: righteous;
    text-shadow: 0px 2px 4px #0000008f;
}
.vision-hed {
    background-image: linear-gradient(45deg, #1976e5, #45b4f4);
    padding: 20px;
    color: white;
    text-align: center;
    margin-bottom: 20px;
}
.login {
    background-color: transparent;
    padding: 10px 0px 10px 0px;
}

.registr {
    background-color: #8c8c8c1f;
    padding: 10px;
    margin-top: 35px;
    width: 89.4%;
}
.cntct-form h1 {
    font-weight: 600;
    font-size: 30px;
    font-family: Montserrat;
    text-shadow: 0px 1px 2px #00000054;
    text-align: center;
    margin-bottom: 30px;
}
.cntct-form input {
    width: 100%;
    border: 1px solid #5454544a;
    padding: 7px 2px 7px 45px;
    outline: none;
    transition: 0.3s all;
}
.cntct-form .smal {
    float: left;
    width: 48%;
    margin: 0% 1% 3% 1%;
}
.cntct-form i {
    margin-top: 0px;
    position: absolute;
    background-image: linear-gradient(45deg, #1a78e5, #44b2f4);
    color: white;
    padding: 11px;
    width: 40px;
    text-align: center;
}
.cntct-form button {
    padding: 7px 32px;
    margin-top: 16px;
    border: none;
    background-image: linear-gradient(45deg, #1976e5, #43b3f3);
    color: white;
    transition: 0.3s all;
    margin: 0 auto;
    font-weight: 700;
    font-family: raleway;
}
.cntct-form .login .form-group {
    float: left;
    width: 35%;
    margin: 0% 2% 0% 0%;
}
.cntct-form textarea {
    width: 98%;
    border: 1px solid #5454544a;
    outline: none;
    transition: 0.3s all;
    margin-left: 5px;
    padding: 5px;
}
.vision-text{
float: left;
    width: 50%;
    border: 1px solid #80808069;
    padding: 10px;
    height: 500px;
}
.vision-text img{
    width: 50%;
    margin: 0 auto;
    display: block;
}
.vision-ftr {
    background-image: linear-gradient(45deg, #1976e5, #45b4f4);
    padding: 20px;
    color: white;
    text-align: center;
    margin-top: 24px;
}
.adv-btn{
	width: 15%;
	float: left;
}
.adv-btn button{
	width: 100%;    
	font-size: 15px;
	padding: 7px 0px;
    box-shadow: 0px 0px 0px #0000001a;
    margin-bottom: 4px;
    margin-top: 0px;
}

.adv-tbl th, td{
	border:none;
	text-transform: capitalize;
}
.adv-tbl th{
    background-color: #42b2f3;
    color: white;
    padding: 3px 5px;
}
.adv-tbl table{
	    width: 100%;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;

}
.adv-tbl{
	
	margin-bottom: 50px;
}
#field1 button, input{
	border:none;
	outline: none;
	text-align: center;
}
#field1 button{
background-color: transparent;
    color: #1d7ce6;
    font-weight: 800;
    font-size: 17px;
}
#field1 input{
border-bottom: 1px solid gray;
    width: 20%;
    text-align: center;
    padding-left: 15px;
}
.crt-btn{
    padding: 3px 7px;
    background-color: #1976e5;
    color: white;
    border: 0;
    font-size: 12px;
}
.price-sec{
	width: 80%;
    float: left;
    margin-left: 3%;
    padding: 0;
}
.price-sec .mapscontent{
	padding: 0px;
}
.tbl-nam b{
background-color: #1976e5;
    padding: 8px 20px;
    display: block;
    width: 12%;
    text-align: center;
    color: white;
    border-radius: 4px 4px 0px 0px;
    float: left;
}
.tbl-nam li{
    float: right;
    background-color: #000000;
    margin-left: 3px;
    padding: 8px 20px;
    display: block;
    text-align: center;
    color: white;
    border-radius: 4px 4px 0px 0px;
}
.tbl-nam li a{
	color: white;
}
/* =============================360-projets======================== */
.tour ul.tabs{
	width: 100%;
}
.tour .tab_container{
	width: 100%;
}
#static-city{
    background-color: #0084ff;
    color: white;
}
.projects .project-item{
	float: left;
    width: 19%;
    margin-right: 1%;
	position: relative;
}
.projects .project-item::before{
	position: absolute;
	background-color: #0000008c;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
}
.project-item img{
	width: 100%;
}
.project-item h4{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0;
    color: white;
    font-size: 20px;
}
#cookieWarnBox .text {
    color: #dfdede;
    position: relative;
    bottom: 0;
}
/* =============================360-projets======================== */