/*
Theme Name: Haralambis
Theme URI: http://www.haralambis.com.au
Description: Haralambis
Author: Extro Interactive
Author URI: http://www.extro.com.au
Version: 1.0
Tags: custom-menu, featured-images, microformats, sticky-post, threaded-comments
License: GNU General Public License v2.0 | From TidyThemes: This theme is completely free and open source to use as you like for both personal and commercial projects without any limitations.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}
body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

html{ height: 100%;}
body{ width:100%; height: 100%; padding: 0; margin: 0; background: #e7e7e8;}
div.container{ min-height: 100%;  width: 100%; margin: 0 auto; position: relative;}
* html div.container { height: 100%;}
body{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px; line-height: 20px; color: #e7e7e8; font-weight: normal;
    padding: 0 0 0 0; margin: 0 0 0 0; overflow-x: hidden;
}
.hidden{display: none;}
strong{font-weight: bold;}
h1{font-size: 72px; line-height: 57px; color: #666666; letter-spacing: -4px; padding: 0 0 30px; display: block; width: 50%; font-weight: bold;}
h2{font-size: 46px; line-height: 36px; color: #fff; letter-spacing: -1px; padding: 0 0 40px; display: block; width: 100%; font-weight: bold;}
h3{font-size: 46px; line-height: 42px; color: #fff; letter-spacing: -1px; padding: 0 0 40px; display: block; width: 100%; font-weight: bold;}
h2.sub-heading{padding: 17px 0 45px 0; border-top: 4px solid #fff; letter-spacing: -3px;}
a:link, a:visited, a:hover, a:active{color: #666666; text-decoration: none;}

.clear{clear: both;}
.page-content{
    width: 960px; margin: 0 auto; padding: 13px 0 0 0;
    border-top: 4px solid #fddb2e;
}
.header{
    width: 960px; height: 101px; padding: 10px 0 0 0; display: block;
    overflow: hidden; clear: both; position: relative;
}

.header .item{position: absolute; top: 5px;}
.header .item-1{left: 248px;}
.header .item-2{left: 380px;}
.header .item-3{left: 548px;}
.header .item-4{left: 748px;}
.header li a.contactnav{ margin-top: -20px; }
.header li a{
    color: #aaabad;
}
.header li a:hover{
    background-color: #ffe100;
}
.imgCon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lilogoimg{
    position: relative;
}
.logoimg{
        width: 200px;
    position: absolute;
    z-index: 9;
    left: 132px;
    top: 50px;
}
.imgCon div{
    width: 110px;
    height: 180px;
    color: #888;
    font-size: 14px;
}
.imgCon img{
    max-width: 100%;
    margin:0px !important;
}
.community_div{
    padding-top: 10px;
}
.community_div img{
    width: 200px;
    padding-right: 15px;
}
.community_support h2{
    color: #666666;
    font-size: 63px;
}
.community_support li{
    padding-bottom: 10px;
}
/*.header li.item-1{padding: 4px; width: 77px; height: 40px; display: block; background: transparent url(images/header_nav_bg.png) no-repeat -247px -78px;}
.header li.item-1:hover{background: transparent url(images/header_nav_bg.png) no-repeat -247px -15px;}

.header li.item-2{padding: 4px; width: 93px; height: 40px; display: block; background: transparent url(images/header_nav_bg.png) no-repeat -497px -15px;}
.header li.item-2:hover{background: transparent url(images/header_nav_bg.png) no-repeat -497px -78px;}

.header li.item-3{padding: 4px; width: 53px; height: 16px; display: block; background: transparent url(images/header_nav_bg.png) no-repeat -747px -15px;}
.header li.item-3:hover{background: transparent url(images/header_nav_bg.png) no-repeat -747px -141px;}

.header li.item-4{padding: 4px; width: 67px; height: 16px; display: block; background: transparent url(images/header_nav_bg.png) no-repeat -747px -36px;}
.header li.item-4:hover{background: transparent url(images/header_nav_bg.png) no-repeat -747px -225px;}*/

.header li a{display: block; width: 100%; height: 100%;  }

.header .branding{position: absolute; left: 0; top: 4px; width: 130px; height: 30px;}
.header .branding a:hover{background: transparent none;}

.home-content, .slideshow-overlay{
    width: 960px; height: 630px; display: block; margin: 0 0 74px; position: relative;
}

.slideshow-container{position: absolute; width: 2880px; padding-left: 967px; margin-left: -967px; overflow: hidden;}

.slideNav, .externalNav{position: absolute; left: 967px; top: 0; z-index: 99;}
.externalNav{position: absolute; right: 960px; top: 0; z-index: 99;}
.externalNav button{
    width: 20px; height: 20px; margin: 0 8px 0 0; display: inline-block; background: transparent url(images/slidenav_bg.png) no-repeat 0 0; border: 0;
    cursor: pointer; overflow: hidden; text-indent: -99px;
}
.externalNav button.active{
    background: transparent url(images/slidenav_bg.png) no-repeat -26px 0;
}
.slideNav button.prev, .slideNav button.next{
    position: absolute; left: -967px;
    width: 960px; height: 630px; display: block;
    overflow: hidden; text-indent: -999px;
    background: transparent; border: 0;

    
    background-color: rgb(231, 231, 231);
    
    background-color: rgba(231, 231, 231, 0.9);
    
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e7e7e8, endColorstr=#99e7e7e8);
    
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e7e7e8, endColorstr=#99e7e7e8)";

    cursor: pointer

}
.slideNav button.prev:hover, .slideNav button.next:hover {
    
    background-color: rgb(253, 219, 46);
    
    background-color: rgba(253, 219, 46, 0.4);
    
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99fddb2e, endColorstr=#99fddb2e);
    
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99fddb2e, endColorstr=#99fddb2e)";
}
.slideNav button.next{left: 953px;}

.externalNav{position: absolute; left: 1750px; z-index: 9999; top: 10px; opacity:0.6; filter:alpha(opacity=60);}
.slideshow {padding-left: 960px; margin-left: -967px;}
.slideshow li{position: relative;}
.slideshow h1{color: #fff; position: absolute; left: 0; top: 7px; display: none;}
.slideshow li.active h1{display: block;}
.pre-slideshow-container{
    width: 100%; height: 630px; padding: 0 0 0 967px;
    display: block; position: absolute; overflow: hidden;
}
#full {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 9999;
    display: none;
}

.project-gallery{
    margin: 0 -40px 40px 0;
}

.project-gallery .item{
    width: 460px; height: 280px; padding: 0; margin: 0 40px 40px 0;
    display: block; overflow: hidden;
     float: left;
}

.project-gallery .item a{ position: relative; width: 100%; height: 100%; display: block;}
.project-gallery .item a *{
    position: absolute;
}

.project-gallery .item a *{display: block; z-index: 2; color: #fff; line-height: 1; padding: 0 0 0 0; margin: 0 0 0 0;}
.project-gallery .item a img{display: block; z-index: 1;}
.project-gallery .item a .title, .project-gallery .item a .status, .project-gallery .item a .overlay{width: 100%; height: 100%; display: block;}
.project-gallery .item a .overlay{
    background-color: rgba(253,219,46,0.5);
}
.project-gallery .item a .title, .project-gallery .item a .status{z-index: 3;}
.project-gallery .item a .title{font-size: 46px;  line-height: 35px; font-weight: bold; letter-spacing: -3px; width: 60%; top: 30px; left: 4px; z-index: 3; }

.project-gallery .item a .title,
.project-gallery .item a .overlay{display: none;}
.project-gallery .item a .status{ left: 4px; top: 4px; font-weight: normal}

.project-gallery .item a:hover .title,
.project-gallery .item a:hover .overlay{display: block;}


.footer{
    width: 960px; height: 121px;
    overflow: hidden; clear: both; position: relative;
    border-top: 4px solid #fff;
    padding: 15px 0 0 0;
    position: relative;
}

.footer .item{position: absolute; top: 10px;}
.footer .item-1{left: 250px;}
.footer .item-2{left: 500px;}
.footer .item-3{left: 750px;}


.footer .item-1{left: 200px;}
.footer .item-2{left: 380px;}
.footer .item-6{left: 550px;}

.footer .item-3, .footer .item-4{left: 748px;}
.footer .item-4{top: 34px;}
/*
.footer li.item-1{padding: 4px; width: 77px; height: 40px; display: block; background: transparent url(images/footer_nav_bg.png) no-repeat -247px -78px;}
.footer li.item-1:hover{background: transparent url(images/header_nav_bg.png) no-repeat -247px -15px;}

.footer li.item-2{padding: 4px; width: 93px; height: 40px; display: block; background: transparent url(images/footer_nav_bg.png) no-repeat -497px -15px;}
.footer li.item-2:hover{background: transparent url(images/header_nav_bg.png) no-repeat -497px -78px;}

.footer li.item-3{padding: 4px; width: 53px; height: 16px; display: block; background: transparent url(images/footer_nav_bg.png) no-repeat -747px -15px;}
.footer li.item-3:hover{background: transparent url(images/header_nav_bg.png) no-repeat -747px -141px;}

.footer li.item-4{padding: 4px; width: 67px; height: 16px; display: block; background: transparent url(images/footer_nav_bg.png) no-repeat -747px -36px;}
.footer li.item-4:hover{background: transparent url(images/header_nav_bg.png) no-repeat -747px -225px;}
*/
.footer li a{display: block; width: 100%; height: 100%;  }

.footer .branding{position: absolute; left: 0; top: 0px; width: 130px; height: 30px;}
.footer .branding a:hover{background: transparent none;}


.footer .branding{
    position: absolute; left: 0; top: 14px;
    width: 130px; height: 40px;
}

.footer a{font-size: 20px; line-height: 20px; color: #bbb;}
.footer a:hover{}

.content a{font-weight: bold;}
.content p{font-size: 18px; line-height: 20px; padding: 0 0 22px 0;}

.column-1, .column-2{display: block; float: left;}
.column-1{width: 250px; padding: 13px 0 80px 0;}
.column-2 h1{padding: 0 0 29px;}
.column-2 h3{padding: 0 0 110px}
.column-2{width: 710px; padding: 13px 0 80px 0;}
.navigation, .navigation a, .column-2 .date
{font-weight: normal; font-size: 20px; color: #cccccc;}
.navigation{padding: 0 0; margin: 0 0 -20px -250px;}
.navigation a:hover{color: #666666;}
.column-2 .date{margin: 0 0 30px 0;}
.column-2 img{margin: 10px 0 10px 0; }
.custom-content{
    width: 660px; margin: 10px 0 30px;
    padding: 25px; background: #fde559;
    color: #a6983c; font-size: 18px; line-height: 20px;
    position: relative;
}


.contact-form *{font-family: Helvetica, Arial, sans-serif;}
.contact-form{
    position: relative; display: block;
    width: 100%; padding: 0 0 340px 0; margin: 15px 0 100px;
    background: transparent url(images/contact_bg.jpg) no-repeat 0 100%;

}
.contact-form .wpcf7, .contact-form .enquire-form{
    position: relative; display: block;
    height: 340px; width: 100%;
    background: transparent url(images/contact_bg.jpg) no-repeat 0 0;
    overflow: visible;
}

.contact-form .contact, .contact-form .contact2{position: absolute; display: block; padding: 0 0 0 0; color: #666666;}
.contact-form .contact{bottom: -20px; left: 500px;}
.contact-form .contact2{bottom: -20px; left: 750px;}

.contact-form input.wpcf7-text, .contact-form textarea, .contact-form input.input-text{
    background: #fef5c1;
    width: 394px;
    padding: 15px; height: 24px;
    font-size: 20px; line-height: 21px; font-weight: normal;
    border: 0;
    color: #939598;
}
.contact-form textarea{
    height: 210px;
}

.contact-form form div, .contact-form form p{
    font-size: 20px; line-height: 20px; font-weight: normal; color: #939598; padding: 0 0 0 0;
}

.contact-form div{
    width: 419px; height: 54px;
    display: block; 
    position: absolute;
}

.contact-form form p{position: absolute;}
.contact-form form p.label{ z-index: 3; left: 15px; top: 17px;}

.contact-form div.name, .contact-form div.first-name{left: 42px; top: 100px;}
.contact-form div.email{left: 42px; top: 194px;}
.contact-form div.phone{left: 42px; top: 287px;}
.contact-form div.message{left: 500px; top: 100px; height: 243px;}

.contact-form div.submit{
    display: block; width: 220px; height: 65px; top: 488px; left: 0;
}

.contact-form div.submit input{
    cursor: pointer;
    display: block; width: 220px; height: 65px;
    margin-top:133px;
    left: 0; background: transparent; border: 0; overflow: hidden;
    text-indent: -999px;
}

.contact-form div.submit input:hover{
    background: transparent url(images/submit_hover.gif) no-repeat 0px 2px;
}

div.wpcf7-validation-errors , div.wpcf7-response-output,
.enquire-form .error-message{right: 30px !important; border: 0 !important; width:  430px; margin: 20px 0 0 0 !important; color: #939598;}
.enquire-form .error-message{left: 40px; top: 40px; width: 800px; display: none;}
span.wpcf7-not-valid-tip{background: transparent !important; border: 0 !important; font-size: 15px; margin: 2px 0 0 0 !important;}

.enquire-form-container .enquire-form{
    height: 470px;
    background: url("images/enquire_bg.jpg") no-repeat scroll 0 0 transparent
}
a.project-enquire{margin: 0 0 20px 0; display: block;}
.enquire-form div.submit{
    display: block; width: 220px; height: 65px; top: 618px; left: 0;
}

.enquire-form h3{color: #fff1aa; font-size: 56px; line-height: 51px;}
.enquire-form div.surname{left:  500px; top: 100px;}
.enquire-form div.email{left: 500px; top: 194px;}
.enquire-form div.phone{left: 42px; top: 194px;}
.enquire-form div.suburb{left: 42px; top: 294px;}
.enquire-form div.recommend{left: 500px; top: 294px;}
.enquire-form div.recommend .label{display: none;}
.enquire-form div.owner-type{left: 42px; top: 394px;}
.enquire-form div.bedroom-type{left: 340px; top: 394px;}

.enquire-form div.recommend {padding: 5px 0 0 0;}
.enquire-form div.recommend select{font-size: 16px; color: #939598; padding: 10px 5px 5px; width: 418px;}
.enquire-form div.recommend option{line-height: 22px; padding: 5px;}

.enquire-form div.owner-type p,
.enquire-form div.bedroom-type p{line-height: 28px;}
.enquire-form div.owner-type input,
.enquire-form div.bedroom-type input{margin: 8px 10px 0 0; float: left; }


.share div{display: inline-block; width: 60px; height: 30px; float: left;}

.share .mail-button{position: absolute; margin-top: -15px; width:48px;}
.share div.mail {width:48px;}
.share .facebook iframe {width:48px !important;}

.project-map{height:400px; width:100%;}
.project-enquire{display: none;}
.project-description p{color: #808080;}

.enquire-form-container form .error {}
.enquire-form-container form .error {}
.contact-form .screen-reader-response{display: none;}
.community_support *{
    color: #888888;
}
.form-captcha{
        bottom: -80px;
    left: 42px;
}
.cf7ic_instructions{
    text-align: left;
    line-height: 25px;
}