/*
Theme Name: huntershillelectrician-template
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: 
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: huntershillelectrician

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Theme Name: New Temp */
*
{
font-family: "Raleway",arial,sans-serif;
}

#sticky.stick {
    box-shadow: 0 3px 6px 0 #8b8f91;
    position: fixed;
    top: 0;
    z-index: 10000;
	transition: all 0.4s ease;
}
#sticky {
background: rgba(255, 255, 255, 0.9);
    width: 100%;
}
.stick .logo img {
    width: 70%;
	transition: all 0.4s ease;
}

.stick .family img
{
width:90%;
transition: all 0.3s ease;
}

.stick .owners img
{ 
width:80%;
transition: all 0.4s ease;
}

.stick .logo, .stick .family
{
margin-top:10px;
transition: all 0.3s ease;
}

.family img
{
width:100%;
transition: all 0.3s ease;
}

.owners img
{
width:100%;
transition: all 0.4s ease;
}

.logo, .family
{
margin-top:20px;
transition: all 0.3s ease;
}

.logo img
{
width: 100%;
transition: all 0.4s ease;
}

.stick .contact li{
	font-size: 13px;
	transition: all 0.4s ease;
}
.stick .contact{
	margin-top: 0;
	transition: all 0.4s ease;
}
.stick .glyphicon{
	font-size: 20px;
	transition: all 0.4s ease;
}
.stick .nav > li > a {
    color: #333;
    font-size: 14px;
	transition: all 0.4s ease;
}
.scrollToTop {
    background: url("http://www.plumberartarmon.com.au/wp-content/uploads/2015/03/arrowup.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #aeadad;
    color: #444;
    display: none;
    font-weight: bold;
    height: 44px;
    padding: 0;
    position: fixed;
    right: 2px;
    text-align: center;
    text-decoration: none;
    top: 546px;
    width: 42px;
    transition: all 0.4s ease;
}
.scrollToTop:hover{
	text-decoration:none;
	border: 1px solid #838282;
	opacity: 0.5;
}
a:hover, a:focus{
text-decoration: none !important;
}
.glyphicon {
    font-size: 25px;
    margin-right: 5px;
	color: #777;
}
.contact {
	transition: all 0.3s ease;
}
.contact li {
    display: inline;
    font-size: 14px;
    margin-right: 20px;
	transition: all 0.4s ease;
}

.nav
{
margin-top:5px !important;
text-align:center !important;
}

nav
{
border:none !important;
}

#bs-example-navbar-collapse-1
{
border:none !important;
padding:0px !important;
margin:0px !important;
}
.navbar
{
text-align:center;
padding:0px !important;
margin:0px !important;
background:none !important;
}
.navbar-nav > li > a:hover, .navbar-nav > li.active a{
color: #3E051F !important;
background:#ededed !important;
}
.nav > li > a:hover, .nav > li > a:focus{
background:#ededed !important;
}
.nav > li > a{
color :#fff !important;
font-size: 15px;
transition: all 0.3s ease;

background:#41051F;
}
.nav > li > a:before{

}
.nav > li > a {

}
.nav > li > a:hover:before, .nav > li > a:focus:before, .nav > li > a:active:before, .nav > li > a:active {
    right: 0;
}
.menu-header {

}
.navbar-toggle {
    border: 1px solid #444 !important;
}
.icon-bar {
    background: #444;
}

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

.top-header-wrap
{
background:#41051F;
color:#ffffff;
padding-top:5px;
padding-bottom:5px;
}

.top-header-wrap a
{
color:#ffffff;
}
.top-header-wrap a:hover
{
color:#ffffff !important;
text-decoration:underline !important;
}

#contact1-wrap
{
position:absolute;
text-align:center;
z-index:9999;
padding:20px;
color:#41051F;
}
#contact1-wrap .contact1 .title
{
font-size:25px;
}

#contact1-wrap .contact1 .sub-title
{
font-size:15px;
}

.text 
{
text-align: justify;
}

#contact1-wrap .contact1 .form1 .text2
{
height:100px;
}

#contact1-wrap .contact1 .form1 .text, #contact1-wrap .contact1 .form1 .text2
{
border:1px solid #41051F;
width:100%;
padding:5px;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
font-size: 12px;
margin-bottom:5px;
}

#contact1-wrap .contact1 button, #contact1-wrap .contact1 html input[type="button"], #contact1-wrap .contact1 input[type="reset"], #contact1-wrap .contact1 input[type="submit"]
{
width:100%;
padding:5px;
background:#41051F;
border:0px;
color:#ffffff;
border:1px solid #41051F;
transition: all 0.4s ease;
font-size:12px;
}

#contact1-wrap .contact1 button:hover, #contact1-wrap .contact1 html input[type="button"]:hover, #contact1-wrap .contact1 input[type="reset"]:hover, #contact1-wrap .contact1 input[type="submit"]:hover
{
color:#41051F;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
border:1px solid #41051F;
transition: all 0.4s ease;
}
.contact-info ul
{
list-style-type: none;
margin:0px;
padding:0px;
}

.contact-info li
{
padding-bottom:10px;
}

.contact-info li a
{
color:#ffffff;
font-size:20px;
}

.contact2 .form1 .text, .contact2 .form1 .text2
{
border:1px solid #41051F;
width:100%;
padding:10px;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
  margin-bottom: 10px;
}

.contact2 button,.contact2 html input[type="button"], .contact2 input[type="reset"],  .contact2 input[type="submit"]
{
width:100%;
padding:10px;
background:#41051F;
border:0px;
color:#ffffff;
font-weight:bold;
border:1px solid #41051F;
transition: all 0.4s ease;
}

.contact2 button:hover, .contact2 html input[type="button"]:hover, .contact2 input[type="reset"]:hover, .contact2 input[type="submit"]:hover
{
color:#41051F;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
border:1px solid #41051F;
transition: all 0.4s ease;
}

.contact2 .form1 .text2
{
height:100px;
}

.contact2
{
color:#ffffff;
}

.social-logo {
    background-size: 100% auto !important;
    float: left;
    height: 40px;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
    transition: all 0.3s ease 0s;
    width: 40px;
}
.social-logo {
    background-size: 100% auto !important;
}

.fb-logo {
    background: url("images/face-logo.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.yt-logo {
    background: url("images/you-logo.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.social-logo:hover {
    background-position: 0 -40px !important;
}

.quote-wrap
{
padding-left:10px;
padding-right:10px;
}
.quote-wrap p
{
padding-bottom:20px;
}

.quote-wrap
{
background:#41051F;
padding-top:30px;
padding-bottom:30px;
text-align:center;
color:#ffffff;
font-size:14px;
}

.quote-wrap a
{
border:1px solid #ffffff;
padding:10px;
color:#ffffff;
transition: all 0.4s ease;
}

.quote-wrap a:hover
{
border:1px solid #000000;
padding:10px;
color:#41051F;
background:#ffffff;
transition: all 0.4s ease;
}

#contact1-wrap .quote3
{
padding-top:72px;
}

#contact1-wrap .quote3 p
{
padding-bottom:41px;
font-size:20px;
}

#contact1-wrap .quote3 a
{
display:block;
margin-bottom:10px;

border:1px solid #ffffff;
padding:10px;
color:#ffffff;
background:#41051F;
transition: all 0.4s ease;
}

#contact1-wrap .quote3 a:hover
{
background:#ffffff;
color:#41051F;
border:1px solid #41051F;
transition: all 0.4s ease;
}


.great-wrap
{
text-align:center;
padding-bottom:30px;
padding-top:30px;
}

.great-wrap .great
{
font-size:18px;
padding:10px;

}

.great-wrap .great .text
{
margin-bottom:20px;
font-size:15px;
height:250px;
}

.great p
{
padding:20px !important;
font-size:18px;
}

.great-wrap .great span img
{
width:60%;
}

.great-wrap .great
{
transition: all 0.5s ease;
background:#ffffff;
color:#41051F;
}

.great-wrap .great:hover
{
background:#41051F;
color:#ECF6F3;
transition: all 0.5s ease;
}

.great-wrap .great:hover .more
{
border:1px solid #ffffff;
color:#ffffff;
transition: all 0.4s ease;
}

.more
{
color:#41051F;
border:1px solid #41051F;
padding:10px;
width:150px;
margin-right:auto;
margin-left:auto;
font-size:14px;
transition: all 0.4s ease;
}

.head-title .title
{
font-size:50px;
color:#41051F;

}

.head-title .sub-title
{
font-size:20px;
}

 .head-title
 {
 text-align:center;
 margin-top:30px;
 margin-bottom:50px;
 }
 
 .box
 {
 text-align:center;
 padding-bottom:0px;
 }
 
 #box img
 {
 max-width:95%;
 margin-bottom:20px;
 }
 
 #mobile
 {
 display:none;
 }

 .parallax {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
  transform-style: inherit;
}

.parallax, .parallax:before {
  background: 50% 50% / cover;  
}

#parallax {
  background-image: url("images/sydney1.jpg");
   background-attachment: fixed;  
}

#parallax1 {
  background-image: url("images/contact.jpg");
   background-attachment: fixed;  
}

#parallax2 {
  background-image: url("images/sydney.jpg");
   background-attachment: fixed;  
   color:#fff;
   font-size:20px;
}


#parallax1 .head-title .title, #parallax2 .head-title .title
{
font-size:50px;
color:#ffffff;
}

.slide
{
border-bottom:1px solid #ccc;
}

#body .body
{
text-align:justify;
font-size:17px;
color:#686868;
margin-top:20px;
}

#body .body img
{
max-width:100%;
}
#body .sub-image 
{
text-align:center;
}

#body .sub-image img
{
max-width:100%;
}

.side-bar-1 .contact2
{
margin-top:30px;
color: #41051F !important;
}

.side-bar-1 .contact2 .file .wpcf7-form-control .wpcf7-file file
{
background:#41051F !important;
}

.side-bar-1 .contact2 p
{
font-size:12px;
}


.blog
{
border:1px solid #41051F;
padding:10px;
margin-bottom:20px;
}

.blog .post-title a
{
color:#41051F;
font-size: 25px;
margin-bottom:20px;
}

.blog span a
{
color:#41051F;
}

.blog .post-title a:hover, .blog span a:hover
{
text-decoration:underline !important;
}
#services img
{
border: solid 2px #41051F;
}

#services .title
{
color: #41051F;
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
width:200px;
font-size:20px;
border-top:1px solid #41051F;
border-bottom:1px solid #41051F;
}

#services .text
{
color: #41051F;
margin-bottom:20px;
}
#services .button
{
border:1px solid #41051F;
margin-left:auto;
margin-right:auto;
width:100px;
color: #41051F;
margin-top:20px;
padding:10px;
font-size:13px;
transition: all 0.4s ease;
}

#services .button:hover
{
background:#41051F;
color:#ffffff;
transition: all 0.4s ease;
}

.services
{
margin-bottom:30px;
}

.foot-wrap img
{
max-width:100%;
}

.foot-wrap
{
background:#41051F;
padding:10px;
text-align:center;
}

ul.nav li.dropdown:hover > ul.dropdown-menu
{ 
display: block; 
background: #41051F!important;
z-index: 10000;
transition: all 0.5s ease;
}

.dropdown-menu
{
min-width: 100% !important;
z-index: 10000;
}
 
.dropdown-menu > li > a
{
background: #41051F!important;
color:#ffffff !important;
transition: all 0.5s ease;
z-index: 10000;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active
{
background: #E2DEE0!important;
color:#41051F !important;
transition: all 0.5s ease;
z-index: 9999;
}

.sub-image .mb
{
display:none;
}

 /*Responsive*/
@media(max-width: 1200px){
.great-wrap .great .text
{
height:50px;
}
#contact1-wrap .contact1
{
display:none;
}

#contact1-wrap
{
position:relative;
}

 #top-header-wrap2, .owners, .family, .logo
 {
 display:none;
 }
  #mobile,   #mobile .logo
 {
 display:block;
 text-align:center;
 }

.contact ul li
{
display:block;
text-align:center;
font-size:17px;
}

.quote-wrap a
{
display:block !important;
margin-bottom:10px !important;;
}
}

@media(max-width: 1100px){
.great-wrap .great .text
{
height:200px;
}
 #top-header-wrap2, .owners, .family, .logo
 {
 display:none;
 }
  #mobile,   #mobile .logo
 {
 display:block;
 text-align:center;
 }

.contact ul li
{
display:block;
text-align:center;
font-size:17px;
}

.sub-image .mb
{
display:block;
}

.sub-image .pc
{
display:none;
}
#contact1-wrap .quote3
{
padding-top:10px;
display:block;
}
.quote-wrap a
{
display:block;
margin-bottom:10px;
}
}


@media(max-width: 900px){

.great-wrap .great .text
{

}
}


@media(max-width: 800px){

.service, .service-wrap a
{
width:290px;
margin-right:auto;
margin-left:auto;
}
.quote-wrap a
{
display:block;
margin-bottom:10px;
}

.great-wrap .great .text
{

}
}


div.pp_overlay
{
background:none !important;
}

.featured-image img
{
width:100% !important;
height:auto !important;
}