/*Reset*/
body { font-family: 'Open sans', sans-serif; color: #464646; }
h1, h2, h3 { margin: 0; font-weight: 700 }
h2 { font-size: 1.95em }
a { color: #015D87 }
a:hover  {  text-decoration: none; color: #015D87 }
a:focus, a:active  {  outline: none; text-decoration: none; color: #015D87 }
img {  max-width: 100%; height: auto }
ul {  margin: 0; padding: 0 }
li {  list-style: none; }
p {  font-size: 16px; line-height: 1.65em; color: #464646 }
.ptb-1em{padding:1em 0}.ptb-2em{padding:2em 0}.ptb-3em{padding:3em 0}.ptb-4em{padding:4em 0}.ptb-5em{padding:5em 0}.ptb-6em{padding:6em 0}.pt-1em{padding-top:1em}.pt-2em{padding-top:2em}.pt-3em{padding-top:3em}.pt-4em{padding-top:4em}.pt-5em{padding-top:5em}.pt-6em{padding-top:6em}.pb-1em{padding-bottom:1em}.pb-2em{padding-bottom:2em}.pb-3em{padding-bottom:3em}.pb-4em{padding-bottom:4em}.pb-5em{padding-bottom:5em}.pb-6em{padding-bottom:6em}.mr-8{margin-right:8px}.ml-8{margin-left:8px}.relative{position:relative}

/*layout*/
header.main-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: rgba(255,255,255,0.95); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); box-shadow: 0 2px 3px rgba(0,0,0,0.1); }
.logged-in header.main-header { top: 31px }
.main_navigation .navbar-nav { float: right; }
.main_navigation .navbar-nav>li>a { text-transform: uppercase; font-size: 1.1em; color: #015D87; }
.main_navigation .nav>li>a:hover, .main_navigation .nav>li>a:focus { background: none; color: #00afeb }
.main_navigation .navbar { margin: 0; border: none; }
a.mPS2id-clicked, .page-id-2 li.current-menu-item a { color: #00afeb }

span.anchor { display: block; height: 158px; margin-top: -158px; visibility: hidden; }
.logged-in span.anchor { height: 188px; margin-top: -188px; }

.weather_report { padding: 0 10px; text-align: right; }
.weather_report>aside { max-width: 300px; display: inline-block; }
.awesome-weather-wrap { text-shadow: none }
.awesome-weather-current-temp strong:before { text-transform: uppercase; vertical-align: top; color: #999; display: inline-block; margin-right: 10px } /*its content:''; is in header.php */
#awesome-weather-melbourne-city { border: solid 1px #c5deea; border-top: none; border-radius: 0 0 5px 5px;
background: #ffffff; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, #ffffff 0%,#dcdcdc 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#dcdcdc));
background: linear-gradient(to bottom, #ffffff 0%,#dcdcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */ }
.awesome-weather-header { color: #5091AA; font-weight: 500; background: none; padding: 10px 20px; font-family: 'Fjalla One', sans-serif; font-size: 17px; }
.awesome-weather-current-temp strong { color: #015D87 }
.awesome-weather-forecast.awe_days_1 { display: none }
.awesome-weather-current-temp { font-size: 22px; padding: 7px 20px 15px; font-family: 'Fjalla One', sans-serif; font-weight: 500 }
.awesome-weather-current-temp sup { font-size: 18px }


.banner { background: url('../img/fire-wind-water.jpg') no-repeat center center; background-size: cover; min-height: 420px; position: relative; margin-top: 158px }
.banner h1 { position: absolute; top: 47%; -webkit-transform: translate(0,-47%); -ms-transform: translate(0,-47%); transform: translate(0,-47%); text-align: center; padding: 0 20px; width: 100%; color: #fff; font-weight: 600 }
.about-who_we_work { min-height: 300px }
.lightblue, .darkblue { position: absolute; height: 100%; display: block; }
.lightblue { top: 0; right: 50%; width: 50%; background: #0099CD }
.darkblue { top: 0; left: 50%; width: 50%; background: #00678F }
.about-who_we_work h2 { font-weight: 700; color: #fff; padding-bottom: 10px; }
.about-who_we_work p, .about-who_we_work a, .about-who_we_work li { color: #fff; font-size: 16px; }
#about-work a.readmore, #about-work a.read_more_button { text-transform: uppercase; font-weight: 600; font-size: 13px; display: inline-block; margin-top: 20px; position: relative }
#about-work a.read_more_button { margin-top: 30px }
#about-work a.readmore:after, #about-work a.read_more_button:after { content: 'MORE +'; display: inline-block; margin-left: 6px; }
#about-work a.readmore.active:after, #about-work a.read_more_button.active:after { content: 'LESS -'; }
#about-work a.readmore.active, #about-work a.read_more_button.active { color: #fc0 }
.pandorabox, .pandorabox_lists { display: none }

.who_we_work_right li { position: relative; padding: 10px 0 0 30px; }
.who_we_work_right li:before { content: '\f00c'; font-family: 'FontAwesome'; color: #1CB4E9; position: absolute; top: 10px; left: 0  }
#tabsection .nav-tabs { border-bottom: solid 1px #86A3AE; }
#tabsection .nav-tabs li { float: left; width: 33.33% }
#tabsection .nav-tabs li:last-child { float: right;}
#tabsection .nav-tabs li:nth-child(2) { padding: 0 5px  }
#tabsection .nav-tabs>li>a { background: #EDEFF1; border-top: solid 8px #EDEFF1; margin: 0; border-radius: 0; text-align: center; font-size: 1.5em; color: #00678F; font-weight: 300; padding-top: 2em; padding-bottom: 2em }
#tabsection .nav-tabs>li>a:hover { color: #00afeb; }
#tabsection .nav-tabs>li.active>a { border-top: solid 8px #006691 !important }
#tabsection .nav-tabs>li.active>a, #tabsection .nav-tabs>li.active>a:hover, #tabsection .nav-tabs>li.active>a:focus { border: solid 1px #86A3AE; border-bottom-color: transparent; }
#tabsection .nav-tabs>li>a { border-bottom: none }
#tabsection .tab-content { border: solid 1px #86A3AE; border-top: none }
#tabsection .nav-tabs>li>a i { display: inline-block; margin-right: 10px }
#tabsection .tab-content { padding: 3em 2em; }
#our_services ul { margin: 0 auto; max-width: 960px }
#our_services li { list-style: none; display: inline-block; width: 48%; font-size: 1.2em; color: #06516D; font-weight: 600; padding: 0 25px 15px 30px; position: relative; vertical-align: top; }
#our_services li:before { content: '\f00c'; font-family: 'FontAwesome'; position: absolute; color: #1CB4E9; top: 1px; left: 0 }
#our_values p { margin-bottom: 25px }

.sliderbox { margin: 0 auto; max-width: 960px; text-align: center }
.sliderbox p { font-size: 17px; }
.sliderbox header { font-family: 'Fjalla One', serif; font-size: 1.19em; color: #464646; text-transform: capitalize; }

.sliderbox .owl-dots { width: 100%; text-align: center; position: absolute; bottom: -40px }
.sliderbox .owl-dot { background: #ccc; height: 6px; width: 6px; border-radius: 50px; display: inline-block; margin-right: 3px }
.sliderbox .owl-dot { height: 7px; width: 7px; margin-right: 4px }
.sliderbox .owl-dot.active { background: #1CB4E9 }

#commitment { background: #D7E9F1; }
.commitment_content h2 { padding-bottom: 0.7em; color: #00678F }
.commitment_content p { color: #00678F; font-size: 17px; line-height: 1.8em }
.commitment_content p>strong { font-style: italic; }
.gallerybox { float: left; width: 25%; padding: 0; padding: 0 1px; background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 300px; }
.gallerybox:first-child { padding-left: 0 }
.gallerybox:last-child { padding-right: 0 }
#main-footer { background: #00678F }
.footer_widget h3, .footer_widget p, .footer_widget a, .footer_widget span, .footer_widget strong { color: #fff }
.footer_widget h3 { color: #fff; padding-top: 1em  }
a.emailme:hover, .office_email a:hover { color: #00afeb }
ul.call_today { padding-top: 1em }
ul.call_today li { padding: 10px 0; font-size: 15px; }
ul.call_today li a.tel { font-size: 1.2em; font-weight: 700 }
ul.call_today li i { display: inline-block; color: #67C1E3; min-width: 26px; }
.business_hour strong { display: block; padding-top: 20px; font-weight: 700; font-size: 1.2em; padding-bottom: 6px }
.footer_bottom_section span, .footer_bottom_section a { color: #67C1E3; margin: 6px 4px; }
.footer_bottom_section span { display: inline-block; vertical-align: top }
.footer_bottom_section a:hover { color: #fff }
span.terms { padding: 0 2em; }
span.privacy-policy { padding-left: 2em }
.footer_widget.business_hour p { font-size: 14px }

/*CONTACT PAGE*/
.innerbanner { background: #0099CD; border-top: solid 4px #00678F; margin-top: 158px }
.innerbanner h1, .innerbanner p { color: #fff }
.innerbanner h1 { font-size: 1.8em; padding-bottom: 0.5em }
.innerbanner p { font-size: 17px; line-height: 26px }
.form_contact header { color: #00678F; font-size: 1.3em; font-weight: 600; padding-bottom: 1.0em; }
.contact_dtls li { padding-bottom: 2em }
li.mainphone a { color: #00678F; font-size: 1.85em; font-weight: 700 }
li.mainphone a>i, li.office_email a>i { margin-right: 12px; color: #0099CD; font-size: 22px; }
li.office_email a { color: #00678F; font-size: 1.2em; }
.contact_dtls strong.block { display: block; color: #00678F; font-size: 18px; padding-bottom: 10px }
.contact_dtls p, .contact_dtls span { display: block; color: #575757; font-size: 15px }
.contact_form_box fieldset { padding-bottom: 20px }
.contact_form_box input[type="submit"] { background: #00678F; display: inline-block; color: #fff; line-height: 46px; padding: 0 2em; border: none; font-size: 1.15em; text-transform: uppercase; font-weight: 600; -webkit-transition: background 0.4s ease; -o-transition: background 0.4s ease; transition: background 0.4s ease; }
.contact_form_box input[type="submit"]:hover { background: #00afeb }
.contact_form_box input[type="text"], .contact_form_box input[type="email"], .contact_form_box textarea { border: solid 1px #B3B3B3; height: 42px; padding: 10px; background: #fff; width: 100%; }
.contact_form_box textarea { height: 150px }
.contact_dtls li.member_logos { max-width: 450px }

div.wpcf7-validation-errors { background: #c00; border: solid 2px #c00 !important; margin-left: 0; padding: 12px; color: #fff }
div.wpcf7-mail-sent-ok { background: #398f14; border: solid 2px #398f14; margin-left: 0; padding: 12px ; color: #fff }
span.wpcf7-not-valid-tip { color: #c00; display: block; padding-top: 8px; }

/*404 error page*/
.error404 .innerbanner { display: none }
.centercontent { margin: 0 auto; max-width: 500px }
.centercontent h1 { color: #0099CD; font-size: 2.3em; font-weight: 300; padding-bottom: 0.4em }
.centercontent p { color: #0099CD; line-height: 1.85em; font-size: 1.2em; }
.error_page { margin-top: 158px; }

/*Misc*/
.page-id-58 .entry-content p, .page-id-65 .entry-content p { margin-bottom: 2em }
.google-map { min-height: 550px }
article#post-65 ol { padding-left: 20px }
article#post-65 li { list-style: inherit; padding-bottom: 20px; }
article#post-58 li, article#post-58 p, article#post-65 li, article#post-65 p { font-size: 15px }
.only_for_ipad_vertical { display: none }

@media(max-width: 380px){
	#tabsection .nav-tabs>li>a { padding: 12px 5px !important; font-size: 1.0em !important; }
}

@media(max-width: 590px){
	.gallerybox { width: 100% !important }
	.footer_bottom_section span { display: block; padding: 0; margin: 0 0 8px }
	.logo img { max-width: 170px !important }
	.navbar-toggle { margin-top: 32px !important }
	/*header or slide section*/
	span.anchor { display: block; height: 100px !important; margin-top: -100px !important; visibility: hidden; }
	.logged-in span.anchor { height: 130px !important; margin-top: -130px !important; }
	.banner, .innerbanner { margin-top: 100px !important; }
	.logged-in .banner, .logged-in .innerbanner { margin-top: 85px !important }
	header.main-header { min-height: 100px !important }
	/*tab section*/
	#tabsection .nav-tabs>li>a>span { display: block; }

}
@media (max-width: 767px) {
	#tabsection .nav-tabs>li>a { padding: 12px 10px; font-size: 1.15em; }
	#our_services li { width: 100%; font-size: 1.1em }
	.footer_widget { padding-bottom: 2em }
	.contact_form_box div.firstName { padding-bottom: 20px }
	.logged-in .banner, .logged-in .innerbanner { margin-top: 100px }
	.icon_box .text-center { text-align: left }
	#tabsection .nav-tabs>li>a i { display: block; padding-bottom: 10px; margin-right: 0 }
	.weather_report { display: none !important }
	.innerbanner h1 { font-size: 1.6em; }
	.innerbanner p { font-size: 15px }
	.banner h1 { font-size: 1.7em !important }
	article#post-58 li, article#post-58 p, article#post-65 li, article#post-65 p { font-size: 14px !important }
	div.memberlogo img { max-width: 250px }
}

@media (max-width: 991px) {
	.container { width: 100% }
	/*reset*/
	.mmb-3em { margin-bottom: 3em }
	.mmb-2em { margin-bottom: 2em }
	/*Only for collapsing earlier navigation*/
	.navbar-header { float: none }
	.navbar-toggle { display: block; margin-top: 40px; margin-right: 0; padding: 5px 6px; }
	.navbar-collapse { background: none }
	.navbar-collapse.collapse { display: none!important }
	.navbar-nav { float: none!important; text-align: right; padding-right: 10px }
	.navbar-nav>li { float: none }
	.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px }
	.navbar-text { float: none; margin: 15px 0 }
	.navbar-collapse.collapse.in { display: block!important; position: relative; z-index: 100 }
	.collapsing { overflow: hidden!important }
	/* up to here collapsing earlier navigation must work */
	/*collapsing animation*/
	.navbar-toggle .icon-bar:nth-of-type(3) { top: 1px }
	.navbar-toggle .icon-bar:nth-of-type(4) { top: 2px }
	.navbar-toggle .icon-bar { position: relative; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; background: #00678F }
	.navbar-toggle.active .icon-bar:nth-of-type(2) { top: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
	.navbar-toggle.active .icon-bar:nth-of-type(3) { background-color: transparent }
	.navbar-toggle.active .icon-bar:nth-of-type(4) { top: -6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	/*up to here collapsing hamburger menu animation and add some javascript on footer */

	.who_we_work_right, #commitment figure { padding-top: 3em }
	#about-work { background: #00678F }
	#about-work .lightblue, #about-work .darkblue { display: none; }
	.footer_bottom_section .text-right { text-align: left; padding-top: 1em; }
	.form_contact { padding-top: 3em }
	/*header section*/
	header.main-header { padding: 6px 0; min-height: 115px }
	.main-header .container { padding-left: 5px; padding-right: 5px }

	.logo img { max-width: 200px }
	.main_navigation .navbar-nav>li>a { padding-right: 0 }
	span.anchor { display: block; height: 115px; margin-top: -115px; visibility: hidden; }
	.logged-in span.anchor { height: 145px; margin-top: -145px; }
	.banner, .innerbanner { margin-top: 115px; }
	.error_page { margin-top: 100px }
	/*about section*/
	.about-who_we_work { padding-top: 0 }
	.aboutsection { margin-left: -10px; margin-right: -10px; background: #4396C9; padding: 4em 20px }
	/*banner section*/
	.banner h1 { position: relative; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); background: #024761; padding: 1em; font-size: 2.2em; line-height: 1.32em  }
	.banner { background: none; min-height: auto }

	.contact_form_box input[type="text"], .contact_form_box input[type="email"], .contact_form_box textarea { font-size: 16px }



}





@media (min-width: 768px) {

}



@media (min-width: 992px) {
	.about-left, .commitment_content { padding-right: 5em; }
	.who_we_work_right { padding-left: 5em }
	.footer_widget.callbox { width: 28% }
	.footer_widget.icon_box { width: 22%; }
	.footer_widget.business_hour { padding-left: 2.5em }
	span.terms { padding: 0 3.5em; }
	.main_navigation .nav>li:last-child>a { padding-right: 0 }
	.main_navigation { padding-top: 18px }
	header.main-header { min-height: 158px }
	.contact_content { min-height: 515px }
	.centercontent h1 { font-size: 4em }

}

@media(min-width: 591px) and (max-width:1080px) {
	.gallerybox { width: 50%; min-height: 350px }
}


@media(min-width: 768px) and (max-width:991px) {
	#tabsection .nav-tabs>li>a { padding: 25px 10px; font-size: 1.35em; }
	.navbar-nav { padding-right: 0 }
	.weather_report { position: absolute; right: 35%; top: 20px }
	#awesome-weather-melbourne-city { background: none !important; border: none }

	.hide_ipad_vertical { display: none; }
	.only_for_ipad_vertical { display: block !important }

	div.emergency_icon, div.memberlogo { display: inline-block; width: 49% }
	.footer_widget.icon_box { min-height: 145px }

}

@media(min-width: 992px) and (max-width:1024px) {
	.call_today a.emailme { font-size: 13px }
}

@media(min-width: 992px) and (max-width:1199px) {
	.container { width: 97% }
}

@media(min-width: 1081px){
	.gallerybox { border-left: solid 1px #fff; border-right: solid 1px #fff }
	.gallerybox:first-child { border-left: none; }
	.gallerybox:last-child { border-right: none; }
}


@media (min-width: 1200px) {


}

@media(min-width: 1200px) and (max-width:1240px) {
	.container { width: 98%; }
}

@media(min-width: 1800px){
	.gallerybox { min-height: 400px }
}
}
