/*
Theme Name: Central Commercial Electrics V3
Theme URL: http://www.centralcomelec.com.au
Author: Adz Power Agencies
Author URI: http://www.adzpower.com.au
 
/*****  Wordpress Generic  *****/

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

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

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

body, html, .outer-wrap, .inner-wrap {
	font-family: 'Montserrat', sans-serif;
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
	overflow-x: hidden;
}

.container{width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;min-height:750px;}

#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:#e54236;
	font-size:36px;
	font-weight:700;
	padding-bottom:25px;
	text-transform:uppercase;
}

h2 {
	color:#e54236;
	font-size:32px;
	font-weight:600;
	padding-bottom:25px;
	text-transform:uppercase;
}

h3 {
	color:#e54236;
	font-size:22px;
	font-weight:600;
	padding-bottom:20px;
	text-transform:uppercase;
}

@media all and (max-width: 800px){
	
.container{height:auto;max-height:none;display:block;min-height:0;}
	
}

/*****  Contact Strip  *****/

.header-strip{width:100%;height:auto;padding:7px 15px;box-sizing:border-box;flex-grow:0;flex-shrink:0;display:flex;justify-content:space-between;background:#e54a34;align-items:center;font-family: 'Open Sans', sans-serif;}

.header-strip ul{height:auto;box-sizing:border-box;display:flex;align-items:center;}

.header-strip ul li{color:white;text-transform:uppercase;padding:0 10px;border-right:2px solid #353535;font-weight:600;font-size:15px;line-height:100%;}

.header-strip ul li:first-child{padding-left:0;}

.header-strip ul li:last-child{padding-right:0;border-right:0;}

.header-strip ul li a{color:white;transition:.2s;}

.header-strip ul li a:hover{color:#353535;}

.header-strip ul li img{width:110px;padding:4px;background:white;border-radius:5px;}

@media all and (max-width: 950px){
	
.header-strip{flex-wrap:wrap;padding:15px 10px;}

.header-strip ul{flex:0 0 100%;justify-content:center;}

.header-strip ul.header-master{flex-wrap:wrap;padding-top:20px;}
	
.header-strip ul.header-master li{flex:0 0 100%;text-align:center;border:none;}

.header-strip ul li{font-size:14px;}	
	
.header-strip ul li img{margin-top:15px;}

}

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

header{background:#fefdf9;width:100%;height:115px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:100;padding:15px 15px 15px 0;box-sizing:border-box;}

.header-logo{width:300px;position:relative;z-index:100;}

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

@media screen and (max-width:1050px) {
	
header{position:static;}
	
}

@media all and (max-width: 800px){
	
header{height:auto;padding:3px 15px 3px 0;}

.header-logo{width:calc(100% - 70px);max-width:200px;}
	
}

/*****  Menu  *****/

@media screen and (min-width:1075px) {
	
.nav-btn-outer{display:none;}
	
nav .block{height:100%;}
	
nav ul{display:flex;align-items:center;max-width:800px;justify-content:space-between;height:100%;}
	
nav ul li{padding:0 10px;text-transform:uppercase;position:relative;}
	
nav ul li:last-child{padding-right:0;}
	
nav ul li:first-child{padding-left:0;}
	
nav ul li a{color:#212121;font-size:15px;font-weight:600;transition:.2s;}
	
nav ul li:hover a{color:#e54a34;}
	
nav ul li:hover > ul{visibility:visible;opacity:1;}
	
nav ul li ul{position:absolute;top:100%;flex-direction:column;align-items:flex-start;height:auto;padding-top:60px;padding-bottom:13px;visibility:hidden;transition:.2s;opacity:0;}
	
nav ul li ul:before{content:"";position:absolute;left:-2000px;right:-2000px;background:rgba(229,74,52,0.95);top:47px;bottom:0;}
	
nav ul li ul li{padding:10px 0;}
	
nav ul li:hover ul li a{color:white;}
	
nav ul li ul li a:hover{color:#212121}
	
}

@media screen and (max-width:1075px) {
	
#outer-wrap{position:relative;overflow:hidden;width:100%;}

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

#nav{position:absolute;top:0;z-index:200;overflow:hidden;width:100%;color:#fff;background:#e54236;padding:0 15px;box-sizing:border-box;}

nav ul li{text-transform:uppercase;padding:8px 0;display:block;width:100%;}
	
nav ul li a{font-size:16px;font-weight:600;transition:.2s;box-sizing:border-box;color:white;line-height:150%;}

nav ul li a:hover{color:#212121;}
	
nav ul li ul li{padding-left:16px;}
	
nav ul li ul{padding-top:10px;}
	
nav ul li ul li a{font-weight:500;font-size:14px;}

.nav-btn-outer{width:45px;height:45px;padding:7px;box-sizing:border-box;background:#212121;border-radius:3px;}

.nav-btn-outer:hover{background:#e54236;}

.nav-btn{display:block;opacity:1;width:100%;}

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

.close-btn{display:block;width:2.625em;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(255,255,255,0.5);position:absolute;z-index:500;}
	
}

/*****  Slideshow  *****/

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	flex:1;
	padding: 0;
	margin: 0;
	background:black;
}

.rslides li {
  	-webkit-backface-visibility: hidden;
  	position: absolute;
  	display: none;
  	width: 100%;
	height:100%;
  	left: 0;
  	top: 0;
}

.rslides li:first-child {
  	position: relative;
  	float: left;
	display:block;
}

.rslides img {
  	display: block;
  	height: auto;
  	float: left;
  	width: 100%;
  	border: 0;opacity:0.8;
}

.slideshow-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-end;}

.slideshow-text{width:60%;padding-right:100px;text-align:right;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-end;}

.slideshow-text h2{color:white;font-size:2.6vw;text-transform:none;line-height:130%;text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.85);padding:10px 0;}

.slideshow-text p{color:white;font-size:1.6vw;line-height:135%;text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);padding:10px 0;width:50%;text-align:right;}

.slideshow-text a{color:white;font-size:18px;background:#090805;padding:20px 220px 20px 20px;border-top-left-radius:100px;border-bottom-left-radius:100px;margin:20px -200px 20px 0;transition:.2s;}

.slideshow-text a:after{content:"";padding-left:18px;width:18px;height:18px;margin-left:20px;background:url(images/learn-arrow.png) center center no-repeat;background-size:cover;}

.slideshow-text a:hover{padding-right:240px;}

@media all and (max-width: 1300px), all and (max-height: 800px){
	
.slideshow-text{width:60%;padding-right:25px;}

.slideshow-text p{width:60%;}

.slideshow-text a{color:white;font-size:16px;background:#090805;padding:15px 120px 15px 20px;margin:20px -100px 20px 0;transition:.2s;}
	
}

@media all and (max-width: 800px){
	
.rslides{height:auto;background:#090805;}

.rslides li{height:300px;margin-top:225px;}

.rslides1_on{position:relative!important;float:left!important;}

.slideshow-inner{width:100%;height:225px;display:flex;align-items:center;justify-content:center;background:#090805;margin-top:-225px;z-index:900;padding:20px 0;box-sizing:border-box;position:relative;padding-bottom:30px;}
	
.slideshow-text{text-align:center;padding-right:0;width:100%;}

.slideshow-text h2{font-size:28px;text-shadow:none;padding:10px 20px;}

.slideshow-text p{font-size:20px;text-shadow:none;padding:10px 20px;text-align:center;color:#e54a34;font-weight:500;width:100%;box-sizing:border-box;}

.slideshow-text a{color:white;font-size:14px;background:#e54a34;padding:13px 25px;margin:0;transition:.2s;position:absolute;bottom:-20px;right:0;}

.slideshow-text a:after{display:none;}

.slideshow-text a:hover{padding-right:50px;}

}

@media all and (max-width: 550px){
	
.rslides li{height:200px;}

.slideshow-text h2{font-size:24px;}

.slideshow-text p{font-size:18px;}

}

/*****  Boxes  *****/

.boxes{width:100%;flex:0 0 200px;background:#e54a34;display:flex;overflow:hidden;height:200px;}

.single-box{height:100%;flex:1;border-right:1px solid #d2130d;padding:0 40px;text-align:center;transition:.2s;overflow:hidden;}

.single-box:last-child{border-right:none;}

.single-box p{color:white;font-weight:700;text-align:center;font-size:19px;line-height:135%;text-transform:uppercase;transition:.2s;}

.single-box img{width:100%;max-width:95px;height:auto;padding:20px 0 15px 0;transition:.2s;}

.boxes:hover .single-box img, .boxes:hover .single-box p{opacity:0.4;}

.boxes .single-box:hover img, .boxes .single-box:hover p{opacity:1;}

@media all and (max-width: 1375px){
	
.single-box{padding:0 30px;}
	
.single-box p{font-size:17px;}

.single-box img{max-width:80px;}
	
}

@media all and (max-width: 1000px){
	
.single-box:nth-child(3){display:none;}

}

@media all and (max-width: 800px){
	
.boxes{width:100%;flex-wrap:wrap;height:auto;}

.single-box{flex:0 0 50%;padding:20px 15px;box-sizing:border-box;border-bottom:1px solid #d2130d;height:auto;}

.single-box:nth-child(2), .single-box:last-child{border-right:none;}	

.single-box:nth-last-of-type(-n+2){border-bottom:none;}

.single-box img{padding:3px 0 15px 0;max-width:70px;}

.single-box p{font-size:15px;}

}

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

main{display:flex;align-items:center;padding:70px 0 60px 0;background:#f1f0f0;}

main.imgright{flex-direction:row-reverse;}

.main-image{flex:1;max-width:800px;}

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

.main-content{flex:1;display:flex;justify-content:center;align-items:center;}

.main-content-inner{width:100%;max-width:800px;padding:0 60px;box-sizing:border-box;padding-top:20px;}

main.imgright .main-content-inner{text-align:right;}

main p{font-weight:500;line-height:160%;color:#353535;padding-bottom:25px;font-size:17px;}

main p a{font-weight:500;color:#353535;transition:.2s;}

main p a:hover{color:#e54236;}

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

main li{margin:2px auto;}

.main-full-inner{width:100%;max-width:1060px;text-align:center;margin:0 auto;padding:0 30px;box-sizing:border-box;}

.main-full-inner.testimonials-outer h1{flex:0 0 100%;}

.testimonial-single{background:white;padding:25px 25px 0 25px;flex:0 0 100%;box-sizing:border-box;position:relative;text-align:left;margin-bottom:55px;border-bottom:5px solid #c1c0c0;}

.testimonial-single:after{content:"";background:#c1c0c0;position:absolute;bottom:-10px;left:35px;height:50px;width:50px;margin:auto;transform:rotate(45deg);}

.testimonial-single:nth-of-type(even):after{left:auto;right:35px;}

.testimonial-name-outer{width:100%;display:flex;justify-content:flex-end;align-items:flex-start;border-top:1px solid rgba(0,0,0,0.20);padding-top:5px;position:relative;z-index:100;margin-top:3px;background:white;padding-bottom:25px;}

.testimonial-single .quotations{width:20px;height:auto;padding-right:12px;padding-top:15px;}

.testimonial-single p{font-size:14px;line-height:165%;padding-bottom:15px;}

.testimonial-single p.testimonial-name{font-weight:600;color:#e54236;padding-top:10px;padding-bottom:0;}
	
@media all and (max-width: 1000px){
	
main{flex-direction:column-reverse;padding:40px 0;}
	
main.imgright{flex-direction:column-reverse;}
	
main.imgright .main-content-inner{text-align:center;}

.main-image{width:100%;max-width:none;padding-right:50px;box-sizing:border-box;}
	
main.imgright .main-image{padding:0 0 0 50px;}

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

.main-content{flex:1;display:flex;justify-content:center;align-items:center;}

.main-content-inner{width:100%;max-width:none;padding:0 30px 65px 30px;box-sizing:border-box;text-align:center;}
	
}

@media all and (max-width: 800px){
	
main{padding:40px 0 50px 0;}

.main-image{padding-right:30px;}
	
main.imgright .main-image{padding:0 0 0 30px;}

.main-content{flex:1;display:flex;justify-content:center;align-items:center;}

.main-content-inner{padding:0 20px 35px 20px;}

main p{font-size:16px;}
	
}

.secondary-content{background:#212121;width:100%;padding:50px 30px;box-sizing:border-box;}
	
.secondary-inner{width:100%;max-width:960px;margin:0 auto;text-align:center;}

.secondary-inner ul{display:flex;flex-wrap:wrap;width:calc(100% + 40px);margin-left:-20px;padding-bottom:25px;}

.secondary-inner ul:hover li{opacity:0.7;}

.secondary-inner ul li{background:white;color:#212121;flex:0 0 25%;border:20px solid #212121;box-sizing:border-box;padding:15px;font-size:15px;display:flex;align-items:center;justify-content:center;transition:.2s;}

.secondary-inner ul li:hover{opacity:1;color:#e54236;font-weight:600;}

.secondary-inner p, .secondary-inner li{font-weight:500;line-height:160%;color:white;padding-bottom:25px;font-size:17px;}

@media all and (max-width: 950px){
	
.secondary-inner ul{width:calc(100% + 30px);margin-left:-15px;}
	
.secondary-inner ul li{flex:0 0 33%;border:15px solid #212121;font-size:13px;}

}

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

.secondary-inner ul{width:calc(100% + 20px);margin-left:-10px;}
	
.secondary-inner ul li{flex:0 0 50%;border:10px solid #212121;}

}

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

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

.gallery-item{
	padding:20px;
	position:relative;
	text-align:center;
	width:20%; /* Width will define items per row */
	box-sizing:border-box;
	
}

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

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

/* * * Footer * * */

.footer-strip{width:100%;height:200px;background:url(images/bottom-strip.jpg) center center no-repeat;background-size:cover;}

footer{background:#dcdcdc;color:#353535;width:100%;padding:30px 20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;position:relative;}

footer ul{display:flex;align-items:center;}

footer ul li{font-weight:600;line-height:100%;font-size:12px;padding:0 10px;border-right:1px solid #353535;text-transform:uppercase;}

footer ul.contact li{color:#e54a34;border-right:1px solid #e54a34;}

footer ul li:first-child{padding-left:0;}

footer ul li:last-child{padding-right:0;border-right:none;}

footer ul li a{color:#353535;transition:.2s;}

footer ul.contact li a{color:#e54a34;}

footer ul li a:hover{color:#e54a34;}

footer ul.contact li a:hover{color:#353535;}

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

footer{flex-direction:column;}

footer ul{padding:10px 0;}

footer ul.copyright{flex-wrap:wrap;justify-content:center;}

footer ul.copyright li:last-child{flex:0 0 100%;text-align:center;padding-top:20px;}

footer ul.copyright li:nth-last-child(2){border-right:none;}

}

@media all and (max-width: 800px) {
	
.footer-strip{height:125px;}
	
footer{padding:15px 20px 15px 20px;}

footer:before{display:none;}	
	
footer ul{flex-wrap:wrap;padding:5px 0;}
	
footer ul li{flex:0 0 100%;padding:5px 0;border-right:none;text-align:center;line-height:135%;}

footer ul.contact li{border-right:none;}

}

/* * * Menu Technical/Animations * * */

@media screen and (max-width:1075px) {.js-ready #nav{height:100%;width:275px;box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);}.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{left:-275px}.js-ready #inner-wrap{left:0}.js-nav #inner-wrap{left:275px}.csstransforms3d.csstransitions.js-ready #nav{left:0;transform:translate3d(-100%,0,0);backface-visibility:hidden}.csstransforms3d.csstransitions.js-ready #inner-wrap{left:0!important;transform:translate3d(0,0,0);transition:transform .5s ease;backface-visibility:hidden}.csstransforms3d.csstransitions.js-nav #inner-wrap{transform:translate3d(275px,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(275px,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)}}

#slide-up{opacity:0;transform:translateY(75px);transition:1.2s;}

#slide-up.slideup{opacity:1;transform:translateY(0)}

#slide-right{opacity:0;transform:translateX(-100px);transition:1.2s;}

#slide-right.slideright{opacity:1;transform:translateX(0)}

#slide-left{opacity:0;transform:translateX(100px);transition:1.2s;}

#slide-left.slideleft{opacity:1;transform:translateX(0)}