/*

    Industrial

    By AlexaTheme

*/



/*  ==========================================================================

    Table of Contets

    ==========================================================================

    

    1.0 Common Styles

    2.0 Header Section

    3.0 Slider Section

    3.0 About section

    4.0 Service Section

    5.0 Cta section

    6.0 Works Section

    7.0 Team Section

    8.0 Contact Section

    9.0 widget Section

    10.0 Footer Section

    11.0 Scroll to Top

    

    ==========================================================================

    Industrial

    ========================================================================== */



	@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900|Source+Sans+Pro');

	

/*  ==========================================================================

    Common Styles

    ========================================================================== */

*{

	padding: 0;

	margin: 0;

}

body{

    background-color: #fff;

    font-family: 'Source+Sans+Pro', sans-serif;

    font-size: 14px;

    line-height: 23px;

    color: #555;

    font-weight: 400;

    position: relative;

    overflow-x: hidden;

}

h1, h2, h3, h4, h5, h6{

    font-family: 'Montserrat', sans-serif;

    -webkit-font-smoothing:antialiased;

    text-transform: uppercase;

	color: #282828;

}

h1{

    font-size: 30px;

    font-weight: 900;

    line-height: 1;

    margin: 0 0 10px;

    letter-spacing: -0.04em;

}

h2{

    font-size: 24px;

    margin: 0 0 10px;

    font-weight: 800;

    line-height: 1.2;

    letter-spacing: -0.02em;

}

h3,h4{

    margin: 0 0 10px;

    font-weight: 600;

    line-height: 1.4;

    color: #303133;

    letter-spacing: -0.05em;

}

h3{

    font-size: 17px;

}

h4{

    font-size: 15px;

}

h5,h6{

    font-size: 14px;

    margin: 0 0 10px;

}

img{

    border: none;

    outline:none;

}

ul{

    display: block;

    list-style: none;

    padding: 0;

    margin: 0;

}

p, li, a, span{

    letter-spacing: 1px;

}

p{

    font-size: 14px;

    margin-bottom: 15px;

}

a, a:hover{

    text-decoration: none;

}

a:focus{

    outline: 0;

    text-decoration: none;

}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder{

   color: #ddd !important;

}



input:-moz-placeholder,

textarea:-moz-placeholder{ /* Firefox 18- */

   color: #ddd !important;  

}



input::-moz-placeholder,

textarea::-moz-placeholder{  /* Firefox 19+ */

   color: #ddd !important;  

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder{  

   color: #ddd !important;  

}

button{

    border: none;

	background: none;

}

/* Helper Class */

.padding{

    padding: 80px 0;

}

.no-padding{

    padding: 0;

}

.mb-15{ margin-bottom: 15px; }

.mb-20{ margin-bottom: 20px; }

.mb-25{ margin-bottom: 25px; }

.mb-30{ margin-bottom: 30px; }

.mb-35{ margin-bottom: 35px; }

.mb-40{ margin-bottom: 40px; }

.mb-45{ margin-bottom: 45px; }

.mb-50{ margin-bottom: 50px; }

.ml-15{ margin-left: 15px; }

.fz-28{ font-size: 28px; }

.fz-24{ font-size: 24px; }

.fz-22{ font-size: 22px; }

.fz-20{ font-size: 20px; }

.fz-18{ font-size: 18px; }

.fz-16{ font-size: 16px; }

.text-black{

    color: #282828;

}

.text-white{

    color: #ffffff;

}

.align-left{

    text-align: left;

}

.align-right{

    text-align: right;

}

.align-center{

    text-align: center;

}

.fl-right{

    float: right;

}

.fl-left{

    float: left;

}

.display-table{

    width: 100%;

    height: 100%;

    display: table;

}

.table-cell{

    display: table-cell;

    vertical-align: middle;

}

.container{

    height: 100%;

}

.overlay{

    width: 100%;

    position: relative;

    z-index: 1;

}

.overlay:before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

}



/* Preloader Styles */

#preloader{

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    background: #fff;

    height: 100%;

    width: 100%;

    -webkit-transition: all .5s .5s ease;

    -moz-transition: all .5s .5s ease;

    transition: all .5s .2s ease;

}

.loader{

    position:absolute;

    top: 50%;

    left: 0;

    right: 0;

    width: 60px;

    height: 60px;

    display: block;

    margin: auto;

    margin-top: -30px;

}

body.loaded #preloader{

    opacity: 0;

    visibility: hidden;

}



/* Button Style */

.btn_group{}

.btn_group a{

    margin: 5px;

}

.default_btn{

    background-color: #fcd846;

    border: 2px solid #fcd846;

    color: #fff;

    line-height: 45px;

    display: inline-block;

    padding: 0 25px;

    text-transform: uppercase;

    font-size: 12px;

}

.default_btn:hover{

    background-color: #f9cf22;

    color: #fff;

}

.default_btn.btn_sm{

    line-height: 40px;

    padding: 0 15px;

}



/* Transition Effect */

a,a:hover, .overlay, img, .form-control,  .form-control:hover, button{

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



/* ==========================================================================

   Header Section

   ========================================================================== */

.header_section{

    background-color: #0f263a;

    border-bottom: 1px solid #091c2d;

    width: 100%;

    height: 100px;

    z-index: 999;

    position: relative;

}

.navbar-fixed-top.header_section{

    margin-top: -40px;

    position: fixed;

}

.navbar-fixed-top .navbar-collapse{

    max-height: 100%;

}

.top_header{

    background-color: #f5d44a;

    border-bottom: 1px solid #ffffff;

    height: 40px;

}

.top_header .top_left{

    color: #000;

    font-size: 12px;

    line-height: 40px;

}

.top_header .top_left ul li{

    display: inline-block;

    margin-right: 10px;

}

.top_header .top_left ul li i{

    margin-right: 5px;

}

.top_header .top_right{}

.social_icons {

    padding: 4px 0;

}

.social_icons li{

    display: inline-block;

}

.social_icons li a{

    display: inline-block;

    font-size: 12px;

    line-height: 24px;

    border: 1px solid #000;

    padding: 2px 8px;

    color: #000;    

}

.social_icons li a:hover{

    background-color: #0f263a;

    color: #fff;

}

.navbar{

    border: medium none;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    margin: 0;

    position: relative;

}

.navbar .collapse .nav_btn {

    background-color: #fcd846;

    display: inline-block;

    color: #fff;

    line-height: 40px;

    margin: 8px 8px;

    padding: 0 15px;

    text-transform: uppercase;

    font-size: 12px;

}

.navbar .collapse .nav_btn:hover{

    background-color: #f9cf22;

    color: #fff;

}

.navbar{

    border: medium none;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    margin: 0;

    position: relative;

}

.navbar-header {

    padding: 16px 0;

}

.navbar-header .brand{

    font-size: 25px;

    color: #282828;

    font-family: 'Montserrat', sans-serif;

    letter-spacing: -1px;

    font-weight: 600;

	margin-left: 13px;

}

.navbar-header .nav-btn{

    padding: 8px;

    border-radius: 1px;

}

.navbar-header .nav-btn .icon-bar{

    background-color: #fff;

    width: 18px;

}

.navbar-header .nav-btn:hover,

.navbar-header .nav-btn:focus{

    opacity: 0.8;

}



/* Nav Menu */

#navbar{

    z-index: 999;

}

ul.nav{}

ul.nav > li{}

ul.nav > li > a{

    color: #ddd;

    font-family: 'Source+Sans+Pro', sans-serif;

    display: inline-block;

    vertical-align: middle;

    padding: 0 10px;

    letter-spacing: 1px;

    font-size: 12px;

    font-weight: 400;

    text-transform: uppercase;

    line-height: 60px;

    z-index: 1;

}

ul.nav > li > a:hover,

ul.nav > li > a:focus,

ul.nav > li.active > a{

    background: none;

    color: #fcd846;

}



/* ==========================================================================

   Slider section

   ========================================================================== */

.slider_section{}

.slider_content .btn_group a{

    margin: 0 10px 0 0;

}

.slider_content .fs_btn:hover{

    color: #fff;

}

.slider_item{

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

    height:385px;

}

.main_slider .owl-nav{}

.main_slider .owl-nav div{

    color: #fff;

    width: 60px;

    height: 100px;

    font-size: 30px;

    text-align: center;

    line-height: 100px;

    position: absolute;

    left: 0;

    top: calc(50% - 60px);

    opacity: 0.5;

    transition: all 0.5s ease-in-out;

}

.main_slider .owl-nav div:hover{

    opacity: 1;

    transition: all 0.5s ease-in-out;

}

.main_slider .owl-nav div.owl-next{

    left: auto;

    right: 0;

}

.main_slider .owl-dots {

    width: 100%;

    display: block;

    text-align: center;

    position: absolute;

    left: 0;

    bottom: 25px;

}

.main_slider .owl-dots div{

    background-color: rgba(255,255,255,0.4);

    width: 5px;

    height: 5px;

    border-radius: 50%;

    display: inline-block;

    margin: 0 3px;

    transition: all 0.5s ease-in-out;

}

.main_slider .owl-dots div.active{

    background-color: rgba(255,255,255,1);

    -webkit-transform: scale(1.6);

    transform: scale(1.6);

    transition: all 0.5s ease-in-out;

} 



/* ==========================================================================

   about section

   ========================================================================== */

.about_section{

    background-color: #fff;

    border-bottom: 1px solid #eaeaea;

}    

.new1{

background-color: #f7f7f7!important;

}  

.about_content {

    padding: 35px 0;

} 

.about_content .fs_btn:hover{

    color: #282828;

}

.about_content h2{}   

.about_content p{}

.about_section .about_image{}   

.about_section .about_image img{

    border-radius: 5px;

    width: 100%;

}

.funfact{

    margin-top: 0px;

    display: flex;

}

.funfact .fact_content{

    margin: 0px 46px 0;

    border-bottom: 1px solid #ddd;

    text-align: center;

    display: inline-grid;

}

.funfact .fact_content span{

    font-size: 30px;

    font-weight: 900;

    letter-spacing: -1.4px;

    color: #fcd846;

    padding-bottom: 20px;

}

.funfact .fact_content h4{

    margin: 0;

}

.brand img{

    width: 36px;

}



/* ==========================================================================

   Service Section

   ========================================================================== */

.service_section{}  

.service_items li{

    padding: 15px;

}

.service_items{}  

.service_item img{

    width: 100%;

}

.service_item:hover img{

    opacity: 0.5;

}  

.service_item .service_content{

    padding: 20px 15px;

    background-color: #0f263a;

    display: block;

    border-radius: 0px 18px;
    height: 100px;

}  

.service_items .service_content h4{

    color: #fff;

    margin: 0 0 3px;

}  

.service_items .service_content p{

    color: #ddd;

    margin: 0;

}



/* ==========================================================================

   Cta section

   ========================================================================== */

.cta_section{

    background-image: url(../img/12.jpeg);

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

}    

.cta_section.overlay:before{

    background-color: rgba(15,38,58,0.9);

    left: auto;

    right: 0;

    width: 50%;

}      

.cta_section .cta_content{

    padding: 15px;

    color: #fff;

}

.cta_content h2{

    font-size: 32px;

}

.cta_content h2 span{

    color: #fcd846;

}

.cta_content p{}



/* ==========================================================================

   Works Section

   ========================================================================== */

.works_section{}

.works_items{}

.works_items .works_item{

    position: relative;

}

.works_items .works_item img{

    

    width: 100%;

    height: 240px;

    border: 2px solid #dbcd93;

    box-shadow: 0px 0px 3px #000;

    margin: 10px 10px 10px 0px;

    border-radius: 5px;

}

.works_items .works_item .works_overlay{

    background-color: rgba(15,38,58,0.9);

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    visibility: hidden;

    opacity: 0;

    transition: all 0.5s ease-in-out;

}

.works_items .works_item:hover .works_overlay{

    visibility: visible;

    opacity: 1;

}

.works_items .works_item .works_content{

    color: #fff;

    width: 100%;

    text-transform: uppercase;

    font-size: 12px;

    text-align: left;

    position: absolute;

    left: 30px;

    bottom: 20px;

    padding-right: 20px;

}

.works_items .works_item .works_content h3{

    margin: 0 0 3px;

}

.works_items .owl-nav div{

    background-color: rgba(252,216,70,0.7);

    width: 40px;

    height: 60px;

    font-size: 14px;

    text-align: center;

    color: #fff;

    line-height: 60px;

    position: absolute;

    left: -39px;

    top: calc(50% - 30px);

    transition: all 0.5s ease-in-out;

}

.works_items .owl-nav div:hover{

    background-color: rgba(252,216,70,1);

    transition: all 0.5s ease-in-out;

}

.works_items .owl-nav div.owl-next{

    left: auto;

    right: -39px;

}



/* ==========================================================================

   Team Section

   ========================================================================== */

.team_section{

    background-color: #f7f7f7;

    border-top: 1px solid #eaeaea;

    border-bottom: 1px solid #eaeaea;

}

.team_section .team_members{}

.team_section .team_members .team_member{

    position: relative;

    overflow: hidden;

}

.team_section .team_members .team_member img{

    width: 100%;

}

.team_section .team_members .team_member .overlay{

    background-color: rgba(15,38,58,0.9);

    color: #fff;

    text-align: center;

    padding: 0 15px;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

}

.team_section .team_members .team_member:hover .overlay{

    opacity: 1;

}

.social_links{}

.social_links li{

    display: inline-block;

}

.social_links li a{

    display: inline-block;

    border: 1px solid #fcd846;

    font-size: 10px;

    color: #fff;

    line-height: 28px;

    width: 30px;

    height: 30px;

    margin: 0 5px;

}

.social_links li a:hover{

    background-color: #fcd846;

    color: #111;

}

.team_section .team_content{

    margin-top: 20px;

}

.team_section .team_content h4{

    color: #fff;

    margin: 0 0 3px;

}



.team_section .team_content p{

    color: #ddd;

    margin: 0;

}



/* ==========================================================================

   Testimonial Section

   ========================================================================== */

.testimonial_section{

    background-image: url(../img/10.jpeg);

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

    position: relative;

    z-index: 1;

}

.testimonial_section:before{

    background-color: rgba(15,38,58,0.9);

    display: block;

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

}

.testimonial_items{}

.testimonial_item{

    text-align: center;

}

.testimonial_item figure{

    width: 90px;

    height: 90px;

    padding: 5px;

    margin: 0 auto 15px;

    position: relative;

}

.testimonial_item figure img{

    border-radius: 50px;

    width: 100%;

}

.testimonial_item h4{

    color: #fff;

    font-weight: 600;

    margin: 15px 0 10px;

}

.testimonial_item p{

    color: #ddd;

}



.testimonial_items .owl-dots{

    display: block;

    text-align: center;

}

.testimonial_items .owl-dots .owl-dot{

    background-color: transparent;

    border: 3px solid #ddd;

    display: inline-block;

    width: 20px;

    height: 20px;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    margin: 0 3px;

    -webkit-transform: scale(0.6);

    transform: scale(0.6);

    transition: all 0.5s ease-in-out;

}

.testimonial_items .owl-dots .owl-dot.active{

    background-color: transparent;

    border: 3px solid #fff;

    transition: all 0.5s ease-in-out;

} 

/* ==========================================================================

   Blog Section

   ========================================================================== */

.blog_section{}

.blog_items{}

.blog_items .blog_content{}

.blog_items .blog_content img{

    width: 100%;

    margin-bottom: 20px;

}

.blog_items .blog_content h4{

    margin: 0 0 3px;

}

.blog_items .blog_content h4 a{

    text-transform: uppercase;

    font-size: 16px;

    color: #333;

}

.blog_items .blog_content h4:hover{

    text-decoration: underline;

}

.blog_items .blog_content a{

    color: #777;

}

.blog_items .blog_content a:hover{

    text-decoration: underline;

    color: #111;

}

.blog_items .blog_content p{

	

}



/* ==========================================================================

   Call To Action

   ========================================================================== */

.cta_section_2{

    background-color: #0f263a;

    display: block;

    padding: 60px 0;

}

.cta_section_2 h3{

    display: inline-block;

    color: #fff;

    font-weight: 600;

    margin: 0 10px 0;

}



/* ==========================================================================

   Contact Section

   ========================================================================== */

.contact_section{

    border-bottom: 1px solid #eaeaea;

    position: relative;

}

.contact_wrapper{

    padding-left: 30px;

}

.contact_form{}

.contact_form .form-control{

    background-color: #f8f8f8;

    border: 1px solid #999;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    box-shadow: none;

    border-bottom: 1px solid #ddd;

    color: #282828;

    padding: 20px;

}

.contact_form .form-control:hover,

.contact_form .form-control:focus{

    border: 1px solid #999;

    box-shadow: none;

}

.contact_form .fs_btn:hover{

    color: #282828;

}

#form-messages{

    display: none;

}

#form-messages.alert-danger,

#form-messages.alert-success{

    display: block;

}

.contact_form input::-webkit-input-placeholder,

.contact_form textarea::-webkit-input-placeholder{

   color: #888 !important;

}



.contact_form input:-moz-placeholder,

.contact_form textarea:-moz-placeholder{ /* Firefox 18- */

   color: #888 !important;  

}



.contact_form input::-moz-placeholder,

.contact_form textarea::-moz-placeholder{  /* Firefox 19+ */

   color: #888 !important;  

}



.contact_form input:-ms-input-placeholder,

.contact_form textarea:-ms-input-placeholder{  

   color: #888 !important;  

}



/*Google Map*/

#google_map{

    width: 50%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}



/* ==========================================================================

   Brands Section

   ========================================================================== */

.sponsor_section{

    background-color: #f7f7f7;

    border-bottom: 1px solid #eaeaea;

    padding: 20px 0;

}

.sponsor_section .sponsor_items{}

.sponsor_section .sponsor_item img{

    width: 100%;

}

.sponsor_section .sponsor_items li:hover img{

    -webkit-transform: scale(0.9);

    transform: scale(0.9)

}



/* ==========================================================================

   widget Section

   ========================================================================== */

.widget_section{

    background-image: url(../img/widget-bg.jpg);

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

    position: relative;

    z-index: 1;

}

.widget_section:before{

    background-color: rgba(15,38,58,0.9);

    display: block;

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

} 

.footer_widget{

    color: #fff;

}

.footer_widget p a{

    color: #888;

}

.footer_widget h4 {

    font-weight: 800;

}

.links{}

.links li{}

.links li a{

    color: #fff;

    font-size: 15px;

    display: block;

}

.links li a:hover{

    text-decoration: none;

    color: #ddd;

}

.subscribe_form {

    display: block;

    text-align: center;

    padding: 5px 0;

}

.subscribe_form p{

	color: #999;

	

}

.subscribe_form .form_input{

    display: block;

    background-color: #fff;

    color: #181818;

    border: none;

    font-size: 12px;

    line-height: 50px;

    padding: 0 10px;

    float: left;

    width: 70%;

    transition: all 0.5s ease-in-out;

}



.subscribe_form .submit{

    background-color: #fcd846;

    color: #fff;

    font-family: "Montserrat", sans-serif;

    font-size: 10px;

    font-weight: 600;

    line-height: 50px;

    display: inline-block;

    padding: 0 10px;

    float: left;

    width: 30%;

    transition: all 0.5s ease-in-out;

}

.subscribe_form .submit:hover{

    background-color: #ddd;

    color: #333;

    transition: all 0.5s ease-in-out;

}

#subscribe-result{

    display: none;

    margin-top: 15px;

    padding: 10px;

    border: 1px solid #DEAA6E;

}

#subscribe-result.subs-result{

    display: block;

}

.subscription-error{

    color: #B60000;

}

.subscription-success{

    color: #333;

} 

   

/* ==========================================================================

   Footer Section

   ========================================================================== */

.footer_section{

    display: block;

    background-color: #0f263a;

    border-top: 1px solid #091c2d;

    color: #fff;

    text-align: center;

    padding: 15px 0;

}

.footer_section p{

   /* text-transform: uppercase;*/

    font-size: 12px;

    color: #ddd;

    margin: 0;

}  



/* ==========================================================================

   Scroll to Top

   ========================================================================== */

#scroll-to-top{

    background-color: #fcd846;

    display: none;

    width: 40px;

    height: 40px;

    text-align: center;

    font-size: 12px;

    line-height: 40px;

    border-radius: 3px;

    color: #fff;

    position: fixed;

    bottom: 50px;

    right: 50px;

    z-index: 999;

}

#scroll-to-top:hover{

    background-color: #282828;

    color: #fff;

}



.purchase-btn{

    position: fixed;

    right: -135px;

    height: 55px;

    width: 190px;

    top: 20%;

    z-index: 99;

    transition: all 0.3s ease 0s;

}

.purchase-btn:hover{

    right: -2px;

    transition: all 0.3s ease 0s;

}

.purchase-btn a{

    width: 100%;

    background-color: #fcd846;

    color: #fff;

    display: inline-block;

    text-align: center;

    font-size: 11px;

    width: 100%;

    line-height: 55px;

    padding-left: 55px;

    border-radius: 3px;

    text-transform: uppercase;

    position: relative;

}

.purchase-btn a:before{

    font-family: 'et-line';

    content: '\e027';

    color: #fff;

    font-size: 20px;

    width: 55px;

    height: 100%;

    text-align: center;

    display: block;

    line-height: 55px;

    border-right: 1px solid #e2bf2d;

    position: absolute;

    left: 0;

    top: 0;

}

.purchase-btn a:hover{

    text-decoration: none;

}

.slider_content{

    text-align: left;

}

.service_item img{

    width: 350px;

    height: 260px;

}

.service_item{

    box-shadow: 0px 0px 10px #cecbff;

    border-radius: 0px 0px 0px 18px;

}

.icon-img{

    margin-left: 55px;

}

.icon-img1{

    margin-left: 45px;

}

.icon-img2{

    margin-left: 100px;

}

.foo-logo img{

    width: 145px;

}

.footer_widget .text-white{

    font-size: 20px;

}

.add{

    margin-left: 17px;

}

.footer-space{

    padding: 30px 0px;

}