@charset "utf-8";

/* CSS Document */

body {
    margin: 0;
    padding: 0;
	font-family: 'Open Sans', sans-serif !important;
   /* font-family: 'Raleway', sans-serif !important;*/
    font-size: 13px;
    color: #3a3a3a;
    font-weight: 400;
}

* {
    margin: 0px;
    padding: 0px;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.clr,
.clear {
    clear: both;
}

header,
footer,
aside,
article,
section,
detail,
nav,
figure {
    position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

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

a {
    text-decoration: none;
    outline: none;
}

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

img {
    border: 0;
    outline: none;
    max-width: 100%;
}

input[type="text"],
input[type="password"],
select,
textarea,
input[type="button"] {
    max-width: 100%;
}

table {  width: 100%; }
p { margin: 0; padding: 0; }
.fltL { float: left; }
.fltR { float: right; }
.padding_none { padding: 0 !important;}
.border_none{border:none !important}
.navbar-toggle {  background-color: #fff !important; }
.icon-bar { background-color: #000 !important; }
.p_right0{ padding-right:0px !important; }
.p_left0{ padding-left:0px !important; }



.Header{ position: absolute; top: 0; left:0; width: 100%; z-index:9; }
header .navbar{ border: none; margin-bottom: 0px; padding: 15px 0px; }	
header .navbar .navbar-nav>li>a{ color: #000; font-size: 14px; text-transform: uppercase; font-weight: 400; padding:9px 12px; border:1px solid transparent;}	
header .navbar .navbar-nav>li a .fa{ font-size: 22px; padding-right: 5px;}
header .navbar .navbar-nav>li.LogIn a{ background-color: #cd2122; color: #fff; border-radius: 5px; padding:6px 20px; }
header .navbar .navbar-nav>li.LogIn a:hover{ background-color:#fff; }
header .navbar .navbar-nav>li.Profile{ margin-left:15px; }
header .navbar .navbar-nav>li.Profile a{background-color: #fff; padding:6px 20px; border: 1px solid #000; border-radius: 5px; font-weight: 500; text-transform: capitalize; letter-spacing: 1px;}
header .navbar .navbar-nav>li.Profile a:hover{ background-color:#000; color:#fff; }
header .navbar .navbar-nav>li>a:hover{ color:#cd2122;	 }
	
	

	
footer{ float:left; width:100%; }
footer .Upper{ background-color: #202020; padding:35px 5px 20px;  border-bottom: 1px solid #525252;}
footer .Upper .Links{ }
footer .Upper .Links p{  color: #969696; font-size: 14px; margin: 0px 0px 25px; font-weight: 500; line-height: 25px; }
footer .Upper .Links h4{ margin: 0px 0px 15px; color: #fff; text-transform: uppercase; font-size: 15px;  font-weight: 600; }	
footer .Upper .Links ul{ margin:0px; }	
footer .Upper .Links ul li{ line-height:25px; }		
footer .Upper .Links ul li a{ color: #969696; font-size: 13.5px; font-weight: 500;}
footer .Upper .Links ul li a:hover{ color:#cd2122; text-decoration:none; }
.Socail{ margin-top:30px; }
.Socail ul{ margin:0px; }
.Socail ul li{ display:inline; }
.Socail ul li a{height: 35px; width: 35px; border: 2px solid #969696; color: #969696;  float: left;  margin-right: 9px;  text-align: center; border-radius: 50%; font-size: 13px; line-height: 30px; }
.Socail ul li a:hover{ color:#cd2122; border-color:#cd2122; }
.Middle{ background-color: #202020; padding:25px 50px 25px;}
.Middle p{ color: #969696; font-size: 13px; : 0px 0px 25px; font-weight: 500; line-height: 24px;}
.Lower{ background:#1a1a1a; padding:25px 0px; }
.Lower p{ text-align:center; margin:0px; color:#828282; }


/* **************************** 16 March 2018 ********************************	*/

.Wrapper{ background-color: #eeeeee; padding: 0px; width:100%; margin: 85px auto 0px;}
.Banner{ background-size: cover; background-position: center center; background-attachment: scroll;  padding:0px;  min-height:150px; position:relative; }
.fixed {
	animation: 0.7s ease 0s normal none 1 running slide-down;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    padding: 4px 0;
    position: fixed;
    z-index: 99999;
	background:#fff;
	width:100%;
	top:0
	}
	
@keyframes slide-down {
	0% {
    	opacity: 0;
    	transform: translateY(-100%);	
	}
	100% {
    	opacity: 0.9;
    	transform: translateY(0px);
	}
}


/* *************************** 23 April 2018 ( Dashboard ) ************************ */

.DashBoardArea{ background-color: #f2f2f2; font-family:'Raleway'; }
.Dashboard{ padding:50px 0px; }

.SideArea{}
.SideArea .Head{ box-shadow: 0 0 20px rgba(38, 38, 38, 0.2); text-align: center;  padding:30px 10px 10px; background-color: #fff; margin-bottom:20px; }
.SideArea .Head figure{ height: 100px; width: 100px; margin: auto; border-radius: 50%; overflow: hidden; position:relative; cursor:pointer }
.SideArea .Head figure img{ width:100%; height:100% }

.SideArea .Head{}

.SideArea .Head form{     
	position: relative;
    margin: auto;
    width: 200px;
    display: table;}

.SideArea .Head form span{    
	background-color:#dddddd ;
    border: none;
    cursor: pointer;
    outline: 0;
    height: 35px;
    border-radius: 0px;
    color: #cd2122;
    font-size: 15px;
    font-weight: 600;
    float:left;
    line-height: 32px; 
	width:150px; 
	text-align:center;
	}

.SideArea .Head form span .fa{padding-right:8px; }

.SideArea .Head form input{
	position: absolute;
    width: 150px;
    height: 35px;
    opacity: 0;
    cursor: pointer;
	top:0; 
	left:0;
	}

.SideArea .Head form button{    float: left;
    width: 50px;
    text-align: center;
    border: none;
    height: 35px;
    font-size: 17px; 
	background-color:#cd2122; 
	outline:0; 
	color:#fff;
	}










/*.SideArea .Head figure span{width: 100px;
    height: 30px;
    display: block;
    position: absolute;
    bottom: -33px;
    border-radius: 0 0 0 50%;
    background-color: rgba(205, 33, 34, 0.7);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 29px;transition: all 0.4s ease-in-out 0s;}

.SideArea .Head figure:hover span{ transition: all 0.4s ease-in-out 0s; bottom:0; }

.SideArea .Head figure:hover span a{ color:#fff !important;}

.SideArea .Head figure:hover span a:hover{ text-decoration:none;}
.SideArea .Head figure:hover span a:focus{ color:#fff; }*/

.SideArea .Head h3{ margin: 20px 0 20px; font-size: 22px; font-weight: 700; color: #cd2122; text-transform: capitalize; }
.SideArea .Head .Info{ margin-bottom:25px; }
.SideArea .Head .Info .Notification{ width: 49%; display: inline-block; }
.SideArea .Head .Info .Notification h6{  margin: 0 0 10px; font-size: 20px; font-weight: 700; color: #cd2122; font-family: arial; }
.SideArea .Head .Info .Notification p{ font-size: 15px; font-weight: 600; color: #000; }
.SideArea .Head .Info .Notification a{ padding: 7px 25px;  display: inherit; background-color: #666666; color: #fff; font-size: 14px; font-weight: 600; border-radius: 4px; }
.SideArea .Head .Info .Notification a:hover{ background-color: #cd2122; text-decoration: none;}

.SideArea .Body{ box-shadow: 0 0 20px rgba(38, 38, 38, 0.2); padding: 20px; background-color: #fff; }
.SideArea .Body ul{}
.SideArea .Body ul li{}
.SideArea .Body ul li a{ display: block; padding: 10px 15px; color: #0e0e0e; font-weight: 500; text-transform: capitalize; border-radius: 3px; }
.SideArea .Body ul li a .fa{ padding-right:10px; }	
.SideArea .Body ul li a:hover{ background-color: #666666; color: #fff; text-decoration: none; }
.SideArea .Body ul li.active a{ background-color: #cd2122; color: #fff; }



.DashBody{ box-shadow: 0 0 20px rgba(38, 38, 38, 0.2); padding: 15px;  background-color: #fff;}
.DashBody h3.Title{ margin: 0 0 20px; font-size: 20px; font-weight: 700; position: relative; padding-bottom: 10px;}
.DashBody h3.Title:after { width: 100px; bottom: 0px; height: 2px; background:#cd2122; margin: auto; content: ''; position: absolute; left: 0; }
	
	
.Profile{}
.Profile h3{ margin: 10px 0px 20px; font-size: 22px; font-weight: 600; color:#666666}
.Profile h3 span{ color: #cd2122; font-weight: 700;}
.ProfileBox{ background-color: #f2f2f2; padding: 15px 15px; margin-bottom: 25px; }
.ProfileBox h3{    margin: 0px 0 20px;}
.ProfileBox .Box{ min-height:75px; }
.ProfileBox .Box h5{ margin: 0 0 6px; font-size: 16px;  font-weight: 600; color: #000;}	
.ProfileBox .Box p{ font-size: 14px; font-weight: 500; margin:0 0 5px; }

.All-Listing{}
.All-Listing  select.ListDrop{ border: none; background-color: #f4f4f4; padding: 6px 20px 6px 10px; border-radius: 3px; font-size: 14px; font-weight: 500; width: 150px; cursor: pointer; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/new-select.png) #f4f4f4 no-repeat right; background-position: 92% 50%;}
.All-Listing .Listing{ margin:20px 0px 10px; transition: all 0.5s ease 0s; }
.All-Listing .Listing:hover{    box-shadow: 0px 25px 35px rgba(0,0,0,0.1); position: relative; z-index: 100; transform: translate(0, 0px); transition: all 0.5s ease 0s;}
.All-Listing .Listing a:hover{ text-decoration:none; }
.All-Listing .Listing figure{ position:relative }
.All-Listing .Listing figure span.Price{ position: absolute; top: 50%; z-index: 9; background-color: #e70; border-radius: 0 25px 25px 0; font-size: 15px; font-weight: 500; color: #ffffff; padding:5px 20px 5px 15px; font-family: arial; }
.All-Listing .Listing .Content{ box-shadow: 0 0 20px rgba(38, 38, 38, 0.2); padding: 15px;}
.All-Listing .Listing .Content h3{ margin: 0 0 7px; font-size:17px; font-weight: 600; color: #212121;}
.All-Listing .Listing .Content h3 span{ background-color: #fb1d51; padding: 3px 10px; font-size: 10px; color: #fff;  border-radius: 3px; display:inline-block}
.All-Listing .Listing .Content p{ color: #696969; display: block; font-weight: 500; font-size:13px; line-height: 20px; margin:0px;}
.All-Listing .Listing .Content p .fa{ font-size:16px; padding-right:2px; }

.Changes{  }
.Changes form{}
.Changes form .form-group{ margin-bottom:20px; }
.Changes form .form-group .form-control{ height: 44px; border: 1px solid #d7d7d7; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; outline: none; color: #262626; font-weight:500; }
.Changes form button{border: 1px solid #666666; color: #ffffff; padding: 7px 20px; border-radius: 0; font-size: 14px; -webkit-transition: all .3s ease; transition: all .3s ease; outline: 0; background-color: #666666; float: right;  margin-bottom: 10px; font-weight: 500;}
.Changes form button:hover{ background-color:#e70; border-color:#e70; }
.Changes form .form-group .form-control::-webkit-input-placeholder { color: #262626; }
.Changes form .form-group .form-control::-moz-placeholder { color: #262626; }
.Changes form .form-group .form-control:-ms-input-placeholder { color: #262626; }
.Changes form .form-group .form-control:-moz-placeholder { color: #262626; }

.Changes .Hints{}
.Changes .Hints h6{ margin: 0px 0 6px; font-size: 17px; text-transform: uppercase; font-weight: 700; color: #666;}
.Changes .Hints p{ font-size: 14px; font-weight: 500; line-height: 21px;}


.PropertyArea{}
.PropertyArea form {}
.PropertyArea form h3{ position: relative; padding-bottom: 12px; font-size: 23px;  margin: 0 0 20px; font-weight: 600; }
.PropertyArea form h3:before {  position: absolute; content: ""; bottom: 0;  left: 0; height: 3px; width: 125px; background: #666666;}
.PropertyArea form .AddPropert{ float: left;  width: 100%; background-color: #f2f2f2; padding: 15px 5px;}
/*.PropertyArea form .AddPropert { float: left; width: 100%; background-color: #f2f2f2; padding: 15px 5px; max-height: 548px; overflow-y: scroll; }*/
.PropertyArea form .AddPropert .form-group{  }
.PropertyArea form .AddPropert .form-group label{display: block; font-size: 14px; font-weight: 600; color: #000; }
.PropertyArea form .AddPropert .form-group .form-control{ height: 41px; border: 1px solid #d7d7d7; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; outline: none; font-weight: 500; }
.PropertyArea form .AddPropert .form-group.Custom input{ height: 41px; border: 1px solid #d7d7d7; border-radius: 0;  -webkit-box-shadow: none; box-shadow: none; outline: none; color: #262626; font-weight: 500; padding: 6px 12px; margin-right: 15px; width:65%; }	
.PropertyArea form .AddPropert .form-group.Custom select{ height: 41px;  border: 1px solid #d7d7d7; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; outline: none; font-weight: 500; padding: 6px 12px; width:29%; }	
.PropertyArea form .AddPropert .form-group select{ cursor:pointer; }
.PropertyArea form .AddPropert .form-group textarea.form-control{ height:auto; }
.PropertyArea form .AddPropert .form-group iframe{ border: 1px solid #ddd; width: 100%; height: 350px;}
.PropertyArea form .AddPropert button{ width: 160px; margin: auto; display: inherit; border: none; padding: 10px; font-size: 14px; font-weight: 500;  background-color: #666666; color: #fff; outline: 0;}
.PropertyArea form .AddPropert button:hover{ background-color:#cd2122; }


.Updation{}
.Updation form h3{}
.Updation form h3{ position: relative; padding-bottom: 12px; font-size: 23px;  margin: 0 0 20px; font-weight: 600; float:left; width:100%; }
.Updation form h3:before {  position: absolute; content: ""; bottom: 0;  left: 0; height: 3px; width: 125px; background: #666666;}
.Updation form .UpDate { float: left; width: 100%; background-color: #f2f2f2; padding: 15px 5px; margin-bottom:25px; }
.Updation form .UpDate .form-group .form-control{ height: 41px; border: 1px solid #d7d7d7; border-radius: 0; -webkit-box-shadow: none;  box-shadow: none; outline: none; font-weight: 500;}
.Updation form .UpDate .form-group textarea.form-control{ height:auto;} 
.Updation form button{ width: 160px; margin:0px auto 20px; display: inherit; border: none; padding: 10px; font-size: 14px; font-weight: 500;  background-color: #666666; color: #fff; outline: 0;}
.Updation form button:hover{ background-color:#cd2122; }


.comment_main { width:100%; height:auto; float:left; border:1px solid #CCC; padding:10px; margin-bottom:25px;}
.comment_main p { font-size:14px; line-height:23px; color:#666;}
.comment_main span { font-size:14px; color:#666;}