﻿/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ==========================================================================
	#Base
========================================================================== */

.biofont {
	font-family: 'Gotham', sans-serif;
	font-size: 14px;
	 line-height: 1.7;
	  color: #3e3e3e;
}

.biofont2 {
	font-family: 'Gotham', sans-serif;
	font-size: 13.8px;
	 line-height: 1.6;
	  color: #3e3e3e;
}

.biofont3 {
	font-family: 'Gotham', sans-serif;
	font-size: 13.6px;
	 line-height: 1.7;
	  color: #3e3e3e;
}

.biofont4 {
	font-family: 'Gotham', sans-serif;
	font-size: 14.6px;
	 line-height: 1.7;
	  color: #3e3e3e;
}


article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-width: 980px; background: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.3; color: #000; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

h3 { font-weight: normal; font-size: 21px; color: #b90000; }

/* ==========================================================================
	#Helpers
========================================================================== */
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, { float: left; display: inline; }
.right{ float: right; display: inline; }

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }


/* ==========================================================================
	#Containers
========================================================================== */
.shell { width: 1000px; margin: 0 auto; }

/* ==========================================================================
	#Header
========================================================================== */
.header { height: 129px; background: url(images/header-pattern.jpg) repeat-x left center; position: relative; z-index: 2; }
.header-inner { position: relative; }
.logo { display: block; width: 208px; height: 110px; background: url(images/sprite.png) no-repeat 0 0; position: absolute; left: -59px; top: 0; }

.header-inner-right { float: right; }
.header-inner-right .slogan { float: left; font-family: 'Merriweather', serif; font-weight: 300; font-style: italic; font-size: 23px; color: #221e1f; margin-right: 40px; margin-top: 20px; margin-left: 140px; }

.header-inner-right .contacts { float: left; margin-top: 4px; }
.header-inner-right .contacts .phone { font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 16px; color: #fff; line-height: 1.2; text-align: right; margin-right: 14px; }
.header-inner-right .contacts .phone .ico { vertical-align: top; }

.header-inner-right .socials { margin-top: 4px; }
.header-inner-right .socials ul { list-style: none outside none; font-size: 0; }
.header-inner-right .socials ul li { display: inline-block; margin-right: 3px; }
.header-inner-right .socials ul li a { display: block; height: 26px; background: url(images/sprite.png) no-repeat; }
.header-inner-right .socials ul li a:hover { opacity: 0.75; }

.header-inner-right .socials .link-facebook { width: 25px; background-position: 0 -134px; }
.header-inner-right .socials .link-linkedin { width: 26px; background-position: -55px -134px; }
.header-inner-right .socials .link-google-plus { width: 26px; background-position: -27px -134px; }
.header-inner-right .socials .link-mail { width: 26px; background-position: -83px -134px; }
.header-inner-right .socials .link-houzz { width: 76px; background-position: -111px -134px; margin-left: 5px; }

.nav { float: right; clear: both; margin-top: 10px; }
.nav > ul { list-style: none outside none; float: left; }
.nav > ul > li { float: left; position: relative; margin-left: 2px; }
.nav > ul > li > a { display: block; font-family: 'PT Sans', sans-serif; font-size: 16px; color: #fff; padding: 4px 8px 5px 6px; background: rgba(121,95,51, .7); border-radius: 3px 3px 0 0; border: 1px solid rgba(121,95,51, .7); }
.nav > ul > li > .nav-dropdown { display: none; position: absolute; width: 200px; left: 0; top: 30px; border: 1px solid rgba(121,95,51, .7); border-top: 0; border-radius: 0 0 3px 3px; background: #d29e32; overflow: hidden; }
.nav > ul > li:hover .nav-dropdown { display: block; }
.nav > ul > li > .nav-dropdown ul { list-style: none outside none; }
.nav > ul > li > .nav-dropdown ul li ~ li { border-top: 1px solid rgba(121,95,51, .25); }
.nav > ul > li > .nav-dropdown ul a { display: block; padding: 4px 10px; color: #221e1f; }
.nav > ul > li > .nav-dropdown ul a:hover { text-decoration: none; background: #daa638; }

.nav > ul > li:hover > a,
.nav > ul > li.current > a { text-decoration: none; background: #fccb54; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZjY2I1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMjllMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #fccb54 1%, #d29e32 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fccb54), color-stop(100%,#d29e32)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #fccb54 1%,#d29e32 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #fccb54 1%,#d29e32 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #fccb54 1%,#d29e32 100%); /* IE10+ */ background: linear-gradient(to bottom,  #fccb54 1%,#d29e32 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccb54', endColorstr='#d29e32',GradientType=0 ); /* IE6-8 */ border-color: #806029; color: #221e1f; }

/* ==========================================================================
	#Slider
========================================================================== */
.slider { background: url(images/slider-bg.png) repeat left top; height: 443px; position: relative; z-index: 1; border-bottom: 16px solid #006469; overflow: hidden; }
.slider-clip { width: 1120px; height: 443px; margin: 0 auto; position: relative; }
.slider .slide { position: relative; }
.slider .slide-image { font-size: 0; }

.slider-clip .flex-control-nav { width: auto; right: 80px; bottom: 17px; font-size: 0; }
.flex-control-paging li { background: rgba(81,81,81, .5); width: 19px; height: 19px; border-radius: 50%; margin-left: 8px; margin-right: 0; }
.flex-control-paging li a { width: 19px; height: 19px; box-shadow: inset 2px 2px 5px rgba(0,0,0, .5); background: none; }

.flex-control-paging li:hover a,
.flex-control-paging li a.flex-active { background: #f7c650; }

.flex-direction-nav a { width: 90px; height: 90px; margin: -45px 0 0; opacity: 1; font-size: 0; background: url(images/sprite.png) no-repeat; }
.flex-direction-nav .flex-prev { left: 5px; background-position: 0 -163px; }
.flex-direction-nav .flex-next { right: 5px; background-position: -92px -163px; }

.slide-caption { position: absolute; left: 10px; bottom: 45px; z-index: 10; font-family: 'Trajan Pro', serif; font-size: 38px; color: #fff; text-align: center; line-height: 1.06; width: 599px; height: 126px; background: url(images/slide-caption.png) no-repeat center; }
.slide-caption p { padding: 24px 20px; }

.slide-caption-actions { position: absolute; left: 50%; margin-left: -110px; bottom: -20px; width: 220px; height: 33px; }
.slide-caption-actions .btn { display: block; width: 220px; height: 33px; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 18px; color: #6f4f1a; text-align: center; line-height: 1.83; background: url(images/learn-more.png) no-repeat center; }


.slide-caption2 { font-family: 'Gotham', serif; font-size: 25px; line-height: 1; color: #000000; text-align: left;}
.slide-caption3 { font-family: 'Gotham', serif; font-size: 30px; color: #fff; text-align: left; line-height: 1.06; width: 250px; height: 36px; padding: 5px;background: url(images/redbg.png) no-repeat center; }

/* ==========================================================================
	#Icons
========================================================================== */

.ico { display: inline-block; vertical-align: middle; background: url(images/sprite.png) no-repeat; }
.ico-phone { width: 23px; height: 23px; background-position: -189px -134px; margin-right: 5px; }

/* ==========================================================================
	#Main
========================================================================== */
.main-inner { background: #fff; padding: 20px 45px 10px; border-bottom: 13px solid #cca373; }
.cols { overflow: hidden; }
.col { float: left; }
.col-size1 { width: 580px; }
.col-size2 { width: 325px; }

.article-head { border-bottom: 1px solid #dedede; padding-bottom: 3px; margin-bottom: 15px; }
.article-body { padding-left: 5px; }
.article-body p { line-height: 1.75; }

.main-inner .cols { overflow: visible; }

.contact-expert { background: #e1b482; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxYjQ4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMTg5NjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #e1b482 0%, #a18964 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1b482), color-stop(100%,#a18964)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e1b482 0%,#a18964 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #e1b482 0%,#a18964 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #e1b482 0%,#a18964 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e1b482 0%,#a18964 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1b482', endColorstr='#a18964',GradientType=0 ); /* IE6-8 */ border-radius: 3px; position: relative; padding: 10px 20px 15px; margin-top: 10px; }
.contact-expert h3 { font-family: 'PT Sans', sans-serif; font-weight: bold; font-size: 24px; color: #fff; text-shadow: 0 0 5px rgba(0,0,0, .75); line-height: 1.3; }
.contact-expert .section-head { margin-bottom: 12px; }
.contact-expert img { position: absolute; right: 0; top: -20px; z-index: 2; }
.contact-expert .section-body p { position: relative; font-family: 'PT Sans', sans-serif; font-size: 24px; color: #b90000; background: #fdf2dd; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZjJkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGQzYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #fdf2dd 0%, #e8d3ab 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf2dd), color-stop(100%,#e8d3ab)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #fdf2dd 0%,#e8d3ab 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #fdf2dd 0%,#e8d3ab 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #fdf2dd 0%,#e8d3ab 100%); /* IE10+ */ background: linear-gradient(to bottom,  #fdf2dd 0%,#e8d3ab 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf2dd', endColorstr='#e8d3ab',GradientType=0 ); /* IE6-8 */ border-radius: 3px; border: 3px solid #fff; width: 216px; padding: 2px 0 2px 24px; margin-left: 10px; }
.contact-expert .section-body p span { display: block; width: 33px; height: 33px; border: 3px solid #fff; border-radius: 50%; font-family: 'PT Sans', sans-serif; font-size: 24px; color: #fff; font-weight: 700; text-align: center; background: #056f75; line-height: 1.4; position: absolute; top: 2px; left: -24px; }
.contact-expert .section-body p.last { z-index: 3; margin-top: 12px; }
.contact-expert .section-body p.last small { font-size: 13px; color: #454545; vertical-align: middle; display: inline-block; }

.section-features { margin-top: 22px; margin-bottom: 23px; }
.section-features ul { list-style: none outside none; overflow: hidden; }
.section-features ul li { float: left; width: 278px; height: 226px; padding: 5px; background: url(images/features-bg.png) no-repeat center; margin-left: 5px; position: relative; }
.section-features ul li span.for-sale { display: block; width: 92px; height: 92px; background: url(images/for-sale-label.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 9; }
.section-features ul li ~ li { margin-left: 17px; }
.section-features ul li img { border-radius: 3px; border: 1px solid #fff; }
.section-features ul li h2 a { color: #fff; display: block; text-align: center; line-height: 2.5; }
.section-features ul li h2 { color: #fbe9bd; font-family: 'PT Sans', sans-serif; font-weight: bold; font-size: 20px; text-align: center; }

.section-features ul li h2.heading-alt { line-height: 1.2; text-shadow: 0 0 5px rgba(0,0,0, .75); }
.section-features ul li h2.heading-alt a { display: inline; line-height: 1.2; }

.section-featured { position: relative; margin-left: 5px; }
.section-featured .section-head { position: absolute; left: 0; top: 24px; z-index: 2; width: 480px; height: 37px; background: url(images/featured-header.png) no-repeat left center; }
.section-featured .section-head a { font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 20px; color: #fff; padding-left: 40px; text-shadow: 0 0 5px rgba(0,0,0, .75); line-height: 1.8; }
.section-featured .section-head a:hover { text-decoration: none; }
.section-featured .section-body img { border-radius: 3px; border: 1px solid #abbcc7; }

.section-partners { margin-left: 5px; margin-top: 5px; }
.section-partners h3 { font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 24px; line-height: 1.3; }
.section-partners ul { overflow: hidden; list-style: none outside none; font-size: 0; text-align: center; }
.section-partners ul li { display: inline-block; vertical-align: middle; }
.section-partners ul li:hover { opacity: 0.75; }
.section-partners ul li ~ li { margin-left: 15px; }

/* ==========================================================================
	#Footer
========================================================================== */
.footer { background: url(images/footer-shadow.png) no-repeat center top; margin-top: 1px; }
.footer-inner { background: url(images/footer-bg2.png) no-repeat 763px 28px; padding: 33px 0; }

.footer-nav { margin-bottom: 10px; }
.footer-nav ul { list-style: none outside none; font-size: 0; padding-left: 38px; }
.footer-nav ul li { display: inline-block; line-height: 1; }
.footer-nav ul li ~ li { margin-left: 8px; padding-left: 9px; border-left: 1px solid #888683; }
.footer-nav ul li a { font-family: 'Arial', sans-serif; font-size: 14px; color: #888683; }

.footer-nav ul li a:hover,
.footer-nav ul li.current a { color: #006469; text-decoration: none; }

.footer-inner .copyright { padding-left: 40px; font-family: 'Arial', sans-serif; font-size: 14px; color: #888683; }


/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext {
    width: 200px;
    top: 100%;
    left: 50%; 
    margin-left: -100px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

