/* ################## DEFAULT GOOGLE FONT LATO ################# */
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);

/* ################## DEFAULT CSS ################# */
body
{
	margin:0px auto;
	padding:0px;
    font-family: 'Lato', sans-serif;
	font-size:15px;
	color:#3b3b3b;
    background-color: #f0f0f0;
}
header, footer, menu, nav, article, section, aside
{
	display:block;
	position:relative;
    margin:0px;
	padding:0px;
}
h1, h2, h3, h4, h5, h6, form
{
	margin:0px;
	padding:0px;
}
p, ul, ol, li, a
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
a, span, label, dt, dl, i
{
	display:inline-block;
}
a
{
	outline:none;
	border:none;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
			color:#013148 ;
}
img
{
	outline:none;
	border:none;
}
input[type="submit"], input[type="button"]
{
	-webkit-appearance: none;
    font-family: 'Lato', sans-serif;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
    outline:none;
    cursor: pointer;
}
input, select, textarea, button
{
    outline:none;
    font-family: 'Lato', sans-serif;
    margin: 0px;
    border: none;
	font-size:14px;
}
.input
{
    border: 1px solid #e5e5e5;
    padding: 7px 10px;
}
.input:focus{border-color:#055fbe;}
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
}
select
{
	background:url("../../images/select_down.png") no-repeat scroll top right;
	-webkit-appearance: none;
    -moz-appearance: none;
	outline:none;
}
select option
{
	outline:none;
}

.clr
{
	clear:both;
}
.wrapper
{
	width: 1170px;
	margin:0px auto;
}
.holder
{
    width: 1170px;
	margin:0px auto;
    min-height: 650px;
    padding: 10px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	background:#ffffff;
}

/* =========================== FONT - REGULAR ====== */
.fontRegular
{
    font-weight: 400;
}

/* =========================== FONT - LIGHT ====== */
.fontLIGHT, .subTitle , h1, .userModel .rightForm h2, .querieContact a, .featuredProperties h1, .haveQueries .querieForm .successQuery label
{
     font-weight: 300;
}

/* =========================== FONT - Thin ====== */
.fontThin
{
     font-weight: 100;
}

/* =========================== FONT - BOLD ====== */
.fontBOLD, h1 strong
{
     font-weight: 700;
}

/* =========================== TEXT OVERFLOW ====== */
.textOverflow, .resultListing li .basicInfo h3, .resultListing li .basicInfo h4, .resultListing li .basicInfo h3 a, .featuredProperties ul li h2,
.searchName, .expertListing li .expertInfo label, .expertListing li .expertInfo span
{
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

/* =========================== BOX SIZING ====== */
.box-sizing, input, select, textarea, .searchBanner, .filterTab a, .resultListing li, .userModel .rightForm, .remaxFeature .feature, .testimonialSlider li, .footerMain .footerCol, .wrapper, .headerMain .loginUser, .haveQueries .querieForm .successQuery, .bottomTab a, .contactMoodel .modelWrapper .contactFor, .form li .label, .form li .value, .form li, .expertListing li
{
	box-sizing:border-box;
}

/* =========================== BORDER RADIUS 5PX ====== */
.borderRadius, .featuredProperties ul li, .filterTab, .resultListing li, .searchRefine .refineBox, .haveQueries .querieForm, .querieContact,
.remaxFeature .feature, .expertListing li
{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.rounded, .roundBtn, .resultListing li .btn a, .aboutRemax .text a, .remaxFeature .feature a, .frontBanner .bannerText a
{
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -o-border-radius: 45px;
    border-radius: 45px;
}
.roundBtn
{
    color: #ffffff;    
    font-size: 15px;
    padding: 8px 20px;
	background:#f5b200;
}

.submitBtn{display: inline-block; position:relative; margin:0px 10px;}
.submitBtn .btn{
	border-radius:8px;
	background:#f5b200;
	color:#fff;
	width:100%;
	padding:12px 30px;
	font-weight:16px;
	font-weight:900;
	text-transform:uppercase;
	box-shadow: 0px 9px 9.2px 1.73px rgba(255, 193, 7, 0.23);
}
.submitBtn .btn:hover{ background:#e6a805; }
.submitBtn .btnLoader{
	background:#066bd5;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 5px;
	cursor: wait;
}
.submitBtn .btnLoader span.spinLoader{
	width: 25px;
	height: 25px;
	border-width: 4px;
	top: 7px;
	position: relative;
}

h1
{
	text-align:center;
	font-size:45px;
	color:#000000;
	padding-top:35px;
}
h1 strong
{
	color:#013148;
}
.subTitle
{
	font-size:22px;
	text-align:center;
	padding-bottom:35px;
}

/* 
    #######################
    ######### Table Listing
    #######################
*/
.tableListing
{
	font-size:15px;
}
.tableListing th
{
	border-top:1px solid #ebebeb;
	border-bottom:2px solid #ebebeb;
	padding:15px 10px;
	text-align:left;
	vertical-align:top;
}
.tableListing td
{
	padding:20px 10px;
	color:#565656;
	border-bottom:1px solid #ebebeb;
	vertical-align:top;
	position:relative;
}
.tableListing tbody tr:nth-child(odd) td
{
	background:#fbfbfb;
}
.tableListing td .actionLinks
{
	color:#989898;
}



/* 
    #######################
    ######### Listing Pagging
    #######################
*/
.paggingMain
{
	text-align:center;
	padding:40px 0px 10px 0px;
	position:relative;
	height:47px;
}
.paggingMain .pagingLeft
{
	position:absolute;
	top:24px;
	left:0px;
	font-size:13px;
}
.paggingMain .pagingright
{
	position:absolute;
	top:13px;
	right:0px;
	font-size:13px;
}
.paggingMain .pagginMiddle
{
	padding:0px 50px;
	text-align:center;
}
.paggingMain .pagginMiddle .viewer
{
	display:inline-block;
	background:#ffffff;
	border:1px solid #e3e3e3;
	border-bottom:2px solid #e3e3e3;
}
.paggingMain .pagginMiddle .viewer a:hover
{
	background-color:#f2f2f2!important;
}
.paggingMain .pagginMiddle .viewer a,
.paggingMain .pagginMiddle .viewer span
{
	padding:11px 10px 10px 10px;
	width:22px;
	height:22px;
	border-right:1px solid #e3e3e3;
	float:left;
	text-align:center;
	overflow:hidden;
}
.paggingMain .pagginMiddle .viewer span.awhite
{
	background:#e9e9e9;
	color:#000000;
}
.paggingMain .pagginMiddle .viewer a.next,
.paggingMain .pagginMiddle .viewer a.last,
.paggingMain .pagginMiddle .viewer a.prev,
.paggingMain .pagginMiddle .viewer a.first,
.paggingMain .pagginMiddle .viewer span.firstDisable,
.paggingMain .pagginMiddle .viewer span.prevDisable,
.paggingMain .pagginMiddle .viewer span.nextDisable,
.paggingMain .pagginMiddle .viewer span.lastDisable
{
	background:url("../../images/pagging.png") no-repeat;
	text-indent:-5000px;
}
.paggingMain .pagginMiddle .viewer a.next{	background-position:-174px 17px;}
.paggingMain .pagginMiddle .viewer a.last{	background-position:-242px 17px;}

.paggingMain .pagginMiddle .viewer span.nextDisable{	background-position:-172px -45px;}
.paggingMain .pagginMiddle .viewer span.lastDisable{	background-position:-242px -45px;}


.paggingMain .pagginMiddle .viewer a.prev { background-position:-52px 17px; }
.paggingMain .pagginMiddle .viewer a.first{	background-position:17px 17px;  }

.paggingMain .pagginMiddle .viewer span.prevDisable{ background-position:-52px -45px;}
.paggingMain .pagginMiddle .viewer span.firstDisable{ background-position:17px -45px;}


.validation
{
    height: 20px;
    font-size: 12px;
    color: red;
}

/* 
    #############################
    ######### Property Amenities
    #############################
*/


.resultListing li .amenities i,
.propertyDetail .aboutProperty .propertyAminities label span.aminIco i
{
	background-image:url("../../images/remax_aminites.png");
	/*background-color:#f0f0f0;*/
	background-repeat:no-repeat;
	background-size:500px 395px;
	
	width:35px;
	height:35px;
	vertical-align:middle;
}

i.lift, i.lifts				{background-position:-17px -317px;}
i.park						{background-position:-19px -257px;}
i.maintenancestaff			{background-position:-96px -311px;}
i.visitorstaff, i.visitorparking{background-position:-174px -258px;}
i.waterstorage				{background-position:-96px -11px;}
i.fengshuivastucomplaint, 
i.fengshuivaastucompliant
{
	background-position:-176px -210px;
}
i.intercomfacility			{background-position:-175px -61px;}
i.securityfirealarm			{background-position:-176px -107px;}
i.wastedisposal				{background-position:-174px -11px;}
i.privategardenterrace		{background-position:-176px -161px;}
i.rainwaterharvesting		{background-position:-95px -209px;}
i.pipedgas					{background-position:-95px -58px;}
i.waterpurifier				{background-position:-96px -257px;}
i.swimmingpool				{background-position:-18px -209px;}
i.securitypersonnel			{background-position:-96px -115px;}
i.fitnesscentregym			{background-position:-18px -164px;}
i.highspeedinternet  		{background-position:-253px -62px;}


i.banquethall				{background-position:-254px -162px;}
i.atm						{background-position:-253px -12px;}
i.clubhousecommunitycenter	{background-position:-19px -11px;}
i.barlounge					{background-position:-332px -11px;}
i.centrallyairconditioned	{background-position:-253px -211px;}
i.childrenplayarea			{background-position:-328px -107px;}

.blankpage
{
	background:#ffffff;
}
.blankpage .blank
{	
	background:url("../../images/page_bg.jpg") no-repeat top center!important;
	height:699px;
}
.blankpage .blank h1
{
	font-size:50px;
	color:#000000;
	padding-top:17%;
	text-align:center;
}
.blankpage .blank h1 span
{
	color:#f24137;
}
.blankpage .blank p
{
	font-weight: 300;
	font-size:24px;
	text-align:center;
}


/* 
    #######################
    ######### Model Box
    #######################
*/
.overlay
{
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1000;
}
.model
{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1000;
}
.model .modelWrapper
{
	background:#ffffff;
	width:550px;
	margin:12% auto 0px auto;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}
.model .modelWrapper h4{
	background:#0164ca;
	color:#ffffff;
	padding:15px 20px;
	font-size:22px;
	position:relative;
	height:30px;
}
.model .modelWrapper a.close{
	color:#ffffff;
	position:absolute;
	top:0px; right:0px;
	font-size:20px;
	font-weight:300;
	padding:0px 20px;
	height:100%; line-height:55px;
	display:inline-block;
	opacity:0.8;
	background-color:rgba(0,0,0,0.2);
}
.model .modelWrapper .texts
{
	padding:20px;
}
.model .modelWrapper .modelAction
{
	background:#f3f3f3;
	padding:15px;
	font-size:14px;
	color:#999999;
	text-align:center;
}
.model .modelWrapper .modelAction a
{
	color:#ffffff;	
	margin:0px 5px;
}
.model .modelWrapper .modelAction a.cancel
{
	color:#0164ca;
	background:#ffffff;
}

/* 
    #######################
    ######### Page Title
    #######################
*/
.pageTitle
{
	background:#ffffff;
	color:#3b4552;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	z-index:1;
}
.pageTitle h1
{
	font-weight: 300;
	font-size:33px;
	padding:15px 0px 20px;
	text-align:left;
}
.pageTitle h1 strong
{
	font-weight: 700;
	color:#013148;
}


/* 
    #######################
    ######### banner Title
    #######################
*/
.bannerTitle
{
	background-color:#f2f2f2;
	background-repeat:no-repeat;
	background-position:center;
	height:450px;
	color:#fff;
	z-index:1;
	text-align:center;
	font-size:25px;
	font-weight: 400;
}
.bannerTitle h1
{
	font-weight: 600;
	font-size:45px;
	padding:14% 0px 0px;
	color:#fff;
}
.bannerTitle h1 strong
{
	font-weight:700;
}

/* 
    #######################
    ######### FROM
    #######################
*/
.validation
{
    height: 20px;
    font-size: 12px;
    color: red;
}
.form
{
    font-size: 14px;
    margin-bottom: 15px;
}
.form li
{
	position: relative;
}
.form li .label
{
    width: 30%;
    float: left;
    text-align: right;
    position: relative;
    padding: 10px 15px 0px 0px;
}
.form li .label span
{
    font-size: 14px;
    color: red;
    position: absolute;
    top: 13px;
    right: 5px;
}
.form li .value
{
    width: 70%;
    float: right;
    position: relative;
    padding-left: 3px;
}
.form li .value .input
{
   width: 80%;
   height: 37px;
}
.form li .value .validation
{
    clear: both;
}
.formButton
{
    text-align: center;
    padding: 25px 0px; 
    border-top: 1px solid #e8e8e8;
    margin-top: 40px;
    position: relative;
	margin-left:15px;
	margin-right:15px;
}
.formButton input
{
    margin: 0px 5px;
}
.formButton input:hover
{
    opacity: 0.7;
}
.formButton a
{
    position: absolute;
    top: 39px;
    right: 0px;
    text-decoration: underline;
}

/* ============= SEGMENT CONTROLL */
/* ============= SEGMENT CONTROLL */
.segment
{	
	border:1px solid #dde6eb;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;	
	overflow: hidden;
	
}
.segment:after
{
	content:"";
	width:100%;
	clear:both;
	display:block;
}
.segment label
{
	border-right:1px solid #e6e7e9;
	width:50%;
	float:left;
	text-align:center;
	background: #ffffff;
	
	box-sizing:border-box;
	
	cursor:pointer;
	position:relative;
	overflow:hidden;
}
.segment label:last-child{border:none;}
.segment label input
{
	position:absolute;
	visibility:hidden;
	width:15px!important;
	left:5px;
	z-index:1;
}
.segment label .selection
{
	padding:9px 10px!important;
	color: #808f9e;
	display:block;
	border-radius:2px;
	
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.segment label .selection:hover,
.segment label:hover
{
	background:#dee9fa;
}
.segment label input:checked ~ .selection,
.segment label.active
{
	background: #013148;
	color:#ffffff;
	border-radius: 0px;
}
.segment.split3 label{width:calc(100%/3);}

/*
	=======================
	ringLoader
	=======================
*/
.spinLoader
{
  border: 16px solid #04a44c;
  border-radius: 50%;
  border-top: 16px solid #ffffff;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 0.5s linear infinite;
  animation: spin 0.5s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.spinLoader.small{ width:22px; height:22px; border-width:4px; }
.errorForAll {
    background: #fff5f5;
    border: 1px solid #f5abab;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 25px;
}