.color-blu{ color: #1f9bde;}




h1 { 
    font-family: filson-soft, sans-serif;
    font-style: italic;
    font-weight: 900;
    color:#1f9bde }

h2, h3, h4 { 
    font-family: filson-soft, sans-serif;
    font-style: normal;
    font-weight: 500;
    color:#1f9bde;
}

body, p, li { font-family: filson-soft, sans-serif;
              font-style: normal;
              font-weight: 200;
              font-size:16px; }

.img-responsive { width: 100%;}

ul.listArrow { margin-left:-42px; padding-top:12px;}
ul.listArrow li { padding-bottom:6px;}


.btn { text-shadow:none;}

.btn-orange {
    background-color: #ff6633;
    border-color: #ff6633;
    color: #ffffff;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
    background-color: #fb4f04;
    border-color: #fb4f04;
    color: #ffffff;
}

.btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange, .btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus, .btn-orange.disabled:active, .btn-orange[disabled]:active, fieldset[disabled] .btn-orange:active, .btn-orange.disabled.active, .btn-orange.active[disabled], fieldset[disabled] .btn-orange.active {
    background-color: #ff6633;
    border-color: #ff6633;
}


label { font-size:14px}

form p {font-size:14px}

form a {font-size:14px}

.navbar {padding-top: 0px; padding-bottom:8px;}

.navbar-inverse {
    background-color: #1f9bde;
    border-color: #1f9bde;
}

div.navbar-header { width:134px; float:left; }

.navbar-brand {padding: 7px;}

.navcontainer{ margin-top:8px; width:100%;}

ul.navlist{ color: #ffffff; text-align:right;  display:block; padding-top: 12px; }
ul.navlist li{
    display: inline;
    list-style-type: none; 
    height:100%;
}

ul.navlist li a { color: #ffffff; text-decoration:none;font-weight:400; padding:14px;  }
ul.navlist li a:hover {  color: #004e9e; }


ul.navlist li+ li::before {
    color: #ffffff;
    content: " | ";
    font-size:16px;
}


.paddTopBottom {
    padding-bottom: 52px;
    /* padding-top: 52px; */
	/* Edited by Ganesh */
	padding-top: 72px;
}

.paddTop { padding-top: 52px;}



.jumbotron {
    margin-bottom: 0;
    padding-bottom: 0;
    background-image: url(../images/BannerHome.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height:440px;
    background-position: 0px 60px;
}


.jumbotron h1 { color:#fff;  text-shadow:  2px 2px 4px #000000;}
.jumbotron p {   font-size: 18px; color:#4d4d4d}

.bannerMsg{ padding-top:244px; padding-bottom:40PX }
div.bannerMsg p a.btn.btn-orange.btn-lg { margin-top:20px }

div.whybecome {background-color:rgba(0,0,0,0.6)}
div.whybecome  {}
a.btnReadMore  {color:#fff;}
a.btnReadMore:hover {cursor: pointer;} 
.readMorePanel{}

.textPanel{ background-color:#1f9bde; padding:26px; min-height:200px}
.textPanel h3{ color:#fff}
.textPanel p { color:#fff; font-size:18px}


.hiwtitle h2 { text-align:center; padding-bottom:32px;}
.hiw { text-align:center;}
.hiw p { padding-top:32px; padding-bottom:22px; color:#1f9bde; font-size:18px;font-weight: 400;}

.wyneed  { padding-bottom:32px;}
.wyneed h3 { color:#fff; margin-top:0px }
.listArrow {color:#fff; list-style:none}

ul.listArrow { margin-left: -22px;}
ul.listArrow li { font-size:18px}

ul.listArrow li:before {    
    font-family: 'FontAwesome';
    content: '\f105';
    margin:0 5px 0 -15px;
}



.footer{background-color: #004e9e; padding-top:12px; padding-bottom:12px}
ul.footerlegal {padding-left: 0;}
.footer p {color:#fff; font-size:12px;}
p.copyrightTxt{ font-size:11px}
.footerLeft{ float:left}
.footerRight{ float:right; margin-top:8px}
ul.footerlegal li { list-style: none; color:#fff; display:inline; font-size:12px;}
ul.footerlegal li a {  color:#fff; }
ul.footerlegal li + li::before {
    color: #ffffff;
    content: " | ";
    font-size:12px;
    padding-left: 7px;
    padding-right: 7px;
}

@media (max-width: 980px) { 
    .jumbotron {background-position: 0px 60px; background-size:100%;  }
}

@media (max-width: 768px) { 
    .textPanel { margin-bottom:22px;} 
    .jumbotron {background-position: 0px 60px; background-size:120%;  }
}
/*  Added by Ganesh 06/09/2017 */
@media (max-width: 767px) { 
    .navcontainer{ margin-top:8px; width:100%; clear: left;}
    ul.navlist {
        margin: 0;
        padding: 15px 0 0 0;
        text-align: center;
    }
    ul.navlist li a {
        padding: 5px;
    }
    .jumbotron {
        background-position: 0 95px;
    }
}

@media only screen and (max-width: 360px) { 
    .jumbotron {background-size:120%;  }
    div.hiw img { width:100% !important; }
    .bannerMsg{ padding-top:20px; padding-bottom:10px }
    .paddTopBottom { padding-bottom: 22px; padding-top: 22px; }
    div.whybecome {background-color:#ffffff;}
    .footerLeft { text-align:center; float:none}
    .footerRight{ text-align:center; float:none}
}


@media only screen and (max-width: 321px) { 
    .jumbotron {background-size:120%; }
    div.bannerMsg p a.btn.btn-orange.btn-lg { margin-top:8px }

}

.form-group.mb-lg {
    position: relative;
}

.dropdown {
    position: absolute;
    top:90%;
    transform: translateY(-50%);
    width: 100%;
    z-index:10000;
}

.dropdown a {
    color: #fff;
}

.dropdown dd,
.dropdown dt {
    margin: 0px;
    padding: 0px;
}

.dropdown ul {
    margin: -1px 0 0 0;
}

.dropdown dd {
    position: relative;
}

.dropdown a,
.dropdown a:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 12px;
}

.dropdown dt a {
    background-color: #0088cc;
    display: block;
    padding: 4px 20px 5px 10px;
    min-height: 25px;
    line-height: inherit;
    overflow: hidden;
    border: 0;
}

.dropdown dt a span,
.multiSel span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
}

.dropdown dd ul {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #fff;
    display: none;
    left: 0px;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 2px;
    width: 100%;
    list-style: none;
    height: 120px;
    overflow: auto;
}

.dropdown span.value {
    display: none;
}

.dropdown dd ul li a {
    padding: 5px;
    display: block;
}

.dropdown dd ul li a:hover {
    background-color: #fff;
}

#preferred_suburbs li {
    color: #0088cc;
}
#preferred_suburbs li input {
    margin-right: 5px;
}

#accordion .ui-autocomplete span.hl_results, .ui-corner-all { 
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}


/* Pophover icon styles  */
#popover-content-abn,
#popover-content-gst {
    display: inline-block;
    padding: 5px;
    margin: 0;
    font-size: 20px;
    cursor: pointer;
}

#second_page,  #third_page,  #fourth_page {
    display:none;
}


/* 
@media (max-width: 980px) { 
.jumbotron {background-position: -400px 60px;}
 }
 
 @media (max-width: 800px) { 
.jumbotron {background-position: -900px 60px;}
 }

@media (max-width: 768px) { 
.jumbotron {background-position: -600px 60px;}
}

*/

.citytext{
    width: inherit; 
    height: 37px; 
    font-size: 14px; 
    margin-bottom: 10px;
    padding:7px;
}