body
{
    margin: 0 auto 0 auto;
}

body *
{
    font-family: 'Catamaran', sans-serif;
    font-size: 16px;
}

h1, h2 ,h3, h4, h5, h6
{
    color: #333333;
    font-family: 'Work Sans', sans-serif;
}

h1{ font-size: 34px; margin-top: 0; padding-top: 0; font-weight: normal }
h2{ font-size: 32px; }
h3{ font-size: 28px; }
h4{ font-size: 24px; }
h5{ font-size: 22px; }
h6{ font-size: 20px; }

a{ color: #333; text-decoration: none; transition: all 0.3s; }
a:hover{ color: #96d1cf; }

img{ border: 0 }

table
{
    width: 100%;
}

table, td
{
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: top;
    padding: 0;
}

#header, #header-blocks,#main-menu .container, #center-blocks, #content,
#footer-blocks .container, #footer .pre, #footer .post
{
    max-width: 1200px;
    margin: 0 auto 0 auto;
}

#header-container
{
    background-color: #334176;
    color: #fff;
    background: transparent url(images/bg1.jpg) no-repeat center center;
}

#header .logo
{
    width: 297px;
}

#header .options
{
    vertical-align: middle;
    text-align: right;
}

#header .options a
{
    color: #fff;
}

#header .options .call-us
{
    margin-right: 30px;
    display: inline-block;
    color: #000;
}

#header .options .call-us:hover .drop-down
{
    display: block;
    color: #fff;
}

#header .options .call-us .caption
{
    cursor: pointer;
    padding-right: 20px;
    background: transparent url(images/ddmenu.png) no-repeat right center;
    box-shadow: 0 0 4px $000;
}

#header .options .call-us .drop-down
{
    display: none;
    position: absolute;
    padding: 30px 30px 10px 30px;
    background-color: rgba(51,65,118,0.8);
    text-align: center;
    margin-left: -70px;
    z-index: 1000;
}

#header .options .call-us .drop-down .label
{
    text-transform: uppercase;
    margin-bottom: 5px;
}

#header .options .call-us .drop-down .phone
{
    padding: 10px 20px 10px 20px;
    border: solid 1px #95ACCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
}

#header .options .call-us .drop-down .phone:hover
{
    background-color: #172454;
}

#header .options .call-us .drop-down .phone a
{
    font-size: 26px;
    color: #fff;
}

#main-menu
{
    background-color: #fff;
}

#main-menu ul
{
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: flex-start;
}

#main-menu ul li
{
    list-style: none;
    display: block;
}

#main-menu ul li.haschilds
{
    background: transparent url(images/nav.png) no-repeat 70% center;
}

#main-menu ul li a
{
    display: inline-block;
    padding: 20px 50px 20px 0;
    font-size: 18px;
}

#main-menu ul ul li
{
    background-color: rgba(0,0,0,0.6);
}

#main-menu ul ul li a
{
    color: #fff;
    border-bottom: dotted 1px #fff;
    padding: 10px 20px 10px 20px;
    transition: all 0.3s;
}

#main-menu ul ul li a:hover
{
    background-color: #00AAD4;
}

#realty-home-search
{
    height: 469px;
    background: transparent url(images/slide-3.jpg) repeat-x center center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#realty-home-search *
{
    color: #777;
}

#header-blocks
{
    margin-bottom: 20px;
}

#center-blocks
{
    display: flex;
    justify-content: space-between;
}

#center-blocks .block
{
    flex-grow: 1;
    width: 33%;
}

#center-blocks .block .title
{
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
}

#center-blocks .block .content
{
    padding: 15px;
}

#left-blocks, #right-blocks
{
    width: 200px;
}

#left-blocks
{
    padding-right: 10px;
}

#right-blocks
{
    padding-left: 10px;
}

#left-blocks .block, #right-blocks .block
{
    margin-top: 15px;
}

#left-blocks .block .title, #right-blocks .block .title
{
    background-color: #96d1cf;
    color: #fff;
    padding: 10px;
}

#left-blocks .block .content, #right-blocks .block .content
{
    padding: 5px 0 5px 0;
}

#left-blocks .block ul, #right-blocks .block ul,
#left-blocks .block ul li, #right-blocks .block ul li
{
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
}

#left-blocks .block ul li a, #right-blocks .block ul li a
{
    display: block;
    padding: 7px;
    border-bottom: dotted 1px #d3d3d3;
}

#content
{
    margin-top: 30px;
    margin-bottom: 20px;
}

#content .center
{
    padding-left: 10px;
    padding-right: 10px;
}

#main-content
{
    color: #808080;
}

#main-content, #main-content *
{
    font-size: 20px;
}

#footer-blocks
{
    background-color: #F8F9F9;
}

#footer-blocks .container
{
    display: flex;
    justify-content: space-between;
}

#footer-blocks .container .block .title
{
    font-size: 26px;
    padding: 15px 0 15px 0;
}

#footer-blocks .container .block ul
{
    margin: 0;
    padding: 0;
    display: block;
}

#footer-blocks .container .block ul li
{
    list-style: none;
}

#footer-blocks .container .block ul li
{
    display: block;
    padding: 5px 3px 5px 20px;
    background: transparent url(images/bullet.png) no-repeat left center;
}

#footer
{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #334176;
    background: transparent url(images/bg-footer.jpg) no-repeat center center;
}

#footer .pre
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 30px 0;
}

#footer .pre .images
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#footer .pre .images img
{
    margin-right: 20px;
}

#footer .post
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 30px 0;
}

#footer .post .copyright
{
    flex-grow: 1;
}

#footer .post .copyright, #footer .post .copyright *
{
    color: #000;
}

#footer .post .links
{
    flex-grow: 1;
}

#footer .post ul
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
}

#footer .post ul li
{
    list-style: none;
}

#footer .post ul li a
{
    color: #334176;
    font-weight: bold;
    border-bottom: solid 2px transparent;
    transition: all 0.3s;
}

#footer .post ul li a.active, #footer .post ul li a:hover
{
    border-bottom: solid 2px #334176;
}

#footer .developer
{
    padding-top: 15px;
    color: #334176;
    text-align: center;
    font-size: 12px;
}

#footer .developer *
{
    color: #000;
    font-size: 12px;
}

#realty-listing
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#realty-listing .property-result
{
    margin-bottom: 15px;
    transition: all 0.3s;
    border: solid 1px transparent;
    padding: 3px;
}

#realty-listing .property-result:hover
{
    border: solid 1px #000;
}

#realty-listing .property-result .image a
{
    display: block;
    width: 380px;
    height: 275px;
    transition: all 0.3s;
}

#realty-listing .property-result .image a > div
{
    display: none;
    width: 380px;
    height: 275px;
    padding-top: 20px;
    color: #fff;
    box-sizing: border-box;
    transition: all 0.3s ease-in;
}

#realty-listing .property-result .image a:hover > div
{
    display: block;
}

#realty-listing .property-result .image a > div:hover
{
    background-color: rgba(51,65,118,0.7);
    padding-top: 100px;
}

#realty-listing .property-result .image
{
    transition: all 1s ease-in;
}

#realty-listing .property-result .location
{
    color: #fff;
    font-size: 18px;
    max-width: 380px;
}

#realty-listing .property-result .details
{
    display: flex;
    justify-content: space-between;
    align: center;
}

#realty-listing .property-result .details .rooms
{
    background: transparent url(images/beds.png) no-repeat left center;
    background-size: auto 20px;
    padding-left: 32px;
}

#realty-listing .property-result .details .bathrooms
{
    background: transparent url(images/baths.png) no-repeat left center;
    background-size: auto 20px;
    padding-left: 28px;
}

#realty-listing .property-result .details .price
{
    font-weight: bold;
}

.property-options *, .property-options
{
    color: #fff !important;
    font-size: 13px !important;
    font-weight: bold;
}

.property-options .details
{
    font-size: 18px;
}

.listing-testimonial
{
    padding: 45px 20px 10px 20px;
    background: transparent url(images/testimonial-icon.png) no-repeat 10px 15px;
    border: solid 1px #d3d3d3;
    margin: 10px;
    transition: all 0.3s;
}

.listing-testimonial:hover
{
    background-color: #E9F3FF   ;
}

.listing-testimonial .title
{
    margin-top: 0px !important;
    display: block !important;
}

.listing-testimonial .title h2
{
    margin-top: 10px !important;
    padding: 0 !important;
}

.listing-testimonial .title a
{
    font-weight: bold;
    color: #000;
}

.listing-testimonial .summary
{
    color: #4d4d4d;
    font-size: 16px;
    display: block;
    min-height: 150px !important;
}

.agent .info, .agent .info *
{
    font-size: 16px !important;
}

.listing-block-container
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.listing-block-container .listing-block
{
    transition: all 0.3s;
    border: solid 1px transparent;
    padding: 3px;
    margin-bottom: 7px;
}

.listing-block-container .listing-block:hover
{
    transform: scale(1.05);
    background-color: #fff;
    z-index: 100000;
}

.listing-block-container .listing-block .list-image
{
    float: none;
}

.listing-block-container .listing-block .list-title
{
    display: block;
    text-align: center;
}

.listing-block-container .listing-block .details
{
    display: flex;
    justify-content: space-between;
    align: center;
}

.listing-block-container .listing-block .details .rooms
{
    background: transparent url(images/beds.png) no-repeat left center;
    background-size: auto 20px;
    padding-left: 32px;
}

.listing-block-container .listing-block .details .bathrooms
{
    background: transparent url(images/baths.png) no-repeat left center;
    background-size: auto 20px;
    padding-left: 28px;
}

.listing-block-container .listing-block .details .price
{
    font-weight: bold;
}

#content .center .value
{
    font-size: 30px;
}

#content .center .label
{
    font-size: 16px;
}

.realty-contact-me a
{
    display: inline-block;
    padding: 20px;
    color: #fff;
    font-weight: bold;
    background-color: #333;
}

.realty-contact-me a:hover
{
    background-color: #424242;
}