/* CSS Document */
*{ margin:0px; padding:0px; outline:0px;}
html{ margin:0px; padding:0px;}
body{ color:#4f1b41; font-size:14px; font-family: 'HelveticaNeueLTStdRoman';}
h1, h2, h3, h4, h5, h6, span, label, p, input, select, textarea, img, ul, ol, ol, em, center, u, pre, header, section, footer, aside, nav, main, article, figure, figcaption {margin:0px; padding:0px; font-weight:normal; list-style:none; line-height:inherit;}
a img{ border:0px; outline:0px;}
a{text-decoration:none; color:#1a8ec4; outline:none; transition: all 0.5s ease 0s;}
a:img,input{ outline:none;font-family: 'robotoregular';}
ul li{ list-style:none;}
a:hover{ color:#e74c3c; text-decoration:none;}
img{border:none; outline:none; max-width:100%; height:auto;}
.clear{ clear:both;}
::-moz-placeholder{color:#7f7f7f; opacity:1;}
.button{ background:#17a05e; color:#FFF; font-size:15px; font-family: 'robotoregular'; text-transform:uppercase; padding:10px 20px; border:1px solid #d1ecdf; border-radius:8px;}
.button:hover{ background:#293a82; color:#FFF; border:1px solid #d4d8e6;}
/*input, button{-webkit-appearance: none}*/
.wrapper{ margin:0 auto; width:1280px;}
/********* FIX CSS *********/ 

/* Header css start here */
#header{ width:100%; float:left;-webkit-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
header{ position: fixed; z-index:99; width: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background:url(../images/black-bg3.png) repeat-x left top; padding-bottom: 70px;}
header.sticky {height:60px;  background:url(../images/header-bg.png) repeat; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; padding-bottom:0}

.HeadTop{ width:100%; float:left; height:37px; background:url(../images/header-bg.png) repeat;}
.HeadTop ul{ float:left;}
.HeadTop ul li{ float:left; color:#FFF; font-size:14px; background:url(../images/devider.png) no-repeat left 10px; padding:10px 10px 0;} 
.HeadTop ul li a{ color:#FFF;}
.HeadTop ul li:first-child{ background:none; padding-left:0}
.HeadTop ul li img{ margin:0 5px 0 0}

.TopSearch{ float:right;transition: all 0.5s ease 0s; padding:7px 0 0}
.TopSearch label{ float:left; width:109px; font-size:14px; color:#FFF; padding:4px 0 0}
.TopSearch input[type=submit]{ float:left; width:18px; height:24px; font-size:0px; border:0; background:url(../images/search.png) no-repeat left top; cursor:pointer;}
.TopSearch input[type=text]{ border:0px; background:#9380b9; height:24px; width:127px; line-height:24px; padding:0px 10px; color:#FFF;}
.logo{ float:left; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;margin:9px 0 0; width:300px}

.navigation{ float:right; margin-top:25px;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.navigation ul{ float:left;}
.navigation ul li{ float:left; margin:0 0 0 3px}
.navigation ul li a{ font-size:15px; color:#FFF; color:#FFF; text-transform:uppercase; border:1px solid transparent; border-radius:3px; float:left; padding:10px 16px;}
.navigation ul li:hover a, .navigation ul li.selected a{ border:1px solid #FFF}

header.sticky .HeadTop{ display:none;transition: all 0.5s ease 0s;}
header.sticky .logo{ width:180px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin:7px 0 0}
header.sticky .navigation{ margin-top:10px;}

/* Header css end here */


/* Banner css start here */
.banner{ width:100%; float:left; position:relative;}

.BannerForm{ width:100%; float:left; position:absolute; left:0; bottom:0; background:url(../images/black-bg.png) repeat; padding:0px 0px; height:143px;}
.BannerForm ul{ padding:0px; margin:0px;}
.BannerForm ul li{ float:left; width:146px; margin:0 11px 0 0}
.BannerForm ul li.findhome{ width:197px;}
.BannerForm ul li.choosecity{ width:268px;}
.BannerForm ul li.last{ width:120px;}
.BannerForm ul li p{font-size:24px; color:#FFF; font-family: 'HelveticaNeueLTStdRoman'; text-transform:uppercase; font-weight:bold;}
.BannerForm ul li p strong{ font-size:41px;}
.BannerForm ul li label{ width:100%; float:left; color:#FFF; font-family: 'HelveticaNeueLTStdRoman'; font-size:14px; font-weight:bold;}
.BannerForm ul li.choosecity select{ width:100%; float:left; -moz-appearance: none; height:46px; background:url(../images/select.png) no-repeat  center top; border:0}
.BannerForm ul li select{ width:100%; float:left; -moz-appearance: none;  height:46px;border:0; background:url(../images/fdsf.jpg) no-repeat center top; margin:10px 0 0; font-size:14px; color:#000; font-family: 'robotoregular'; padding:2%}
.BannerForm ul li label.House{ margin:22px 0 0 10px}
.BannerForm ul li label input[type=checkbox]{ margin:0px 0 0px 10px; vertical-align:middle;}
.BannerForm ul li label.House{ margin:25px 0 0 10px}
.BannerForm ul li label.Condo{ margin:15px 0 0 10px}
.BannerForm ul li input[type=submit]{ width:127px; height:44px; text-align:center; line-height:42px; cursor:pointer; border:1px solid #FFF; font-size:16px; color:#FFF; text-transform:uppercase; background:none; font-family: 'HelveticaNeueLTStdRoman'; margin:27px 0 0; border-radius:4px;}
.BannerForm ul li input[type=submit]:hover{ background:#FFF; color:#4f1b41}

.InnerBanner{ width:100%; float:left; height:468px; position:relative;}
.InnerBanner img{ width:100%; height:100%;}
.Innertext{ position:absolute; top:47%; left:0; width:100%;}

.Abt{ width:1000px; margin:0 auto; background:url(../images/black-bg2.png) repeat; overflow:hidden; padding:15px 0}
.Abt h1{ font-size:75px; color:#FFF; text-align:center; line-height:75px; text-transform:uppercase; font-family: 'robotolight';}

.PurpelArrow{ width:100%; float:left; background:url(../images/sean.png) no-repeat center top; padding: 33px 0; height:143px;}


/* Banner css end here */


/* Middle css start here */
#middle{ width:100%; float:left;}


.box1{ width:33.33%; height:353px; float:left; position:relative; overflow:hidden; text-align:center;}
.box1:after{ width:1px; height:100%; position:absolute; right:0; background:#FFF; content:"";}
.box1:last-child:after{ display:none;}

.box1 img{ width:100%; float:left; height:100%;}
.box1 .CoverD{ display:none;}
.box1 .CoverD{ position:absolute; top:0; left:0; width:90%; height:100%; background:url(../images/green-shade.png) repeat center top; display:block; padding:0 5%}
.box1 h1{ font-size:18px; color:#FFF; font-family: 'HelveticaNeueLTStdRoman'; padding:55px 0 0}
.box1 h2{ font-size:36px; color:#FFF; font-family: 'robotolight'; font-weight:normal; padding:8px 0 0 0}
.box1 p a{ display:inline-block; background:#1bcbdd; font-size:20px; color:#FFF; text-transform:uppercase; text-align:center; font-family: 'HelveticaNeueLTStdRoman'; padding:13px 34px; border-radius:4px;}  
.box1 .CoverD:hover a{ background:#871376 }
.box1 p { margin:40px 0 0; font-size:17px; color:#cbcbcb; font-family: 'HelveticaNeueLTStdRoman';}


.box2 .CoverD{ background:url(../images/yellow-shade.png) repeat;}
.box3 .CoverD{ background:url(../images/blue-shade.png) repeat;}

.featured_properties{ width:100%; float:left; text-align:center; margin:70px 0 0}
.featured_properties h5{ margin-bottom:67px; font-size:40px; font-family: 'robotolight';}


.featured_box1{ width:30%; height:353px; float:left; position:relative; overflow:hidden; text-align:center; margin-bottom:2px;}
.featured_box1.ext{ width:40%;}
.featured_box1.ext2{ width:70%;}
.featured_box1:after{ width:2px; height:100%; position:absolute; right:0; background:#FFF; content:"";}
.featured_box1:last-child:after{ display:none;}
.featured_box1 img{ width:100%; float:left; height:100%;}
.featured_box1 .featured_CoverD{ display:none;}
.featured_box1 .featured_CoverD{ position:absolute; top:0; left:0; width:90%; height:100%; background:url(../images/bb.png) repeat center top; display:block; padding:0 5%}
.featured_box1 .featured_CoverD h3{ font-size:38px; color:#FFF;font-family: 'robotolight'; line-height:52px; margin:110px 0 0; font-weight:normal; padding:0px 10px;}
.featured_box1 .featured_CoverD a{ display:inline-block; width:150px; padding: 10px 32px; text-align:center; line-height:32px; border:1px solid #FFF; color:#FFF; margin-top:21px; font-size:14px;font-family: 'robotomedium'; border-radius:4px;}
.featured_box1 .featured_CoverD a:hover{ background:#FFF; color:#4f1b41}

.BlogHome{ width:100%; float:left; background:#f2f2f2; padding:112px 0px 74px;}
.blogleft{ width:862px; float:left;}
.blogleft img{ float:left; background:#FFF; border:1px solid #cfcfcf; padding:3px; margin-right:40px;}
.blogleft h1{ font-size:36px; color:#000000; font-family: 'robotomedium'; font-weight:normal;}
.blogleft h1 span{ display:block; color:#4f1b41;  font-family: 'robotolight';}
.blogleft p{ font-size:18px; color:#3e3e3e; line-height:28px; font-family: 'robotoregular'; padding:28px 0 0}



.blogright{ width:353px; float:right;}
.blogright h1{ color:#000000;  font-family: 'robotolight'; font-size:30px;}
.blogbox{ float:left; width:100%; float:left; border-bottom:1px solid #cbcbcb; position:relative; min-height:82px; padding:0 0 16px; margin:16px 0 0}
.blogbox.last{ border:0; padding-bottom:0}
.blogbox img{ position:absolute; left:0; top:6px; background:#FFF; border:1px solid #cfcfcf; padding:2px;} 
.blogbox p{ padding:0px 0px 3px 97px; font-size:18px; color:#3e3e3e; line-height:23px;}
.blogbox p span{ font-size:13px; color:#4f1b41; font-family: 'robotoregular';}
.blogbox p strong{ font-weight:normal;  font-family: 'robotomedium';}
.blogbox p a{ color:#3e3e3e;}
.blogright a.ViewNews{ float:left; background:#4f1b41; color:#FFF; padding:9px 13px; font-family: 'robotoregular'; border-radius:4px; margin-top:13px;}
.blogright a.ViewNews:hover{ background:#000}

.our_clients{ width:100%; float:left; background:#FFF; padding:76px 0 0}
.our_clients h1 { font-family: "robotolight"; font-size: 40px; text-align:center;}
.client_box{ position:relative; padding:0px 39px 0 162px; margin:0px; width:225px; float:left; margin-top:40px;}
.client_box img{ position:absolute; left:0; top:0; width:130px; height:130px; border-radius:100%; border:1px solid #e3e3e3; padding:3px; background:#FFF;}
.client_box p{ font-size:18px; color:#494949; line-height:34px; font-family: "robotolight";}
.client_box h2{ font-size:17px; color:#4f1b41; font-family: 'robotomedium'; line-height:22px; font-weight:normal; margin-top:10px;}
.client_box h2 span{ display:block; font-size:13px; color:#4c5354; font-family: 'robotoregular';}


.TextArea{ width:100%; float:left; padding:65px 0 0}
.TextArea h1{ font-size:50px; color:#4f1b41; font-family: 'robotolight';}
.TextArea p{ font-size:18px; color:#3e3e3e; line-height:28px; font-family: 'robotoregular'; padding:25px 0 0}

.TextArea h2{ font-size:36px; color:#4f1b41; font-family: 'robotolight'; margin:30px 0 0}
.TextArea h3{ font-size:26px; color:#4f1b41; font-family: 'robotolight';}
.TextArea ul{ padding:0px; margin:10px 0 0;}
.TextArea ul li{font-size:18px; color:#3e3e3e; line-height:28px; font-family: 'robotoregular'; background:url(../images/bullet2.png) no-repeat left 8px; margin-left:15px; padding-left:30px;}

.TwoBoxes{ width:100%; float:left;}
.Box_2{ width:48%; float:left; margin-top:30px}
.Box_2.right{ float:right;}
.Box_2 h2{ font-size:36px; color:#4f1b41; font-family: 'robotolight'; margin:30px 0 0}
.Box_2 h3{ font-size:26px; color:#4f1b41; font-family: 'robotolight';}
.Box_2 h4{ font-size:26px; color:#4f1b41; font-family: 'robotolight';}
.Box_2 p{ font-size:18px; color:#3e3e3e; line-height:28px; font-family: 'robotoregular'; padding:15px 0 0}


.ThreeBoxes{ width:100%; float:left;}
.col_6{ width:30%; float:left; margin-top:50px; padding:0 3% 0 0 ;}
.col_6 h2{ font-size:36px; color:#4f1b41; font-family: 'robotolight'; margin:30px 0 0}
.col_6 h3{ font-size:26px; color:#4f1b41; font-family: 'robotolight';}
.col_6 h4{ font-size:24px; color:#4f1b41; font-family: 'robotolight';}
.col_6 p{ font-size:18px; color:#3e3e3e; line-height:28px; font-family: 'robotoregular'; padding:15px 0 0}


.FourBoxes{ width:100%; float:left;}
.col_9{ width:22%; float:left; margin-top:50px; padding:0 3% 0 0 ;}
.col_9 h2{ font-size:36px; color:#4f1b41; font-family: 'robotolight'; margin:30px 0 0}
.col_9 h3{ font-size:26px; color:#4f1b41; font-family: 'robotolight';}
.col_9 h4{ font-size:24px; color:#4f1b41; font-family: 'robotolight';}
.col_9 p{ font-size:18px; color:#3e3e3e; line-height:28px; font-family: 'robotoregular'; padding:15px 0 0}




/* Middle css end here */


/* Footer css start here */
#footer{ width:100%; float:left; background:#dfdfdf; min-height:100px; margin:54px 0 0; padding-bottom:16px;}
.NewsLatter{ width:100%; float:left; background:#4f1b41; padding:21px 0px;}
.nleft{ float:left;}
.nleft label{ width:363px; float:left; font-size:32px; color:#FFF; font-weight:normal;  font-family: "robotolight";}
.nleft label img{ vertical-align:top; margin:0 12px 0 0}
.nleft input[type=text]{ width:354px; height:45px; line-height:45px; border-radius:4px; border:0; font-size:16px; color:#787878;font-family: 'robotoregular'; padding:0px 15px; float:left;}
.nleft input[type=submit]{ width:94px; height:45px; line-height:45px; background:#f6a705; text-align:center; color:#FFF; border:0px; border-radius:4px; cursor:pointer; margin:0 0 0 8px; font-size:16px; text-transform:uppercase; font-family: 'robotobold';}
.nleft input[type=submit]:hover{ background:#000}
.nright{ float:right;}
.nright a{ float:left; margin:0 0 0 14px}
.nright a img{ transition: all 0.5s ease 0s;}
.nright a:hover img{transform: scale(1.1);}

.footer_menu{ width:100%; float:left; padding:50px 0 0}
.con-1{ width:381px; float:left;}
.con-1 h1{ color:#373737; text-transform:uppercase; text-transform:uppercase; font-size:20px; font-family: 'robotoregular'; margin-bottom:15px;}
.con-1 p{ position:relative; font-size:14px; color:#4f4f4f; font-family: 'robotobold'; padding:0px 0 0px 48px; margin-bottom:20px;}
.con-1 p a{color:#4f4f4f;}
.con-1 p a:hover{ text-decoration:underline}
.con-1 p img{ position:absolute; top:0; left:0;}
.con-1 p strong{ font-size:29px; color:#4f1b41; font-family: 'robotobold';}
.con-1 ul{ padding:0px; margin:0px;}
.con-1 ul li{ padding:0px 0 11px; margin:0px;}
.con-1 ul li a{ color:#373737; font-family: "robotoregular";}
.con-1 ul li a:hover{ color:#951b82; padding-left:5px;}


.con-1.con-2{ width:230px;}
.con-1.con-3{ width:253px;}
.con-1.con-4{ width:260px;}
.con-1.con-5{ width:151px;}

.footer_menu p.ContentArea{ width:100%; float:left; border-top:1px solid #9c9c9c; border-bottom:1px solid #9c9c9c; font-size:13px; color:#373737; line-height:22px; padding:22px 0px; margin:20px 0 0}

.Fmm{ float:right; margin:33px 0 0}
.Fmm ul{ padding:0px; margin:0px;}
.Fmm ul li{ float:left; background:url(../images/devider2.jpg) no-repeat right 3px; padding:0px 8px;}
.Fmm ul li:last-child{ background:none; padding-right:0}
.Fmm ul li a{ font-size:13px; color:#373737;}
.Fmm ul li a:hover{ color:#951b82}

.copyright{ float:left; margin:32px 0 0; font-size:13px; color:#373737}
.Flogo{ margin:15px 0 0 156px; float:left;}

/* Footer css end here */ 
.MobileButton, .toggle{ display:none;}

/* Responsive css start here */

@media screen and (max-width:1280px){
	
.wrapper{ margin:0 3%; width:94%;}
.logo{ width:200px}
.banner{ position:inherit}
.navigation ul li a{ font-size:14px; padding:10px 12px;}
.BannerForm{ height:auto;}
.PurpelArrow{ width:100%; float:left; background:none; padding: 33px 0; height:auto;}
.BannerForm ul li{ width:48%!important; float:left; margin:0 0 10px}
.BannerForm ul li.choosecity{ width:50%}
.BannerForm ul li.findhome{ width:100%!important; float:left;}
.BannerForm ul li p strong{ font-size:30px;}
.BannerForm ul li:nth-child(2n+2){ float:right;}
.BannerForm ul li label{ width:100%; float:left;}
.BannerForm ul li.choosecity select{-moz-appearance: inherit!important; background:#FFF;}
.BannerForm ul li select{ width:100%; float:left; -moz-appearance: inherit!important; background:none;  height:46px;border:0; background:#FFF;  margin:10px 0 0; font-size:14px; color:#000; font-family: 'robotoregular'; padding:2%}
.BannerForm{ position:inherit; background:#6b6b6b }
#slider-control-nav, #slider-direction-nav{ display:none;}
.box1 .CoverD{ padding:0px 1%; width:98%;}
.box1 h1{ font-size:14px; padding:10% 0 0}
.box1 h2{ font-size:25px;}
.box1 p a{ font-size:12px; padding:13px 17px}
.box1 p{ font-size:14px; margin:20px 0 0}
.box1{ height:auto}

.featured_box1:after{ display:none;}
.featured_box1 .featured_CoverD h3 { font-size: 30px;  line-height: 30px;  margin: 15% 0 0;}
.featured_box1 .featured_CoverD a {font-size: 12px; height: auto; line-height: inherit;  margin-top: 3%; width: auto; width: 150px;
  padding: 10px 32px;
  text-align: center;}
.blogleft{ width:58%;}
.blogright {width: 40%;}
.blogleft img{  width:96%; padding:1%;}
.blogleft h1 { width:100%; float:left; margin-top:15px; margin-bottom:10px;}
.blogleft h1 span{ display:inline}

.client_box{ padding:0px 1%; width:31%; text-align:center;}
.client_box p{ font-size:15px; line-height:24px;}
.client_box img{ position:inherit}
.nright{ width:100%; text-align:center; margin-top:20px;}
.nright a{ display:inline-block; float:none; margin:0 4px}
.nleft { width:100%; text-align:center;}
.nleft label{ width:100%; text-align:center;}
.nleft label img{ display:none;}
.nleft input[type="text"]{ width:96%; padding:0px 2%; margin:10px 0 }
.con-1{ width:100%!important; margin:0 0 20px;}
.Fmm{ width:100%; text-align:center;}
.Fmm ul li{ float:none; display:inline-block}
.copyright{ width:100%; float:left; margin:15px 0; text-align:center}
.Flogo{ width:100%; float:right; margin:0; text-align:center;}
.Flogo img{ height:30px;}
.Fmm ul li a{ font-size:12px;}
.InnerBanner{ height:auto;}
.Abt{ width:100%; padding:0px; background:#6b6b6b }
.Abt h1{ font-size:40px;}
.Innertext{ position:inherit}
.Innertext .wrapper{ width:100%; margin:0}
.TextArea p, .TextArea ul li, .Box_2 p, .col_6 p, .col_9 p{ font-size:15px; line-height:26px;}

}
@media screen and (max-width:1000px){
.navigation{ font-size:13px; display:none;}
.box1 p.TextR{ display:none;}
.MobileButton{ display:block; float:right; border:1px solid #FFF; width:30px; height:26px; background:url(../images/c2.png) no-repeat center 2px; cursor:pointer; padding:2px; font-size:0; margin-top:25px;}
.MobileButton.active{background:url(../images/clm.png) no-repeat center 2px;}
.toggle{ width:100%; float:left; background:#4f1b41; margin-top:13px;}
.TopSearch{ display:none;}
 ul.toggle li{ padding:0px; margin:0px; border-bottom:1px solid #602c52}
 ul.toggle li a{padding:10px; display:block; color:#FFF;}
 ul.toggle li:hover a{ background:#602c52}
 .featured_box1{ width:100%!important; margin:0 0 2px}
}
@media screen and (max-width:768px){
.box1{ width:100%;}
.box1:after{ display:none;}
/*.featured_box1{ height:auto}*/
.featured_box1 .featured_CoverD h3 {   margin: 30% 0 0;}
.featured_box1.ext2 h3 {   margin: 13% 0 0; font-size:18px;}
.featured_box1.ext2 .featured_CoverD a {margin-top: 1%;}
.BlogHome{ padding-top:50px;}
.blogleft{ width:100%;}
.blogright {width:100%; margin-top:20px;}
.blogbox{ width:48%; border:0;}
.blogbox.last{ float:right;}
.blogbox img{ width:100%; position:inherit; margin-bottom:10px;}
.blogbox p{ padding:0px; font-size:12px; line-height:18px;}
.blogleft h1{ font-size:22px;}
.blogleft p{ font-size:13px; line-height:26px;}
.blogright h1{ font-size:22px;}
.HeadTop ul{ width:100%; text-align:center;}
.HeadTop ul li{ font-size:11px; padding:10px 8px 0; font-family: 'robotoregular'; float:none; display:inline-block; text-align:center;}
.HeadTop ul li img{ display:none;}
}
@media screen and (max-width:640px){
.client_box{ padding:0px 1%; width:98%;}
.HeadTop ul li{ padding:10px 0px 0;background:none;}
.logo{ width:120px;}
.MobileButton{ margin-top:13px;}
header.sticky .logo{ width:120px; margin:15px 0 0}
.Abt h1{ font-size:25px; line-height:25px; padding:15px 0px;}
.col_6, .col_9, .Box_2{ width:100%; float:left; margin:0 0 20px;}
.FourBoxes, .TwoBoxes, .ThreeBoxes{ margin-top:30px;}

}


/* Responsive css end here */