/*
Template Name: Electrician
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
body{
font-family: 'Poppins', sans-serif; 
}
ul{
list-style:none;
padding:0;
 }

a{
color: #333;
text-decoration:none;
 }
a:hover{
text-decoration:none;
color: #ff7617;
 }
a:focus{
text-decoration:none;
color: #ff7617;
 }

.button{
background:#ff7617; 
color:#fff!important;
display: inline-block;
transition: 0.3s;
padding: 18px 35px 18px 35px;
font-weight:bold;
 }

.button:hover{
background:#fff!important; 
color:#333!important;
 }
 
.button_1{
background:#ff7617; 
color:#fff!important;
display: inline-block;
transition: 0.3s;
padding: 18px 35px 18px 35px;
font-weight:bold;
 }

.button_1:hover{
background:#111!important; 
color:#fff!important;
 }
 

.grid figure {
position: relative;
float: left;
overflow: hidden;
width: 100%;
text-align: center;
cursor: pointer;
}
figure.effect-jazz figcaption::after,
figure.effect-jazz img
{
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

figure.effect-jazz:hover img {
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}

.col_oran{
color: #ff7617!important; 
 }
.bg_oran{
background: #ff7617!important; 
 }
.bg_back{
background:#000000c4;
}
.bg_backo{
background:#000000f5; 
 }
h1,h2,h3,h4,h5{
font-weight:bold; 
 }
hr{
opacity:1;
background-color:#f9e6d9; 
 }
.font_14{
font-size:14px; 
 }
.font_8{
font-size:8px; 
 }
.font_10{
font-size:10px; 
 }
.font_12{
font-size:12px; 
 }
.font_13{
font-size:13px; 
 }
.font_60{
font-size:60px!important; 
 }
.font_50{
font-size:50px!important; 
 }
.line {
height:4px!important;
width: 80px;
background-color:#ff7617;
}


.p_3{
padding-top:30px;
padding-bottom:30px; 
 }

.border_1{
border:1px solid #f9e6d9;
 }

.carousel_p .carousel-indicators {
bottom: -60px!important;
}
.carousel_p {
padding-bottom: 70px!important;
}

/*********************top****************/
.main {
background-image: url(../img/1.jpg);
background-position: center;
}
#top{    
   background: #333333;
}
.top_1r ul li a {
width: 25px;
height: 25px;
line-height: 25px;
transition: 0.3s;
}
.top_1r ul li a:hover {
background:#ff7617!important;
color:#fff;
}
/*********************top_end****************/

/*********************header****************/
.nav_hide:after{
display:none; 
 }

.navbar{
background:#101010d4;
 }
#header{
border-bottom: 1px solid #552809;
    border-top: 1px solid #505050;
}
#header .navbar-brand{
font-size:36px;
 }
.navbar-collapse {
align-items:start;

}

#header .nav-link{
padding:28px 18px;
color:#fff;
 }
#header .nav-link:hover{
background:none;
color:#ff7617;
 }
#header .nav-link:focus{
background:none;
color:#ff7617;
 }
#header .active{
background:none;
color:#ff7617;
 }


.drop_1{
min-width:220px;
padding:0;
border-radius:0;
margin-top:0!important;
border:none;
box-shadow: 0px 4px 20px -3px rgb(22 36 62 / 15%);
background:#fff;
 }
.drop_1 a{
padding-top:15px;
padding-bottom:15px;
border-bottom:1px solid #f9e6d9;
color:#333;
 }
.drop_1 a:hover{
background:#ff7617;
color:#fff;
 }
 
.drop_2{
min-width:280px;
 }
 
.sticky {
position: fixed;
top: 0;
width: 100%!important;
z-index:3;
background-color: #101010;
}
.sticky {
top: -40px;
transform: translateY(40px);
transition: transform .3s;
	border-bottom: 1px solid #ff781a; 
    border-top: 1px solid #505050;
}

.dropdown:hover .dropdown-menu { 
display: block; 
} 
.dropdown>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}

/*********************header_end****************/






/*********************footer****************/
.footer_2i ul li a {
width: 45px;
height: 45px;
line-height: 45px;
transition: 0.3s;
background:#32383e;
color:#fff;
}
.footer_2i ul li a:hover {
background:#ff7617!important;
color:#fff;
}
.footer_2i .form-control{
background:#32383e; 
 }
/*********************footer_end****************/