/*
Theme Name: Associated Locksmiths 2
Theme URI:
Author: Mr. Digital
Author URI: http://www.mrdigital.com.au
*/

@font-face {
    font-family: 'dinbold';
    src: url('fonts/din-bold-webfont.eot');
    src: url('fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-bold-webfont.woff2') format('woff2'),
         url('fonts/din-bold-webfont.woff') format('woff'),
         url('fonts/din-bold-webfont.ttf') format('truetype'),
         url('fonts/din-bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dinlight';
    src: url('fonts/din-light-webfont.eot');
    src: url('fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-light-webfont.woff2') format('woff2'),
         url('fonts/din-light-webfont.woff') format('woff'),
         url('fonts/din-light-webfont.ttf') format('truetype'),
         url('fonts/din-light-webfont.svg#dinlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dinmedium';
    src: url('fonts/din-medium-webfont.eot');
    src: url('fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-medium-webfont.woff2') format('woff2'),
         url('fonts/din-medium-webfont.woff') format('woff'),
         url('fonts/din-medium-webfont.ttf') format('truetype'),
         url('fonts/din-medium-webfont.svg#dinmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dinregular';
    src: url('fonts/din-regular-webfont.eot');
    src: url('fonts/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-regular-webfont.woff2') format('woff2'),
         url('fonts/din-regular-webfont.woff') format('woff'),
         url('fonts/din-regular-webfont.ttf') format('truetype'),
         url('fonts/din-regular-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




.wf-gmp-canvas {border:2px solid #222}

h1,h2,h3,h4,h5,h6 {font-weight:600;}
h1 {color:#bf202f}
h3 {color:#272727}

a, input, button {outline:0 !important; border:0 !important;}


.infobox {border:2px solid #444; padding:30px; margin-bottom:20px;}

body {
	font-size:16px;
	font-family:"dinregular", sans-serif;
margin-top: 90px;
}

.navbar-nav>li>a {font-size:0.9em}

p, li {font-family:"lato", sans-serif}

footer.seccolour h3 {color:#fff;
text-transform:uppercase;
font-weight:600;
}

footer p {color:#fff; font-size:120%;}

footer.seccolour a:hover,
footer.seccolour a:active,
footer.seccolour a:focus {color:#fff}
footer h3 {color:#fff; font-weight:800;}


.hotwaterman {
position:relative; 
margin:0 auto; 
margin-bottom:-60px;  
display:block; 
z-index:999;
}

#slider .fronttitle {color:#fff}


.paging a {font-weight:600; font-size:130%; color:#222; border:1px solid #e0e0e0 !important; padding:5px 10px;}
.paging a {text-decoration:none}

.page-numbers.current{font-weight:600; background:#bf202f; font-size:130%; color:#fff; border:1px solid #e0e0e0 !important; padding:5px 10px;} 


footer li {list-style-type:none;
margin:0}

footer ul {padding:0; margin:0}

footer a {color:#c9ff0f}

.enquiry h1 {color:#fff; text-align:center; font-size:24px}

.gform_confirmation_message {font-size:20px; color:#fff; text-align:center; display:block; padding:20px 0}

.copyright {margin-top:50px}

header {
	padding:15px 0;
	background:#fff;
	width:100%;
	border-bottom:2px solid #e0e0e0;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background:transparent;}


.intro {font-size:1.2em}

.sideimg:hover,
.sideimg:focus,
.sideimg:active
 {opacity:0.9}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background:transparent; color:#222;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background:transparent;}


.menubutton {font-size:40px; float:right; color:#222;}
.logo {max-height:60px;

-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dropdown-menu>li>a {font-size:16px;}


.phonesidemenu {
	font-size:150%;
display:block;
	margin-top:5px;
	text-align:center;
	font-weight:700;
}


.navbar-nav>li {
	text-transform:uppercase;
	font-weight:700;
	border-right:1px solid #e0e0e0 !important;
}

.navbar-nav>li:last-child {border:0 !important}


.nav>li>a:hover, .nav>li>a:focus
{
	background:transparent;
}



#slider {
	box-sizing:border-box;
	padding:40px 0 40px 0;
	background: #000;
	background-size:cover;
	background-position:center center;
	position:relative;
}


.archlinks {padding:10px 20px; background:#e0e0e0; border-radius:10px; display:block; margin-bottom:10px;
color:#222;}

.archlinks:hover,
.archlinks:focus,
.archlinks:active
 {text-decoration:none; background:#c9ff0f; font-weight:600}

.dedicated h4 {font-size:30px}

.dedicated h3:after,
.infobox h3:after

{
    content:' ';
    display:block;
	width:80px;
margin:0 auto;
margin-top:10px;
    border:2px solid #bf202f;
}


.fronttitle:after
{
    content:' ';
    display:block;
	width:80px;
margin:0 auto;
margin-top:10px;
    border:2px solid #f0f0f0;
}

#slider .enquirytitle {
	padding:10px 0;
display:block;
margin:0 auto;
}




/* MENU HAMBURGER*/
#hamburger {
float:right;
  margin-top:10px;
  padding: 5px;
  display: inline-block;
  width: 40px;
  
}

#hamburger span {
  background: #111;
  display: block;
  height: 3px;
  margin: 4px 0;
}

html.mm-opened #hamburger span.topd-bar {
  transform: rotate(45deg);
  top: 7px;
}

html.mm-opened #hamburger span.middle-bar {
  opacity: 0;
}

html.mm-opened #hamburger span.bottom-bar {
  transform: rotate(-45deg);
  top: -7px;
}

#hamburger {
  overflow: hidden;
}

#hamburger span {
  position: relative;
  transform: rotate(0);
  top: 0;
  left: 0;
  opacity: 1;
  transition: none .5s ease;
  transition-property: transform,top,left,opacity;
}

.mm-menu {
  background: #f1f1f1;
}

.mm-listview>li>a,.mm-listview>li>span {
  color: #111;
  font-size: 1.6em;
  text-align: center;
  display: block;
  padding: 1em 0;
}

.mm-navbar {
  display: none !important;
}

.mm-menu .current-menu-item {
  color: red !important;
}






#features .feature .box img {height:100px; display:block; margin:0 auto; opacity:0.9; moz-opacity:0.9; -webkit-opacity:0.9}

#features .feature:hover .box img {

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

}
#features .feature p {
font-size:100%;
}
#features .feature .box
{
	
	
	margin-bottom:20px;
	overflow:hidden;
	
}


#features .feature h3
{
	text-align:center;
	
	color:#333;
	font-size:1.4em;
	z-index:600;
	position:relative;
	font-weight:600;
	text-transform:uppercase;
}

#features h3 {

font-weight:300;
}

/*========== BRANDS ==========*/

#brands img {
	max-height:80px;
	width:auto;
	padding:0 10px;
	display:block;
	margin:0 auto;
}

#brands h3 {font-weight:300}


/*========== CLOCK ==========*/

#clock {font-size:140%; color:#c9ff0f; text-align:center; font-weight:600; margin-bottom:15px}
#clock:before {content:"Available now "; color:#fff; font-weight:400;}


#clocktwo {font-size:140%; color:#c9ff0f; text-align:center; font-weight:600; margin-top:-20px; margin-bottom:15px}
#clocktwo:before {content:"Available now "; color:#fff; font-weight:400;}

/*========== HALF HALF ==========*/

.halfhalf h4 {font-size:130%; color:#c9ff0f !important; margin-top:20px; font-size:26px; font-weight:600;}
.halfhalf p {font-size:120%;}



/*========== INFOBOXES ==========*/


.infobox h3 {font-weight:800;
	font-size:130%;
text-transform:uppercase;
color:#bf202f;
}
.infobox p {font-size:100%;}


.infobox img {display:block; margin:0 auto; width:30%}



/*========== TESTIMONIALS ==========*/

#testimonials p {font-size:100%;}
#testimonials {
padding-top:50px;
background-size:cover;
}



/*========== COLOURS ==========*/


.pricolour {
	background:#4377bc;
}

.seccolour {
	background:#3368b4;
}

.thirdcolour {

background:#222;}


.fourthcolour
{

	

background: url('img/housebg.jpg') #4377bc;
    background-size: cover;
}


.thirdcolour p, .thirdcolour li,   .fourthcolour p, .fourthcolour li, .fourthcolour h2 {color:#fff !important;}

.fourthcolour h4 {color:#fff;}
.thirdcolour h2 {color:#c9ff0f !important}


/*========== SPACING ==========*/

.margins {margin:3em 0;}
.paddings {padding:3em 0;}

.padding-top {padding-top:3em;}
.margin-top {margin-top:3em;}
.padding-bottom {padding-bottom:3em;}



/*========== ENQUIRY FORM ==========*/

.enquiry .gform_validation_container  { 
	display:none; 
}

.enquiry {
	box-sizing:border-box;
	border-radius:5px;
	width:100%;
}

.enquiry .gform_title
{
	color:#fff;
}

.enquiry .hidden_label label {display:none;}

.enquiry ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.enquiry input[type=text],
.enquiry input[type=email],
.enquiry input[type=tel]
{
	border-radius:5px;
	border:3px solid #e0e0e0 !important;
	width:100%;
	margin-bottom:15px;
	height:50px;
	padding:0 20px;
	font-size:110%;
	font-weight:600;
}

.enquiry textarea {
	border:3px solid #e0e0e0 !important;
}

.enquiry .gform_title {
	margin-top:0;
}

.enquiry input[type=submit]  {
	padding:20px;
	border:0;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	background:#3367b3;
	border-radius:10px;
        text-shadow:2px 2px 6px rgba(0,0,0,0.3);
	color:#fff;
        font-weight:800;
}

.enquiry input[type=submit]:hover,
.enquiry input[type=submit]:active,
.enquiry input[type=submit]:focus {
background: #c9ff0f !important;
color:#222;}



.enquiry textarea {
	height:80px;
	width:100%;
	font-weight:600;
	padding:20px;
	border-radius:5px;
}

.validation_error, .validation_message {color:#fff; margin:-5px 0 20px 0; font-weight:600;}
.phonetop
{
	display:block;
	padding:15px 0;
	text-align:center;
	color:#fff;
	font-weight:700;
	font-size:110%;
	text-transform:uppercase;
	text-decoration:none;
}

.phonetop:hover,
.phonetop:focus,
.phonetop:active {
	text-decoration:none;
color: #c9ff0f !important;

}



.phone .glyphicon {font-size:70%;}

footer {
	padding:30px 0 60px 0;
	background:url('https://www.bondijunctionlocksmiths.com.au/landing/wp-content/uploads/2016/05/top.png') #3368b4; background-repeat:repeat-x; background-position:top center;
}
#slider .guarantee {width:150px; display:block; margin:0 auto;}
/*========== Mobile First Method ==========*/

/* FIXED NAV BAR */
@media only screen and (max-width : 768px) {
	body {margin-top:0;}
	header {position:relative !important;}

footer {text-align:center}
}

footer img {display:block; margin:0 auto;}


/* Custom, iPhone Retina */
@media only screen and (min-width : 100px) {
	.phintro {color:#fff; font-size:28px;}
#slider .enquirepic {display:none;}
header {padding-top:75px;}

#slider .guarantee {margin-top:0}

.licence {text-align:center}

p {font-size:90%;}
.fronttitle {font-size:140%; font-weight:600; text-transform:uppercase;}



}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

.enquiry input[type=submit]  {font-size:100%}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

header {padding:15px 0;}

.fronttitle {font-size:200%; font-weight:600; margin-bottom:30px;}

#slider .guarantee {margin-top:200px}

#slider .enquirepic
{
        top:100px;
	position:absolute; 
	z-index:500;
	right:0;
	width:250px;
	display:block;
}

#slider .van {
position: relative;
    bottom: -200px;
    left: 0;
}

	
}

/* IPAD PORTRAIT */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {.nav>li>a {font-size:13px}
}



/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {



	#slider .van {
	position:relative;
 	bottom:-140px; 
 	left:0;
}



#slider .guaranteephone {margin-top:0}

.licence {text-align:left}

.enquiry input[type=submit]  {font-size:130%}

p,li{font-size:110%;}


	#navbar {margin-top:10px;}

.fixed .logo {
	max-height:50px !important;

}



#slider .enquirepic
{
    width:320px;
	position:absolute; 
	z-index:500;
	right:0;
	top:50px;
}

.fixed #navbar {margin-top:0px;}


header .phone {
	font-size:240%;
	float:right;
	margin-top:-5px;
	font-weight:600;

}


#slider .guarantee {
    position: absolute;
    z-index: 500;
    right: 10px;
    width: 150px;
    top: 160px;
    display: block;
}


	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	
}




.callbtn {
    color: #fff;
    font-size: 1.4em;
    margin:0.6em;
    border: 1px solid #fff !important;
    display: block;
    padding: 0.5em 2em;
    text-decoration: none !important;
    cursor: pointer;
}


.callbtn:hover,
.callbtn:active,
.callbtn:focus
{background:#555; color:#fff;}