/* Theme Name: North Ryde Electrician Template */
*
{
font-family: "Raleway",arial,sans-serif;
}

.head-wrap
{
text-align: center;
margin-top: 10px;
border-bottom: 1px solid #009cff;
}

.head-wrap .logo img, .head-wrap .owned img, .head-wrap .owners img
{
max-width:100%;
}

.head-wrap .social span
{
width:37px;
text-align:center;
padding:10px;
background:#eeeeee;
border-radius:50%;
border:1px solid #009cff;
transition: all 0.3s ease-in;
}

.head-wrap .social span:hover
{
color:#eeeeee;
background:#009cff;
transition: all 0.3s ease-in;
border:1px solid #eeeeee;
}

.head-wrap .owned
{
margin-top:15px;
}

.head-wrap .social
{
margin-top:15px;
}

.head-wrap .tel
{
font-size:30px;
}

.head-wrap .tel a
{
color:#009cff;
transition: all 0.3s ease-in;
}

.head-wrap .tel a:hover
{
text-decoration:none;
color:#999999;
transition: all 0.3s ease-in;
}

.nav-wrap
{
background:#009cff;
}

nav
{
background:#424242!important;
border:0px !important;
padding:0px !important;
margin:0px !important;
text-align:center;
border-radius:0 !important;
}

.navbar-collapse
{
padding:0px !important;
padding-left:8px !important;
margin:0px !important;
text-align:center;
}

.navbar-nav li a
{
font-size:14px;
color:#009cff !important;
transition: all 0.4s ease-in;
padding-right:27px !important;
padding-left:27px !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-nav li a:hover
{
color:#ffffff !important;
background:#009cff !important;
transition: all 0.4s ease-in;
}

.dropdown-menu
{
min-width: 100% !important;
color:#ffffff !important;
z-index:10000 !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > .active> a
{
text-decoration: none!important;
color:#ffffff !important;
}

ul.nav li.dropdown:hover > ul.dropdown-menu
{ 
display: block; 
background: #424242;
font-size: 13px;
color:#ffffff !important;
}

ul.nav li.dropdown > ul.dropdown-menu 
{
margin: 0 !important;
color:#ffffff !important;
}

.slider-wrap
{

}

.contact-wrap
{
position:absolute;
width:100%;
z-index:9999;
}

.contact
{
color:#ffffff;
margin-top:20px;
padding:20px;
}

.contact2 .form .text, .contact2 .form .text2,
.contact .form .text, .contact .form .text2, .contact .form .file
{
color:#ffffff !important;
width:100%;
padding:8px;
background-color: rgba(0, 0, 0, .7) !important;
border:1px solid #009CFF !important;
}

.contact2 .form .text2,
.contact .form .text2
{
height:150px;
}

.contact .contact-title
{
font-size:20px;
text-align:center;
}

.contact .contact-title span
{
font-size:15px;
}

.contact button, .contact html input[type="button"], .contact input[type="reset"], .contact input[type="submit"],
.contact2 button, .contact2 html input[type="button"], .contact2 input[type="reset"], .contact2 input[type="submit"]
{
background:#009CFF !important;
color:#ffffff !important;
border:1px solid #009CFF  !important;
padding:10px !important;
font-size:15px !important;
width:100% !important;
transition: all 0.3s ease-in;
}

.contact button:hover, .contact html input[type="button"]:hover, .contact input[type="reset"]:hover, .contact input[type="submit"]:hover,
.contact2 button:hover, .contact2 html input[type="button"]:hover, .contact2 input[type="reset"]:hover, .contact2 input[type="submit"]:hover
{
background:#ffffff !important;
border:1px solid #009CFF  !important;
color: #009CFF !important;
transition: all 0.3s ease-in;
}

.quote-wrap
{
text-align:center;
font-size:25px;
background:#009CFF;
color:#ffffff;
padding-top:35px;
padding-bottom:35px;
}

.quote-wrap a
{
color:#1d1d1d;
font-weight:bold;
transition: all 0.3s ease-in;
}

.quote-wrap a:hover
{
color:#ffffff;
transition: all 0.3s ease-in;
text-decoration:none;
}

.reas
{
text-align:center;
margin-top:20px;
}

.reas .logo
{
font-size:70px;
border-radius:50%;

padding-top:15px;
padding-bottom:15px;
width:140px;
margin-left:auto;
margin-right:auto;
color:#ffffff;
background:#009CFF;
}

.reas .logo span
{
font-size:50px;
}

.reas .title
{
font-size:20px;
padding-top:15px;
padding-bottom:5px;
color:#444444;
margin-bottom:10px;
}

.reas .text,.reas .text2
{
height:190px;
color:#666666;
}

.reas .text2
{
text-align:left;
}

.reas .text2 ul
{
list-style-image: url('images/check.png');
}
.text {
    text-align: justify;
}
.reas a:hover
{
text-decoration:none;
}

.reas .more
{
background:#009CFF;
color:#ffffff;
padding-top:15px;
padding-bottom:15px;
margin-top:10px;
transition: all 0.3s ease-in;
}

.reas .more:hover
{
background:#cccccc;
color:#009CFF;
transition: all 0.3s ease-in;
}

.quote2-wrap
{
text-align:justify;
font-size:20px;
margin-top:25px;
background:#009CFF;
padding-top:25px;
padding-bottom:25px;
color:#ffffff;
}

.quote2-wrap .button
{
text-align:center;
margin-top:15px;
}

.quote2-wrap .image
{
text-align:center;
}

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

.quote2-wrap .button a
{
color:#ffffff;
border:1px solid #ffffff;
padding:10px;
transition: all 0.3s ease-in;
}

.quote2-wrap .button a:hover
{
text-decoration:none;
background:#eeeeee;
color:#009CFF;
transition: all 0.3s ease-in;
}

.serv-wrap
{
padding-top:30px;
padding-bottom:30px;
}

.serv .title
{
font-size:20px;
background:#009CFF;
transition: all 0.3s ease-in;
margin-bottom:15px;
}

.serv .title span
{
padding-top:10px;
padding-bottom:10px;
color:#ffffff;
}

.serv a
{
text-decoration:none !important;
}

.serv a:hover .title
{
background:#777777;
transition: all 0.3s ease-in;
}

.serv a:hover i
{
border:1px solid #777777;
color:#777777;
}

.serv .title i
{
background:#ffffff;
padding:10px;
border:1px solid #009CFF;
color:#009CFF;
}

.serv .image img
{
width:100%;
}

.main-title
{
font-size:35px;
text-align:center;
margin-bottom:25px;
color:#009CFF;
}

.white
{
color:#ffffff;
}

.reas2-wrap
{
background:#009CFF;
text-align:center;
padding-top:30px;
padding-bottom:30px;
}

.reas2-wrap .reas2-image2
{
margin-top:50px;
}

.reas2-wrap .reas2-image2 img
{
margin-bottom:15px;
max-width:100%;
}

.body-wrap
{
text-align:justify;
font-size:16px;
color:#555555;
}

.body-wrap, .post-wrap, .contact2-wrap
{
padding-top:30px;
padding-bottom:30px;
}

.body-con img
{
width:100%;
}

.comment-wrap
{
padding-top:50px;
padding-bottom:50px;
background:#009CFF;
color:#ffffff;
font-size:17px;
text-align:center;
}

.contact2-wrap
{
background:#4b4b4b;
background-attachment: scroll;
background-clip: border-box;
background-color: #4b4b4b;
background-image: url("images/noise-texture.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
}

.contact2
{
color:#009CFF;
}

.contact2 .title
{
font-size:20px;
text-align:center;
}

.contact2 .title span
{
font-size:15px;
}

.contact-info a
{
display:block;
color:#ffffff;
background:#009CFF;
margin-bottom:10px;
transition: all 0.3s ease-in;
}

.contact-info
{
padding-top:68px;
}

.contact-info a:hover
{
text-decoration:none;
color:#009CFF;
background:#ffffff;
transition: all 0.3s ease-in;
}

.contact-info a:hover span
{
background:#009CFF;
color:#ffffff !important;
transition: all 0.3s ease-in;
}

.contact-info span
{
transition: all 0.3s ease-in;
width:50px;
font-size:20px;
text-align:center;
padding:10px;
background:#ffffff;
color:#009CFF !important;
margin-right:15px;
}

.footer img
{
max-width:100%;
}

.footer
{
padding-top:10px;
padding-bottom:10px;
text-align:center;
background:#009CFF;
}

.body-con .mb
{
display:none !important;
}


#banner-wrap2
{
background:#009CFF;
padding:15px;
color:#ffffff;
font-size:15px;
}

#banner-wrap2 a
{
color:#ffffff;
font-size:15px;
font-weight:bold;
}

@media (max-width: 1100px)
{
.body-con .mb
{
display:inline !important;
}

.body-con .pc
{
display:none !important;
}
}

.error
{
color:#777777;
}

.error-icon
{
font-size:100px;
}

.home .post-wrap
{
 display: none;
}