﻿


a, a:hover, a:focus {
	
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 {
	margin-top: 10px;
	font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

h3 {
	font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}

h4 {
	font-size: 18px;
    font-weight: 300;
    color: #555;
    line-height: 26px;
}

img { max-width: 100%; }

::-moz-selection { background: #f35b3f; color: #fff; text-shadow: none; }
::selection { background: #f35b3f; color: #fff; text-shadow: none; }


/***** Top menu *****/

/***** Top content *****/

.top-content { padding: 0px 0 170px 0; }

.top-content .text { color: #fff; }
.top-content .text h1 { color: #fff; }
.top-content .description { margin: 20px 0 10px 0; }
.top-content .description p { opacity: 0.8; }
.top-content .description a { color: #fff; }
.top-content .description a:hover, 
.top-content .description a:focus { border-bottom: 1px dotted #fff; }

.form-box { padding-top: 40px; }

.f6 {
	padding: 25px; background: #fff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.f6 h3 { margin-top: 0; margin-bottom: 10px;  }

.f6-steps { overflow: hidden; position: relative; margin-top: 20px; }

/*Post Property*/

.f6-steps i
{
    padding: 20px 0px 0px 0px;
}
.f6-steps p
{
    margin-top: 10px;
}
.form-box fieldset h4
{
margin-bottom:25px; text-transform:uppercase;}
.form-box fieldset h5
{
font-size:14px; font-weight:bold; text-transform:uppercase;    margin-top: 20px;}
.form-box fieldset label
{
font-size:14px;}
.form-box fieldset
{
    margin-top:35px;
}
#txtBanksOffer label{font-size:13px;}
#txtAmenities label{font-size:13px;}
#ownershipstatus label{font-size:13px;}
#Parking label{font-size:13px;}
#OverLooking label{font-size:13px;}
#txtadditionalroom label{font-size:13px;}
#propertypricedetail label{font-size:13px;}


.row-space { margin-top:20px; }
input::-webkit-input-placeholder { font-size: 12px;font-style:italic;  }
input::-moz-placeholder { font-size: 12px; font-style:italic;  }
input:-ms-input-placeholder { font-size: 12px;font-style:italic;  }
input:-moz-placeholder { font-size: 12px;font-style:italic;  }

textarea::-webkit-input-placeholder { font-size: 12px; font-style:italic;}
textarea::-moz-placeholder { font-size: 12px;font-style:italic;  }
textarea:-ms-input-placeholder { font-size: 12px;font-style:italic; }
textarea:-moz-placeholder { font-size: 12px;font-style:italic;  }
.input-group span, .form-group span, label, .form-inline span
{
    font-size:12px;
}
.btn:hover, .btn:focus
{
    color:#fff;
}
/*Post Property End*/

.f6-progress { position: absolute; top: 24px; left: 0; width: 100%; height: 2px; background: #ddd; }
.f6-progress-line { position: absolute; top: 0; left: 0; height: 2px; background: #00923F; }

.f6-step { position: relative; float: left; width: 16%; padding: 0 80px; }

.f6-step-icon {
	display: inline-block; width: 48px; height: 48px; margin-top: 4px; background: #ddd;
	font-size: 16px; color: #fff; line-height: 40px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}
.f6-step.activated .f6-step-icon {
	background: #fff; border: 1px solid #00923F; color: #00923F; line-height: 38px;
}
.f6-step.active .f6-step-icon {
	width: 48px; height: 48px; margin-top: 0; background: #00923F; font-size: 17px; line-height: 48px;
}

.f6-step p { color: #ccc; }
.f6-step.activated p { color: black; }
.f6-step.active p { color: #00923F; }

.f6 fieldset { display: none; text-align: left; }

.f6-buttons { text-align: right; }





/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {
	
	.navbar { padding-top: 0; }
	.navbar.navbar-no-bg { background: #333; background: rgba(51, 51, 51, 0.9); }
	.navbar-brand { height: 60px; margin-left: 15px; }
	.navbar-collapse { border: 0; }
	.navbar-toggle { margin-top: 12px; }
	
	.top-content { padding: 40px 0 110px 0; }

}

@media (max-width: 415px) {
	
	h1, h2 { font-size: 32px; }
	
	.f6 { padding-bottom: 20px; }
	.f6-buttons button { margin-bottom: 5px; }

}


/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	/* logo */
    .navbar-brand {
    	background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 162px 36px !important;
    }
	
}

