/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

.feat-hero {
    min-height: 430px;
    background-image: url(https://northeastfloridarealestateservices.com/corporate/hurricane-repo/map.png);
    background-size: cover;
}

.blog-section {background-color: #f5f1f1; padding: 4rem 0rem;}

.feat-cta {max-width: 60%; margin-top: -83px; padding-bottom: 4rem;}

.add-resources {margin-bottom: 4rem; background-color: #eae9e9; padding: 20px; min-height: 55px; text-align: center;}

.cot {max-width: 1000px; margin-left: auto; margin-right: auto;}

.icon-section {padding-top: 5rem;padding-bottom: 5rem;}

.slink {margin-right: 10px;}

.slink.one {
    background-color: #f69d76;
}

.slink.two {
    background-color: #95c7e1;
}

.slink.three {
    background-color: #336fa5;
}

.slink {min-height: 300px;}

.slink h2 {padding: 40px 10px 10px 10px; color: white; text-decoraion: none !important; text-transform: uppercase;}

.slink.one h2 {background-color: #f48454;}

.slink.two h2 {background-color: #7ab9da;}

.slink.three h2 {background-color: #004b8e;}

.feat-cta a {
    text-decoration: none !important;
}

.sum {padding: 13px; color: white;}

.unk {background-image: url(http://northeastfloridarealestateservices.com/corporate/hurricane-repo/hurr-icon.png);
    background-size: 40%;
    background-position: bottom right;
    background-repeat: no-repeat;}

    .icon-section {
    text-align: center;
}

img.icn {
    height: 77px;
    margin-bottom: 20px;
}

.blog-section img {
    width: 100%;
}

.blol {
    background-color: white;
}
.blol a {
    font-size: 1.3rem;
    text-decoration: none;
    font-weight: 400;
}

.blol {
    background-color: white;
    padding-bottom: 10px;
}

.site-header-logo span {
    color: #552448 !important;
}

#custom2 .site-header-logo img {
    max-width: 16.375rem !important;
}
.additional-section {
    padding-top: 4rem;
}

.blol a {
    color: black !important;
}

a.site-header-nav-login {
    background-color: #f48453;
}

.icon-section a {
    color: black !important;
    text-decoration: none !important;
}

footer.site-footer .site-container {
    display: none;
}

.slink {
    background-color: #f69d76;
    background-image: url(http://northeastfloridarealestateservices.com/corporate/hurricane-repo/next.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 23px;
}

.flint {background-color: #fbfbfb;
    border-top: 1px solid #e6e6e6;}

		.tonk .span_1_of_3 {width: 33%}
		.tonk .col {margin: 0;}
		.tonk .slink {margin-right: 0px; min-height: 0px;}
#custom2 a {text-decoration: none;}

.steel-foot {
    background-color: #535353;
    color: #9a9696;
    font-size: 14px;
    padding: 30px;
}

.section.group.tonk {
    background-color: #535353;
}

.site-home-page .flint {
    display: none;
}

#custom2:not(.site-home-page):not(.site-search-page) .site-interior-container {
    max-width: 100% !important;
    padding: 0 !important;
}

.site-interior-container .pageheading {
    display: none;
}
.color1 {background-color: #f9ab88; background-image: url('orange.jpg'); background-size: contain; background-position: right; background-repeat: no-repeat; min-height: 250px; }
.color2 {background-color: #a4cfe8; background-image: url('lblue.jpg'); background-size: contain; background-position: right; background-repeat: no-repeat; min-height: 250px; }
.color3 {background-color: #4e82b4; background-image: url('blue.jpg'); background-size: contain; background-position: right; background-repeat: no-repeat; min-height: 250px; }

.color1, .color2, .color3, .duval, .stjohns, .clay, .find-county, .flagler h1 {padding-top: 5.5rem; padding-left: 30px; color: white; text-transform: uppercase; font-size: 30px;}

.duval {background-color: #6d67ae; background-image: url('duval.jpg'); background-size: contain; background-position: right; background-repeat: no-repeat; min-height: 250px; margin-top: -37px;}
.clay {background-color: #6d67ae; background-image: url('clay.jpg'); background-size: contain; background-position: right; background-repeat: no-repeat; min-height: 250px; margin-top: -37px;}
.stjohns {background-color: #6d67ae; background-image: url('st-johns.jpg'); background-size: contain; background-position: right; background-repeat: no-repeat; min-height: 250px; margin-top: -37px;}
.flagler {background-color: #6d67ae; background-image: url('flagler.jpg'); background-size: contain; background-position: right; background-repeat: no-repeat; min-height: 250px; margin-top: -37px;}
.find-county {background-color: #6d67ae; background-image: url('find.jpg'); background-size: contain; background-position: right; background-repeat: no-repeat; min-height: 250px; margin-top: -37px;}

.add-resources.cot p {
    line-height: 1.5rem;
}

.feat {max-width: 1200px; marign-left: auto; margin-right: auto;}
img.feat {width: 90%}


article.clients {
 float: left;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 width: 203px;
 height: 150px;
 margin-right: 15px;
 margin-bottom: 15px;
 border: 1px solid #4d4d4d;
 -webkit-border-radius: 3px;
		-moz-border-radius: 3px;
							border-radius: 3px;
}

article.clients * {
 vertical-align: middle;
}

article.clients span {
 display: inline-block;
 height: 100%;
 width: 1px;
}


.gre .span_1_of_3 {height: 220px;}

.gre .uno {background-color: #9aade5;}
.gre .dos {background-color: #9aade5;}
.gre .tres {background-color: #9aade5;}
.gre .quatro {background-color: #445fb5;}
.gre .cinco {background-color: #445fb5;}
.gre .six {background-color: #445fb5;}
.gre .seven {background-color: #022746;}
.gre .eight {background-color: #022746;}
.gre .nine {background-color: #022746;}


.gre img {
    MAX-WIDTH: 60%;
    MAX-HEIGHT: 60%;
		vertical-align: middle;

}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.gre .span_1_of_3 {
    text-align: center;
}


.gre img:hover {
    transform: scale(1.4);
}

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col {
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

.col.span_1_of_2 {
    text-align: center;
}
.but {
  background: #1e3b4e;
  background-image: -webkit-linear-gradient(top, #1e3b4e, #135179);
  background-image: -moz-linear-gradient(top, #1e3b4e, #135179);
  background-image: -ms-linear-gradient(top, #1e3b4e, #135179);
  background-image: -o-linear-gradient(top, #1e3b4e, #135179);
  background-image: linear-gradient(to bottom, #1e3b4e, #135179);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
	display: block;
    margin-bottom: 10px;
    max-width: 90%;
}

.but:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

a.but {
    margin-left: auto;
    margin-right: auto;
}

li {
    font-size: 20px;
    padding-bottom: 10px;
}

p {font-size: 20px;}

p a {
    color: #4e82b4 !important;
}

img.feat {
    padding-bottom: 15px;
}

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col {
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

.kid-head {background-image: url('https://northeastfloridarealestateservices.com/corporate/hurricane-repo/baner.jpg'); background-size: cover; padding: 40px 10px;}

.area {
    background:#fff;
    display:block;
    height:475px;
    opacity:0;
    position:absolute;
    width:320px;
}

#area1:hover, #area2:hover {
    opacity:0.2;
}


.cot ul {list-style-type: disc;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    list-style-position: inside;//this is important addition}

#custom2 .site-header-logo {background-color: white !important;}

#custom2 .site-footer {background-color: white !important;}