/*
Theme Name: Adzpower CMS Template 1
Theme URL: https://www.adzpower.com.au/templates/cms
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:4px;margin:0 0 2px 7px;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;}

.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){.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%;
}

.home-container{width:100%;height:calc(100vh - 240px);display:flex;justify-content:space-between;align-items:flex-start;position:relative;background:url(images/bg-loading.gif) center center no-repeat;background-size:cover;}

.vidbg-container{background-color:transparent!important;}

#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:#00548f; /* Select h1 color */
	font-size: 32px;
	font-weight:700;
	padding-bottom:15px;
	text-transform:uppercase;
}

h2 {
	color:#0072bc; /* Select h2 color */
	font-size: 24px;
	font-weight:700;
	padding-bottom:10px;
	text-transform:uppercase;
}

h3 {
	color:#0072bc; /* Select h3 color */
	font-size: 20px;
	font-weight:700;
	padding-bottom:10px;
	text-transform:capitalize;
}

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

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

.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:550px;}

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

.home-strip{width:100%;height:240px;background:#1d1d1d;display:flex;align-items:center;position:relative;z-index:100;}

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

.home-strip-text{flex:1;margin:0 30px 40px 30px;color:white;font-size:35px;text-align:center;position:relative;padding:10px 20px;line-height:135%;transition:.3s;}

.home-strip-text:before{content:"";position:absolute;top:0;left:0;width:60px;height:60px;background:url(images/accent-topleft.svg) center center no-repeat;background-size:cover;}

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

.arrow {position:absolute;opacity:1;bottom:0;right:0;width:50px;height:30px;}

.arrow:before, .arrow:after{background:#fff;content:'';display:block;height:3px;position:absolute;bottom:15px;right:0;left:0;margin:auto;width:25px;}

a.scroll{position:absolute;left:calc(50% + 90px);width:50px;height:30px;bottom:33px;transition:.3s;}

a.scroll:hover{cursor:pointer;}

a.scroll:before{content:"Scroll For More";position:absolute;bottom:-19px;color:white;font-size:11px;left:-25px;right:-25px;text-align:center;line-height:100%;font-weight:600;}


@media screen and (max-width:1050px), screen and (max-height:750px) {
	
.home-container{height:100vh;}

.home-strip{height:200px;}

.home-strip-text{flex:1;margin:0 20px;color:white;font-size:25px;text-align:center;position:relative;padding:12px;}

.home-phone{bottom:0;}

.arrow:before, .arrow:after{background:#1c407e;}

a.scroll{left:calc(50% - 25px);bottom:auto;top:-65px;}

a.scroll:before{color:#1c407e;font-weight:700;}

}

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

.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{width:375px;padding-left:20px;padding-top:10px;}
	
.home-container:before{content:"";position:absolute;top:115px;height:1px;left:20px;right:20px;background:rgba(255,255,255,0.65);}

}

@media screen and (max-width:800px) {
	
.home-container{width:100%;height:275px;display:block;border-top:90px solid white;}
	
.home-logo-outer{background:white;padding:15px;box-sizing:border-box;width:100%;max-width:none;margin-top:-90px;}
	
.home-logo{width:250px;}

.home-strip{height:auto;flex-direction:column;padding-bottom:35px;}

.home-strip:before{content:"";background:url(images/footer-bg.gif);top:0;left:0;width:100%;height:150px;position:absolute;}

.home-strip-payoff{width:100%;height:auto;max-width:200px;padding:35px 0;position:relative;z-index:100;}

.home-strip-text{font-size:26px;padding:20px;margin:0 30px;}
	
.home-container:before{display:none;}

a.scroll{display:none;}
	
}

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

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

@media all and (min-width:1200px) and (min-height:750px) {
	
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:750px) {
	
#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:800px) {
	
.nav-btn{top:22px;right:5px;padding:7px 10px;}

}

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

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


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

main{background-color:#FFF;width:100%;display:flex;}

.main-left{flex:1;display:flex;padding:3px;}

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

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

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

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

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

main p, main li{color:#777878;margin-bottom:10px;font-size:13px;line-height:150%;font-weight:normal;}

main li{margin:2px auto;}

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

/*****  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%; /* Width will define items per row */
	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;}}


/* * * 7.0 Footer * * */


footer{flex:0 0 290px;background:#1c407e;display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:column;box-sizing:border-box;padding:0 25px 15px 25px;}

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;}

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

footer{flex:1;display:flex;align-items:center;padding:25px;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;}
	
}

@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:750px) {.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)}}


.arrow-second {
    animation: arrow-movement 5s ease-in-out infinite;
}

.arrow:before {
    transform: rotate(45deg) translateX(-20%);
    transform-origin: top left;
}

.arrow:after {
    transform: rotate(-45deg) translateX(20%);
    transform-origin: top right;
}

@keyframes arrow-movement{

0%{opacity:0;bottom:0;}

10%{opacity:1;bottom:0;}

90%{opacity:1;bottom:0;}

100%{opacity:0;bottom:-12px;}

}