@charset "utf-8";
/* CSS Document */
@font-face{
    font-family:'FontAwesome';
    src:url("../plugins/font-awesome/fonts/fontawesome-webfont.eot");
    src:url("../plugins/font-awesome/fonts/fontawesome-webfont.svg");
    src:url("../plugins/font-awesome/fonts/fontawesome-webfont.ttf");
    src:url("../plugins/font-awesome/fonts/fontawesome-webfont.woff"), url("../../font-awesome/fonts/fontawesome-webfont.woff2");
    src:url("../plugins/font-awesome/fonts/FontAwesome.otf");
}
body { margin:0; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
/*div, h1, h2, h3, h4, h5, h6, p, a, img, ul, li { margin:0; padding:0;}*/
a { text-decoration:none;}


.no_pad { padding-left:0; padding-right:0;}
.m_t_10 { margin-top:10px;}
.m_t_20 { margin-top:20px;}
.m_t_30 { margin-top:30px;}
.m_t_40 { margin-top:40px;}
.m_t_50 { margin-top:50px;}
.m_t_60 { margin-top:60px;}
.m_t_70 { margin-top:70px;}
.fa_icon { margin-right:10px;}
.no_r-pad { padding-right:0;}
.no_l-pad { padding-left:0;}

.banner { width:100%; height: auto;}
/*.menu_bar { background:#f00; width:100%; height:80px;}
.logo { padding:10px;}
.navigation { height:40px; width:100%;}
*/
.body_header { font-size:40px; text-align:center; font-weight:600;}
.body_sub_header { font-size:25px; text-align:left; font-weight:600;}
.left_pannel { padding-top:10px;}
.left_pannel h3 { padding:10px 5px; font-size:18px;}
.left_pannel p {font-size:13px; color:#666;}



.right_pannel { height:450px; width:100%; background:#F66;}
.banner_slider { width:68%; height: auto; background:#FFF; padding:15px; position:absolute; z-index:100; margin-left:100px;}




.product_base { height:60px; margin:0 auto; width:100%;}
.product_tab { background:#eee; /*width:100%; height:400px; margin:20px 100px;*/}
.pd_img h2 { font-size:18px; text-align:center; padding:15px 0 0 0; text-transform:uppercase;}
.product_tab p { font-size:13px; color:#999; font-style:italic; text-align:center; padding:5px;}
.rent_btn { text-align:center; padding:15px; padding-bottom:30px;}
.product_tab ul > li { list-style:none; float: left; padding:10px 17px; border-right:1px solid #CCC;}
.product_tab ul > li > a { text-decoration:none; display:block; padding:5px 10px; color:#999;}
.product_tab ul > li:last-child { border:none;}
.product_tab ul > li > a:hover { color:#333;}
.pd_img img{ padding:5px 200px;}

.product{ margin:0 auto;}
.product .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
	font-size:16px;
}
.product .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 27.5px;
}

.product .nav-tabs>li.active>a, .product .nav-tabs>li.active>a:focus, .product .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #292e31;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
	border-bottom:none;
}
.product .nav-tabs {
    border-bottom: 0px;}
.product .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.product .nav-tabs>li {
    float: left;
    margin-bottom: 0px;
}




.navigation .navbar-nav>li>a {
    padding-top: 4px;
    padding-bottom: 4px;
}
.navigation .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 18px;
}
.navigation .nav>li>a {
    position: relative;
    display: block;
    padding: 40px 22px;
}

.navigation a {
    color: #000;
    text-decoration: none;
	font-weight:bold;
	
}
.navigation a:hover {
    color: #000;   
}

.about { width:100%; height:350px;}
.about_tab { width:100%; height:353.5px; padding:20px 30px; background:#292e31;}
.about_tab_header { font-size:25px; font-weight:600; color:#FFF; border-bottom:1px solid #666; padding-bottom:15px;}
.text_col { color:#0092ff; font-size:18px; padding:15px 0 8px 0;}
.name_header { color:#FFF; font-size:15px; text-transform:uppercase; margin-left:5px; }
.about_tab p { text-align:left; color:#ccc; line-height:17px;  font-size:13px; padding-bottom:15px;}

.about_tab_body { border-right:5px solid #0092ff;  height:auto; text-align:left;}

.about_tab_body  .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
	font-size:16px;
	
}
.about_tab_body  .nav>li>a {
    position: relative;
    display: block;
    padding: 32px 35px;
	text-decoration:none; color:#000;
	
}

.about_tab_body  .nav-tabs>li.active>a, .about_tab_body .nav-tabs>li.active>a:focus, .about_tab_body .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color:#0092ff;
    border:none;
    border-bottom-color: transparent;
	border-bottom:none;
}
.about_tab_body  .nav-tabs {
    border-bottom: 0px;}
.about_tab_body  .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.about_tab_body  .nav-tabs>li {
    float: none;
    margin-bottom: 0px;
	list-style:none;
	text-align:left;  
	border-bottom:1px solid #CCC;
	
}

.more_product { height:auto; width:100%; border:1px solid #E8E8E8; margin-top:10px;}
.more_product h4 { position:absolute; z-index:200; /*height:30px; width:80px;*/ background:#0092ff; padding:7px 15px; margin:10px; color:#FFF; font-size:15px; }
.more_product h3 { font-size:13px; /*padding:10px;*/ font-weight:600; text-align:center;}
.view_more_btn { text-align:center; padding:10px; }
.img_wdth{width: 272px;height: 226px;}
.img_wdth_fixture{width: 272px;height: 363px;}


.quality_banner { height:450px; width:100%; background:#292e31;}

.news { height:150px; width:100%; background:#f4f4f4; margin-top:5px;}
.news h5 { padding:3px 15px; font-size:15px; color:#999;}
.news h3 { padding:0px 15px; font-size:18px; color:#333; font-weight:600; line-height:25px;margin-top: 0px;}
.news h6 { padding:5px 15px; font-size:14px; color:#999;}
.news h6 p{color: #000;line-height: 18px;}
.news h6 a { text-decoration:none; color:#999;}
.news h6 a:hover {color:#333;}
.view_btn { height:35px; width:100px; padding:7px 10px; text-align:center; border:1px solid #666; margin-top:10px;}
.view_btn a { text-decoration:none; color:#666;}
.view_btn a:hover { color:#000;}
.view_btn:hover { color:#000; border:1px solid #000; }


.cust_view { height:462px; width:100%; background:#f4f4f4; padding:15px 10px;}
.testimonial { height:130px; width:100%; border-radius:5px; background: #fff; padding:15px; margin-top:10px; font-size:13px; line-height:20px;}
.test_photo { height:100px; width:100px; border-radius:50%; background:#FFF; margin-top:10px;}
.test_photo h3 { font-size:15px; font-style:italic; text-align:center; padding-top:105px;}

.footer_main { height:460px; width:100%; background: url(../images/ft_whole_bg1.png) left top no-repeat #292e31; position:relative; }
.footer_body { position:absolute; z-index:100; width:100%;}
.ft_left_pannel { padding:7px 15px;}
.ft_left_pannel img { padding-top:15px;}
.ft_left_pannel p { color:#FFF; padding-top:10px; text-align:left;}
.ft_right_pannel { padding:7px 15px;margin-top:30px; color:#FFF; text-align:left;}
.ft_r_header { font-size:18px;}
.ft_right_pannel ul > li { list-style:none; padding:5px 0px;}
.ft_right_pannel ul > li > a{ text-decoration:none; color:#CCC;}
.ft_right_pannel ul > li > a:hover { color:#0092ff;}
.ft_right_pannel p {color:#CCC; padding-bottom:15px; }
.f_book_icon { height:40px; width:100%; background:#0092ff; padding:11px 20px; font-size:15px; }
.f_book_box { height:40px; width:100%; padding:5px 10px;}
.f_book_icon a { text-decoration:none; color:#FFF;} 
.f_book_icon:hover { background:#007cd8;}
.social_icon1 { font-size:30px; padding:10px 20px;}
.social_icon1 a{ text-decoration:none; color:#FFF;}
.social_icon1 a:hover{ color:#0092ff;}
.up_arrow { font-size:18px; color: #Fff; margin:-39px 126px;position: absolute;}
.ft_up_arrow a { text-decoration:none; color:#FFF;}
.up_arrow:hover {color:#000;}
.ft_up_arrow p { font-size:14px; text-align:right; padding:26px 15px; color:#999; margin-top:-68px;}

.custm_nav.navbar{
    margin-bottom: 0;
    background: #fff;
    border: 0
}
.custm_nav.navbar .navbar-brand{
    height: 115px;
    padding: 8px 15px;
}
.custm_nav ul.navbar-nav>li>a{
    line-height: 80px;
    color: #000;
    font-weight: bold;
/*    padding: 15px 22px;*/
}
.custm_nav ul.navbar-nav>li>a:hover{
    background: #eee;
}
.banner_for_all{
    background: url('../images/banners/component_in_banner.jpg') no-repeat center;
    height: 250px;
}
.banner_for_component{
    background: url('../images/banners/component_in_banner.jpg') no-repeat center;
    height: 250px;
}
.banner_for_fixture{
    background: url('../images/banners/fixture_in_banner.jpg') no-repeat center;
    height: 250px;
}
.banner_for_infra{
    background: url('../images/banners/infra_in_banner.jpg') no-repeat center;
    height: 250px;
}
.transbg{
    background: rgba(0,0,0,0.5);
    padding: 40px 0;
    height: 250px;
    text-align: center;
}
.transbg .container{
    padding: 40px;
}
.transbg h1{
    color: #fff;
    text-shadow: 2px 2px #D4CDCD;
}

.wrap {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 0px;
}

a:focus,
a:hover,
a:active {
  outline: 0;
  text-decoration: none;
}

.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #fff;
  background: none;
  box-shadow: none;
}

.panel:last-child {
  border-bottom: none;
}

.panel-group > .panel:first-child .panel-heading {
  border-radius: 0px 0px 0 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-heading {
  background-color: #004F98;
  border-radius: 0;
  border: none;
  color: #fff;
  padding: 0;
}

.panel-title a {
  display: block;
  color: #fff;
  padding: 15px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
}

.panel-body {
  background: #fff;
}

.panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}

.panel:last-child .panel-heading {
  border-radius: 0 0 0px 0px;
  transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */

.panel-heading a:before {
  content: '\e146';
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  font-size: 24px;
  transition: all 0.5s;
  transform: scale(1);
}

.panel-heading.active a:before {
  content: ' ';
  transition: all 0.5s;
  transform: scale(0);
}

#bs-collapse .panel-heading a:after {
  content: ' ';
  font-size: 18px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 14px;
  transform: scale(0);
  transition: all 0.5s;
}

#bs-collapse .panel-heading.active a:after {
  content: '\e909';
  transform: scale(1);
  transition: all 0.5s;
}
/* #accordion rotate icon option */

#accordion .panel-heading a:before {
  content: '\f078';
  font-size: 18px;
  position: absolute;
  font-family: 'FontAwesome';
  right: 5px;
  top: 14px;
  transform: rotate(180deg);
  transition: all 0.5s;
}

#accordion .panel-heading.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
}
.mag0{
    margin: 0;
}
.pad0{
    padding: 0;
}
.content {
    padding: 3rem 0;
}
.content .panel-group{
    margin-bottom: 0;
}
.fonticon {
    background: #31A3FE;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #fff;
}
.content .btn-default {
    color: #fff;
    background-color: #31A3FE;
    border-color: #31A3FE;
}
ul{
    margin-left: 0;
    padding-left: 0;
}
.bdr_img{
      border: 1px solid #BEBEBE;
}
.flR{
  float: right;
}
.ficon{
  padding-right: 5px;
  color: #004F98;
}
/*.gallery img {
    border: 8px solid #fff;
    box-shadow: 0 5px 5px #525252;
}*/
.gallery .row, .awards .row{
  margin-bottom: 15px;
}
.gallery .thumbnail, .service_gallery .thumbnail{
  border: 8px solid #fff;
  box-shadow: 0 5px 5px #525252;
}
.gallery .thumbnail img{
  width: 420px;
  height: 267px;
}
.gallery .thumbnail .caption{
  min-height: 108px;
}
.gallery .thumbnail .caption.new_capt{
  /*min-height: 148px;*/
  min-height: 110px;
}
.gallery .thumbnail .caption.new_capt1{
  min-height: 148px;
}
.gallery .thumbnail img.spcf_height{
  height: 415px !important;
}
.marg20{
  margin: 20px 0;
}
.more_product .btn-default {
    color: #fff;
    background-color: #004F98;
    border-color: #004F98;
}
.marT25{
  margin-top: 25px;
}
.marT20{
  margin-top: 20px;
  margin-bottom: 20px;
}
.nopad{
  padding: 0 !important;
}
.pad10{
  padding-left: 10px;
  padding-right: 10px;
}
.banner_slide .carousel-inner>.item>a>img, .banner_slide .carousel-inner>.item>img{
  width: 100%;
}
.typ_prdct{
      background: #eee;
    padding-top: 36px;
    min-height: 659px;
}
.products_n_services{
  padding: 30px 0;
  background: #eee;
  margin-top: 30px;
}
.products_n_services .col-md-4{
  border-right: 1px solid #c7c7c7;
}
.products_n_services .col-md-4:last-child{
  border-right: 0;
}
.products_n_services h4.body_header{
  margin-bottom: 35px;
}
.padL{
  padding-left: 0;
}
.prdct_dtl .thumbnail {
    border: 8px solid #fff;
    box-shadow: 0 5px 5px #525252;
}
.prdct_dtl .thumbnail img{
  width: 300px;
  height: 282px;
}
.btn-social {
    width: 150px;
    position: relative;
    /*opacity: 0.5;*/
    transition: 0.3s ease;
    cursor: pointer;
}

.btn-social:hover {
    transform: scale(1.5, 1.5);
    opacity: 1;
    z-index: 1;
}
.seperator{
  margin: 10px 0;

}
.top_shadw {
        box-shadow: 0 -5px 5px -5px #333;
}
.shadw_pad{
      padding-top: 15px;
    margin-top: 10px;
}
.padT10{
  padding-top: 10px;
}
.marT10{
  padding-top: 10px;
}

/* slider */

/* jssor slider arrow navigator skin 02 css */
        /*
        .jssora02l                  (normal)
        .jssora02r                  (normal)
        .jssora02l:hover            (normal mouseover)
        .jssora02r:hover            (normal mouseover)
        .jssora02l.jssora02ldn      (mousedown)
        .jssora02r.jssora02rdn      (mousedown)
        */
        .jssora02l, .jssora02r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url('img/a02.png') no-repeat;
            overflow: hidden;
        }
        .jssora02l { background-position: -3px -33px; }
        .jssora02r { background-position: -63px -33px; }
        .jssora02l:hover { background-position: -123px -33px; }
        .jssora02r:hover { background-position: -183px -33px; }
        .jssora02l.jssora02ldn { background-position: -3px -33px; }
        .jssora02r.jssora02rdn { background-position: -63px -33px; }

        /* jssor slider thumbnail navigator skin 03 css */
        /*
        .jssort03 .p            (normal)
        .jssort03 .p:hover      (normal mouseover)
        .jssort03 .pav          (active)
        .jssort03 .pdn          (mousedown)
        */
        
        .jssort03 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 62px;
            height: 32px;
        }
        
        .jssort03 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort03 .w, .jssort03 .pav:hover .w {
            position: absolute;
            width: 60px;
            height: 30px;
            border: white 1px dashed;
            box-sizing: content-box;
        }
        
        .jssort03 .pdn .w, .jssort03 .pav .w {
            border-style: solid;
        }
        
        .jssort03 .c {
            position: absolute;
            top: 0;
            left: 0;
            width: 62px;
            height: 32px;
            background-color: #000;
        
            filter: alpha(opacity=45);
            opacity: .45;
            transition: opacity .6s;
            -moz-transition: opacity .6s;
            -webkit-transition: opacity .6s;
            -o-transition: opacity .6s;
        }
        
        .jssort03 .p:hover .c, .jssort03 .pav .c {
            filter: alpha(opacity=0);
            opacity: 0;
        }
        
        .jssort03 .p:hover .c {
            transition: none;
            -moz-transition: none;
            -webkit-transition: none;
            -o-transition: none;
        }
        
        * html .jssort03 .w {
            width /**/: 62px;
            height /**/: 32px;
        }
        .bg_clr{
          background: #000;
          padding: 50px 0;
        }
.component_name{
    padding: 15px 0;
    position: absolute;
    left: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    color: #fff;
    padding-left: 20px !important;
    font-size: 18px;
}

#jssor_1 .jssora02l, #jssor_2 .jssora02l, #jssor_3 .jssora02l {
    background-position: -15px -44px;
}
#jssor_1 .jssora02l:hover, #jssor_2 .jssora02l:hover, #jssor_3 .jssora02l:hover { 
  background-position: -136px -44px; 
}
#jssor_1 .jssora02r:hover, #jssor_2 .jssora02r:hover, #jssor_3 .jssora02r:hover { 
  background-position: -196px -44px; 
}
#jssor_1 .jssora02r, #jssor_2 .jssora02r, #jssor_3 .jssora02r {
    background-position: -76px -44px;
}

.box_shdw h3{
  text-align:center;
    position:relative;
    top:80px;
}
.box_shdw {
    width: 100%;
    height: 200px;
    background: #FFF;
    /* margin: 40px auto; */
    border: 1px solid #eee;
    margin-bottom: 20px;
    clear: both;
}

.box_shdw img{
  margin-top: -78px;
}

.box_shdw h4{
  text-align: center;
  margin-top: 100px;
  clear: both;
}
h4.marT{
  margin-top: 65px !important;
}
h4.marT1{
  margin-top: 78px !important;
}

.box_profile h3{
  text-align:center;
    position:relative;
    top:80px;
}
.box_profile h3 a{
  color: #fff;
}
.box_profile h4{
  text-align:center;
  position:relative;
  font-size: 20px;
  padding-bottom: 4px;
}
.box_profile h4 a{
  color: #fff;
}
.box_profile {
    width:100%;
    min-height:200px;
    background:#004f98;
    /*margin:40px auto;*/
}
.bdr_box{
  border: 1px solid #eee;
  margin-bottom: 30px;

}

.box_profile.bg{
      background: #de4a40;
}

.box_profile1 h3{
  text-align:center;
    position:relative;
    /*top:80px;*/
}
.box_profile1 h3 a{
  color: #000;
}
.box_profile1 {
    width:100%;
    min-height:200px;
    background:#fff;
    border: 1px solid #eee;
    /*margin:40px auto;*/
    margin-bottom: 20px;
}


/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}
.padT0{
  padding-top: 0 !important;
}
.testi_circle{
  margin-top: 25px !important;
  margin: 0 auto; 
  text-align: center;
}
.testi_circle img{
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.marB30{
  margin-bottom: 30px;
}
.marT30{
  margin-top: 30px;
}
.bg_map{
  background: url(../images/ft_map.png) center center no-repeat;
  min-height: 128px;
}
.video_sec{
  background: #eee;
  padding: 20px 0;
}