html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  /*vertical-align: baseline;*/
    vertical-align: -webkit-baseline-middle;
 }

html {
  /*line-height: 1;*/
  height: 100%;
  width: 100%;
 }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

*, *:before, *:after {
  box-sizing: border-box; }

.clear {
  clear: both; }
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/* This stylesheet generated by Transfonter (https://transfonter.org) on June 21, 2017 8:44 AM */
html,body {
  /* overflow-x: hidden !important; */
  height: 100%;
}
@font-face {
	font-family: 'supermarket';
	src: url('supermarket.eot');
	src: url('supermarket.eot?#iefix') format('embedded-opentype'),
		url('supermarket.woff') format('woff'),
		url('supermarket.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('Gotham-Bold.eot');
	src: url('Gotham-Bold.eot?#iefix') format('embedded-opentype'),
		url('Gotham-Bold.woff') format('woff'),
		url('Gotham-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('Gotham-BlackItalic.eot');
	src: url('Gotham-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('Gotham-BlackItalic.woff') format('woff'),
		url('Gotham-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Gotham';
	src: url('Gotham-Black.eot');
	src: url('Gotham-Black.eot?#iefix') format('embedded-opentype'),
		url('Gotham-Black.woff') format('woff'),
		url('Gotham-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Extra';
	src: url('Gotham-ExtraLight.eot');
	src: url('Gotham-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('Gotham-ExtraLight.woff') format('woff'),
		url('Gotham-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Book';
	src: url('Gotham-Book.eot');
	src: url('Gotham-Book.eot?#iefix') format('embedded-opentype'),
		url('Gotham-Book.woff') format('woff'),
		url('Gotham-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('MyriadPro-Regular.eot');
	src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('MyriadPro-Regular.woff') format('woff'),
		url('MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('Gotham-Light.eot');
	src: url('Gotham-Light.eot?#iefix') format('embedded-opentype'),
		url('Gotham-Light.woff') format('woff'),
		url('Gotham-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
.show-mobile{
   display: none;
  }

  .show-dt{
     display: block;
    }

    .navbar {
         border-radius: 0px !important;
    }
.navbar-brand{
  padding-top: 6px;
}
.navbar-default {
  height: 60px;
  background-color: #ffffff;
  border-color: #e7e7e7;
}

.out-head{
  width: 100%;
max-width: 1400px;
height: 100%;
margin: 0 auto;
}
.bg-menu{
  background: url(../img/line-menu.png) no-repeat right 18px;
  padding: 0px;
}

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

.navbar {
 margin-bottom:0px; }

 .sub-header{
 width: 100%;
  min-height: 70px;
 background: rgba(21, 42, 80, 0.9);
 position: absolute;
     z-index: 1;
}

 .menu-box{
 /*border: 1px solid red;*/
  height: 70px;padding: 10px; color: #ffffff;  text-align: center;
  font-family: 'Gotham','supermarket';
        /* font-weight: bold; */
        font-size: small;
 }

 a:hover .menu-box{
   color: #ba3a2b;
 }

 a.active .menu-box {
     color: #ba3a2b;
 }

 .icon-home{
 width: 27px; height: 25px; margin: 0 auto 0px; text-align: center;
 background: url(../img/home-w.png) no-repeat;
 }
 a:hover .icon-home{
   width: 27px; height: 25px; margin: 0 auto 0px; text-align: center;
   background: url(../img/home-ac.png) no-repeat;
 }

 a.active .icon-home{
   width: 27px; height: 25px; margin: 0 auto 0px; text-align: center;
   background: url(../img/home-ac.png) no-repeat;
 }



 .icon-about{
 width: 27px; height: 25px; margin: 0 auto 0px; text-align: center;
 background: url(../img/about-w.png);
 }
 a:hover .icon-about{
   width: 27px; height: 25px; margin: 0 auto 0px; text-align: center;
   background: url(../img/about-ac.png) no-repeat;
 }
 a.active .icon-about{
   width: 27px; height: 25px; margin: 0 auto 0px; text-align: center;
   background: url(../img/about-ac.png) no-repeat;
 }


 .icon-product{
 width: 27px; height: 25px; margin: 0 auto 0px; text-align: center;
background: url(../img/product-w.png) ;background-size: 23px;
 }
 a:hover .icon-product{
   width: 27px; height: 25px; margin: 0 auto 0px; text-align: center;
  background: url(../img/product-ac.png);background-size: 23px;
 }
 a.active .icon-product{
   width: 27px; height: 25px; margin: 0 auto 0px; text-align: center;
  background: url(../img/product-ac.png) ;background-size: 23px;
 }


 .icon-service{
 width: 27px; height: 27px; margin: 0 auto 0px; text-align: center;
 background: url(../img/service-w.png);
 }
 a:hover .icon-service{
   width: 27px; height: 27px; margin: 0 auto 0px; text-align: center;
   background: url(../img/service-ac.png) no-repeat;
 }
 a.active .icon-service{
   width: 27px; height: 27px; margin: 0 auto 0px; text-align: center;
   background: url(../img/service-ac.png) no-repeat;
 }


 .icon-news{
 width: 27px; height: 27px; margin: 0 auto 0px; text-align: center;
 background: url(../img/news-w.png);
 }
 a:hover .icon-news{
   width: 27px; height: 27px; margin: 0 auto 0px; text-align: center;
   background: url(../img/news-acc.png) ;
 }
 a.active .icon-news{
   width: 27px; height: 27px; margin: 0 auto 0px; text-align: center;
   background: url(../img/news-acc.png) ;
 }

 .icon-nfpa{
 width: 39px; height: 44px; margin: 0 auto;  text-align: center;
 background: url(../img/nfpa-w.png);
 }
 a:hover .icon-nfpa{
   width: 39px; height: 44px; margin: 0 auto; text-align: center;
   background: url(../img/nfpa-ac.png);
 }
 a.active .icon-nfpa{
   width: 39px; height: 44px; margin: 0 auto; text-align: center;
   background: url(../img/nfpa-ac.png);
 }

 .icon-contact{
 width: 27px; height: 25px; margin: 0 auto 0px; text-align: center;
 background: url(../img/contact-w.png);
 }
 a:hover .icon-contact{
   width: 27px; height: 25px; margin: 0 auto 0px; text-align: center;
   background: url(../img/contact-ac.png);
 }
 a.active .icon-contact{
   width: 27px; height: 27px; margin: 0 auto 0px; text-align: center;
   background: url(../img/contact-ac.png) no-repeat;}

   .icon-ref{
    width: 27px; height: 25px; margin: 0 auto 0px; text-align: center;
    background: url(../img/rf-w.png);
    }
    a:hover .icon-ref{
      width: 27px; height: 25px; margin: 0 auto 0px; text-align: center;
      background: url(../img/rf-ac.png);
    }
    a.active .icon-ref{
      width: 27px; height: 27px; margin: 0 auto 0px; text-align: center;
      background: url(../img/rf-ac.png) no-repeat;}

footer{
  width: 100%; min-height: 100px; background: rgba(21, 42, 80, 0.92);
    font-family:'supermarket'; font-size: 22px; color: #ffffff;
    position: relative;
    z-index: 999;
    line-height: 1;
     bottom: 0;
        /* bottom: -68px; */
    padding-top: 7px;
}

.txt-footer{
  width: 100%; min-height: 66px;  padding: 10px 10px 0px 10px;  border-left: 3px solid #bb3a2a;
  margin-top: 4px;  font-size: 16px;
}

.txt-copyright{
  width: 100%; min-height: 40px ; padding: 10px;
  margin-top: 40px; font-size: 12px; text-align: center;
  font-family: 'Gotham','supermarket';
}

.main-backdrop{
  width: 100%;height: 100%;
  position: absolute;
  top: 0;
  z-index: -99;

}

.caption-out{
  width: 100%;  position: absolute;  top: 19%;  left: 0px;

}
.box-caption{
  width: 645px;  min-height: 120px;  background: rgba(0, 0, 0, 0.62);  text-align: center;
  margin: 0 auto;  padding: 10px; font-family: 'Gotham','supermarket'; font-size: 18px; color: #fff;
  border: 4px solid rgba(255, 255, 255, 0.77);
}

.box-caption h1{
  font-size: 22px;
}

.tab-top{
  width: 100%; height: 80px;
  background: #96211E;
}

.txt-tab{
  width: 100%; height: 80px;
  background: #BD392C; color: #ffffff;
text-align: right;
    padding: 0 20px;


}

.txt-tab label{
 color: #ffffff;
 text-align: right;
  font-family: 'Gotham','supermarket';font-weight: 900;
  font-size: 32px;  padding-left: 20px;  line-height: 57px; padding-top: 10px;
}

.main-about{
  width: 100%; min-height: 600px;
}

.in-about{
  width: 100%; min-height: 600px;
}

#content{
  padding-top: 10px;
margin-top: 30px;

}

.tab-pane{
  box-shadow: 4px 3px 8px 2px rgba(179, 177, 177, 0.52);
      min-height: 450px;     margin-bottom: 50px;
}

.nav-tabs>li {
background: #536C88; width: 250px;
font-family: 'Gotham','supermarket';font-weight: 900; color: #ffffff;  font-size: 24px; text-align: center;
}

.nav-tabs>li>a {
 color: #ffffff;
}

nav-tabs>li.active>a {
    color: #FFFFFF;  cursor: default;  background-color: #152A50;
    border: 1px solid #ddd;  border-bottom-color: #152A50;
  }

  .nav-tabs {
    border-bottom: 0px solid  #152A50;
}

.nav>li>a:hover {
    background-color: #152A50;
    color: #ffffff;
}

.nav-tabs>li>a:hover {
    border-color: transparent;
}
.nav-tabs>li.active>a{
  margin-right:  0px;
  margin-left:  0px;
}

.nav-tabs>li>a {
    border-radius: 0px 0px 0 0;
  }

  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #fbfbfb;  cursor: default;
  background-color: #152A50;
  border: 1px solid rgba(221, 221, 221, 0);
  border-bottom-color: transparent;
}

.ab-content{
  width: 100%;  min-height: 450px; padding: 80px 60px 60px 60px; margin-bottom: 75px;
}

.ab-txt{
  width: 100%;  min-height: 300px;
    padding: 0 25px;
  background: url(../img/line-2.png) no-repeat; background-size: 5px 100%;
    background-position: 0px 20px;
  font-family: 'Gotham','supermarket'; font-size: 18px; color: #676767;
}

.ab-txt h1{
  font-size: 22px; color: #000;
}

.main-product{
width: 100%; min-height: 600px;
}

.banner-pd{
   min-height: 100px;
}

.tab-cate{
  width: 25% !important;
/* margin-right: 17px; */
border-right: 5px solid #fff;
border-bottom:  5px solid #fff;
}

.ct-mg{
	margin-top: 50px;
}

.no-sd{
    box-shadow: 0px 0px 0px 0px rgba(179, 177, 177, 0.52) !important;

}

.no-pd{
  padding: 0px;
}

.in-pd {

}

.name-pd{
	    min-height: 60px; padding: 10px;
			font-family: 'Gotham','supermarket'; color: #2c3f61;  font-size: 16px; text-align: center;
}

.main-service{
width: 100%; min-height: 600px;
}

.sv-content {
    width: 100%;min-height: 450px;
    padding: 30px 0px 20px 0px;margin-bottom: 60px;
}

.item-sv{
  width: 100%; min-height: 150px;
  padding: 40px 10px;  margin: auto;  text-align: center;
}

.txt-item{
  width: 100%;
  min-height: 250px;
    padding: 75px 0 40px 40px; margin: auto;
   font-family: 'Gotham','supermarket'; font-size: 30px; color: #1F6092; line-height: 37px; font-weight: bold;
}

.sub-service{
width: 100%; min-height: 300px;
}

.reli-s{    width: 30% !important;
    border-right: 2px solid #fff;
  }

.reli-m{    width: 40% !important;
        border-right: 2px solid #fff;
      }
.tk-content {
  width: 100%;  min-height: 600px;
}

.txt-tk{
  width: 100%; min-height: 300px;
  padding: 20px;
   font-family: 'Gotham','supermarket'; font-size: 20px; color: #676767;
}

.txt-tk h1{
   font-family: 'Gotham','supermarket'; font-size: 45px; color: #1F6092; text-align: center; margin: auto; line-height: 36px;
}

.txt-tk span{
      vertical-align: baseline;
      font-size: 35px; color:#000000;
}

.icon-sv{padding: 30px; margin-bottom: 25px;}

.in-icn{
  padding: 20px;
}

.in-sm{
width: 100%; min-height: 50px; margin-bottom: 25px;
position: relative;
?
color: #fff;
cursor: pointer;
}


.in-sm  img {
    /* opacity: 0.5;
    filter: alpha(opacity=40); */
}

.in-sm img:hover {
    /* opacity: 1.0;
    filter: alpha(opacity=100);
color: transparent; */
}

.txt-sm{
     width: 100%; min-height: 170px; padding: 10px;
   font-family: 'Gotham','supermarket'; font-size: 18px; color: #676767;
   display: flex;  align-items: center;
}

.text-ho{
  position: absolute;  bottom: 73px;  right: 97px;
}

.tng-red img{

  /* position: absolute; bottom: 45%;  right: 1px; */
  padding-right: 10px;
}

.main-news{
width: 100%; min-height: 600px; margin-bottom: 50px;
}

.box-news{
  width: 100%;min-height: 150px;
  background: #fff;  margin: 30px 0 0 0;
  box-shadow: 2px 3px 8px 2px rgba(179, 177, 177, 0.52);
  margin-right: 20px;
}

.tab-nw{
  width: 100%; min-height: 45px;background: #152A50;
display: flex; align-items: center; padding: 0 0 0 15px;
 font-family: 'Gotham','supermarket'; font-size: 20px; color: #fff;
}

.txt-news{
  width: 100%; min-height: 150px;
padding: 10px 15px 10px 30px;
 font-family: 'Gotham','supermarket'; font-size: 18px; color: #676767;
 position: relative;
}

.marg-news{
width: 100%; min-height: 600px; padding: 20px;
}

.new-pic{
padding: 15px 15px 15px 15px;
}

.back-nw{
min-height: 50px; width: 100%;
font-family: 'Gotham Book','supermarket'; font-size: 14px; color: #BB3A2B;
text-align: right;
padding: 10px 15px 10px 30px;
}

.marg-newsde{
width: 100%; min-height: 600px;
    box-shadow: 2px 3px 8px 2px rgba(179, 177, 177, 0.52);
    margin: 50px 0 0 0;     padding: 0 0 30px 0;
}

.tab-newsde{
  width: 100%; min-height: 80px; background: #152A50;
display: flex; align-items: center;
}

.txt-tabde{
  font-family:'Gotham','supermarket'; font-size: 36px; color: #fff;
padding: 0 0 0 20px;
}

.newde-pic{
padding: 30px 0 15px 15px;
width: 100%; min-height: 300px;
margin: auto; text-align: center;
}

.txt-newde{
  width: 100%; min-height: 250px;
  font-family: 'Gotham','supermarket'; font-size: 22px; color: #676767;
 padding: 20px 50px; margin: 10px;
}

.gall-nws{
  width: 100%; min-width: 200px;
  padding: 30px;
}

.txt-back{
  width: 100%; min-width: 50px;
  font-family: 'Gotham Book','supermarket'; font-size: 16px; color: #BB3A2B;
  text-align: left;  padding: 10px 10px 10px 30px;
}

.main-nfpa{
width: 100%; min-height: 600px; margin-bottom: 50px;
}

.marg-nfpa{
width: 100%; min-height: 600px;
    margin: 50px 0 0 0;   padding: 20px 20px 30px 20px;
}

.title-nfpa{
  width: 100%; min-height: 70px;
    font-family: 'Gotham','supermarket'; font-weight: 900;  font-size: 36px; color: #000;     font-style: italic;
}

.hh{
  max-width: 521px;
  background: url(../img/line-3.png) bottom no-repeat;
  background-size: 99% 5px;
  background-position: 4px 43px;
  min-height: 50px;
}

.txt-nfpa{
  padding-top: 10px;
 font-family: 'Gotham Book','supermarket';  font-size: 18px; color:#676767;  line-height: 22px;
}

.pn{
height: 25px; padding: 4px 1px 0 0;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: rgba(204, 204, 204, 0.21) !important;
  }


		.owl-theme .owl-nav [class*=owl-] {
		background: transparent !important;
		border-radius: 20px !important;
		width: 40px !important;   height: 40px !important;
    border: 2px solid #BB3A2B;
		}

    #slide .owl-prev {
    position: absolute; top: 68px; left: -76px;
    }

      #slide .owl-next{
			position: absolute; top: 68px;  right: -76px;
		}


.thumbnail {
    border: 3px solid transparent;  border-radius: 0px;  padding: 0px;

}

a.thumbnail:hover,a.thumbnail:focus {
    border-color: #152A50 !important;
}

a.thumbnail.active{  border-color: #152A50;
}
.item.active a{
    border-color: #152A50 !important;
    opacity: 1 !important;
}

#demos{
  width: 90%;  margin: 50px auto;
  }

.cs1{
	  width: 90%;  margin: 50px auto 0px !important;
}
  .bt-border {
      position: relative;  width: 120px;  height: 35px;  margin: 20px;  background:#ffffff;
      border: 1px solid #dad7d7;
      text-align: center;  font-family: 'Gotham Book','supermarket';  font-size: 16px; color:#676767;  line-height: 22px;
  }
  .bt-border :before {
     display: block;  content: "";  width: 20px;  height: 20px;
    position: absolute;  top: -2px;  left: -2px;
      border-top: 5px solid #BB3A2B;
      border-left: 5px solid #BB3A2B;
  }

  .bt-sp:after {
    display: block; content: "";  width: 20px;    height: 20px;
    position: absolute;  bottom: -2px;  right: -2px;
      border-bottom: 5px solid #BB3A2B;
      border-right: 5px solid #BB3A2B;
  }

  .detail-item{
    width: 100%; min-height: 350px;  padding: 20px;
  }
  .caption{
    width: 100%; min-height: 245px;
  padding: 30px; position: relative;
 font-family: 'Gotham Book','supermarket';  font-size: 16px; color:#676767;  line-height: 22px;
  }

  .big-item{
  width: 100%; min-height: 245px; padding: 30px;
  }

  .fi-ab{
    width: 100%;
  }

   .bold{
    font-weight: bold; color: #000;
  }

  .main-contact{
    width: 100%; min-height: 600px; margin-bottom: 50px;
  }

  .marg-contact{
  width: 100%; min-height: 600px; padding: 20px;
  }

  .map-re{

  }
  .map-re iframe{
 min-height:500px;  width:100%;
 }

 .company-cn{
 padding: 20px;
 }

 .txt-contact{
   padding: 20px;
 }

 .tftable{
  margin-top: 20px; margin-bottom:20px; width: 100%;
}

.tftable td{
 min-height: 40px;  padding: 0px 10px 15px 0px;
 }

 .sh {
   width: 56px;
   display: inline-block;
}
.out-row{
width: 100%; min-height: 95px;  padding: 10px;
  font-family: 'Gotham Book','supermarket'; font-size: 22px; color: #676767;
  display: flex;
align-items: center;
}

.out-row img{
  margin-right: 30px;
}


/*.data-icon{
  width: 15%; min-height: 95px; float: left;
}*/

.data-txt{
  /*width: 85%; min-height: 60px; float: right; padding: 10px;
  font-family: 'Gotham Book','supermarket'; font-size: 22px; color: #676767;*/
}


.form-m{
	min-height: 400px; margin: 0px 0%;
}


.form-m label{
font-family: 'Gotham Book','supermarket'; font-size: 18px; color: #1C3469; padding: 10px;
}

.form-control{
	border-radius: 25px !important; border: 1px solid #1C3469 !important;  margin-bottom: 0px;
}

.btn-default {
    width: 124px;
    font-family: 'Gotham','supermarket';
    font-weight: bold;
    color: #ffffff;
    background-color: #BB3A2B;
    border-radius: 20px;
    border: 1px solid;
}


.btn-default:hover {
    color: #BB3A2B;
    background-color: #e6e6e6;
    border-color: #BB3A2B;
}



#form {
  display: none;
}


.fancybox-slide>* {
   padding: 0px; overflow: hidden;
 }

 .fancybox-close-small:after {
    font: 35px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
    color: #434240;
    background: rgba(255, 255, 255, 0);

}

.fancybox-close-small:hover:after {
    color: #faf5f5;
    background: rgba(255, 251, 251, 0);
}

button.close {
    position: absolute;
    top: 0px;
  right: 0px;
  color: #BB3A2B;
    opacity: 1;
    width: 22px;
    z-index: 9;
}

.modal-body {

    padding: 0px;
}

.modal-content {
   border-radius: 0px;
  }

  .modal-open .modal {
    overflow-y: auto;
  }

  .fade {
    background: rgba(21, 42, 80, 0.54);
  }

.modal-dialog{
      opacity: 1;
    }

  .txt-pop{
    width: 100%;
    min-height:350px;
    padding: 20px;
    font-family: 'Gotham Book','supermarket'; font-size: 14px; color: #676767;
  }
.headline{
  width: 100%;
  min-height: 80px;
  padding: 20px 0px;
  font-family: 'Gotham','supermarket'; font-size: 22px; color: #1C3469; padding: 10px;
}

body.modal-open {
   overflow: hidden;
   position:fixed;
   width: 100%;
}

.navbar-header {

}

.txt-line{
  font-family: 'Gotham','supermarket'; font-size: 14px; color: #FFFFFF; padding: 10px;
}

.tab-project{
	background: #2c3f61; height: 40px; color: #fff;
padding: 10px;
text-align: center;
}

.main-pj {
    width: 100%;
    min-height: 700px;
}
.detail-pj {
    width: 100%;
    min-height: 350px;
    padding: 0px 20px;
}