.topbar li, .topbar li a{ font-family:Lato-Regular !important; font-size:14px !important;  }
.header .nav > li > a{ font-family:Moon Bold !important; font-size:14px !important; color:#fff !important; }
#topbar::before { background: #16242E !important;}
#topbar::after {
    border-top: 22px solid #FFF !important;
    border-left: 26px solid #3498DB !important;
}
header, #headeraffix.affix {
    background-color: #3498DB !important;
}
.navbar-nav li.active > a{ color:#16242E !important;}
.header .nav > li > a:hover{ color:#16242E !important; }
.header_logo { width: 400px !important;  height: 50px !important;}

.welcome_page_title{ font-family:Moon Bold !important; font-size:20px !important;  }
#welcome_section h4{ color:#3498DB !important; }
.btn-primary{ background-color: #16242E !important; font-family:Lato-Regular !important; font-size:12px !important; }
.service-style-1, .service-style-2{ border: 2px solid #1393ff !important; box-shadow: 2px 2px 5px #adadad !important; }
.service-style-1 strong a, .service-style-2 strong a{ font-family:Moon Bold !important; font-size:18px !important; }
.home_pro_content{ font-family:Lato-Regular !important; font-size:14px !important; }

#product_section{ position:relative; }
#product_section::before{ content:''; top:0; left:0; right:0; bottom:0; position:absolute; background:url('../images/images/images/page2-bg.png'); 
background-attachment: fixed; opacity: 0.5;}

.promains h3{ font-family:Moon Bold !important; font-size:18px !important;  }

.promains p{ font-family:Lato-Regular !important; font-size:14px !important; }

#footer_section img{ padding:10px; border-radius: 30px; }

.mainblogs{  box-shadow: 2px 2px 15px #c3c2c2; padding: 30px 15px; margin: 1% 0; transform: scale(0.9); transition:all 0.5s; }
.mainblogs:hover{ transform: scale(1); transition:all 0.5s; }
.mainblogs h3{ font-family:Moon Bold !important; font-size:20px !important; }
.mainblogs b{ font-family:Lato-Regular !important; font-size:14px !important; color:#3498DB; }
.mainblogs p{ font-family:Lato-Regular !important; font-size:14px !important; margin: 10px 0; border-top: 1px dotted #ccc; padding:10px 0;}


.extra_prodcontent li{ list-style-type:none !important; }

#clients_section img{ height:130px !important; }
#news_section{ background:url('../images/images/images/industrial-mro-bg.jpg') !important; background-size: cover !important; position:relative; 
display:none;}
#news_section::before{ content:''; top:0; left:0; right:0; bottom:0; position:absolute; background:rgba(0,0,0,0.8); }
#news_section h4{ color:#3498DB !important; }
.testimeta p{ font-family:Lato-Regular !important; font-size:14px !important; text-align:center !important; }
.testimeta img{ width:100% !important; }

#home_form input{ font-family:Lato-Regular !important; font-size:12px !important; border:0; border-bottom:1px solid #3498DB !important; }

.extra-details{ background:url('../images/images/images/main-grey-bg.jpg') !important; background-size: cover !important;
padding: 60px; }

.maincont li{ font-family:Lato-Regular !important; font-size:14px !important; padding:5px 0; list-style-type:none; color:#fff; }
.maincont ul{ padding:10px 0; text-align: center; background: #272727 !important;}
.maincont span{ text-align:center !important; position:relative; padding: 20px; z-index:1; color:#3498DB; margin-bottom: 10px; transition:all 0.5s;}
.maincont span::after{ position:absolute; top: 0; left: 0; right: 0; bottom: 0; background:#414141; content:''; z-index:-1;}
.maincont ul:hover span{ font-size:25px; transition:all 0.5s; }

.portfolio-filter{ display:none; }

#home_form textarea{ font-family:Lato-Regular !important; font-size:12px !important; border:0; border-bottom:1px solid #3498DB !important; }
#home_form .submit_button{  font-family:Lato-Regular !important; font-size:14px !important; background:#16242E !important; color:#fff !important;  }

.section > div:nth-child(1) > p:nth-child(1){ text-align:center !important; font-family:Lato-Regular !important; font-size:14px !important; }

#home_contact_section{ position:relative; }
#home_contact_section::before{ background:url('../images/images/images/contbg.png'); position:absolute; top:10%; right:0; bottom:0; left:0; 
content:''; opacity: 0.1;}

footer {background: #171717 !important;}

#copyright::before {
    background: #16242E !important;
}

.contact_form .form-control{ font-family:Lato-Regular !important; font-size:12px !important; }

#copyright { background: url('../images/images/images/foot.jpg') rgba(0,0,0,0.8) !important; padding: 5px 0px !important; 
background-attachment:fixed !important;}

.footer_li a{ font-family:Lato-Regular !important; font-size:14px !important; color:#7f7f7f !important; }

#copyright p{ font-family:Lato-Regular !important; font-size:14px !important; }

.contact-details li{ font-family:Lato-Regular !important; font-size:14px !important; color: #3498DB !important; }

.footer_li a:hover{ color: #3498DB !important; }
.contact-details li strong{ color:#7f7f7f !important; }

.widget-title hr {
    border-top: 1px solid #2e2e2e !important;
}

.widget-title h4{ font-family:Moon Bold !important; font-size:16px !important;  }

#footer_section .text-widget p{ font-family:Lato-Regular !important; font-size:14px !important; color: #7f7f7f !important; } 

#copyright::after {
    border-top: 60px solid #171717;
    border-left: 40px solid #171717;
}

#clients_section h4{ color:#fff !important;}


#clients_section{ background: #16242E !important; display:none; }

#about_section{ background: #16242E; }
#about_section p{ color:#fff;}
#about_section .welcome_page_title{ color:#fff; }

.abouleft img{ width:100% !important; }
.abouright p{ font-family:Lato-Regular !important; font-size:14px !important; line-height:25px !important; }

.pageheader{ background:url('../images/images/images/headinner.jpg') !important; background-attachment: fixed !important; }
.pageheader h1{ color:#fff !important; font-family:Moon Bold !important; font-size:18px !important;}

.breadcrumb > li a{ font-family:Lato-Regular !important;font-size: 14px !important; color: #1c8ac6; font-weight: bold !important; }
.breadcrumb > li { font-family:Lato-Regular !important; font-size:14px !important; font-weight: bold !important; }
#extra_product img{ width:100% !important; }

#slider_section{ margin:-15px 0; }

@media(max-width:480px){
     .header_logo{ width:100% !important; height:auto !important; }
    }
@media(max-width:980px){
        #topbar{ background:#16242E !important; }
        #copyright{ background:#16242E !important; }
        #copyright::after { display:none !important; }
    }