/*
Theme Name: JAE Engineering Group Pty Ltd
Theme URL: https://www.jaeaust.com.au
Author: Adz Power Agencies
Author URI: http://www.adzpower.com.au
 
/*****  Wordpress Generic  *****/
@font-face {
    font-family: 'Agency FB';
    src: url('fonts/AgencyFB-Bold.woff') format('woff'),
        url('fonts/AgencyFB-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Agency FB';
    src: url('fonts/AgencyFB-Reg.woff') format('woff'),
        url('fonts/AgencyFB-Reg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


ol, ul{list-style:none;}

.clear{clear: both;}

*{margin:0;padding:0;}img{border:none;padding:0;}

img a{border:none;}

img.left{float:left;border:none;padding:6px 0 0 0;}

img.right{float:right;border:none;padding:0 0 0 6px;}

img.centered{display:block;margin-left:auto;margin-right:auto;}

img.alignright{padding:0 0 20px 20px;display:inline;}

img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}

main img{max-width:100%;height:auto;}

.alignright{float:right;}

.alignleft{float:left}

.aligncenter{display:block;margin-left:auto;margin-right:auto;}

a{text-decoration:none;}

.wp-video{padding-bottom:40px;}

.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}

.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

@media all and (max-width: 800px){

img.alignright{display:block;margin:0 auto;clear:both;text-align:center;max-width:100%;height:auto;padding-left:0;float:none;}	
	
}

@media all and (max-width: 700px){.entry p, ul.nav li {-webkit-text-size-adjust: 100%;}}

/*****  General  *****/	

body, html{
	font-family: 'Titillium Web', sans-serif;
	height:100%;width:100%;
	min-height:100%;min-width:100%;
	background:url(images/content-bg.jpg)center center no-repeat;
	background-size:cover;
	background-attachment:fixed;
	position:relative;
}

body:before{content:"";position:fixed;width:100%;background:url(images/bg-overlay.png);top:0;bottom:0;left:0;right:0;opacity:0.85;}

.home-container{width:100%;height:calc(100vh - 240px);display:flex;justify-content:space-between;align-items:flex-start;position:relative;}

#header-inner, main, #menu-fixed ul li, #contact-inner, #footer{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

h1 {
	color:#7cb52a;
	font-size:38px;
	font-weight:700;
	padding-bottom:18px;
	text-transform:uppercase;
	font-family: 'Titillium Web', sans-serif;
	line-height:125%;
}

h2 {
	color:#213b81;
	font-size:30px;
	font-weight:700;
	padding-bottom:18px;
	text-transform:uppercase;
	font-family: 'Titillium Web', sans-serif;
	line-height:125%;
}

h3 {
	color:#213b81;
	font-size: 22px;
	font-weight:600;
	padding-bottom:15px;
	font-family: 'Titillium Web', sans-serif;
}

h4{
	color:#1d1d1d;
	font-family: 'Agency FB';
	font-weight:bold;
	font-size:18px;
	padding-bottom:20px;
	line-height:125%;
	text-transform:uppercase;
	}
	

@media screen and (max-width: 1200px), screen and (max-height:600px) {

body, html{
	font-family: 'Titillium Web', sans-serif;
	height:100%;width:100%;
	min-height:100%;min-width:100%;
	background:url(images/content-bg.jpg)center top no-repeat;
	background-size:cover;
	background-attachment:local;
	position:relative;
}
	
h1{font-size:34px;}
	
h2{font-size:28px;}

}

/*****  Header  *****/

.home-phone{position:fixed;bottom:30px;right:30px;font-family:'Agency FB';font-weight:bold;font-size:30px;color:white;text-transform:uppercase;z-index:100;padding:3px 10px;transition:.15s;}

.home-phone.lifted{bottom:275px;}

.home-phone:after{content:"";position:absolute;height:50%;left:0;right:0;background:#7ab700;bottom:0;z-index:-10;transition:.15s;}

.home-phone:hover{color:white;}

.home-phone:hover:after{height:100%;}

.home-logo-outer{padding-left:30px;width:525px;position:absolute;left:0;}

.home-logo{width:100%;height:auto;}

@media screen and (max-width: 1200px), screen and (max-height:600px) {

.home-phone{position:static;display:block;left:auto;right:auto;bottom:auto;font-size:22px;padding:15px 0 0 0;text-align:right;border-top:1px solid #7ab700;width:100%;margin-top:10px;font-size:22px;}

.home-phone:after{display:none;}

.home-phone:hover{color:#7ab700;}

.home-logo-outer{padding-left:20px;width:375px;position:absolute;left:0;top:10px;}

}

@media screen and (max-width:700px) {
	
.home-logo-outer{background:white;padding:15px;box-sizing:border-box;width:100%;max-width:none;position:static;}
	
.home-logo{width:250px;}
	
}

/*****  Nav  *****/

#outer-wrap{position:relative;width:100%;height:100%;}

#inner-wrap{position:relative;width:100%;display:flex;min-height:100%;}

nav ul li.facebook img{width:30px;height:auto;}

@media all and (min-width:1200px) and (min-height:600px) {
	
nav{position:fixed;top:0;right:0;z-index:100;}

nav .block{width:100%;margin:0 auto;display:flex;justify-content:space-between;}

nav ul{list-style-type:none;display:flex;flex-direction:column;align-items:flex-end;padding-top:9px;}
		
nav ul li{text-transform:uppercase;padding:0;padding:5px 30px 4px 10px;font-family:'Agency FB';font-weight:bold;font-size:22px;position:relative;margin:4px 0;text-align:right;}
	
nav ul li.page_item_has_children:hover{min-width:175px;}
	
nav ul li:after{content:"";position:absolute;height:50%;left:100%;right:0;background:#7ab700;bottom:0;z-index:-10;transition:.15s;}

nav ul li.page_item_has_children:after{height:100%}	

nav ul li:hover:after{left:0;}	

nav ul li a{color:white;line-height:100%;transition:.2s;box-sizing:border-box;}
	
nav ul li:hover > ul{left:0;}
	
nav ul li ul{position:absolute;top:100%;background:#7ab700;z-index:200;min-width:215px;left:100%;padding:6px 0;transition:.15s;}
	
nav ul li ul:before{content:"";height:2px;width:20px;background:#213b81;right:30px;position:absolute;top:2px;}
	
nav ul li ul li{font-size:17px;text-align:right;margin:1px 0;}
	
nav ul li ul li a{position:relative;display:block;transition:.2s;line-height:120%;}
	
nav ul li ul li a:hover{color:#213b81;}
	
#nav .close-btn, .nav-btn{display:none;}
	
.expand{display:none;}
	
}

@media screen and (max-width: 1200px), screen and (max-height:600px) {
	
#inner-wrap{display:block;}

.mobile-menu-link{background-color:black;width:100%;padding:15px;position:relative;box-sizing:border-box;}

#nav{position:absolute;top:0;z-index:200;overflow:hidden;width:100%;color:#fff;background:url(images/footer-bg.gif);padding:0 20px;box-sizing:border-box;border-left:3px solid white;}

#nav .block{display:flex;flex-direction:column;align-items:flex-end;}

nav ul{display:flex;flex-direction:column;align-items:flex-end;}

nav ul li{text-transform:uppercase;padding:0;padding:5px 0 4px 10px;font-family:'Agency FB';font-weight:bold;font-size:22px;position:relative;margin:4px 0;text-align:right;width:100%;box-sizing:border-box;}
	
nav ul li a{color:white;line-height:100%;transition:.2s;box-sizing:border-box;transition:.2s;}
	
nav ul li a:hover{color:#7ab700;}
	
nav ul li ul li{max-height:0;overflow:hidden;margin:0;padding:0;transition:.4s;}
	
nav ul li.opened{padding-bottom:0;margin-bottom:0;}

nav ul li ul li{font-size:16px;text-align:right;padding-right:15px;}
	
nav ul li.opened ul{padding-top:8px;}
	
nav ul li.opened ul li{max-height:100px;padding:5px 15px 5px 0;position:relative;}
	
nav ul li ul li:after{content:"-";position:absolute;right:0;top:4px;color:white;}
	
nav ul li.opened ul li a{line-height:135%;opacity:0.8;}
	
.nav-btn{position:absolute;top:35px;right:20px;z-index:200;display:block;width:33px;z-index:600;padding:7px;background:white;border-radius:3px;}

.js-nav .nav-btn{right:0;border-top-right-radius:0;border-bottom-right-radius:0;}

.nav-btn img{width:100%;height:auto;}
	
.nav-btn:hover{opacity:1;}

.close-btn{display:block;width:2em;height:2.25em;background:url("images/close-btn.svg") left center no-repeat;background-size: 1.875em 1.875em;overflow:hidden;margin:20px 0;}

.close-btn:hover{opacity:1;}

.js-nav .inner-wrap{position:relative;}

.js-nav #inner-wrap:after{content:"";top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);position:absolute;z-index:500;}
	
.expand{float:left;margin-top:-11px;font-size:34px;width:15px;height:15px;margin-top:3px;background:url(images/menu-arrows.svg);background-size:200% 200%;}

.expand.closed{background-position:bottom left;}

.expand.closed:hover{background-position:bottom right;cursor:pointer;}

.opened .expand.closed{background-position:top left;}

.opened .expand.closed:hover{background-position:top right;}
	
}

@media screen and (max-width:700px) {
	
.nav-btn{top:22px;right:5px;padding:7px 10px;}

}

#inner-wrap{overflow-x:hidden;}

.js-nav #inner-wrap{overflow-x:visible}

/*****  Content  *****/

.inner-right{flex:0 0 calc(100% - 285px);min-height:100%;padding-top:170px;overflow:hidden;display:flex;flex-direction:column;}

main{background-color:#FFF;width:100%;padding:40px 25px;box-sizing:border-box;flex:1;}

.page-heading{padding:25px;width:100%;box-sizing:border-box;background:#1d1d1d;}

.page-heading h1{font-family:'Agency FB';font-weight:bold;font-size:76px;color:white;text-transform:uppercase;position:relative;padding:5px 25px;display:inline-block;}

.page-heading h1:before{content:"";position:absolute;top:0;left:0;width:50px;height:50px;background:url(images/accent-topleft.svg) center center no-repeat;background-size:cover;}

.page-heading h1:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:40px;background:url(images/accent-bottomright.svg) center center no-repeat;background-size:cover;}

.content-boxes{flex:1;display:flex;padding:5px;background:#1d1d1d;}

.content-box{flex:1;position:relative;margin:5px;height:325px;display:flex;box-sizing:border-box;padding:25px;z-index:100;flex-direction:column;align-items:flex-start;justify-content:flex-end;}

.content-box:after{content:"";position:absolute;width:calc(100% + 3px);top:-1px;left:-1px;bottom:-1px;background:url(images/box-overlay.png) bottom left;background-size:cover;z-index:-10;}

.content-box a{background:url(images/box-link-arrow.png) center right no-repeat white;padding:7px;color:#203a81;font-family:"Agency FB";font-weight:bold;font-size:18px;width:140px;box-sizing:border-box;transition:.2s;}

.content-box h2{color:white;font-family:"Agency FB";font-weight:bold;font-size:2.7vw;line-height:110%;padding-bottom:15px;}

.content-box a:hover{width:155px;background:url(images/box-link-arrow.png) center right no-repeat #10a557;}

main p, main li{color:#1d1d1d;padding-bottom:20px;font-size:18px;line-height:150%;font-weight:normal;}

main ul{list-style-type:disc;padding-left:45px;padding-bottom:20px;}

main li{padding-bottom:10px;line-height:150%;}

.feature-image{width:100%;padding-top:23%;background-size:cover;background-repeat:no-repeat;background-position:center center;}

.highlight-image{width:100%;max-width:500px;margin-bottom:20px;float:right;margin-left:20px;position:relative;padding-bottom:25px;padding-right:25px;margin-right:-3px;}

.page-id-77 .highlight-image{max-width:550px;margin-left:0px;}

.highlight-image img{width:100%;height:auto;}

.highlight-image:after{content:"";position:absolute;bottom:0;right:0;width:50px;height:50px;background:url(images/accent-bottomright.svg) center center no-repeat;background-size:cover;}

.map{ -webkit-filter: grayscale(100%);filter:grayscale(100%);}

.me{display:none;}

.carousel-slider-outer{margin-bottom:30px;margin-top:10px;}

.owl-prev, .owl-next{background:#213b81;border-radius:100%;width:35px!important;height:35px!important;left:15px!important;display:flex!important;align-items:center;justify-content:center;}

.owl-next{right:15px!important;left:auto!important;}

.carousel-slider-nav-icon{width:31px!important;height:auto!important;margin:0;fill:white!important;transition:.2s;}

.owl-prev .carousel-slider-nav-icon{margin-right:4px;}

.owl-next .carousel-slider-nav-icon{margin-left:3px;}

.carousel-slider-nav-icon:hover{fill:white!important;opacity:0.6;}

.owl-prev:hover, .owl-next:hover{cursor:pointer;}

.carousel-slider__item{transition:.2s;}

.carousel-slider-outer:hover .carousel-slider__item{opacity:0.85;}

.carousel-slider-outer .carousel-slider__item:hover{opacity:1;}

.carousel-slider .owl-item img:focus, .carousel-slider__item:focus, .carousel-slider__item a:focus{outline:none;}

main .carousel-slider .carousel-slider__caption .caption{width:100%;background:#213b81;color:white;padding:0 10px;display:flex;min-height:60px;align-items:center;justify-content:center;font-weight:400;margin:0;box-sizing:border-box;font-size:17px;font-family:'Agency FB';text-transform:uppercase;font-weight:bold;line-height:130%;}

.carousel-slider-outer-406{background:#1d1d1d;padding:40px 0;position:relative;margin-top:0;}

.carousel-slider-outer-406:before{content:"";width:30px;height:30px;background:url(images/hwu-arrow.png) center bottom no-repeat;background-size:cover;position:absolute;margin:auto;left:0;right:0;bottom:100%;z-index:100;}

.carousel-slider .carousel-slider__item{position:relative;}

.carousel-slider .carousel-slider__item img{position:relative;z-index:500;}

.carousel-slider .carousel-slider__item:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border:4px solid rgba(0,0,0,0.15);box-sizing:border-box;}

.mfp-content .mfp-figure:after{background:white;}

@media screen and (max-width:985px) {
	
.content-boxes{flex-direction:column;}
	
.content-box{height:300px;}
	
.content-box h2{font-size:34px;line-height:120%;}

.feature-image{padding-top:30%;}
	
.highlight-image{float:none;margin-left:0;position:relative;padding-bottom:25px;padding-right:25px;margin:0 auto;}

.highlight-image:after{display:none;}
	
}
	
@media screen and (max-width: 1200px), screen and (max-height:600px) {
	
.inner-right{flex:100%;padding-top:110px;position:relative;}

.inner-right:before{content:"";position:absolute;top:115px;height:1px;left:20px;right:20px;background:rgba(255,255,255,0.65);}
	
main{flex-direction:column;padding:30px 20px 10px 20px;}

.page-heading{width:auto;margin:75px 20px;display:inline-block;padding:20px;}

.page-heading h1{font-size:48px;padding:10px 20px;}
	
}

@media all and (max-width: 700px){
	
.inner-right{padding-top:0;}

.inner-right:before{display:none;}
	
.page-heading{padding:50px 15px;background:none;margin:0;}

.page-heading h1{font-size:48px;display:block;padding:0;min-height:0;}

.page-heading h1:before, .page-heading h1:after{display:none;}

.me {
	padding:5px 0 15px 0;
	display: block;
}
.me a {
	color: #009bff;
}

.feature-image{padding-top:40%;}

.owl-prev, .owl-next{opacity:1!important;width:30px!important;height:30px!important;}

.carousel-slider-nav-icon{width:27px!important;height:auto!important;}

}

/*****  Gallery  *****/

.gallery{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px;}

.gallery-item{padding:10px;position:relative;text-align:center;width:25%;box-sizing:border-box;}

.gallery-item img{transition:.5s;width:100%;height:auto;max-width:100%;}

.gallery-item:hover img{opacity:0.8;}

.gallery br{display:none;}

@media all and (max-width: 850px){.gallery-item{width:33.33%;}}

@media all and (max-width: 650px){.gallery{width:calc(100% + 10px);	margin-left:-5px;}.gallery-item{width:50%;padding:5px;}}

/*****  Accordion  *****/

.accordion{padding-bottom:30px;}

.accordion br{display:none;}

.accordion-title{border-bottom:1px solid rgba(0,0,0,0.1);transition:.3s;color:#1d1d1d;font-size:24px;line-height:130%;font-family: 'Agency FB';font-weight:bold;text-transform:uppercase;padding:30px 40px 30px 0;position:relative;outline:none;}

.accordion-title:hover{border-bottom:1px solid #213b81;cursor:pointer;}

.accordion-title.open{color:#213b81;}

.accordion-title.open{border:none;}

.accordion-title:after{position:absolute;content:"";width:13px;height:13px;background:url(images/accordion-down.svg) center center no-repeat;background-size:cover;right:0;top:0;bottom:0;margin:auto;}

.accordion-title.open:after{content:"";background:url(images/accordion-up.svg) center center no-repeat;}

.accordion-content{border-bottom:1px solid rgba(0,0,0,0.1);padding:5px 0 15px 0;}

/*****  Form  *****/

form{width:100%;padding:20px;box-sizing:border-box;position:relative;}

form h2{color:white;padding-bottom:10px;font-size:24px;}

main form p{color:rgba(255,255,255,0.8);padding-bottom:10px;font-size:14px;}

input, textarea{font-family: 'Titillium Web', sans-serif;color:white;background:none;border:none;border-bottom:1px solid rgba(255,255,255,0.6);width:100%;font-size:17px;padding:5px 0;margin:5px 0;transition:.2s;border-radius:0;-webkit-appearance: none;}

input:focus, textarea:focus{outline:none;border-bottom:1px solid white;}

textarea{height:27px;resize:none;}

input[type=submit]{background:white;color:#2c3370;font-family:"Agency FB";font-weight:bold;width:200px;font-size:20px;margin:20px auto 0 auto;display:block;transition:.2s;}

input[type=submit]:hover{cursor:pointer;color:#1d1d1d;}

::placeholder{color:rgba(255,255,255,0.7);opacity:1;}

input:focus::placeholder, textarea:focus::placeholder{color:white;}

input.wpcf7-not-valid::placeholder{}

span.wpcf7-not-valid-tip{display:none!important;}

:-ms-input-placeholder{color:rgba(255,255,255,0.7);}

::-ms-input-placeholder{color:rgba(255,255,255,0.7);}

div.wpcf7 .ajax-loader{position:absolute;bottom:30px;left:15px;}

main div.wpcf7-response-output{background:white;text-align:center;margin:20px 0 0 0;width:100%;box-sizing:border-box;padding:10px;!important;font-size:14px;}
textarea.wpcf7-form-control.wpcf7-textarea {
    line-height: 1em !important; display: block;
} 
.application textarea {border:1px solid #89B2E9; color:#0C1245; padding:5px;}
.application input {border:1px solid #89B2E9; color:#0C1245; padding:5px;}
/* * * 7.0 Footer * * */


footer{flex:0 0 290px;display:flex;align-items:flex-end;flex-direction:column;box-sizing:border-box;padding:0 25px 15px 25px;position:absolute;bottom:0;right:0;}

footer ul{display:flex;flex-direction:column;list-style-type:none;align-items:flex-end;width:100%;padding:0;}

footer ul li{color:white;font-family:'Agency FB';text-align:right;margin:0;padding-top:5px;font-size:17px;text-transform:uppercase;line-height:150%;}

footer ul li a{color:white;transition:.15s;}

footer ul li img{width:60px;height:auto;margin:5px 8px 0 8px;}

footer ul li img:first-child{border:2px solid white;}

footer ul li img:last-child{margin-right:0;}

footer ul li a:hover{color:#7ab700;}

footer li.backtop a{background:#7cb52a;padding:4px 27px 4px 7px;font-weight:bold;position:relative;transition:.2s;margin:3px 0;display:block;}

footer li.backtop a:hover{color:white;background:#1d1d1d;cursor:pointer;}

footer li.backtop a:after{content:" ";height:14px;width:14px;position:absolute;right:7px;top:0;bottom:0;margin:auto;background:url(images/backtop.png) center center no-repeat;background-size:cover;}



@media screen and (max-width: 1200px), screen and (max-height:600px) {

footer{flex:1;display:flex;padding:25px;position:relative;background:#1c407e;flex-direction:row;justify-content:space-between;align-items:stretch;}

footer ul.footer-iso{align-items:flex-start;}

footer ul.footer-details{justify-content:flex-end;}

footer ul li{text-align:center;}

footer li.backtop{position:absolute;top:-25px;}
	
}

@media screen and (max-width: 550px){
	
footer{flex-direction:column;justify-content:center;align-items:center;}

footer ul.footer-iso{align-items:center;}

footer ul.footer-details{align-items:center;padding-top:15px;}
	
}

@media screen and (max-width: 1200px), screen and (max-height:600px) {.js-ready #nav{height:100%;width:250px;box-shadow:inset 2em 0 1.5em -0.25em rgba(0, 0, 0, 0.15);}.js-ready #nav .block{background:0 0}.js-ready #nav .close-btn{display:block;filter:alpha(Opacity=70);opacity:.7}.js-ready #nav .close-btn:focus,.js-ready #nav .close-btn:hover{filter:alpha(Opacity=100);opacity:1}.js-ready #nav{right:-250px}.js-ready #inner-wrap{right:0}.js-nav #inner-wrap{right:250px}.csstransforms3d.csstransitions.js-ready #nav{right:0;transform:translate3d(100%,0,0);backface-visibility:hidden}.csstransforms3d.csstransitions.js-ready #inner-wrap{right:0!important;transform:translate3d(0,0,0);transition:transform .5s ease;backface-visibility:hidden}.csstransforms3d.csstransitions.js-nav #inner-wrap{transform:translate3d(-250px,0,0) scale3d(1,1,1)}.csstransforms3d.csstransitions.js-ready #nav .block{filter:alpha(Opacity=70);opacity:.7;transition:opacity .3s .1s ease,transform .5s ease;transform:translate3d(-250px,0,0) scale3d(.9,.9,.9);transform-origin:-50% 0}.csstransforms3d.csstransitions.js-nav #nav .block{filter:alpha(Opacity=100);opacity:1;transform:translate3d(0,0,0)}}