@charset "utf-8"; /* CSS Document */
/* ========================================================================== Home Page ========================================================================== */
#wrapper { position:relative;}
/* Slider */
/* 16 Feb 2015 */
.sliderBtn { font-size:20px; line-height:50px; color:#fff !important; background:#0091f8; border-radius:5px; text-decoration:none!important; border:none; border-bottom:2px solid #fff; padding:0 0 0 15px; margin:0 auto; display:inline-block;}
.sliderBtn .arrow { display:inline-block; padding:0 15px; border-left:1px solid #fff; margin-left:15px; height:51px;}
.arrow img { width:12px;}
.sliderBtn:hover { background-color:#0289e9; color:#fff;}
.sliderBtn:active { background-color:#0289e9; transform:scale(0.98); border-bottom:0px solid #09f;}
/* Content */
.content { position:relative; margin:-25px 0 25px; background:#fff; border:1px solid #d6d6d6; min-height:400px;}
/* 16 Feb 2015 */
.partnerBox { background:none; padding:0 15px; text-align:center; font-size:0;}
.partnerBox p { font-size:18px; line-height:20px; color:#666;}
.partners {}
/* 16 Feb 2015 */
.partner { padding:0px 15px; display:inline-block;}
.box { padding:15px 14px; border-top:1px solid #e8e8e8; font-family:TeXGyreHerosRegular;}
.altcol { float:none; margin-bottom:30px;}
.altcol.nomb { margin-bottom:0;}
.blue-link a { color:#09f; text-decoration:underline;}
blockquote { border-left:0px solid #ccc; quotes:"\201C""\201D""\2018""\2019"; padding:0px; margin:0px; line-height:24px; font-size:16px;}
blockquote:before { color:#ccc; content:open-quote; font-size:60px; position:absolute; left:13px; top:20px;}
blockquote p { color:#606060; text-indent:23px;}
blockquote span { color:#ccc; font-size:60px; display:inline; vertical-align:top; position:relative; left:5px; top:8px;}
blockquote:after { color:#ccc; content:close-quote; font-size:60px; position:absolute; right:13px; bottom:10px; visibility:hidden;}
/* Table */
table.grid { border:solid 1px #ababab;}
table.grid th { background:#dbdbdb; border:solid 1px #ababab!important;}
table.grid td { border:solid 1px #ababab!important; font-size:14px!important;}
table.grid td.gray { background:#f5f5f5;}
.table-heading-small { color:#666666; font-size:14px; font-weight:normal; margin:10px 0px;}
.table-heading-big { font-size:20px; font-weight:normal;}
.table-heading-bold { color:#666666; font-size:14px; font-weight:bold; margin:5px 0px; display:block;}
table.grid td a { color:#0099ff;}
table.grid td.highlighted { color:#0099ff;}
/* Video Modal */
.modal-style { font-size:14px;}
.modal-style h4.modal-title { color:#009afe; font-size:18px;}
.modal-style h4.modal-title img { float:left; margin-right:10px;}
.modal-style .form-group { margin-bottom:0;}
.text-left-xs { text-align:left; }

/*===== Gutter Size ======*/
/* 20px gutter*/
.gutter-20.row { margin-right:-10px; margin-left:-10px;}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] { padding-right:10px; padding-left:10px;}
/* 10px gutter */
.gutter-5.row { margin-right:-4px; margin-left:-4px;}
.gutter-5 > [class^="col-"], .gutter-5 > [class^=" col-"] { padding-right:4px; padding-left:4px;}
/* 10px gutter */
.gutter-10.row { margin-right:-5px; margin-left:-5px;}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] { padding-right:5px; padding-left:5px;}
/* 0px gutter */
.gutter-0.row { margin-right:0; margin-left:0;}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] { padding-right:0; padding-left:0;}

.mtp40{ margin-top: 40px;}
.mtp45{ margin-top: 45px;}
.mtp50{ margin-top: 50px; }
.mbp3{ margin-bottom: 3px; }

/* ========================================================================== Register ========================================================================== */
.regpad { padding-left:15px; padding-right:15px; border-top:none; border-bottom:none; margin:0;}
.newsteps { background-color:#fff; -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, .3), inset 0 0 1px rgba(255, 255, 255, .46); -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, .3), inset 0 0 1px rgba(255, 255, 255, .46); box-shadow:1px 1px 4px rgba(0, 0, 0, .3), inset 0 0 1px rgba(255, 255, 255, .46); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:-moz-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:-ms-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); overflow:hidden; margin:20px 0;}
.newsteps .first { background-color:#fff; background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:-moz-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:-ms-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); display:block; width:25%; float:left; position:relative;}
.newsteps .first .StepsText { padding:11px 20px 11px 33px; min-height:44px; display:block; clear:both; font-family:Arial; font-weight:bold; font-size:20px; line-height:21px; text-align:center;}
.newsteps .first .StepsText span { margin-left:15px; font-family:TeXGyreHerosRegular; font-weight:normal; font-size:14px; line-height:20px; display:none;}
.newsteps .first.active { background-color:#0079e6; background-image:-webkit-linear-gradient(bottom, #0072df, #0084f1 65%, #008bf8); background-image:-moz-linear-gradient(bottom, #0072df, #0084f1 65%, #008bf8); background-image:-o-linear-gradient(bottom, #0072df, #0084f1 65%, #008bf8); background-image:-ms-linear-gradient(bottom, #0072df, #0084f1 65%, #008bf8); background-image:linear-gradient(to top, #0072df, #0084f1 65%, #008bf8); color:#fff; text-shadow:0 1px 0 #077ae6;}
.activearrow { display:none;}
.activearrow2 { display:block; position:absolute; right:-25px; width:25px; height:44px; z-index:9; top:0px;}
.newsteps .first.active .activearrow { display:block; position:absolute; right:-24px; width:25px; height:44px; z-index:9; top:0px;}
.newsteps .first.active .activearrow2 { display:none;}
/* Registration Steps */
.btn-reg { background-color:#fff; background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:-moz-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:-ms-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); border:none; border-radius:0; font-weight:normal;}
.btn-reg.act { background-color:#0079e6; background-image:-webkit-linear-gradient(bottom, #0072df, #0084f1 65%, #008bf8); background-image:-moz-linear-gradient(bottom, #0072df, #0084f1 65%, #008bf8); background-image:-o-linear-gradient(bottom, #0072df, #0084f1 65%, #008bf8); background-image:-ms-linear-gradient(bottom, #0072df, #0084f1 65%, #008bf8); background-image:linear-gradient(to top, #0072df, #0084f1 65%, #008bf8); color:#fff; text-shadow:0 1px 0 #077ae6;}
.btn-reg:active { box-shadow:none;}
.btn-group .btn-reg + .btn-reg { margin-left:0;}
.btn-reg div { font-size:18px; font-weight:bold;}
.btn-reg div span { display:none; font-size:13px; font-weight:normal; margin-left:7px;}
.gray-box-shadow { box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);}
ul.sublist-point { margin:0px; padding:0px; list-style-type:none; padding:0px;}
ul.sublist-point li { padding:11px 0 0 15px !important;}
ul.sublist-point li:nth-child(odd) { background:none;}
.listing-table { width:100%; color:#303030; font-size:15px; line-height:20px;}
.listing-table table { width:100%;}
.listing-table td { padding:10px 15px; width:100%;}
.listing-table td:nth-child(odd) { background:#fff;}
.single-row-table { width:100%; color:#303030; font-size:15px; line-height:20px;}
.single-row-table table { width:100%;}
.single-row-table td { padding:10px 15px; width:100%;}
.single-row-table tr:nth-child(odd) { background:#fff;}
.greyBox { background:#f5f5f5; font-family:TeXGyreHerosRegular; margin-bottom:15px;}
.greyBoxTitle { font-size:18px; padding:10px 15px; border-bottom:1px solid #a6a6a6; color:#fff; text-align:center; font-family:TeXGyreHerosBold; background:#0085f2;}
.rtpad { padding-right:15px;}
.aligntxt { text-align:center;}
.rtpad .greyBox { height:auto; padding-bottom:15px;}
.rtpad ul.listinglist { padding-bottom:0px; width:100%;}
.rtpad ul.listinglist.second { padding-top:0px;}
/* Form */
.regpad .form-control { padding:6px 12px; font-size:18px; color:#9a9a9a; font-weight:bold; height:38px; margin-top:18px;}
.regpad .sm-form-control { padding:3px 6px; font-size:14px; color:#9a9a9a; font-weight:normal; height:28px;}
.regpad textarea.form-control { height:auto;}
.regpad .validwrap + .form-control { margin-top:0;}
.regpad .label-static + .form-control { margin-top:0;}
.regpad .validwrap + .checkbox-inline,.regpad .validwrap + .checkbox-inline + .checkbox-inline,.regpad .validwrap + .radio-inline + .radio-inline,.regpad .validwrap + .radio-inline { padding-top:0;}
.regpad label { font-weight:normal; font:14px Arial; color:#000;}
.regpad input[type="radio"],input[type="checkbox"] { margin-top:2px;}
.regpad .form-control.lm { margin-top:8px;}
/* ========================================================================== Register New Page ========================================================================== */
.heading02top { font:25px/30px TeXGyreHerosRegular; border-bottom:solid 1px #e9e9e9; padding-bottom:12px; margin-bottom:10px;}
/* form */
.rentalInfoSection input { margin-top:10px;}
.editDesc .form-group label { font:inherit; color:#666; font-weight:bold;}
.editDesc .form-group label + textarea { margin-top:0;}
/* ========================================================================== Fizber Store ========================================================================== */
.fizberStore { padding-left:0; padding-right:0; font:14px Arial;}
.listingBox { list-style-type:none;}
.listingBox > li { border:1px solid #c6c6c6; clear:both; overflow:hidden;}
.listingBox > li + li { margin-top:10px;}
.listingBoxTitle { border-bottom:1px solid #c6c6c6; padding:10px 0;}
.listingBoxTitle .checkbox input[type=checkbox] { float:left; margin:3px 10px 0 15px; vertical-align:middle;}
.listingBoxTitle .checkbox label { padding-left:0; vertical-align:middle; margin-left:40px; margin-right:10px;}
.listingBoxTitle h4 { font:bold 16px Arial;}
.listingBoxContent { background:#e9e9e9;}
.listingBoxContent ul { margin-left:30px; list-style-type:none;}
.order { padding-left:15px; padding-right:15px;}
.order label { width:120px; font-size:13px;}
.order input { width:60px; height:20px; font:14px Arial; color:#000; padding:0; border:1px solid #b3b3b3; text-align:right;}
.order .price { float:right; font-size:13px; padding-top:2px;}
.mlsLogo { margin-top:-7px; padding-left:15px; width:75px;}
/* ========================================================================== Checkout ========================================================================== */
.step4 { padding-left:0; padding-right:0;}
.blueseal { float:none; text-align:center;}
.creditcard { float:none;}
.checkout > table { width:100%; border-collapse:collapse;}
.checkout > table tr {}
 .checkout > table tr > th { padding:8px 15px; border-bottom:1px solid #ccc; font:14px Arial; color:#06c;}
.checkout > table tr > td { padding:8px 15px; border-bottom:1px solid #ccc; font:14px Arial; color:#000;}
.checkout > table tr > td > input[type=radio] { margin-right:8px; margin-top:-3px;}
/* ========================================================================== Login ========================================================================== */
.loginForm { border:1px solid #d7d7d7; margin:20px auto; padding:10px; max-width:350px;}
.loginForm h3 { font:14px Arial; color:#000; margin-bottom:10px;}
.loginBox { padding:15px 25px;}
.loginBox label { padding-top:5px;}
.loginBox .form-control { margin-top:0; padding:3px 6px; height:32px;}
.loginBox input[type=button],.loginBox input[type=submit] { width:100%; max-width:300px;}
.loginLink { text-align:left;}
.loginLink.alt { text-align:right;}
.loginLink a { font:14px Arial; display:inline-block;}
/* ========================================================================== HomePro ========================================================================== */
.linkbox { background:#fff; border:1px solid #ccc; border-top:none; padding-top:10px; padding-bottom:10px; font-size:0;}
.linkbox a { font:14px Arial; color:#666; margin:3px 5px; display:block;}
.proType span { font:14px Arial; color:#666; white-space:nowrap;}
.proText { font:26px/32px TeXGyreHerosRegular; color:#09f;}
.proBox { background:#e6e6e6; border:1px solid #cdcdcd; padding:10px; margin-top:0;}
.proBox h3 { font:16px/20px TeXGyreHerosRegular; padding:5px 0 15px;}
.sepline { background:#f3f3f3; border-top:1px solid #ccc; height:2px;}
.proBox ul { margin:10px 0 0; list-style-type:none;}
.proBox ul li { padding:4px 0;}
.proBox ul li p { font:14px Arial; color:#666; min-height:48px; padding:6px 0 6px 60px; background-repeat:no-repeat; background-position:left center; margin:0;}
.proBox ul li p.tendollar { background-image:url(/images/tendollar.png); padding-top:14px; padding-bottom:0;}
.proBox ul li p.connected { background-image:url(/images/connected.png);}
.proBox ul li p.visibility { background-image:url(/images/visibility.png);}
/* ========================================================================== HomeProCompany ========================================================================== */
.proBox + .proBox { margin-top:20px;}
.proBox ul li p.referrals { background-image:url(/images/referrals.png);}
.proBox ul li p.introduction { background-image:url(/images/introductions.png);}
.proBox ul li p.vis { background-image:url(/images/visibility2.png);}
.proBox ul li p.professional { background-image:url(/images/professional.png);}
.proBox ul li p.referralfee { background-image:url(/images/referralfeesingle.png);}
.proFormSection { padding-right:0;}
.proHeading { font:24px/30px Arial; color:#09f; padding:0 0 15px; border-bottom:1px solid #ccc;}
.proUser { margin-top:20px; margin-bottom:10px;}
.proUserPhoto { margin-bottom:15px;}
.proUserPhoto img { max-width:100px; height:auto; max-height:100px;}
.proDelete a { font:14px Arial; color:#000; text-decoration:underline; display:inline-block; padding:2px 0;}
.proUserInfo { font:16px TeXGyreHerosRegular; margin-top:10px;}
.proUserInfo .form-group { margin-bottom:5px;}
.proUserInfo .control-label { text-align:left; padding-top:7px;}
.proUserInfo label { font:bold 16px TeXGyreHerosRegular; max-width:100px;}
.proUserInfo .form-control-static { margin-top:0; color:#999;}
.proBtn-add { background:url(/images/icon-add.png) no-repeat left center; font:16px TeXGyreHerosRegular; color:#999; padding:2px 5px 5px 25px; margin-top:5px; display:inline-block; border:none;}
.proBtn-del { background:url(/images/delete.png) no-repeat; width:20px; height:20px;}
.proLicense { font:14px/17px Arial; color:#999; margin:10px 15px 0;}
.proZip { padding:0 15px;}
.proZip .row > [class|=col-xs],.proZip .row > [class|=col-sm],.proZip .row > [class|=col-md] { padding-left:15px; padding-right:15px;}
.proZip .validwrap { margin-left:15px;}
.proZip input { max-width:200px; margin-left:5px; display:inline-block;}
.proZip .zipNo { float:left; display:block; margin-top:18px; padding-top:8px; font-size:14px; color:#666;}
.proZip .validwrap + input + .zipNo { margin-top:0;}
.infoBox { color:#333; margin-top:20px; text-align:justify;}
.infoHeading { font:bold 18px Arial; color:#333;}
.infoBox ul { list-style-type:none; margin:15px 0 15px 25px;}
.infoBox ul li { margin-bottom:5px;}
.infoBox a { color:#0178ec; text-decoration:none;}
.infoBox p { line-height:1.3;}
/* ========================================================================== RealtorSignup ========================================================================== */
.realtorSignup { font:14px TeXGyreHerosRegular; color:#666;}
.realtorSignup b { color:#333;}
.realtorSignup label { font:14px TeXGyreHerosRegular; color:#666;}
.realtorSignup input[type=checkbox] { margin-top:5px;}
.realtorServices ul.checkbox { list-style:none; margin-bottom:20px!important; display:block;}
.realtorServices ul.checkbox li { margin-top:8px; margin-bottom:8px;}
/* ========================================================================== Pick Plan ========================================================================== */
.ppDesc2 { padding:10px; font:14px/13px Arial; color:#363636; margin-top:0; margin-bottom:0;}
ul.ppDesc2 { list-style-type:disc; font:12px/18px Arial; color:#363636;}
ul.ppDesc2 li { margin-bottom:4px; margin-top:2px;}
/* ========================================================================== Pro Checkout ========================================================================== */
.pcHeading { font:28px/30px Arial; color:#09f; padding:0 0 15px; border-bottom:0px solid #ccc;}
.procheckgrid .table-bordered { border:1px solid #ababab;}
.procheckgrid .table-bordered tr td:first-child { width:180px;}
.procheckgrid .table-bordered td { border:1px solid #ababab;}
.procheckgrid .table-bordered td span { color:#363636;}
.procheckgrid { color:#666; font-family:arial; font-size:14px;}
.procheckgrid span { font-weight:bold;}
/* ========================================================================== Pros - Directory ========================================================================== */
.dirBanner { background:url(/images/banner.png) no-repeat center center; background-size:cover; min-height:270px; padding-bottom:60px; position:relative;}
.dirOverlay { position:relative; top:30px; left:7%; right:7%; width:86%;}
.dirText { font:bold 32px/34px Arial; color:#fff; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);}
.dirSearch { background:#f5f5f5; padding:10px 15px 15px; margin-top:20px; box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.3);}
.dirSearch .form-group:first-child { margin-bottom:0;}
.dirSearch label { color:#6c6666; font:14px Arial; font-weight:normal; margin-left:3px; margin-right:3px;}
.dirBoxs { border-bottom:1px solid #ddd9da; border-right:0px solid #ddd9da; color:#3e74ba; padding-top:5px; padding-bottom:5px; text-decoration:none !important; text-transform:uppercase; font-family:Arial; font-size:14px; line-height:60px; color:#3e74ba !important;}
.dirBoxs:hover { background:#f0f0f0;}
.dirBoxs img { float:left; margin:8px 15px 10px 0; max-width:50px;}
.dirBoxsbottom { border-bottom:1px solid #ddd9da;}
.dirpad { border-bottom:medium none; border-top:medium none; margin:0;}
/* ========================================================================== Search Listings ========================================================================== */
.searchListing { margin:0; padding:0 20px;}
.searchListingFilter { background:#d7d7d7; /*min-height:70px; */
 padding:15px; margin:0 -20px;}
.searchListingFilter input[type=text] { font-family:Arial; margin-bottom:10px;}
.slfButton { border:solid 1px #ababab; display:inline-block; padding:6px 15px; font-size:13px; color:#666 !important; font-weight:700; text-shadow:1px 1px rgba(255, 255, 255, 0.5); text-decoration:none !important; outline:none !important; border-radius:2px; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.1); background-color:#c9c9c9; background-image:-webkit-linear-gradient(top, #e5e5e5, #d4d4d4 5%, #bfbfbf 100%); background-image:-moz-linear-gradient(top, #e5e5e5, #d4d4d4 5%, #bfbfbf 100%); background-image:-o-linear-gradient(top, #e5e5e5, #d4d4d4 5%, #bfbfbf 100%); background-image:linear-gradient(to bottom, #e5e5e5, #d4d4d4 5%, #bfbfbf 100%);}
.slfButton:hover { background-color:#d9d9d9; background-image:-webkit-linear-gradient(top, #e5e5e5, #d9d9d9 5%, #d9d9d9 100%); background-image:-moz-linear-gradient(top, #e5e5e5, #d9d9d9 5%, #d9d9d9 100%); background-image:-o-linear-gradient(top, #e5e5e5, #d9d9d9 5%, #d9d9d9 100%); background-image:linear-gradient(to bottom, #e5e5e5, #d9d9d9 5%, #d9d9d9 100%);}
.slfButton:active { /*transform:scale(0.98); */
 box-shadow:none; background:#d9d9d9;}
.slfButton + .slfButton { margin-left:5px;}
.sflImage { margin-left:10px;}
.searchForm { background:#fff; padding:0; border:2px solid #d7d7d7; position:relative; left:0; right:0; top:0; display:none; z-index:22; margin:0 -20px;}
.sfClose { position:absolute; bottom:-25px; right:1px;}
.searchForm .form > .row { margin-left:0; margin-right:0;}
.searchForm label { font-size:14px;}
.searchForm .checkbox { margin-top:0;}
.searchForm .checkbox.sub { margin-bottom:0;}
.sfline { border-right:1px solid #808080; height:140px; padding:10px;}
.sfline + .sfline { border-right:none;}
.searchForm .sfline select { height:75px;}
.sfpad { padding-top:10px; padding-bottom:10px; border-top:1px solid #808080;}
.sfrange { padding-bottom:5px;}
.sfrange:before { content:" - "; position:absolute; left:49%; top:50%; font-weight:bold;}
.sfrange label { display:block;}
.sfrange .form-control { width:45%; float:left;}
.sfrange .form-control + .form-control { margin-left:10%;}
.sfTabs { margin:0 -10px;}
.sfTabs > ul { list-style-type:none; clear:both; overflow:hidden;}
.sfTabs > ul li { float:left; margin-left:5px;}
.sfTabs > ul li a { font:13px TeXGyreHerosRegular; color:#666; text-decoration:none; padding:5px 7px; background:#e6e6e6; border:2px solid #d1d1d1; border-bottom:none; display:block;}
.sfTabs > ul li a.active { background:#cce6ff;}
.sfTabs > ul li a span { margin-left:5px; display:inline-block;}
.sfTabsContainer { display:none; border:2px solid #d1d1d1; border-radius:5px;}
.sfTabsContainer.active { display:block;}
.sfNoResults { padding:10px; font:16px Arial; color:#222; text-align:center;}
.slSort { background:#e6e6e6; padding:8px 10px; color:#666;}
.slSort label { font:15px TeXGyreHerosRegular; color:#666; margin-right:5px;}
.slPaging { text-align:center;}
.slSort + .slPaging { border-bottom:1px solid #ddd;}
.slList + .slPaging { border-top:1px solid #ddd;}
.slPaging ul { margin:10px;}
.slPaging ul li a { font:12px Arial; padding:6px;}
.slPaging ul li span { padding:0;}
.slPaging ul li span a { font:12px Arial; display:block; color:#428bca; text-decoration:none; padding:6px;}
.slListing { clear:both; overflow:hidden; border-bottom:1px solid #ddd; padding:10px; color:#222;}
.slListing.fzb { background:#fefdeb;}
.slList ul { list-style-type:none;}
.slList ul li:last-child .slListing { border-bottom:none;}
.slPhoto { width:200px;}
.slDesc { margin-top:10px; font:14px/19px Arial; margin-right:52%;}
.slDesc h4 { font:bold 13px/16px Arial; color:#06c; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.slDesc h4 a { color:#06c; text-decoration:none;}
.slDesc h4 a span { color:#666; display:block;}
.slFeatures,.svArea,.svInfo { font-size:12px; line-height:14px;}
.slFeatures,.svInfo { padding:3px 0 0;}
.slInfo { font:12px/15px Arial; margin-top:5px;}
.slAddress a { color:#222; text-decoration:none;}
.slPriceWrap { text-align:right; font-size:0; margin-top:5px; float:right; width:50%;}
.slPrice { font-size:14px; font-weight:bold; display:inline-block; vertical-align:middle;}
.slLogo { display:block; vertical-align:middle; margin:5px 10px 0 0;}
.slLogo:empty { display:none;}
.nearby { padding:0 3px 20px;}
.nearby h4 { font:bold 12px TeXGyreHerosRegular; color:#000; text-align:center; padding-bottom:1px;}
.nearby ul { list-style-type:none; font-size:0;}
.nearby ul li { text-align:center; margin-bottom:5px;}
.nearby ul li a { font:12px/14px TeXGyreHerosRegular; display:inline-block;}
.multiMatch { background:#f4f19f; border:2px solid #d1d1d1; padding:10px; border-radius:5px; font:14px Arial; color:#222;}
.mmList { margin:10px 0 0;}
.mmList ul { list-style-type:none;}
.mmList ul li a { padding:2px; display:inline-block; color:#222;}
#mapBox { padding:10px;}
#resultsMap { width:100%; height:275px; background:#f5f5f5;}
/* ========================================================================== Show Listings ========================================================================== */
.showListing { margin:0; padding:0; position:relative;}
.listingAlert { font:14px Arial;}
.listingAlert .alert { margin-bottom:10px;}
.showListingHeader { background:#fff; position:relative; left:0; top:0; right:0px; z-index:22; padding:7px 15px; min-height:80px;}
.listingAddress { font:bold 16px Arial; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 0 -3px -5px;}
.listingRegion { font-size:12px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:arial; font-weight:bold; margin-left:-9px;}
.listingSlider .flexslider { margin-bottom:5px;}
.listingSlider .flex-direction-nav a { height:44px; margin-top:-22px; text-decoration:none;}
.listingSlider .flex-prev,.listingSlider .flex-next { color:#000;}
.listingSlider #carousel li img { border:1px solid #fff;}
.listingSlider #carousel li.flex-active-slide img { border:1px solid #09f;}
.listingSlider .slides li { position:relative;}
.listingSlider .slides img { /*height:100%; */
 height:auto; width:auto; /*max-height:375px; */
 max-width:100%; margin:0 auto;}
_::-moz-svg-foreign-content,:root .listingSlider .slides img { width:auto; height:auto;}
/* Safari hack */
#carousel li { margin-right:4px;}
.listingSlider .flex-caption { background:rgba(0, 0, 0, 0.4); color:#fff; padding:10px; position:absolute; top:0; left:0; right:0; font:14px Arial;}
.listingBtns { text-align:left; vertical-align:middle; margin:0 -5px;}
.listingBtns .iconbtn { padding:2px 3px 3px; max-width:60px; min-width:50px; font-weight:400;}
.listingBtns .iconbtn span { display:block; min-height:24px;}
.listingBtns .fcbtn { padding:17px; font-size:14px; font-weight:400;}
.listingInfoWrap { font-size:0; padding:5px 0; margin:0 -10px; vertical-align:middle; text-align:left;}
.listingInfo { padding:2px 5px; border-right:1px solid #666; text-align:center; display:inline-block;}
.listingInfo:last-child { border-right:none;}
.liLabel { font:11px Arial; color:#666;}
.liDetail { font:bold 12px/16px Arial; color:#000;}
.listingInfo:first-child .liDetail { max-width:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.liDetail span { font:11px Arial; color:#666;}
.openHouse { margin:10px -20px 0; border-top:5px solid #f0f0f0; max-height:105px; overflow:auto;}
.ohHeading { font-size:16px; font-weight:bold; color:#09f; text-align:center; padding:5px 15px;}
.listingSubMenu { height:auto; min-height:25px; font-size:0; background:#ebebeb; margin:5px -15px 0; clear:both; overflow:hidden;}
.listingSubMenu ul { list-style-type:none;}
.listingSubMenu ul li { display:inline-block;}
.listingSubMenu ul li a { font:12px/15px Arial; text-decoration:none; color:#333; padding:5px 10px; display:inline-block;}
.listingSubMenu ul li a:hover { background:#b3d9ff;}
.listingRequestInfo { background:#e6e6e6; border:1px solid #ccc; min-height:95px;}
.listingRequestInfo h3 { font:bold 16px/20px Arial; text-align:center; padding:10px; border-bottom:1px solid #ccc;}
.listingRequestInfoForm { padding:10px;}
.listingViewInfo { background:#e6e6e6; border:1px solid #ccc;}
.listingViewInfo h3 { font:bold 16px/20px Arial; text-align:center; padding:10px; border-bottom:1px solid #ccc;}
.listingViewInfoBox { padding:15px 5px; text-align:center;}
.contactpro { background:#e6e6e6; border:1px solid #ccc;}
.contactpro h3 { font:bold 16px/20px Arial; text-align:center; padding:10px; border-bottom:1px solid #ccc;}
.contactprobox { padding:15px 5px; text-align:center;}
.contactprobox img { border:1px solid #999997;}
.contactprobox .name { padding-left:0px !important; font:13px/18px Arial;}
.contactprobox .photo { padding-right:0px !important;}
.contactprobox .btnBlue-gradient { padding:5px 20px;}
.recaptcha_only_if_image { font:13px Arial;}
#recaptcha_widget a { font:14px Arial;}
.slBox { border:1px solid #ccc;}
.slHeading { background:#ddd; border-bottom:1px solid #ccc; font:bold 14px Arial; color:#333; padding:5px;}
.slContent { padding:5px; font:14px/17px Arial; color:#222;}
.slSubBox { border:1px solid #ccc; /*margin-top:5px; */
}
.slSubHeading { background:#f4f4f4; border-bottom:1px solid #ccc; font:bold 14px Arial; color:#333; padding:5px;}
.slSubContent { padding:5px; font:14px/17px Arial; color:#222;}
ul.piInfo { list-style-type:none;}
ul.piInfo li { clear:both; overflow:hidden; /*padding:0 5px 2px; border-top:1px solid #eee; */
}
.piTitle { font:bold 14px Arial;}
.piLabel { float:left; width:48%;}
.piDetail { margin-left:50%;}
.listingMap { border:1px solid #ccc;}
#map-canvas { width:100%; height:275px; border-bottom:1px solid #ccc;}
/* ========================================================================== Error - Oops, NotFound ========================================================================== */
.errorpad { margin:0; padding-left:15px; padding-right:15px; border-top:none; border-bottom:none; font:14px Arial; color:#000;}
.errorpad h4 { font:bold 16px Arial; color:#000; margin-bottom:10px;}
.errorSeparator { border-left:none;}
.videoCaption { font:bold 14px Arial; color:#000; text-align:center;}
.video-how-it-works { padding-bottom:63.6%;}
.oopsList { list-style-type:none;}
.oopsList li { margin-top:15px;}
/* ========================================================================== Foreclosure ========================================================================== */
.fcpad { margin:0; padding-left:15px; padding-right:15px; border-top:none; border-bottom:none; font:14px Arial; color:#000;}
.fcpad .form-group { margin-bottom:10px;}
.fcpad .control-label { padding-right:0; font-size:12px; font-weight:normal; color:#999;}
.two-col div + label { margin-top:10px;}
/* ========================================================================== Resources ========================================================================== */
.defpad { border-top:none; border-bottom:none; margin:0; display:block; width:100%;}
.defleftCol { /*float:left; */
 width:180px; padding:15px; background:#f5f5f5; border-right:1px solid #dedede; display:block; min-height:600px;}
.defrightCol { background:#fff; /*border-left:180px solid #f5f5f5; box-shadow:inset 1px 0 0 0 #dedede; */
 padding-left:1px; display:block; min-height:600px;}
.defSection { margin-bottom:20px;}
.defSection h3 { font:14px/20px Arial; color:#b2b2b2; margin-bottom:10px;}
.defSection ul { list-style-type:none;}
.defSection ul li a { display:block; font:bold 14px/20px Arial; color:#666; min-height:40px; padding:10px 15px; text-decoration:none; margin-left:-15px; margin-right:-15px;}
.defSection ul li a:hover,.defSection ul li a.active { background:#cce6ff;}
.defSection ul li a img { float:left;}
.defSection ul li a span { margin-left:25px; display:block;}
.defContent { padding:0 15px; font:14px Arial; color:#000;}
.sidebarWrap { display:none;}
#sidebar { height:100%;}
.navbar-toggle-sidebar { background:#fff; border:1px solid #e7e7e7; border-radius:4px; float:left; /*margin-bottom:8px; */
 margin-top:0; margin-right:15px; padding:9px 10px 7px 10px; position:relative; display:none; vertical-align:middle;}
.navbar-toggle-sidebar .icon-bar { background:#888;}
.navbar-toggle-sidebar .icon-bar { border-radius:1px; display:block; height:2px; width:22px; margin-bottom:3px;}
.navbar-toggle-sidebar:hover,.navbar-toggle-sidebar:active { background:#eee; border:1px solid #ccc;}
/* Breadcrumb */
.defpad .breadcrumb { background:#fff; font:12px/16px TeXGyreHerosRegular; color:#666; padding:5px 0; margin:10px 0;}
.defpad .breadcrumb li a { color:#0178ec; text-decoration:none;}
.defpad .breadcrumb li:before { color:#666;}
/* Resources */
.resourcesMain { margin-left:0; margin-right:0;}
.resourcesMain > [class^=col] { padding-left:1px; padding-right:1px;}
.resourcesTile { border:1px solid #cbcbcb; margin:15px 0 0 0; min-height:420px; cursor:pointer;}
.resourcesTile:hover { border-color:#09f;}
.resourcesTile h3 { font:bold 20px/24px Arial; margin:20px 0; text-align:center;}
.resourcesTile img { padding:20px 10px;}
.resourcesTile ul { list-style-type:none; margin-left:7%;}
.resourcesTile ul li a { font-size:12px; color:#333; text-decoration:none; padding:5px; display:block;}
.resourcesTile ul li a:hover { color:#999;}
.quickLinkMain { margin-left:0; margin-right:0;}
.quickLinkMain > [class^=col] { padding-left:1px; padding-right:1px;}
.quickLinkTile { border:1px solid #cbcbcb; margin:15px 0 0 0; min-height:120px; text-align:center; cursor:pointer;}
.quickLinkTile:hover { border-color:#09f;}
.quickLinkTile img { padding:10px;}
.quickLink { text-align:center; padding-top:5px;}
.quickLink a { font:bold 18px/22px Arial; color:#000; text-decoration:none;}
.quickLink a:hover { color:#999;}
/* ========================================================================== Store Login ========================================================================== */
.StoreLogin h3 { font-size:14px; color:#000; font:bold 14px Arial;}
.StoreLogin .paddingin { padding:0px 10px; min-height:inherit;}
.StoreLogin .control-label { margin-top:0px; text-align:left;}
.StoreLogin .form-group { margin-bottom:0px;}
.StoreLogin .form-control { margin-top:0px;}
.slMessage { min-height:50px; border:1px solid #d23535; background-color:#e8e7c0; color:#d23535; padding:10px; margin-bottom:10px; text-align:center; margin-left:10px; margin-right:10px;}
/* ========================================================================== Store Picklisting ========================================================================== */
.spTitle { color:#09f; font:22px/32px TeXGyreHerosRegular;}
.spRadioList ul { list-style:none;}
.spRadioList ul li { margin:8px 0px;}
.spRadioList ul li input[type="radio"] { float:left; width:20px;}
.spRadioList ul li label { margin-left:25px; margin-top:3px; display:block;}
/* ========================================================================== Verify Email ========================================================================== */
.verifyTitle { font:26px/30px TeXGyreHerosRegular; border-bottom:solid 1px #000;}
.verifyEmail .modal-dialog { max-width:600px; margin-left:auto; margin-right:auto;}
/* ========================================================================== Youtube ========================================================================== */
.youtubMain { margin:0px; padding:0; position:relative;}
.youtubHeader { background:#fff; position:relative; left:0; top:0; right:0px; z-index:22; padding:7px 15px; min-height:38px;}
.YoutubTopLink { height:auto; min-height:25px; color:#666; background:#ebebeb; margin:5px -15px 0; clear:both; overflow:hidden; font:bold 13px Arial; padding:4px 15px 2px;}
.YoutubTopLink .righttext { text-align:left; padding-top:5px; padding-bottom:3px;}
.video-tour { padding-bottom:71.38%;}
.youtubMain .slHeading,.youtubMain .slContent { color:#666;}
.youtubMain .listingRequestInfo { min-height:430px;}
.youtubeModal .modal-dialog { max-width:600px; margin-left:auto; margin-right:auto;}
/* ========================================================================== Offer ========================================================================== */
.offerpad { margin:0; padding-left:15px; padding-right:15px; border-top:none; border-bottom:none; font:14px Arial; color:#000;}
.offerList { margin:0 0 0 20px; padding:0;}
.offerList li { margin-top:15px;}
.offerTitle { font:26px/30px TeXGyreHerosRegular; border-bottom:solid 1px #000;}
.offerText { font-size:18px; line-height:24px; padding:20px 30px; background:#f5f5f5; border-radius:10px; box-shadow:inset 0 0 4px 0 rgba(0, 0, 0, 0.2); text-align:center; display:block;}
.offerCongrats { font-size:30px; height:70px; width:70px; background:#fff; border:1px solid #ddd; border-radius:35px; line-height:70px; text-align:center; color:#3c763d;}
.textAlignLeft { text-align:left;}
/* ========================================================================== Digital Marketing css ========================================================================== */
.BlueBoldTitle { margin-top:20px;}
.BlueBoldTitle h3 { font:24px/30px TeXGyreHerosBold; color:#0085f2; display:block; overflow:hidden;}
.BlueBoldTitle span { font:18px/25px TeXGyreHerosRegular; color:#303030; margin-top:8px; margin-bottom:12px; display:block; overflow:hidden;}
.PackageList { color:#232323; font:18px/20px TeXGyreHerosRegular; margin-top:20px;}
.PackageList h3 { font-size:21px;}
.PackageList .subtitle { margin-top:12px; margin-bottom:12px;}
.PackageList ul { list-style:none; margin:0px; padding:0px;}
.PackageList ul ul { list-style:none; margin:0px 0px 0 34px; padding:0px;}
.PackageList ul li { background:url(/images/rightpoint2.png) no-repeat left 11px; padding:8px 3px 8px 25px;}
.PackageList ul ul li { background:url(/images/point-black.png) no-repeat left 17px; padding:8px 3px 8px 12px;}
.packageimg { text-align:center;}
.packageimg img { width:152px; margin:0 auto; left:0px; right:0px;}
.graybg { background:#f5f5f5; border:solid 1px #eaeaea; padding:25px; text-align:center; font:26px/30px TeXGyreHerosBold; color:#232323;}
.packagebtn { font:22px/25px TeXGyreHerosBold;}
.no-thanks { text-align:center;}
.graybg .no-thanks a,no-thanks a { font:16px "OpenSansLight";}
/* ========================================================================== Essential Services css ========================================================================== */
.ESgridmain { display:block; clear:both; margin-bottom:4px; margin-top:4px; overflow:hidden;}
.ESgridmain .leftpart { display:block; margin-right:0px;}
.ESgridmain .leftinleft { float:left; width:63px; vertical-align:middle; text-align:center; padding:10px;}
.ESgridmain .leftinright { display:block; margin-left:63px; min-height:130px; padding:10px;}
.ESgridmain .rightpart { float:right; width:100%; min-height:inherit; padding:10px 10px 10px 75px; display:block; text-align:left; color:#232323; font:24px/25px TeXGyreHerosRegular;}
.leftinright h2 { font:20px/25px TeXGyreHerosBold; color:#232323;}
.ESgraybg { background:#f5f5f5;}
.Esborder { border:solid 1px #eaeaea;}
.EsborderLeft { border-left:solid 1px #eaeaea;}
.leftinright ul { list-style:none; margin:4px 0px 0 0px; padding:0px;}
.leftinright ul li { background:url(/images/point-black.png) no-repeat left 10px; padding:1px 3px 1px 12px; color:#232323; font:18px/22px TeXGyreHerosRegular;}
.checkOutListing > table tr > td { border:none; padding:5px !important;}
/* 16 Feb 2015 */
/* FSBO Landing */
.fsbocontentbox { margin-top:0px !important; background:#fff;}
.fsboslider { background:url(/images/prozips/featured-agent-bg.jpg) no-repeat center top; background-size:cover; text-align:center;}
.fsbopart { max-width:650px; margin:60px auto 50px;}
.fsbobluebg { min-height:145px; background:url(/images/prozips/bluebg.jpg) no-repeat center top; background-size:cover; text-align:center; padding-bottom:25px;}
.fsbopart h1 { font-family:TeXGyreHerosRegular; font-size:25px; line-height:30px; color:#333333;}
.fsbopart .subtext { font-family:'opensansRegular'; max-width:480px; margin:0 auto; display:block; font-size:14px;}
.fsbopart .sliderBtn,.bottombtn .sliderBtn { margin-top:45px; margin-bottom:5px; font-size:15px;}
.bottombtn .sliderBtn { margin-top:15px;}
.fsbobluebg { padding:25px 0px 25px 0px;}
.fsbobluebg p { margin-bottom:20px; font-family:'opensansRegular';}
.fsbobluebg p { color:#fff;}
.fsbosections { padding:40px 0px 40px 0px;}
.fsbosections h2 { text-transform:uppercase; color:#333; font-family:'opensansLight'; font-size:32px;}
.fsbosections h2 span { font-family:'opensansBold';}
.fsbosections .subtitle { font-size:18px; font-family:'opensansBold'; color:#333; margin:20px 0px 0px 0px;}
.fsbosections p,.fsbosections ul li { font-family:'opensansRegular'; color:#333; font-size:15px; line-height:23px;}
.fsbosections p + p { padding-top:10px;}
.fsbosections .sliderBtn { font-size:14px; line-height:35px; padding-left:14px; margin-top:15px;}
.fsbosections .sliderBtn .arrow { height:35px; margin-left:15px;}
.fsbosections .sliderBtn .arrow img { width:12px;}
.fsboimg img { margin:0 auto; display:block;}
.fsbosections ul { margin-top:20px;}
.fsbosections ul li { list-style:none; background:url(/images/bluetick.jpg) no-repeat left 5px; padding-left:30px; margin-bottom:10px;}
.fsbograybg { background:#f9f9f9; -webkit-box-shadow:0px 0px 18px -3px rgba(0, 0, 0, 0.20); -moz-box-shadow:0px 0px 18px -3px rgba(0, 0, 0, 0.20); box-shadow:0px 0px 18px -3px rgba(0, 0, 0, 0.20);}
/* ========================================================================== MLS ========================================================================== */
.mlscontentbox { /*margin-top:0px !important; */ background:#fff;}
.mlsslider { background:url(/images/prozips/featured-agent-bg.jpg) no-repeat center top; background-size:cover; text-align:center;}
.mlspart { margin-top:60px; margin-bottom:50px;}
.mlspart h1 { font:bold 36px/1.2 'TeXGyreHerosRegular'; color:#0091f8; max-width:670px; margin-left:auto; margin-right:auto;}
.mlspart h2 { font:bold 14px/1.2 'opensansRegular'; color:#333; margin-top:25px;}
.mlspart h2.bigtext{ font: bold 17px/1.5 'opensansRegular';}
.mlsSelect { max-width:290px; margin:25px auto;}
.mlsSelect option { background-color:#fff; color:#444;}

.mlsdetails{ padding: 20px 0px 20px 0px;}
.help-text{ font-size: 17px; color: #000; display: block; text-align: center; font-weight: 500; line-height: 16px; margin-bottom: 20px; }
.top-title{ font-size: 24px; color: #000; line-height: 30px; font-weight: 400; }
.top-title span{ font-weight: 600; font-family: 'opensansBold'; }
.mls-list{ list-style: none; margin: 12px 0 0 0; padding: 0px;}
.mls-list li{ display: block; clear: both; font-size: 17px; padding: 15px 0px; border-bottom: solid 1px #dedede; color: #30364F; font-weight: 600; }
.mls-list li span{ color: #6DBB68; }
.help-text img{ margin-right: 6px; display: inline-block; }
.bluetext{ color: #0099FF; font-size: 17px; margin-top: 5px; }
.lightgraybg{ background: #F5F5F5; padding: 20px 15px; overflow: hidden; }


.newsdetails{padding: 20px 0px 20px 0px;}
.newsdetails h1{ font:normal 40px 'opensansBold'; color: #000; line-height: 42px; }
.top-title-bold{ font-size: 25px; color: #000; line-height: 32px; font-weight: 400;  margin-top: 13px; }
.top-title-bold span{ color: #6DBB68; font-weight: 600;font-family: 'opensansBold'; }
.top-title-bold span.blacktxt{ color: #000; }
.news-img-details{ font-size: 17px; display: block; clear: both; font-weight: 600; overflow: hidden; color: #000; text-align: center; width: 90%; margin: 15px auto 25px; line-height: 26px; }

.select-wrapper { cursor:pointer; line-height:42px; display:block; position:relative; z-index:1;}
.select-wrapper,.select-wrapper select { width:100%; height:54px;}
.select-wrapper:hover .holder { background-color:#0082df;}
.select-wrapper .holder { display:block; padding:6px 48px 6px 12px; height:54px; margin:0; white-space:nowrap; overflow:hidden; cursor:pointer; position:relative; z-index:0; background:#0091f8 url(/images/select-sprite.png) no-repeat right 5px top 0; font-size:20px; color:#fff; border-radius:5px;}
.select-wrapper:hover .holder { background-position:right 5px top -54px;}
.select-wrapper select { font-size:20px; margin:0; padding:6px 12px; height:54px; position:absolute; left:0; top:0; z-index:2; cursor:pointer; outline:none; opacity:0;}
.howitworks .step { padding-bottom:15px;}
.howitworks i.stepno { width:32px; height:32px; margin:0px 11px 10px 0; background-color:#0091f8; font:normal 18px 'opensansBold'; color:#fff; border-radius:50%; text-align:center; padding-top:2px; float:left;}
.howitworks .step span { display:block; text-align:left; margin-left:43px; font:15px 'opensansRegular'; color:#333;}
.howitworks .img { min-height:135px;}
.faqs { list-style-type:none;}
.faqs li { margin-bottom:20px; border-bottom:1px solid #ddd; padding:5px 0 15px !important; background:none !important;}
.faqs li:last-child { border-bottom: 0 none;}
.faqQuestion { font-weight:bold; cursor:pointer; padding:5px 0 5px 30px; position:relative;}
.faqQuestion:before { background:url(/images/faq-btns.png) no-repeat; content:""; position:absolute; left:0; top:8px; width:16px; height:16px;}
.active .faqQuestion:before { background-position:0 -16px;}
.faqAnswer { clear:both; overflow:hidden; display:none; padding-left:30px;}
.sectionHeads { /*box-shadow:0 4px 4px 2px rgba(0,0,0,0.05); */
 border-bottom:1px solid #f2f2f2; background:url(/images/prozips/bluebg.jpg) no-repeat center top; background-size:cover;}
.sectionHeads.affix { width:100%; z-index:100; position:static;}
.sectionHeads ul { list-style-type:none; padding:15px 0;}
.sectionHeads ul li { display:block;}
.sectionHeads ul li a { font:16px/1.2 'opensansBold'; color:#fff; text-decoration:none; padding:5px 15px; display:inline-block;}
/* Common */
.sections { padding:40px 0px 40px 0px;}
.sectionsHeading { text-transform:uppercase; color:#333; font-family:'opensansLight'; font-size:32px;}
.sectionsHeading span { font-family:'opensansBold';}
.sectionsHeading.notransform{ text-transform: none;}
.sections p,.sections ul li,.sections ol li { font-family:'opensansRegular'; color:#333; font-size:15px; line-height:23px;}
.sections p + p { padding-top:10px;}
.sections ul li { list-style:none; background:url(/images/bluetick.jpg) no-repeat left 5px; padding-left:30px; margin-bottom:10px;}
.sectionsGraybg { background:#f9f9f9; -webkit-box-shadow:0px 0px 18px -3px rgba(0, 0, 0, 0.20); -moz-box-shadow:0px 0px 18px -3px rgba(0, 0, 0, 0.20); box-shadow:0px 0px 18px -3px rgba(0, 0, 0, 0.20);}
.sections ul.padded li { margin-bottom:15px; font-family:'opensansRegular';}
.modal-body.changelocation { overflow:visible;}
.changelocation .form-control { font-family:'opensansRegular'; height:50px; box-shadow:none;}
.changelocation .title { font-size:20px; font-family:'opensansRegular';}
.changelocation .btn { height:50px;}
.modal-body.changelocation { height:240px; position:absolute; width:100%; left:0; top:50%; margin-top:-120px;}
.see-examples ul { list-style-type: none; margin: 25px 0 25px 0px; }
.see-examples ul li { margin-bottom: 15px; float:left; width: 100%; background-image: none; padding-left: 0px; }
.see-examples a { color: #0178ec; text-decoration: none; }

/* Free Listing Landing page */
.landing-header { position: relative; }
.landing-logo { position: absolute; top: 15px; width: 225px; left: 50%; margin-left: -113px; text-align: center; }
.landing-logo img { height: 50px; width: auto; display: inline-block; }
.landing-caption { position: absolute; top: 80px; left: 15px; right: 15px; text-align: center; line-height: 1.2; }
.landing-caption h1 { font-size: 24px; color: #fff; }
.landing-caption h2 { font-size: 14px; color: #fff; }
.landing-caption .btn strong { font-family: 'opensansBold'; }
.landing-image { background: url(/images/landing-header.jpg) no-repeat center top / cover; min-height: 400px; }
.landing-text { margin-top: -30px; font: 18px/1.2 'opensansRegular'; color: #434343; max-width: 80%; margin-left: auto; margin-right: auto; }
.landing-text strong { font-family: 'opensansBold'; }
.landing-text p { }

#features { background: url(/images/landing-feature-bg.jpg) no-repeat center center / cover; }
.featurelist { list-style-type: none; margin-bottom: 20px; }
.featurelist li { width: 100%; }
.feature-img { width: 80px; height: 80px; background: url(/images/landing-free-listing-features-sprite.png) no-repeat; margin: 0 auto 15px; }
.featurelist li:nth-child(2) .feature-img { background-position: -80px 0; }
.featurelist li:nth-child(3) .feature-img { background-position: -160px 0; }
.featurelist li:nth-child(4) .feature-img { background-position: -240px 0; }
.featurelist li:nth-child(5) .feature-img { background-position: 0 -80px; }
.featurelist li:nth-child(6) .feature-img { background-position: -80px -80px; }
.featurelist li:nth-child(7) .feature-img { background-position: -160px -80px; }
.featurelist li:nth-child(8) .feature-img { background-position: -240px -80px; }
.feature-text { font-size: 14px; text-align: center; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; }
.feature:hover .feature-text { color: #09f; }

.step-title{ background:#f5faff url('/Images/header-bg.jpg') no-repeat center top; text-align:center; padding:18px 10px 52px; min-height: 116px; background-size: 100% 100%; overflow: hidden;
position: relative; top: -16px; color:#000; }
.step-title span{ font-size:14px; font-family:'open_sanssemibold'; margin-bottom:7px; display:block; clear:both; overflow:hidden; }
.step-title h4{ font-weight:bold; font-size:32px; font-family:'open_sanssemibold'; }
.step-details{ max-width:450px; margin:14px auto 25px; padding-left:10px; padding-right:10px; overflow: hidden;  }
.step-details .left{ float:left; margin-top:6px; }
.step-details .right{ display:block; margin-left:118px; font-size:15px; line-height:23px; text-align:left!important; font-weight:400; }
.step-details .right p{ margin-top:0px; }
.img-with-text{ display:inline-block; margin:4px 8px 8px 13px; }
.img-with-text img{ float:left; width:55px; margin-right:10px;  }
.img-with-text .text-link{ margin-left:60px; display:block;}
.img-with-text .text-link span{font-size:14px; font-family:'open_sanssemibold'; color:#000; max-width: 75px; display: inline-block; line-height: 15px;  }
.img-with-text .text-link a{ font-size:12px; display:inline-block; font-family:opensansRegular; }


.list-form-box{ padding-top: 20px; padding-bottom: 30px; }
.listprogress{ height: 10px; background: #E9E9E9; }
.listprogress .progress-bar-success{ background: #6DBB68; }
.list-form-box h3{ color: #30364F; font-weight: 600; margin-top: 5px; }
.list-form-box h4{   color: #30364F; }
.list-form-style{ padding-top: 40px; display: block; }
.list-form-style .form-control{ border-radius: 0px; box-shadow: none; border: 1px solid #DCDCDC; height: 40px; padding-left: 10px; font-size: 15px; color: #000;  }
.list-form-style textarea.form-control { height: auto; }
.list-form-style .smallText a, .list-form-style .smallText-xs a{ text-decoration: none; color: #0099FF; font-weight: 600; }

.smallText-xs{ font-size: 13px; color: #6C757D; }
.notText-xs{ font-size: 12px; color: #6C757D; }
.list-form-right h5{ font-size: 16px; color: #30364F; }
.list-form-right{ background:#FAFBFC; padding: 18px 20px; margin-bottom: 25px; }
.list-form-list {list-style:none; padding: 20px 0 0px; margin: 0;} 
.list-form-list li {background: url(/images/ic-green-check.svg) no-repeat left top 6px; padding-left: 25px; font-size: 14px; color:#30364F; padding-bottom: 12px; font-weight: 600;}

.border-btn-white, .border-btn-white:hover{ border-radius: 3px; background: #fff; border: 1px solid #6C757D; padding: 8px 25px; font-size: 17px; line-height: 27px; color: #6C757D!important; text-shadow: none;}

.bluebtn, .bluebtn:hover{ background: #3D92F4; border: solid 1px #3D92F4; border-radius: 3px; text-decoration: none!important; font-size: 17px; font-weight: 600; text-shadow: none; line-height: 27px; color: #fff!important; padding: 8px 25px;}
.gray-upload{ background: #FAFAFA; border: solid 1px #E9E9E9; padding: 15px; display: block; min-height: 100px; }
.red-not{ color: #FF0000; font-size: 12px; font-weight: 600; }
.errormsg{ font-size: 10px; color: #ff0000; position: absolute; font-weight: 600; margin-top: -1px; }
.sharebtn{ position: absolute; right: 15px; top: 15px; background: #fff; font-size: 17px; color: #000!important; padding: 5px 20px; text-decoration: none!important; font-weight: 600;  box-shadow: 0px 2px 2px #0000004E; border-radius: 3px; }
.sharebtn img{ float: left; margin-right: 7px; margin-top: 3px; }
.price-row{ font-size: 16px; color: #000; font-weight: 400; margin-top: 8px; }
.price-row a{ font-size: 12px; color: #0099FF; text-decoration: none; font-weight: 600; }
.price-row span{ font-size: 12px; color: #6C757D; font-weight: 600; }
.yellow-title{ font-weight: bold; color: #FFA700;}
.yellow-title img{ margin-right: 6px; }
.yellow-title span{ display: inline-block; font-size: 17px; font-weight: bold; top: 3px; position: relative; font-weight: 600; }
.black-text{ color: #000; font-weight: 400; font-size:14px;  }

.schedule-box{ border: solid 1px #DCDCDC; padding: 15px; background: #fff; }
.btngreebg{ background: #6DBB68; color: #fff!important; font-size: 17px; line-height: 27px; border-radius: 3px; padding: 8px 8px; font-weight: 600; text-decoration: none!important; }
.sharepopup h3{ display: block; text-align: center; margin-bottom: 10px; margin-top: 15px; color: #30364F; }
.sharepopup .btnbox{ text-align: center; max-width:85%; margin: 20px auto; }
.sharepopup .btnbox a{ margin-bottom: 14px; }
.green-border-btn, .green-border-btn:hover{ border: solid 1px #6DBB68!important; background: #fff; color: #6DBB68!important; text-decoration: none!important; }
.black-border-btn, .black-border-btn:hover{border: solid 1px #3B5998!important; background: #fff; color: #3B5998!important; text-decoration: none!important;}
.blue-border-btn, .blue-border-btn:hover{border: solid 1px #55ACEE!important; background: #fff; color: #55ACEE!important; text-decoration: none!important;}
.modal .close{ color: #000; opacity: 1; line-height: 11px; font-size: 25px;}

.form-style-xs label{ font-weight:400; font-size:14px; }
.errorbox { width: 14px; height: 14px; display: inline-block !important; position: relative;  border-radius: 50%; background: #ff0000;
display: inline-block; float: left; text-align: center; color: #fff; font-size: 13px; }
.form-style-xs input.form-control { height: 38px; border-radius:0px;}
.form-style-xs .title20{ color:#000; }

.top-agent-bg{ background: url(/images/img-recommendation-matches-m.png) right -30px top no-repeat; background-size:79% auto ;  }
.black-bold-md{font-weight: 600; font-size: 20px; color: #000; line-height: 30px; text-align: left;}
.black-bold-sm{ font-weight: 400; font-size: 15px; color: #737373; line-height: 24px; text-align: left;}
.black-bold-lg{ font-weight: 600; font-size: 23px; color: #000;}
.black-bold-xl{ font-weight:bold; color: #000; font-size: 24px; }



@media (min-width:800px) {
    .free .pcc-col-head-title { padding-left:5px; padding-right:5px; }
   
}

@media (min-width:980px) { 
    .free .pcc-col-head-title { padding-left:10px; padding-right:10px; }
     .top-agent-bg{ background: url(/images/img-recommendation-matches-m.png) right 0 top no-repeat; background-size: auto ;  }
}
/* Small devices (480px and up) */
@media (min-width:480px) { /* ========================================================================== Home Page ========================================================================== */
     .sliderBtn { font-size:24px; line-height:51px; padding-left:35px;}
     .sliderBtn .arrow { margin-left:35px; padding:0 15px; height:52px;}
     .arrow img { width:17px; margin-top:-4px;}
     .box { padding:15px;}
     /* ========================================================================== Register ========================================================================== */
     /* ========================================================================== Edit Photos ========================================================================== */
     .photoControl { min-width:220px;}
     /* ========================================================================== RealtorSignup ========================================================================== */
     .realtorServices ul.checkbox { margin-left:15px;}
     .realtorServices .validwrap { margin-left:15px;}
     /* ========================================================================== Pros - Directory ========================================================================== */
     .dirList { padding-left:15px; padding-right:15px;}
     .dirBoxs { width:50%; min-height:181px; display:inline-block; border-right:1px solid #ddd9da; text-align:center; line-height:normal; padding-top:10px; padding-bottom:10px;}
     .dirBoxs img { float:none; max-width:none; margin-right:auto; margin-left:auto; margin-bottom:18px;}
     .dirBoxs:nth-child(2n+2) { border-right:none;}
     /* ========================================================================== Search Listings ========================================================================== */
     .nearby { padding-left:15px; padding-right:15px;}
     .slPriceWrap { width:160px;}
     .slDesc { margin-right:175px;}
     /* ========================================================================== Show Listings ========================================================================== */
     .listingBtns .iconbtn { padding:2px 5px 3px;}
     .liLabel { font-size:12px;}
     .liDetail { font-size:14px; line-height:20px;}
     .liDetail span { font-size:12px;}
     .listingInfo:first-child .liDetail { max-width:150px;}
     /* ========================================================================== Show Listings ========================================================================== */
     .resourcesTile ul { margin-left:15%;}
     /* ========================================================================== Register New ========================================================================== */
     .modal-body.changelocation { height:206px; margin-top:-103px;}

     /* Free Listing Landing page */
    .landing-caption h1 { font-size: 30px; }
    .top-space{ margin-top: 100px; }
    .right-space{ padding-right: 150px; }
}
/* @media */
/* Small devices (600px and up) */
@media (min-width:600px) { /* ========================================================================== HomePro ========================================================================== */
     .linkbox a { display:inline-block; width:50%; margin:3px 0;}
     /* ========================================================================== Pros - Directory ========================================================================== */
     .dirBoxs { width:33.33%; border-bottom:1px solid #ddd9da; border-right:1px solid #ddd9da; font-size:14px;}
     .dirBoxs:nth-child(2n+2) { border-right:1px solid #ddd9da;}
     .dirBoxs:nth-child(3n+3) { border-right:none;}
     .dirBoxsbottom { border-bottom:0px;}
     /* ========================================================================== Search Listings ========================================================================== */
     .slPhoto { width:120px; float:left;}
     .slPriceWrap { margin-top:0; width:135px;}
     .slDesc { margin-left:135px; margin-top:0; margin-right:150px;}
     .slInfo { margin-left:135px;}
     .sfrange { width:50%; float:left;}
     .sfmls { width:50%; float:left;}
     .sfTabs > ul li a { font-size:15px; padding:5px 10px;}
     /* ========================================================================== Show Listings ========================================================================== */
     .listingInfoRight { text-align:left;}
     .listingBtnsRight { text-align:left;}
     .listingSubMenu ul li a { padding:5px 20px;}
     .listingBtns { /*float:right; */
     }
     .listingBtns .iconbtn { padding:2px 5px 4px; width:60px;}
     .listingBtns .iconbtn img { margin-right:0;}
     .listingBtns .iconbtn span { min-height:24px; display:block;}
     .listingInfoWrap { display:inline-block; margin:0 -20px;}
     .listingInfo { padding:2px 15px; vertical-align:top;}
     /* ========================================================================== Show Listings ========================================================================== */
     .resourcesTile ul { margin-left:20%;}
     .fsbopart { margin:75px auto;}
     .fsbopart .sliderBtn, .bottombtn .sliderBtn { font-size:20px;}
     .fsbosections .sliderBtn { font-size:16px;}
     /* ========================================================================== Register ========================================================================== */
     .rtpad ul.listinglist { width:50%; float:left;}

    /* Free Listing Landing page */
    .landing-caption { max-width: 70%; margin-left: auto; margin-right: auto; }
    .landing-caption h1 { font-size: 36px; }
    .landing-caption h2 { font-size: 16px; }
    .landing-header { margin-bottom: 20px; }
    .landing-image { min-height: 500px; }

    .featurelist li { float: left; width: 50%; }

    .sharepopup h3{ margin-bottom: 15px; margin-top: 25px; }
    .sharepopup .btnbox{ max-width:75%;}
    
    .black-bold-lg{ font-weight: 600; font-size: 28px; color: #000;}
.black-bold-xl{ font-weight:bold; color: #000; font-size: 30px; }
    
    .top-space{ margin-top: 0px; }
    .right-space{ padding-right:370px; }
    
}

.welcome-text{ font-size: 14px;  font-family: 'opensansRegular'; }
.offerbox{ background: #0F357F; border-radius: 5px; color: #fff; }
.offerbox-left{ display: block; margin-right: 80px; padding: 12px 15px; }
a.offerbox-right{ padding: 12px 30px; color: #fff; float: right; text-decoration: none;}
a.offerbox-mid{ float: right; background: #0099FF; padding: 13px 20px; width: 194px; text-align: center; color: #fff; text-decoration: none; font-size: 14px; font-family: 'opensansRegular'; font-weight: 600;  }
.offerimg{ float: right; right: -38px; position: relative; }
.title20{ font-size: 20px; }
.addbtn{ color:#0099FF; font-weight: 600; font-size: 12px; padding: 4px; text-decoration: none!important; display: inline-block;}
.addbtn span{ background: #0099FF1A; border-radius: 50%; padding: 0px 3px 4px 6px; margin-right: 5px; float: left; }
.boxlist{background: #FFFFFF; border: 1px solid #DCDCDC; border-radius: 3px 3px 0px 0px;}
.boxlist-top{ padding:8px;}
.list-title{ font-weight: 700; line-height: 17px; font-size: 13px; color: #000; display: block; font-family: 'open_sanssemibold'; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/  }
.value-box{ font-size: 12px; font-family: 'opensansRegular';}
.blue-link-mng{ color: #0099FF;font-family: 'open_sanssemibold'; text-decoration: none!important; font-size: 12px;  }
.mngprogress{ height: 4px; background: #E9E9E9; margin-bottom: 0px;margin-top: 12px; }
.mngprogress .progress-bar-success{ background: #6DBB68; }
.progress-count{ color: #6DBB68!important; font-family: 'open_sanssemibold'; text-decoration: none!important; line-height: 11px!important; font-size: 12px; position: relative;}
.graybg-xs{ background: #FAFAFA; font-size: 13px; color: #30364F; display: block; clear: both; padding: 7px 0; border-top: 1px solid #DDDDDD; }
.borderbtn{ border-radius: 2px; padding: 1px 8px; border: solid 1px #0099FF; font-size: 12px; color: #0099FF; text-decoration: none!important; margin-left: 6px; font-weight: 600; }

.countbox .count{ font-size: 56px; color: #000;  font-family: 'opensansBold'; line-height: 50px;}
.countbox a{ font-weight: 600; text-decoration: none!important; color: #0099FF; font-size: 12px; }

.bluebox{ background: #006BB6; color: #fff; padding: 5px; border-radius: 3px; font-size: 14px; }
.whitebg{ background: #fff; display: block; clear: both; overflow: hidden; }
.firstrow{ border-bottom: solid 1px #dedede; font-size: 11px; color: #30364F; padding: 2px 4px; font-weight: 600;  }
.second-row{ padding: 10px 8px 10px; display: block; clear: both; overflow: hidden; }
.second-row .leftimg{ width: 120px; height: 120px; margin: 0 auto;}
.second-row .rightdetails { margin-left: 60px; display: block; font-size: 12px; font-weight: 600; color: #30364F;margin-top:34px; }
.second-row .rightdetails span{ display: block; font-weight: 300; }
.lastrow{ color: #fff; font-size: 11px; font-weight:600; margin-top: 10px;  }
.lastrow a{ font-weight: 600; float: right; color: #fff; font-size: 12px; text-decoration: none; }
.boxlist.mt45{ margin-top: 45px; }

.dropdowntyle{  padding-top: 2px; padding-bottom: 5px;}
.dropdowntyle li a{ text-decoration: none; padding: 5px 8px; font-weight: 600; font-size: 13px; color: #4D4F5C; }
.dropdowntyle .img-box{ float: left; margin-right: 10px; background: #dedede; padding: 1px; border-radius: 50%;  width: 27px; height: 25px; text-align: center; } 
.dropdowntyle li a:hover{ background-color: transparent;}

.bordergray{ border: solid 1px #dedede; border-radius: 4px; padding: 15px 10px 20px; margin-top: 20px; margin-bottom: 15px; position: relative;}

/*.bordergray:after { content: " "; position: absolute; right: 0px; left: 0px; top: -15px; width: 30px; margin:  0 auto; border-top: none; border-right: 15px solid transparent; border-left: 15px solid transparent;
border-bottom: 15px solid black; border-color: #fff; }*/

.bordergray:after, .bordergray:before { bottom: 100%; left: 60%; border: solid transparent; content: " "; height: 0; width: 0;
position: absolute; pointer-events: none;}
.bordergray:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 12px; margin-left: -36px; }
.bordergray:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #dedede; border-width: 14px;margin-left: -38px; }

.borderlist{ list-style: none; margin: 0px; padding: 0px; }
.borderlist li{ display: inline-block; min-width: 100%; max-width: 32.33%; margin-top: 15px;min-height: 30px;  }
.borderlist li a{ color:  #30364F; font-size: 12px; text-decoration: none; font-weight: 600; }
.borderlist li .list-details{ display: block; margin-left: 40px; white-space: normal;}
.list-icon{ background: #fff; border: 1px solid #6DBB68; width: 30px; padding-top: 4px; height: 30px; text-align: center; border-radius: 50%; float: left; margin-right: 5px; }
.vhmain{ height: 30px; display: table-cell; vertical-align: middle; }
.vhin{ display: table; vertical-align: middle; }
.borderlist li.active .list-icon{ background: #e5f3e4; border-color: #e5f3e4;}
.ad-box{  background: url(/images/ad-bg.jpg) left center no-repeat; background-size: 100% 100%; min-height: 90px; text-align: left; }
.ad-box h3{ font-family: 'opensansBold'; margin-top: 20px; }
.ad-box h3 span{ font-family: 'opensansRegular'; font-weight: 400; }
.ad-box span{ font-family: 'opensansRegular'; font-size: 14px; }
.ad-left{ float: left; }
.ad-btn input{ margin-top: 10px; margin-bottom: 15px; }
.labelstyle { font-size: 14px; color:#5C6173;}
.select-width{ border: 1px solid #DCDCDC; border-radius: 4px; }
.profile-box{ background: #fff; border: 1px solid #DCDCDC; border-radius: 3px; }


.lightgreen{ color: #6DBB68 }
.agentbox{ border: solid 1px #DCDCDC; background: #fff; padding: 14px; border-radius: 4px; margin-top: 20px; margin-bottom: 25px; }
.agentbox p{ font-size: 13px; color: #30364F;  font-weight: 600;}
.agentimg{ width: 80px; height: 80px; float: left; }
.agentname{ margin-left: 100px; display: block; }
.agentname h1{ font-size: 17px; font-weight: bold; color: #000; display: block;  font-family: 'open_sanssemibold'; }
.agentname p{ color: #5C6173; font-size: 12px; margin-top: 6px; font-weight: 600; line-height: 18px; }
.agentdetails{ border-top:solid 1px #F5F5F5; border-bottom: solid 1px #F5F5F5; padding: 10px 0px; margin-top: 15px; margin-bottom: 15px; }
.agentdetails ul{ list-style: none; margin: 0px; padding: 0px; }
.agentdetails ul li .leftdiv{ width: 90px; float: left; color: #5C6173; font-size: 12px; font-weight: 600; }
.agentdetails ul li { margin-top: 15px; margin-bottom: 15px; }
.agentdetails ul li.mb0 { margin-bottom: 0px; }
.agentdetails ul li.mt0 { margin-top: 0px; }
.agentdetails ul li .rightdiv{ margin-left: 100px; color: #30364F; font-size: 14px; font-weight: 600; }
.socialicon p{ font-size: 13px; color: #646464; margin-top: 2px; }
.textarea-height{ height: 150px!important; border: solid 1px #dcdcdc;}
.btnblue-only{ padding: 6px 10px; background: #3d92f4; box-shadow: 0; border: 0px; color: #fff; font-weight: 600; font-size: 15px; border-radius:4px;  font-family: 'open_sanssemibold'; }
.btnwhite-only{ padding: 6px 10px; background: #fff; box-shadow: 0; border: 0px; color: #3d92f4; font-weight: 600; font-size: 15px; border-radius:4px;  font-family: 'open_sanssemibold'; }
.btnblue-only-xs{ padding: 5px 20px ; background: #3d92f4; box-shadow: none; border: 0px; color: #fff; font-weight: 600; font-size: 14px; border-radius: 4px;  font-family: 'open_sanssemibold'; }
.btnblue-only-md{ padding: 10px 30px ; background: #3d92f4; box-shadow: none; border: 0px; color: #fff; font-weight: 600; font-size: 20px; border-radius: 4px;  font-family: 'open_sanssemibold'; }
.valuationbox{ text-align: center; }
.valuationbox h4{ margin-top: 15px; font-size: 17px; font-weight: bold; color: #30364F; display: block;  font-family: 'open_sanssemibold';  }
.valuationbox a{ color: #0099ff; margin-bottom: 10px; font-size: 14px; text-decoration: none; font-weight: 600; margin-top: 15px; display: inline-block; }

.agent-left{ background: #fafbfc; padding: 15px; }
.messagepart h4{ color:#30364F;  }
.messagebox{ border: solid 1px #dedede;  font-family: 'opensansRegular'; }
.msg-details{ border-bottom: solid 1px #e5e5e5; padding: 10px; margin-bottom: 0px; }
.msg-back{ float: left; width: 45px; }
.msg-name{ margin-left: 55px; margin-right: 60px; display: block; }
.msg-name h1{ font-size: 17px; color: #30364F;}
.msg-name p{ margin-bottom: 0px; margin-top: 5px; font-size: 13px; color: #5C6173; font-weight: 400;}
.msg-name p + p{ margin-top:1px; }
.block-btn { float: right; width: 50px;}
.message-send{ width: 100%; margin: 0 auto; font-size: 14px; color: #494949; font-weight: 400;  }
.message-inspace{ padding: 5px 15px 15px; }
.message-text{ font-size: 14px;  line-height: 21px; font-family: 'open_sanssemibold'; color: #5C6173; border-bottom: solid 1px #F5F5F5; }
.sendername .date{ font-size: 12px; color: #6C757D;; display: block; margin-top: 7px; }

.valuation-bg{ background: url(/images/valuation-bg.png) center top no-repeat; background-size: 100% 300px;  }
.valuation-bg h3{ font-size: 21px; color: #30364F; }
.valuation-box{ background: #FFFFFF; border: 1px solid #DCDCDC; border-radius: 3px; max-width: 600px; position: relative; margin: 0 auto 240px; margin-top: 10px;  padding: 10px 10px 80px 10px; }
.valuation-box .subtext{ color: #30364F; font-size: 17px; line-height: 25px; font-family: 'opensansRegular';  }
.valuation-box p{  font-family: 'opensansRegular'; font-size: 12px; margin-top: 20px; }
.valuation-box h3{ margin-top: 10px; font-size: 24px; margin-bottom: 10px; }
.valuation-box .book-img{ position: absolute; bottom: 9px; right: 0px; bottom: -158px; left: 0px;  width: 242px; margin: 0 auto;}
.borderbox{ background: #fff; border: solid 1px #dedede; margin-top: 20px; padding: 20px;font-family: 'opensansRegular';  }

.form-border{ border-bottom: solid 1px #ebebeb; margin-bottom: 20px;}
.form-border.noborder{ border-bottom: 0px; }
.form-left{ display: block; margin-right:65px; }
.form-right{ float: right;  width:65px; text-align: right;}
.form-right a{ text-decoration: none;  font-family: 'opensansRegular'; font-size: 14px; margin-top: 10px; display: inline-block;}
.form-style label{ font-size: 14px; color: #5C6173; font-weight: 400; font-family: 'opensansRegular'; }
.form-style .form-control-static{  font-size: 14px; margin-top: 0px; padding-bottom: 0px; color: #5C6173; font-weight: 400; font-family: 'opensansRegular'; }
.form-style .form-group{ margin-bottom: 10px;}
.form-style .form-control{ border-radius: 4px; box-shadow: none; padding: 15px; border-color: #dddddd; }
.form-style input.form-control{ height: 45px; }
.light-gray{  background: #f9f9f9; border-top: solid 1px #e1e1e1; margin-top: 0px; padding: 0px 5px; }


/* Actual code example */

.form-field--is-active .form-field__control::after { border-bottom: 2px solid #b11adc; -webkit-transform: scaleX(150); transform: scaleX(150); }
.form-field--is-active .form-field__label { color: #6C757D; font-size: 11px; -webkit-transform: translateY(-11px); transform: translateY(-11px); }
.form-field--is-filled .form-field__label { font-size: 11px; -webkit-transform: translateY(-11px); transform: translateY(-11px); color: #6C757D; }
.form-field__label { display: block; font-size: 1.2rem; font-weight: normal; left: 0; margin: 0; padding:17px 12px 1px 22px; position: absolute; top: 0; -webkit-transition: all 0.4s; transition: all 0.4s;
width: 100%; }
.form-field__input,
.form-field__textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; display: block; font-size: 15px; font-weight: 600; margin-top: 0px; outline: 0; padding:9px 12px 0px 15px; width: 100%; border: solid 1px #dedede; height: 55px; }
.form-field__textarea { height: 150px; }



.inpox-list{ background: #fff; display: block; clear: both; font-family: 'opensansRegular'; border: solid 1px #DCDCDC; }
.inpox-list .blackth{ background: #30364F; font-size: 13px; font-weight: 600; color: #fff; }
.inpox-list .whitetd{ background: #fff; font-size: 13px; font-weight: 400; color: #000; border-top: solid 1px #fff; border-bottom:solid 1px #fff;  border-left: solid 3px #fff; }
.inpox-list .whitetd:hover{ background: #f7fafd; border-top: solid 1px #f5f5f5; border-bottom:solid 1px #f5f5f5; border-left: solid 3px #006bb6;  }
.spaceth{ padding: 5px 10px; }
.required{ width: 4px; height: 4px; display: inline-block; position: relative; top: -5px; border-radius: 50%; background: #ff0000; }
.inpox-list .whitetd.unread{ font-weight: 600; font-family: 'opensansBold'; }
.spaceth-xs{ padding: 5px 10px; }
.btn-round{ float: right; padding-top: 0px; margin: 0 4px; position: relative; text-align: center; width:30px; height: 30px; border-radius: 50%; }
.paginationbar a{ display: inline-block; padding: 10px;}
.paginationbar p{ display: inline-block; font-weight: 600; font-size: 13px; margin-right: 12px; margin-left: 12px;}
.paginationbar select { width: 50px; border:0px; font-weight: 600; font-size: 13px; }
.tab-style{  font-family: 'opensansRegular'; border-color: #F5F5F5;  }
.tab-style>li.active>a, .tab-style>li.active>a:hover, .tab-style>li.active>a:focus{ border: 0px; border-bottom: solid 2px #006BB6;text-decoration: none; color: #006BB6; font-weight: 800; }
.tab-style>li>a, .tab-style>li>a:hover, .tab-style>li>a:focus{ background-color: transparent; border: 0px;}
.tab-style>li{ margin-bottom: 0px; }
.tab-style>li>a{ text-decoration: none; color: #B3B3B3;     padding: 10px 27px; }


/* Leads css */
.leadscontentbox{ background: #FAFBFC; }
.leadscontentbox .tab-style li.active a{ background-color: transparent; color: #006BB6;}
.float-none{ float: none!important; }
.leadscontentbox .tab-style>li>a{padding: 10px 10px; margin-right: 11px; }
.leadscontentbox .btnblue-only{ padding-right: 12px; padding-left: 12px; }
.black-table .thead-dark{ background: #30364F; font-size: 12px; font-weight: bold; color: #fff;}
.black-table .tbodystyle td a{ color: #0099FF; text-decoration: none; font-weight: 400; display: inline-block;}
.black-table .tbodystyle td a img{ margin-right: 3px; margin-left: 3px;}
.black-table{ background: #fff; font-size: 14px; color: #30364F; font-weight: 400; }
.black-table .tbodystyle td, .black-table .thead-dark th{  padding: 10px 5px; border-bottom: solid 1px #F5F5F5; font-family: 'opensansRegular';}
.black-table .tbodystyle td.spaceth-xs{ padding: 3px 3px; }
.black-table .thead-dark th > a{ color: #fff; text-decoration: none; }
.black-table .thead-dark th > a img{ margin-left: 2px; margin-right: 2px; }
.blackbold-text{ font-size: 14px; font-weight: 700; color: #000; }
.rightsidenav { height: calc(100vh - 0px); width: 0; position: fixed; z-index: 9999; top: 0px; right: 0; background-color: #fff;
overflow-x: hidden; transition: 0.5s; color: #000; box-shadow: -10px 3px 6px #00000029; }

.rightsidenav a { padding: 6px 8px 8px 10px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s;
line-height: 25px; }
.rightsidenav a:hover { color: #000; }
.rightsidenav .closebtn { position: relative; font-weight: 700; font-size: 30px; float: left; position: absolute; left: 0px; top: 0px; padding: 6px 12px;}
.allspace{ display: block;  padding:40px 30px 13px; }
.sideform-style{ font-family: 'opensansRegular';}
.sideform-style label { font-size: 14px; color: #5C6173; font-weight: 400;  }
.sideform-style .form-control{ border-color: #DCDCDC; border-radius: 4px; color: #000;  box-shadow: none; height: 40px; }
.sideform-style .form-group { margin-bottom: 10px; }

.rightsidenav h2{ font-size: 18px; color: #30364F; font-family: 'opensansBold'; display: block; clear: both; margin-bottom: 6px; }
.rs-font-12-reg{ font-size: 12px; color: #5C6173; font-weight: 400; }
.rs-font-14-reg{ font-size: 14px; color: #30364F; font-weight: 400; }
.rs-font-14-bold{ font-size: 14px; color: #30364F; font-weight: 700; }
.minwidth{ min-width: 45px; display: inline-block;}
.green-text{ color: #6DBB68; }

.resourcebanner{ background: #006BB6 url(/images/resources-bg-img.png) no-repeat left bottom; height: 230px; text-align: center; display: block; clear: both; overflow: hidden; }
.resourcebanner h2{ font-family: 'opensansBold'; color: #fff; font-size: 28px;  }
.resourcebanner p{ font-family: 'opensansRegular'; color: #fff; font-size: 17px; line-height: 25px; margin-top: 10px;  }
.vh-100{ display: table; height: 100%; width: 100%; }
.vh-100in{ display: table-cell; vertical-align: middle;}
.tabbg{ background: #30364F; text-align: center; }
.tabbg ul{ display: flex; }
.tabbg ul li{width: 75%;}
.tabbg ul a{ text-decoration: none; color: #B3B3B3;  padding: 8px 11px; height: 55px; font-family: 'opensansBold'; font-size: 14px; border: 0px; border-radius: 0px; }
.tabbg .nav-tabs>li.active>a, .tabbg .nav-tabs>li:hover>a{ background: #0099FF; border: 0px; color: #fff; }
.height-100{ display: table; height: 100%; width: 100%; }
.height-100in{ display: table-cell; vertical-align: middle;}

.filterlink{ display: block; text-align: center; margin-top: 20px; margin-bottom: 30px;}
.filterlink button{ border: 0px; box-shadow: none; display: inline-block; color: #30364F; font-size: 14px; font-family: 'opensansRegular'; background-color: transparent; outline: none!important; padding: 6px 10px;}
.filterlink button.mixitup-control-active{ font-family: 'opensansBold'; font-size: 14px; }
.filterbox{ list-style: none; margin: 0px; padding: 0px;}
.filterbox li{ width: 100%; float: left; }
.filterbox li .ftbox{ width: 246px; margin: 10px auto; min-height: 280px; }
.filterbox li .ftbox .ftimg{ display: block; clear: both; }
.filterbox li .ftbox .ftdetails{ font-size: 12px; color: #5C6173; font-family: 'opensansRegular'; line-height: 18px; }
.filterbox li .ftbox .ftdetails h6{ color:#30364F; font-size: 14px; font-family: 'opensansBold'; display: block; clear: both; overflow: hidden; margin-top: 10px;}
.filterbox li .ftbox .ftdetails a{ color: #0099FF; font-size: 14px; font-family: 'opensansRegular'; display: inline-block; margin-right: 6px; text-decoration: none; margin-top: 15px; }
.fttop-space { margin-top: 50px; }
.practicesbox { padding-top: 30px; padding-bottom: 30px; }
.practicesbox h4{ font-size: 17px;}
.practicesbox p{font-size: 14px; font-family: 'opensansRegular'; color: #30364F; line-height: 24px;}
.whitebox{ padding: 15px 15px; background: #fff; border: 1px solid #DCDCDC; border-radius: 0px 0px 3px 3px; font-size: 14px; font-family: 'opensansRegular'; color: #30364F; line-height: 24px; margin-top: 15px; }

.invoicebg{ background: #FAFBFC; }
.month{ background-color: transparent; border: 0px; box-shadow: none!important; width: 120px!important; font-size: 12px; font-family: 'opensansBold'; color: #30364F; margin-bottom: 20px; }
.invoicetable td{ font-size: 14px; font-family: 'opensansBold'; border-top: 0px!important; padding: 12px!important; }
.invoicetable td a{font-family: 'opensansRegular'; text-decoration: none;}
.invoicetable td a img{ margin-right: 6px;  width: 15px; }
.pagenumber a.active{ color: #30364F; }
.pagenumber a{ display: inline-block; padding: 4px 20px; text-decoration: none; border-right: solid 1px #dedede; font-family: 'opensansBold';}

.pagenumber a:last-child{ border-right: 0px; }

/* @media */
/* Small devices (tablets, 768px and up) */
@media (min-width:640px) {
    .filterbox li{ width: 50%; float: left; }
}
@media (min-width:768px) {
    .text-left-xs { text-align:right; }
    .lightgraybg{ padding: 25px; }
    .mlsdetails{ padding: 40px 0px 40px 0px;}
    .top-title{ font-size: 26px; line-height: 35px; }
    .newsdetails{ padding: 40px 0px 40px 0px;}
    .connect-row{ position: absolute; margin: 82px auto;  width: 100%; }
    .connect-row img{ max-width: 19%; }
    .btnblue-only, .btnwhite-only{ padding: 6px 20px;}
    .packageimg img { margin-right:0px; margin-top:76px; width:auto;}
    .no-thanks { text-align:right;}
    .ESgridmain .leftinright { margin-left:10%; min-height:123px; padding:10px 15px 10px 10px;}
    .ESgridmain .leftinleft { width:10%; padding:10px;}
    .ESgridmain .leftpart { margin-right:0px; width:79.5%; float:left;}
    .ESgridmain .rightpart { float:right; width:20%; min-height:125px; padding:10px; display:block; text-align:center;}
    .ESgridmain { display:flex;}
    .rightpart.ESgraybg { margin-left:4px; flex-grow:1;}
    /* ========================================================================== Home Page ========================================================================== */
    .video-container { padding-bottom:56.25%;}
    .partner { float:left; width:20%;}
    .box { padding:15px 25px;}
    .altcol { float:right; margin-bottom:0;}

    /* ========================================================================== Register ========================================================================== */
    .btn-reg div span { display:inline-block;}
    .regpad { padding-left:20px; padding-right:20px;}
    .rtpad { padding-right:0px;}
    .aligntxt { text-align:left;}
    .newsteps .first .StepsText { padding:11px 3px 11px 33px; min-height:44px; display:block; clear:both; font-family:Arial; font-weight:bold; font-size:20px; line-height:21px; text-align:left;}
    .newsteps .first .StepsText span { margin-left:15px; font-family:TeXGyreHerosRegular; font-weight:normal; font-size:14px; line-height:20px; display:inline-block;}
    /* ========================================================================== Fizber Store ========================================================================== */
    .listingBoxTitle .checkbox label { margin-right:0;}
    .order { padding:10px 15px 0 0;}
    .mlsLogo { width:96px;}
    /* ========================================================================== Checkout ========================================================================== */
    .blueseal { margin-top:70px; float:right; width:30%; max-width:180px;}
    .creditcard { max-width:540px; float:left;}
    .checkout > table tr > th { padding:18px;}
    .checkout > table tr > td { padding:18px;}
    /* ========================================================================== HomePro ========================================================================== */
    .proBox { margin-top:40px;}
    .linkbox { font-size:14px; padding-top:20px; padding-bottom:20px;}
    .linkbox a { margin:0 3px; width:auto;}
    .linkbox a:first-child { margin-left:0;}
    .linkbox a:last-child { margin-right:0;}
    /* ========================================================================== HomeProCompany ========================================================================== */
    .proFormSection { padding-right:15px;}
    .proBtn-add { margin-top:30px;}
    .proZip input { max-width:180px;}
    /* ========================================================================== RealtorSignup ========================================================================== */
    .realtorServices ul.checkbox { margin-left:40px;}
    .realtorServices .validwrap { margin-left:40px;}
    /* ========================================================================== Pick Plan ========================================================================== */
    .ppDesc2 { padding:10px 30px 10px 42px;}
    .ppDesc2 + .ppDesc2 { padding-top:0;}
    /* ========================================================================== Pros - Directory ========================================================================== */
    .dirOverlay { position:absolute; top:50px; left:50%; right:auto; width:630px; margin-left:-315px;}
    .dirText { font-size:40px; line-height:40px;}
    .dirSearch { padding:5px 15px 5px; margin-top:25px; text-align:center;}
    .dirSearch .form-control { width:210px; padding-bottom:5px;}
    .dirBoxs { padding-top:20px; padding-bottom:20px; min-height:210px; font-size:15px;}
    .dirBoxsbottom { border-bottom:0px;}
    /* ========================================================================== Search Listings ========================================================================== */
    .searchListingFilter input[type=text] { margin-bottom:0;}
    .searchForm { top:64px; position:absolute; margin:0;}
    .sfline { height:350px;}
    .sfline + .sfline { border-right:1px solid #808080;}
    .searchForm .sfline select { height:auto;}
    .sfpad { border-top:none;}
    .sfTabs { margin:0;}
    .slPaging ul li a { padding:6px 12px;}
    .slPaging ul li span a { padding:6px 12px;}
    .slDesc { margin-right:150px; margin-top:0;}
    .slPriceWrap { float:right; width:140px; margin-top:0;}
    .slPrice { display:block;}
    /* ========================================================================== Show Listings ========================================================================== */
    .showListingHeader { padding:7px 15px;}
    .listingSubMenu { margin:5px -15px 0;}
    .listingSubMenu ul li a { padding:5px 25px;}
    .listingBtnsRight { text-align:right;}
    .listingAddress { padding:9px 0 0;}
    .listingBtns { display:inline-block; float:none;}
    .listingBtns .iconbtn { max-width:55px;}
    .listingBtns .fcbtn { padding:17px 10px;}
    .listingInfoWrap { display:inline-block; margin:0 -5px;}
    .listingInfo { padding:2px 7px;}
    .liLabel { font-size:12px;}
    .liDetail { font-size:16px;}
    .listingShare .validwrap { margin-top:8px;}
    /* ========================================================================== Error - Oops, NotFound ========================================================================== */
    .errorSeparator { border-left:1px solid #666;}
    /* ========================================================================== Foreclosure ========================================================================== */
    .fcpad { padding-left:20px; padding-right:20px;}
    .two-col .control-label { padding-left:5px;}
    .two-col div + label { margin-top:0;}
    /* ========================================================================== Resources ========================================================================== */
    .defpad { display:table; table-layout:fixed;}
    .defleftCol { display:table-cell; vertical-align:top; height:600px;}
    .defrightCol { display:table-cell; /*min-width:586px; */
    height:600px;}
    .altcol { float:right; margin-bottom:0;}
    .defContent { padding:0 25px;}
    .resourcesTile ul { margin-left:10px;}
    /* ========================================================================== Store Login ========================================================================== */
    .StoreLogin .control-label { margin-top:12px;}
    .StoreLogin .border-right { border-right:solid 1px #d7d7d7;}
    .StoreLogin .paddingin { padding:20px 35px; min-height:300px;}
    .StoreLogin .form-control { margin-top:10px;}
    .slMessage { margin-left:auto; margin-right:auto;}
    /* ========================================================================== Verify Email ========================================================================== */
    .verifyEmail .validwrap { margin-top:8px;}
    /* ========================================================================== Youtube ========================================================================== */
    .youtubHeader { padding:7px 15px;}
    .YoutubTopLink .righttext { text-align:right; padding-top:0; padding-bottom:0;}
    .fsbopart { margin:170px auto 50px;}
    .fsbopart h1 { font-size:41px; line-height:50px;}
    .fsbopart .subtext { font-size:16px;}
    .fsboimg img { position:relative; max-width:190px; left:-10px;}
    .fsbobluebg { padding:25px 0px 25px 0px;}
    .fsboimg.price img { margin-top:40px;}
    .fsboimg.photos img { margin-top:210px;}
    .fsboimg.website img { margin-top:-20px;}
    .fsboimg.marketing img { margin-top:30px;}
    .fsboimg.mls img { margin-top:160px;}
    .fsboimg.hold img { margin-top:170px;}
    .fsboimg.logo img { margin-top:20px;}
    .contactprobox .btnBlue-gradient { padding:5px 10px;}
    /* ========================================================================== MLS ========================================================================== */
    .menuaffix .mlscontentbox { padding-top:106px;}
    .mlspart { margin-top:90px;}
    .mlspart h1 { font-size: 41px;}
    .mlspart h2 { font-size:15px; margin-top:65px;}
    .mlspart h2.bigtext{ font-size:18px; margin-top:24px;}
    .mlsSelect { margin-top:45px;}
    .howitworks .step { text-align:left;}
    .howitworks .img { margin-top:40px;}
    .sections ul { margin-top:20px;}
    .sections ul.padded li { margin-bottom:30px;}
    .sectionHeads.affix { position:fixed; top:66px;}
    .sectionHeads ul { padding-top:32px; padding-bottom:32px; text-align:center;}
    .sectionHeads ul li { padding:5px 0; position:relative; display:inline-block;}
    .sectionHeads ul li a { font-size:18px; padding-left:15px; padding-right:15px;}
    .sectionHeads ul li:before { background-color:rgba(255, 255, 255, 0.5); content:""; width:1px; height:100%; left:0; top:0; position:absolute;}
    .sectionHeads ul li:first-child:before { background-color:transparent;}
    /* ========================================================================== Register ========================================================================== */
    .rtpad .greyBox { height:auto;}
    /*.rtpad ul.listinglist.second { padding-top:10px;}
    */
    .WhitebgGrid .pcc-item.alt { background:#f1f1f1;}
    .listing-table td { width:50%;}
    .listing-table tr:nth-child(odd) { background:#fff;}
    .listing-table td:nth-child(odd) { background:none;}
    .see-examples ul{ margin-top: 0px;}
    .see-examples ul li { width: 50%; }

    /* Free Listing Landing page */
    .landing-logo { top: 30px; }
    .landing-logo img { height: auto; }
    .landing-caption { max-width: 90%; top: 150px; }
    .landing-caption h1 { font-size: 40px; }
    .landing-caption h2 { font-size: 18px; }
    .landing-caption .btn { width: 275px; height: 55px; line-height: 38px; }
    .landing-image { min-height: 550px; }
    .landing-text { font-size: 20px; }
    .featurelist li { float: left; width: 33.33%; }

    .list-form-style .form-control{ height: 45px; padding-left: 10px; }
    .modal-md-width{ width: 370px;}

    .borderlist li{ min-width: 32.33%; }
    .ad-btn input{ margin-top:10px; margin-bottom: 15px; }
    .bordergray:after, .bordergray:before { left: 55%;}
    .ad-box{  text-align: left; }

    .select-width{ width: 124px!important; margin-left: 5px; }
    .valuationbox{ text-align: left; }
    .msg-details{ margin-bottom: 10px; padding: 15px; }
    .msg-back{ float: left; width: 75px; }
    .msg-name{ margin-left: 85px; }
    .message-send{ width: 75%; }
    .message-inspace{ padding: 10px 25px 20px; }

    .valuation-box{ margin: 0 auto 80px; margin-top: 60px; min-height: 372px; padding: 20px 60px; }
    .valuation-box h3{ margin-top: 20px; font-size: 28px; margin-bottom: 20px; }
    .valuation-box .book-img{ position: absolute; right: -70px; bottom: -150px; left: inherit; width: 242px; margin:inherit;}
    .valuation-box p{ margin-bottom: 35px; }
    .light-gray{  background:none ; border-top: solid 0px #c9c9c9; padding: inherit; }
    .spaceth{ padding: 14px 7px; }
    .btn-round{ background: #fff; border: solid 1px #dedede; float: right; padding-top: 4px; margin: 0 4px; width:40px; height: 40px; border-radius: 50%; }
    
    /* Leads css */
    .rightsidenav.sidewidth{ width: 450px!important; }
     .right-space{ padding-right:150px; }
    .black-table .tbodystyle td, .black-table .thead-dark th{  padding: 15px 15px;}
    .black-table .tbodystyle td.spaceth-xs{ padding: 9px 8px; }
    .rightsidenav h2{ font-size: 20px; }
    .vh-100{ background: url(/images/resources-img.png) right 98% bottom -10px no-repeat; background-size: 38%; }
    
    .filterbox li{ width: 33.33%; float: left; }
    .filterlink button{ padding: 6px 25px;}
    .filterbox li .ftbox{ width: 227px; min-height: 300px;}
    
}
/* @media */
/* ========================================================================== Offer ========================================================================== */
.offerpad { padding-left:20px; padding-right:20px;}
/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {  
    .filterbox li .ftbox{ width: 246px; min-height: 280px;}
    
    .top-title{ font-size: 30px; line-height: 35px; }
    .packageimg img { margin-right:50px; margin-top:76px; width:auto;}
    .newsdetails h1{ font:normal 50px 'opensansBold'; line-height: 50px; }
    .top-title-bold{ font-size: 30px; line-height: 36px; margin-top: 20px; }
    .news-img-details{ font-size: 17px; font-weight: 600; width: 80%; margin: 15px auto 25px; line-height: 28px; }
     /* ========================================================================== Home Page ========================================================================== */
     .box { padding:15px 40px;}
     /* ========================================================================== Register ========================================================================== */
     .regpad { padding-left:40px; padding-right:40px;}
     /* ========================================================================== Fizber Store ========================================================================== */
     .fizberStore { padding-left:40px; padding-right:40px;}
     /* ========================================================================== Checkout ========================================================================== */
     .step4 { padding-left:40px; padding-right:40px;}
     .blueseal { max-width:160px;}
     .creditcard { max-width:600px;}
     /* ========================================================================== HomePro ========================================================================== */
     .proBox h3 { font-size:18px; padding:10px 0 20px;}
     .proBox ul { margin:25px 0 10px;}
     .proBox ul li p { background-position:12px center; padding-left:80px;}
     .linkbox { padding-top:30px; padding-bottom:30px;}
     .linkbox a { margin:0 15px;}
     /* ========================================================================== HomeProCompany ========================================================================== */
     .proFormSection { padding-right:35px;}
     .proZip input { max-width:125px;}
     /* ========================================================================== Pros - Directory ========================================================================== */
     .dirOverlay { position:absolute; top:50px; left:15%; right:15%; width:70%; margin-left:0;}
     .dirBoxs { padding-top:30px; padding-bottom:30px; min-height:230px; font-size:16px;}
     .dirSearch .form-control { width:236px;}
     /* ========================================================================== Search Listings ========================================================================== */
     .searchListing > .row > [class^=col-]:first-child { padding-right:7px;}
     .searchListing > .row > [class^=col-]:last-child { padding-left:7px;}
     .sfline { padding-left:20px; padding-right:20px;}
     .sfpad { padding-left:20px; padding-right:20px;}
     .slPaging ul li a { padding:6px 10px;}
     .slPaging ul li span a { padding:6px 10px;}
     /* ========================================================================== Show Listings ========================================================================== */
     .showListing { margin-top:95px;}
     .showListing.oh { margin-top:145px;}
     .showListing.noact { margin-top:0px; padding:0 5px;}
     .showListingHeader { padding:7px 20px; position:fixed; width:1200px; left:50%; top:66px; margin-left:-600px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
     .listingInfo { padding:2px 7px;}
     .listingSubMenu { margin:5px -20px 0;}
     .listingBtns .iconbtn { max-width:53px;}
     .listingInfoRight { text-align:right;}
     /* ========================================================================== Error - Oops, NotFound ========================================================================== */
     .errorpad { padding-left:40px; padding-right:40px;}
     /* ========================================================================== Foreclosure ========================================================================== */
     .fcpad { padding-left:40px; padding-right:40px;}
     /* ========================================================================== Resources ========================================================================== */
     .resourcesTile ul { margin-left:30px;}
     /* ========================================================================== Youtube ========================================================================== */
     .youtubHeader { padding:7px 20px 0; position:fixed; width:1200px; left:50%; top:66px; margin-left:-600px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
     .youtubMain { margin-top:36px;}
     .YoutubTopLink { margin-left:-20px; margin-right:-20px;}
     /* ========================================================================== Offer ========================================================================== */
     .offerpad { padding-left:40px; padding-right:40px;}
     .fsbopart { margin:180px auto 50px;}
     .fsboimg img { position:relative; left:-30px; max-width:none;}
     .contactprobox .btnBlue-gradient { padding:5px 25px;}
     /* ========================================================================== MLS ========================================================================== */
     .mlspart { margin-top:110px;}
     .mlspart h2 { margin-top:85px;}
     .mlsSelect { margin-top:65px;}
     .howitworks .img { margin-top:50px;}
     .sectionHeads ul li { padding-left:15px; padding-right:15px;}
     .sectionHeads ul li a { padding-left:20px; padding-right:20px;}
     /* ========================================================================== Register ========================================================================== */
     .rtpad .greyBox { height:213px;}	
     .mlspart h2.bigtext{ margin-top:37px; max-width: 650px; margin: 37px auto 0;}

    /* Free Listing Landing page */
    .landing-caption h1 { font-size: 50px; }
    .landing-caption h2 { font-size: 20px; }
    .landing-header { margin-bottom: 40px; }
    .landing-image { min-height: 600px; }
    .landing-text { font-size: 24px; }
    .featurelist li { float: left; width: 25%; }
    .ad-btn input{ margin-top:25px; margin-bottom: 0px; }
    
     .right-space{ padding-right:290px; }
    .vh-100{ background-size: 28%; }
}
/* @media */
/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) { 
    .connect-row img{ max-width: 22%; }
    /* ========================================================================== Register ========================================================================== */
    .regpad { padding-left:60px; padding-right:60px;}
    /* ========================================================================== Error - Oops, NotFound ========================================================================== */
    .errorpad { padding-left:60px; padding-right:60px;}
    /* ========================================================================== Foreclosure ========================================================================== */
    .fcpad { padding-left:60px; padding-right:60px;}
    /* ========================================================================== Offer ========================================================================== */
    .offerpad { padding-left:60px; padding-right:60px;}
    /* ========================================================================== MLS ========================================================================== */
    .mlsslider { min-height:588px;}
    .pickpackage { padding-left:20px; padding-right:20px;}

    /* Free Listing Landing page */
    .landing-caption { max-width: none; top: 200px; }
    .landing-caption h1 { font-size: 56px; }
    .landing-caption h2 { font-size: 24px; }
    .landing-header { margin-bottom: 60px; }
    .landing-image { min-height: 800px; }
    .landing-text { margin-top: -40px; }
    .valuation-bg{ background: url(/images/valuation-bg-1400.png) center top no-repeat; background-size: 100% 300px;  }
    
    .right-space{ padding-right:370px; margin-top:20px; }
    .resourcebanner{ height: 300px; }
    .vh-100{ background-size: auto; }
    
    .tabbg ul{ display: inline-block; }
    .tabbg ul li{width: 204px;}
.tabbg ul a{padding: 25px 15px; height:70px; }
    .whitebox{ padding: 25px 35px;}
}
/* Large devices (large desktops, 1440px and up) */
@media (min-width:1440px) {
    .landing-caption { top: 50%; margin-top: -200px; }
    .landing-header { margin-bottom: 80px; }
    .landing-image { min-height: 900px; }
    .select-width{ width: 200px!important;}
    .btn-round{ padding-top: 10px; margin: 0 4px; width: 50px; height: 50px; border-radius: 50%; }
}
/* @media */
@media screen and (max-width:767px) { body { overflow-x:hidden;}
    /* Sidebar */
    #contentBox { overflow-x:hidden;}
    .sidebarWrap { border-bottom:1px solid #ccc; padding:10px 15px; background:#f5f5f5; font-size:16px; color:#666; font-weight:700; clear:both; overflow:hidden; line-height:30px; display:block;}
    .row-offcanvas { position:relative; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; transition:all 0.25s ease-out;}
    .row-offcanvas-left .sidebar-offcanvas { left:-180px;}
    .row-offcanvas-left.active { left:180px;}
    .sidebar-offcanvas { position:absolute; width:180px; top:0px;}
    .navbar-toggle-sidebar { display:block;}
    .partnerBox { padding-bottom:35px;}
    .fsbobluebg .partnerBox { padding-bottom:20px;}
    .listing-table td { display:block;}
    .modal-dialog.large { min-width:calc(100vw - 30px); min-height:calc(100vh - 30px);}
    .modal-dialog.large .modal-content { height:calc(100vh - 30px);}
    .boxlist.mt45{ margin-top: 15px; }
}
/* @media */
@media screen and (width:768px) { 
    .passReset { min-height:536px;}
    .StoreLogin { min-height:493px;}
    .PicklistingHeight { min-height:553px;}
    .verifyEmail { min-height:600px;}
    .contactprobox .name { padding-left:10px !important;}
    .contactprobox .photo { padding-right:5px !important;}
}
/* @media */
/* ========================================================================== Pick your Package css ========================================================================== */
.pickpackage { padding-top:25px; padding-left:20px; padding-right:20px;}
.icon_arrow-up:before { font-family:"Glyphicons Halflings"; content:"\e113"}
.icon_arrow-down:before { font-family:"Glyphicons Halflings"; content:"\e114"}
.WhitebgGrid .pcc-feature-item { background:#fff;}
.WhitebgGrid .free .pcc-col-head { background:#797979; background:-moz-linear-gradient(-45deg, #797979 0%, #5b5b5b 100%); background:-webkit-linear-gradient(-45deg, #797979 0%, #5b5b5b 100%); background:linear-gradient(135deg, #797979 0%, #5b5b5b 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#797979', endColorstr='#5b5b5b', GradientType=1);}
.WhitebgGrid .deluxe .pcc-col-head { background:#5ac2ff; background:-moz-linear-gradient(-45deg, #5ac2ff 0%, #43b3ff 100%); background:-webkit-linear-gradient(-45deg, #5ac2ff 0%, #43b3ff 100%); background:linear-gradient(135deg, #5ac2ff 0%, #43b3ff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ac2ff', endColorstr='#43b3ff', GradientType=1);}
.WhitebgGrid .premier .pcc-col-head { background:#ff8500; background:-moz-linear-gradient(-45deg, #ff8500 0%, #fe6400 100%); background:-webkit-linear-gradient(-45deg, #ff8500 0%, #fe6400 100%); background:linear-gradient(135deg, #ff8500 0%, #fe6400 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8500', endColorstr='#fe6400', GradientType=1);}
.WhitebgGrid .hb .pcc-col-head { background:#0099ff; background:-moz-linear-gradient(-45deg, #0099ff 0%, #027fff 100%); background:-webkit-linear-gradient(-45deg, #0099ff 0%, #027fff 100%); background:linear-gradient(135deg, #0099ff 0%, #027fff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#027fff', GradientType=1);}
.WhitebgGrid .pcc-features-head { background:#fff;}
.PickTitle { text-align:center; font-size:19px; font-family:'opensansLight'; color:#434343;}
.PickTitle span { font-family:'opensansBold';}
.popular { color:#fff; font-family:'opensansLight'; text-transform:uppercase; display:inline-block; padding-bottom:5px; padding-right:10px; opacity:0.6; font-size:10px;}
.PPCbtnheight { height:60px!important; margin-top:-1px !important;}
.PPCbtnheight .btnGreen { margin-top:7px; padding-left:10px; padding-right:10px;}
a.location { font-family:'opensansRegular'; text-decoration:none; width:100%; text-align:center; display:block; padding-top:10px;}
a.location:hover { text-decoration:underline;}
a.squareBlueBtn { text-decoration:none; color:#fff; padding:9px 22px;}
.pcc-4col { font:13px/15px TeXGyreHerosRegular; color:#303030;}
.pcc-item .dot.shown { opacity:1;}
.pcc-col { height:64px; margin:0 0 4px; overflow:hidden; padding:0;}
.pcc-col-head { background-color:#ffffff; height:auto !important; list-style:outside none none; margin-left:0; overflow:hidden; position:relative;}
.pcc-col-head-title { font:15px/18px 'open_sanssemibold'!important; height:27px; padding:6px 26px 0; text-align:center; cursor:pointer; color:#fff;}
.pcc-col-head-title .learn-more { color:#ffffff; cursor:default; text-decoration:none;}
.pcc-col-head-desc { color:#ffffff; font-size:20px; padding-bottom:10px; text-align:center; padding-left:30px; padding-right:30px; padding-top:12px; min-height:35px; font-family:'open_sanssemibold';}
.pcc-col-head-desc span { font-family:'opensansRegular'; font-size:12px; display:inline;}
.pcc-col .fed-efile,.pcc-col .state-add { display:block; font-size:1.3rem;}
.pcc-item { border-right:2px solid #ffffff; margin:0 0 0 30px; padding:16px 0 6px; position:relative;}
.pcc-item ~ .pcc-item { padding-top:0px;}
.pcc-item strong { font-weight:600;}
.pcc-item .dot { left:50%; margin:-7px 0 0 -6px; max-width:16px; position:absolute; top:50%;}
.pcc-item .dot.shown { opacity:1; transition:opacity 1s ease 0s;}
.pcc-ratings-item { list-style-type:none !important; margin:0; padding-top:4px; text-align:center;}
.pcc-feature-item { border-right:medium none;}
.pcc-feature-item-desc { padding-left:12px; padding-right:6px; position:absolute; top:46%; margin-top:-7px!important; font-size:14px; font-family:'opensansRegular';}
.pcc-features-head { background-color:#f2f2f2;}
.pcc-features-title { font-size:16px; line-height:1.4; padding-left:10px; vertical-align:middle;}
.most-popular { background:none repeat scroll 0 0 #5bc64d; bottom:auto; color:#ffffff; display:none; font-size:10px; left:0; padding:2px 4px; position:absolute; right:auto; text-transform:uppercase; top:16px;}
.info i { cursor:pointer;}
.col-product-features { width:29%;}
.ph { display:none !important;}
.icon.mobile-arrow { color:#ffffff; font-size:14px; position:absolute; right:10px; top:23px;}
#pcc-fixed-header-wrap { left:0; position:fixed; right:0; top:67px; z-index:22; display:none;}
#pcc-fixed-header-wrap .unselected { opacity:1;}
#pcc-fixed-header-wrap .pcc-col { /* box-shadow:0 1px 15px #cccccc; */}
.WhitebgGrid .pcc-sep { background:#0c94f3 !important; margin-left:-4px;}
.pcc-item + .pcc-sep { padding-top:5px; margin-top:10px;}
.twoline .pcc-included { margin-top:5px; font-size:13px;}
label + .pcc-included { margin-top:0; padding-left:20px;}


/* ----------------- media 767------------------ */
@media (max-width:767px) { #pcc-fixed-header-wrap { display:none !important;}
    .pcc-item { height:auto !important; list-style:outside none disc;}
    .offerbox{ border-radius: 0px; color: #fff; }
    .offerbox-left{ display: block; margin-right: 28px; font-size: 12px; margin-left: 60px; padding: 12px 5px; text-align: center;}
    .offerbox-left a{ text-decoration: none; color: #fff; }
    a.offerbox-right{ padding: 7px 11px; color: #fff; float: right; text-decoration: none;}
    a.offerbox-mid{ float: right; background: #0099FF; padding: 13px 20px; width: 194px; text-align: center; color: #fff; text-decoration: none; font-size: 14px; font-family: 'opensansRegular'; font-weight: 600;  }
    .offerimg{     margin-top: 10px; float: left; right: inherit; position: relative; }
    .offerimg img{ width: 60px;} 
    .mt5{ margin-top: 5px; }
}
/* ----------------- media 768------------------ */
@media (min-width:768px) { 
    .pcc-item + .pcc-sep { margin-top:0;}
    .PickTitle { font-size:28px;}
    .pcc-col { float:left; height:auto; list-style:outside none none; overflow:visible;}
    .pcc-col-head { min-height:145px; overflow:visible;}
    .pcc-col-head-title .learn-more { cursor:pointer;}
    .pcc-col-head-title { color:#ffffff; height:65px; line-height:1; padding-top:4px; padding:4px 0px 0; cursor:inherit; text-transform:uppercase; font-family:'open_sanssemibold' !important; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
    .WhitebgGrid .premier .pcc-col-head .pcc-col-head-title { height:85px;}
    .WhitebgGrid .pcc-feature-item.alt { background:#f1f1f1;}
    .popular { display:block; padding-right:0px; padding-top:10px;}
    .ca .popular { padding-top:0px;}
    .pcc-col-head-desc { background-color:rgba(0, 0, 0, 0); color:#fff; font-size:20px; margin-top:6px; min-height:57px; border-top:0px solid #0d72b4; padding-left:2px; padding-right:2px;}
    .pcc-4col .pcc-col-head-desc { margin-top:22px;}
    .ca .pcc-col-head-desc { margin-top:0px;}
    .pcc-col-head-desc span { display:block;}
    .pcc-item span.text { color:#1bdf01; font-size:14px;}
    .pcc-item ~ .pcc-item.pd { padding-top:14px;}
    .pcc-feature-item-desc span { margin-left:5px;}
    .pcc-col .fed-efile, .pcc-col .state-add { font-size:1.2rem;}
    .pcc-item { display:list-item; height:60px; margin-left:0; padding:0; border-right:1px solid #ebebeb;}
    .pcc-item { height:47px!important;}
    .pcc-item ~ .pcc-item { padding-top:30px;}
    .pcc-item.twoline { height:47px !important;}
    .premier .pcc-item { position:relative;}
    .premier .pcc-item a.squareBlueBtn { position:absolute; z-index:50; margin:0 auto; left:0; right:0; width:86px;}
    .twoline .pcc-included { margin-top:0px;}
    .pcc-item.twoline .pcc-feature-item-desc { margin-top:-13px !important;}
    /*.ordernowbtn { height:60px!important;}
    */
    .PPCbtnheight { height:80px!important;}
    .pcc-item .dot { opacity:1;}
    .pcc-ratings-item { height:auto; padding:10px;}
    .most-popular { bottom:0; font-size:12px; left:0; padding:4px 0; right:0; top:auto;}
    .WhitebgGrid .premier .pcc-col-head { margin-top:-20px; min-height:165px;}
    .WhitebgGrid .premier { position:relative;}
    .WhitebgGrid .premier:before { content:''; height:100%; left:0px; position:absolute; right:0; width:auto; -webkit-box-shadow:0px 5px 5px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 5px 5px 2px rgba(0, 0, 0, 0.15); box-shadow:0px 5px 5px 2px rgba(0, 0, 0, 0.15); z-index:22;}
    .col-product-details li { list-style:outside none none; text-align:center;}
    .ph { display:block !important;}
    .deluxe .pcc-col-head-title, .premier .pcc-col-head-title, .hb .pcc-col-head-title { padding-top:17px;}
    .icon.mobile-arrow { display:none !important;}
    .pcc-4col .col-product-details { width:17.5%;}
    .pcc-4col .HideDetails { width:72%; float:left;}
    .pcc-4col .HideDetails a { background:#d3e5f3; display:block; clear:both; padding:8px 10px; text-align:right; font-size:16px; text-decoration:none;}
    .pcc-3col .col-product-details { width:22%;}
    .fixed-top-grid { padding-left:20px; padding-right:22px;}
    .free .pcc-col-head-title { padding-top:17px;}
    .hb .pcc-col-head-title { padding-top:8px;}
    .pcc-col-head-title { font-size:12px!important;}
    .pcc-feature-item-desc { margin-top:-14px!important;}
    #mapBox { padding:10px 0px;}
    a.location { position:absolute; text-align:right; width:auto; width:130px; right:0px; top:0px;}
    .PickTitleContainer { min-height:65px; position:relative;}
    .modal-body.changelocation { position:relative; top:auto; width:auto; height:auto; margin-top:auto; left:auto;}
    .modal-dialog.large { min-width:calc(100vw - 30px);}
    .blue-link-mng{ font-size: 10px; }
}
/* ----------------- media 991------------------ */
@media (max-width:991px) { 
    .pcc-col .bv-star-set { font-size:1.6rem;}
}
/* ----------------- media 992------------------ */
@media (min-width:992px) { .pcc-col-head-title { padding-top:10px;}
    .pcc-col-head-desc { padding:0 5px;}
    .pcc-col .fed-efile, .pcc-col .state-add { font-size:1.3rem; line-height:10px;}
    .pcc-ratings-item { padding:0px 0 10px;}
    .pcc-feature-item-desc { line-height:14px; margin-top:-7px!important;}
    .ca .pcc-col-head-desc { margin-top:12px;}
    .pcc-feature-item-desc span { position:absolute; min-width:500px; z-index:15; margin-left:5px; left:255px; top:0px;}
    .pcc-feature-item-desc span.glyphicon { left:auto; min-width:auto; position:relative; top:1px;}
    .pcc-features-title { font-size:18px;}
    .twoline .pcc-included { margin-top:8px;}
    .col-product-features { width:32%;}
    .free .pcc-col-head-title { padding-top:14px;}
    .hb .pcc-col-head-title { padding-top:15px;}
    .pcc-4col .col-product-details { width:16.5%;}
    .pcc-4col .HideDetails { width:66%;}
    .pcc-col-head-title { font-size:13px!important; padding-left:10px; padding-right:10px;}
    .modal-dialog.large { min-width:auto;}
    .blue-link-mng{ font-size: 11px; }
}
/* ----------------- media min 1200------------------ */
@media (min-width:1200px) { .pcc-col-head-desc { font-size:26px; line-height:15px; margin-top:22px;}
    .ca .pcc-col-head-desc { margin-top:20px;}
    .ca .pcc-col-head-desc span { padding-top:15px; opacity:0.7;}
    .pcc-features-title { font-size:20px; margin-top:0%;}
    .fixed-top-grid { padding-left:23px; padding-right:23px; padding-top:10px; box-shadow:0 1px 15px #cccccc; background:#fff; box-shadow:0 1px 15px #cccccc;}
    .fixed-top-grid .pcc-col { margin:0 0 0px;}

}
@media (min-width:1800px){
    .valuation-bg{ background: url(/images/valuation-bg.png) center top no-repeat; background-size: 100% auto;  }
}
.btndeep-indigo-bg{ background: #0F2583; color: #fff!important; font-size: 17px; line-height: 27px; border-radius: 3px; padding: 8px 8px; font-weight: 600; text-decoration: none!important; }