/* Theme Name: electriciansartarmon-template2 */


.logo
{
background:#009cff;
text-align:center;
padding:11% 13% 10% 13%;
}

#bg
{
background:rgba(225, 225, 225, .10);
}

.logo-wrap {
    /* position: absolute; */
    z-index: 10000;
    width: 100%;
}

.owners
{
text-align:center;
}

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

.social
{
z-index:10000;
text-align:center;
padding-top:15px;
padding-bottom:15px;
}

.house
{
text-align:center;
}

.click span
{
text-align:center;
background:#009CFF;
padding:5px;
color:#ffffff;
font-size:20px;
}

.social span
{
color:#ffffff;
background:rgba(0, 0, 0, .3);
padding:10px;
text-align:center;
border-radius:50%;
width:40px;
font-size:20px;
transition: all 0.4s ease-in;
}
.social span:hover
{
background:#009CFF;
transition: all 0.4s ease-in;
}

.banner-text
{
margin-right:auto;
margin-left:auto;
width:80%;
text-align:center;
margin-top:150px;
color:#111111;
}

.banner-text .text {
margin-bottom: 15px;
font-size: 32px;
padding-top: 5px;
padding-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
}

.banner-text span:hover
{
background:#111111;
color:#cccccc;
border:1px solid #cccccc;
transition: all 0.4s ease-in;
}

.banner-text span
{
color:#111111;
border:1px solid #111111;
padding:10px;
transition: all 0.4s ease-in;
}

.banner-text a:hover
{
text-decoration:none;
}

.banner-text .on
{
margin-top:80px;
margin-bottom:15px;
}

.banner-text .on img {
    max-width: 4%;
    margin-left: 47px;
    margin-right: 0px;
    margin-top: -155px;
}



.nav-wrap nav, #bs-example-navbar-collapse-1
{
border:0px !important;
padding:0px !important;
margin:0px !important;
text-align:center;
background:#061118 !important;
}

.nav-wrap li a
{
font-size:18px;
color:#555555 !important;
transition: all 0.4s ease-in;
font-size:15px;
color:#ffffff !important;
position:relative !important;
padding-right: 28px !important;
padding-left: 29px !important;
padding-top:25px !important;
padding-bottom:20px !important;
border-bottom:5px solid #061118;
border-right:1px solid #eeeeee !important;
}

.nav-wrap li:last-child a
{
border-right:none!important;
}

.nav-wrap li a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus
{
background:#009cff !important;
border-bottom:5px solid #0265a4;
transition: all 0.4s ease-in;
}

ul.nav li.dropdown:hover > ul.dropdown-menu
{ 
display: block; 
background: #061118 !important;
color:#fff !important;
}

.dropdown-menu
{
min-width: 100% !important;
}
 
.dropdown-menu > li > a
{
background: none !important;
font-size:15px !important;
padding: 5px !important;
color:#fff !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active
{
background:#009cff !important;
border-radius: 0 !important;
}

.tel
{
text-align:center;
font-size:29px;
padding-top:10px;
padding-bottom:10px;
}

.tel img
{
width:50px;
}

.tel a
{
color:#061118;
transition: all 0.4s ease-in;
}

.domestic1 
{
    text-align: justify;
}

.tel a:hover
{
text-decoration:none;
color:#009CFF;
transition: all 0.4s ease-in;
}

#cf2 {
    position: relative;
    height: 640px;
    margin: 0 auto;
    margin-top: -533px;
    z-index: -1;
}
#cf2 img {
  position:absolute;
  left:0;
  max-width:100%;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf2 img.transparent {
opacity:0;
}
#cf_onclick {
cursor:pointer;
}

.box
{
padding-top:35px;
padding-bottom:25px;
}

.contact-form
{
text-align:center;
}

.contact-form .title
{
font-size:25px;
}

.main-title1
{
text-align:center;
font-size:25px;
margin-bottom:20px;
}

.main-title2
{
text-align:center;
font-size:25px;
margin-bottom:20px;
color:#ffffff;
}

.reas 
{
margin-bottom:35px;
}

.reas ul
{
list-style-image: url('images/check.png');
}

.reas ul li
{
margin-bottom:15px;
font-size:16px;
}

.reas2
{
text-align:center;
}

.reas2 a
{
color:#333333;
}

.reas2 a:hover
{
text-decoration:none;
color:#333333;
background:#009CFF;
}

.reas2 .title
{
margin-top:10px;
margin-bottom:10px;
font-size:17px;
}
.commercial1 
{
text-align: justify;
}
.downlight1 
{
text-align: justify;
}
.reas2 .text
{
margin-bottom:35px !important;
}

.quote-wrap
{
background:#061118 !important;
padding-top:15px;
padding-bottom:15px;
}

.quote-wrap .quote
{
text-align:justify;
color:#ffffff;
}

.quote-wrap .tel-1
{
padding-top:10px;
}

.quote-wrap .tel-1 a
{
color:#ffffff;
font-size:30px;
transition: all 0.4s ease-in;
}

.quote-wrap .tel-1 a:hover
{
text-decoration:none;
color:#cccccc;
transition: all 0.4s ease-in;
}

.serv .image
{
text-align:center;
}

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

textarea.wpcf7-form-control.wpcf7-textarea.text2 
{
padding-left: 14px;
 margin: 0px;
}
.serv .title
{
font-size:20px;
margin-top:10px;
margin-bottom:10px;
}
.subfloor1 
{
text-align: justify;
}

.serv .text
{
text-align:justify;
}

.reasontochoose1 
{
text-align: justify;
}
.switch1 
{
text-align: justify;
}
.serv a .more
{
color:#009CFF;
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
transition: all 0.4s ease-in;
}

.serv a:hover
{
text-decoration:none;
}

.serv a .more:hover
{
color:#333333 !important;
transition: all 0.4s ease-in;
}

.body-image
{
text-align:center;
}

.body-image2
{
text-align:center;
}

.body-image2 img
{
margin-bottom:25px;
max-width:100%;
}

#bg1
{
background:#009CFF;
}

.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/banner1.jpg");
background-attachment: fixed;  
}

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

.testi
{
text-align:center;
color:#ffffff;
font-size:19px;
}

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

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

.contact-form
{
border:1px solid #061118;
padding:10px;
}

.contact-form button, .contact-form html input[type="button"], .contact-form input[type="reset"], .contact-form input[type="submit"]
{
transition: all 0.4s ease-in;
border:1px solid #009CFF;
background:none;
padding:10px 20px 10px 20px !important;
}

.contact-form button:hover, .contact-form html input[type="button"]:hover, .contact-form input[type="reset"]:hover, .contact-form input[type="submit"]:hover
{
background:#061118;
color:#ffffff !important;
transition: all 0.4s ease-in;
}

.contact-form .form .text, .contact-form .form .text2, .contact-form .form .file
{
width:100%;
padding:5px;
border:1px solid #009CFF;
font-size:12px;
}

.contact-form .form .text2
{
height:150px;
}

.contact-form2
{
color:#ffffff !important;
}

.contact-form2 .text, .contact-form2 .text2
{
width:100%;
padding:10px;
border:1px solid #009CFF;
font-size:15px;
background:none !important;
color:#009CFF !important;
}

.contact-form2 button, .contact-form2 html input[type="button"], .contact-form2 input[type="reset"], .contact-form2 input[type="submit"]
{
color:#009CFF;
transition: all 0.4s ease-in;
border:1px solid #009CFF;
background:none;
padding:10px 20px 10px 20px !important;
}

.contact-form2 button:hover, .contact-form2 html input[type="button"]:hover, .contact-form2 input[type="reset"]:hover, .contact-form2 input[type="submit"]:hover
{
background:#061118;
color:#ffffff !important;
transition: all 0.4s ease-in;
}

.map-wrap
{
background:#cccccc;
}

.contact-info a
{
display:block;
font-size:20px;
margin-top:10px;
color:#009CFF
}

.contact-info a:hover
{
text-decoration:none;
}

.contact-info span
{
color:#009CFF;
width:50px;
text-align:center;
border:1px solid #009CFF;
padding:10px;
margin-right:5px;
}

.body-image
{
text-align:center;
}

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

.slider a
{
color:#ffffff !important
}

.slider a:hover
{
color:#ffffff !important;
text-decoration:none !important;
}
/*CSS FOR BLOG ARCHIVE PAGE*/
.page-template-page_blog .blog-archive {
    padding-top: 50px;
}

.page-template-page_blog .blog-archive .bdp_blog_template.news .post-content-div {
    width: 74%;
}
.page-template-page_blog .blog-archive .blog_template .bd-post-image img {
    height: auto;
    width: 100%;
}
.page-template-page_blog .blog-archive .bdp_blog_template.news .bd-post-image {
    width: 25%;
    overflow: hidden;
}
.page-template-page_blog .blog-archive a.bd-more-tag-inline {
    color: #fff !important;
    background-color: #41051f;
    padding: 5px 10px;
    margin: 0 !important;
}

/*CSS FOR BLOG SINGLE POST */
.single-post .meta {
    margin-bottom: 10px !important;
}

.single .single-wrapper input#submit {
    background-color: #061118 ;
    color: #fff !important;
    margin: 10px 0 0;
    border: none;
    padding: 5px 10px;
	width:100%;
}

.single-wrapper aside {
    float: right;
    width: 25%;
    background-color: #eeee;
    padding: 10px 20px;
}

.single .blog-single {
    width: 70%;
    float: left;
}

.single .single-wrapper {
    padding: 50px 0;
}

.single-wrapper .blog-single img {
    width: 100%;
    height: auto;
}

/*CSS FOR SIDEBAR */
.single-wrapper aside input,
.single-wrapper aside button,
.single-wrapper aside select,
.single-wrapper aside textarea {
    width: 100%;
    max-width: 350px;
    margin-bottom: 10px;
    padding: 10px;
}

.single aside input#searchsubmit {
    background-color: #061118;
    color: #fff !important;
    margin: 10px 0 0;
    border: none;
}
.single-wrapper #respond textarea,
 .single-wrapper #respond input{
    width: 100%;
}
.single .blog-single img {
    overflow: hidden;
    width: 100%;
    margin: 20px 0;
    height: auto;
}
.single-wrapper aside li.cat-item-none {
    list-style-type: none;
}
.blogfree-plugin.blog-clearfix {
    margin-top: 40px;
}
#header .navigation {
    width: 48%;
}

/*media*/
@media(max-width: 1200px){

.logo-wrap
{
position:relative;
z-index:10000;
width:100%;
text-align:center;
}

.banner-text
{
margin-top: 5px;
}

.banner-text .text
{
font-size:15px;
}

.banner-text .button a
{
display:block;
margin-bottom:25px;
}

.banner-text .on
{
margin-top:5px;
}

 .services1 
{
text-align: justify;
}

#cf2, #hide
{
display:none;
}

.about-artar 
{
    text-align: justify;
}

.contact-info a
{
font-size:13px;
}
}

@media(max-width: 1100px){

.serv
{
width:100%;
margin-right:auto;
margin-left:auto;
}

.reas .col-md-4
{
width:100%;
margin-right:auto;
margin-left:auto;
}

.reas2 .text
{
width:60%;
margin-right:auto;
margin-left:auto;
}

.mb
{
display:block;
}
.pc
{
display:none;
}
}

.mb
{
display:none;
}