@font-face {
  font-family: 'CenturyGothic';
  src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),  url('../fonts/CenturyGothic.woff') format('woff'), url('../fonts/CenturyGothic.ttf')  format('truetype'), url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}
.banner-text-area h1, .sub-left-area h2, .banner-text-area h2, .welcome-area h2, .machine-area h2, .news-publication-area h2, .news-area h2{ padding: 0px; margin: 0px;}
body{padding: 0px; margin: 0px; font-family: 'verdana'; font-size: 14px; color: #2e2e2e;}
header{ position: fixed; top: 0px; width: 100%; left: 0px; background: rgba(255,255,255, 0.85); height: 98px; padding-top: 14px; font-family: 'CenturyGothic'; color:#000e43; font-size: 15px; z-index: 50;}
.navbar-brand{ padding: 0px;}
.navbar-default{ background: none; border:0px;}
.navbar{ min-height: 90px; margin-bottom: 0px;}
.phone-number{ text-align: left; padding-top: 10px; color:#00164b; font-size:23px;}
header .navbar-default .navbar-nav>.active>a, header .navbar-default .navbar-nav>.active>a:focus, header .navbar-default .navbar-nav>.active>a:hover{ background: none; padding: 0px;}
header .navbar-nav>li>a{ padding:0px;  }
header .navbar-default .navbar-nav>li>a{color:#00164b;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background: #001e66;}
.navbar-default .navbar-toggle{background: #001e66;}
.navbar-default .navbar-toggle .icon-bar{ background: #ffffff;}
 header .navbar-collapse{ padding: 0px;}
.banner-text-area{ background: #0f182f; color:#ffffff; font-size: 14px;}
.banner-text-area h1{ font-size:20px; padding-bottom: 10px; color: #ffffff; font-family: 'CenturyGothic';}
.banner-text-area h2{ font-size: 14px; padding-bottom: 10px;}
.banner .item{ position: relative; width: 100%;}
.carousel-control{ width: 4%;}
.banner-container .container{padding: 0px;}

.welcome-area, .sub-left-area{ text-align:center; padding-top:20px; padding-bottom: 20px;}
.welcome-area h2, .sub-left-area h2{font-family:'CenturyGothic'; font-size:29px; padding-bottom:20px;}
.sub-left-area h2{ padding-bottom: 39px;}
.sub-left-area{ text-align: left;}
.machine-area{ background: #dddddd; padding:49px 0px 105px 0px;}
.machine-area img{ width:100%; display: block;}
.machine-area h2{color:#001e66; font-size:17px; padding-top: 13px; padding-bottom:15px;  font-family: 'CenturyGothic';}
.news-publication-area{ padding: 40px 0px 32px 0px; text-align: center;}
.news-publication-area h2{color:#2e2e2e; font-weight:bold; font-size: 24px; padding-bottom: 27px;}
.sub-news-public{border-top: 13px solid #dddddd; margin-top:80px;}
.sub-news-public h2{ font-weight: normal; color: #2e2e2e; }
.news-publication-area .readmore-btn{ margin-top: 31px;}
.readmore-btn{
border:1px solid #D0D0D0;-webkit-box-shadow: #FFFFFF 0px -2px 3px inset;-moz-box-shadow: #FFFFFF 0px -2px 3px inset; box-shadow: #FFFFFF 0px -2px 3px inset; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 25px 5px 25px; text-decoration:none; display:inline-block;font-weight:bold; color: #001E66;
 background-color: #FFFFFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EBEBEB));
 background-image: -webkit-linear-gradient(top, #FFFFFF, #EBEBEB);
 background-image: -moz-linear-gradient(top, #FFFFFF, #EBEBEB);
 background-image: -ms-linear-gradient(top, #FFFFFF, #EBEBEB);
 background-image: -o-linear-gradient(top, #FFFFFF, #EBEBEB);
 background-image: linear-gradient(to bottom, #FFFFFF, #EBEBEB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#EBEBEB);
}

.readmore-btn:hover{
 border:1px solid #cccccc;
text-decoration: none;    
 background-color: #EBEBEB; background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#FFFFFF));
 background-image: -webkit-linear-gradient(top, #EBEBEB, #FFFFFF);
 background-image: -moz-linear-gradient(top, #EBEBEB, #FFFFFF);
 background-image: -ms-linear-gradient(top, #EBEBEB, #FFFFFF);
 background-image: -o-linear-gradient(top, #EBEBEB, #FFFFFF);
 background-image: linear-gradient(to bottom, #EBEBEB, #FFFFFF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EBEBEB, endColorstr=#FFFFFF);
}
footer{ background:#2e2e2e; padding: 15px 0px; color:#ffffff; color: #ffffff; font-size:16px;}
.footer-left{ padding-top:10px;}
.footer-address{padding-top: 30px;}
.footer-address strong{ display: block; padding-top: 24px;}
.footer-location img{ width: 100%;}
.footer-location strong{ font-size: 24px; display:block; padding-bottom: 15px;}
.copyright-link{ font-size: 14px; padding-top:28px; text-align: center;}
.copyright-link a{ color: #ffffff;}
.sub-banner{position:static; bottom: 5px; right:5%;}
.sub-banner img{ display: 100%; width: 100%;}
.header-title{ font-weight: bold; font-family: 'CenturyGothic'; font-size:20px; color:#0c1c42; letter-spacing: 1px; text-align: center;}
.navbar{ min-height: auto;}
.right-area{ padding-top: 37px;}
.contact-area{ border: 1px solid #000000; padding: 10px;}
.contact-area label{ display: block; font-weight: normal; color:#000;}
.contact-area .form-control{ border-radius: 0px; border: 1px solid #a9a9a9; height: 28px; color: #000;}
.contact-area select.form-control{ padding: 0px;}
.contact-area textarea.form-control{ height:40px;}
.contact-area .form-group{ margin-bottom: 5px;}
.captcha-area{ margin-top:16px; border: 1px solid #d8d8d8; border-radius:1px; padding: 10px; padding-bottom: 0px;}
.captcha-area .robot{ float: left;}
.checkbox {
	display: inline-block;
	cursor: pointer;
	font-size: 12px; margin-right:10px; line-height:18px;
}
.captcha-area .captcha-right{ float: right; width: 70px; text-align: center;}
.captcha-right p{ color: #9b9b9b; font-size: 10px;}
.captcha-right p a{ font-size:8px; color: #9b9b9b;}
input[type=checkbox] {
 display:none;	
}
.checkbox:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align:middle;
	
	color: #00164b;
	text-align: center;
	border: 1px solid #a9a9a9;	
	border-radius: 1px;
}
input[type=checkbox]:checked + .checkbox:before {
	content: "\2713";
	border: 1px solid #a9a9a9;
	font-size: 19px;
    line-height: 24px;
    font-weight: bold;
}
.contact-area input[type="image"]{ margin-top: 17px;}
.how-to-find-location{ font-family: 'CenturyGothic'; font-size: 30px; font-weight: normal;}
.news-area{ background: #e9e9e9; padding: 12px; border: 1px solid #999999; padding-bottom: 50px;}
.news-area h2{ font-size: 28px; font-family: 'CenturyGothic'; padding-top: 2px; padding-bottom: 8px;}
.news-area p{ padding-top: 20px; margin: 0px;}
.news-area strong{ display: block;}
@media(min-width:768px){
    .header-title{ font-size: 25px;}
	.welcome-area p{ font-size:18px;}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ margin-left:0px;}
    .banner-container .container{ height: 100%; }
    header{ font-size: 17px;}  
    .phone-number{ margin-top: -7px; text-align: right;}
   
    .banner-content{ display: table-cell; vertical-align: middle;}
    
    .banner-text-area h1{ font-size: 29px;}
    .banner-text-area h2{ font-size: 18px;}
    .banner .carousel-caption{ left: 0px; right: 0px;}
	.welcome-area, .sub-left-area{ padding-top:34px; padding-bottom: 34px;}
    .carousel-inner .item img{ width: 100%;}
    nav .container{ position: relative;}
    .navbar-default .navbar-toggle{ margin: 0px; right: 0px;}
    .sub-left-area{ text-align: left; min-height: 350px;} 
}
@media(min-width:992px){
    .navbar-nav{float:right;}
    .navbar-nav>li{float:none; display: inline-block; padding-left: 19px;}
    .navbar-nav{ text-align: right;}
    .phone-number{ padding-top: 0px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{ padding-top: 14px;}
     .banner-container{position:absolute; top: 0px; width: 100%; height: 100%; z-index: 1;}
    .banner-text-area{ background: rgba(15,24,47,0.66); padding: 25px; margin-top: 85px;}
     .banner-table{display:table; height: 100%; width: 748px; margin-left: 35px; }
    .sub-banner{ position: absolute;}
    .header-title{font-size:36px; color:#ffffff; text-shadow:
    2px 2px 1px #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -2px -2px 1px #0c1c42,  
    2px -2px 1px #0c1c42,
   -2px 2px 1px #0c1c42,
    2px  2px 1px #0c1c42; letter-spacing: 1px; text-align: center; position: absolute; bottom: 0px; right: 5%;}
    .navbar{ min-height: 90px;}
}
@media(min-width:1280px){
    .banner-text-area{ padding:30px;}
    .header-title{ bottom: 20px;} 
}
@media(min-width:1500px){
    .header-title{ bottom: 30px;}      
 .banner-text-area{ padding:45px 55px 40px 55px;}     
}
@media(max-width:991px){
    .navbar-header {
        float: none;
        padding-bottom: 34px;
    }
    .navbar-toggle {
        display: block;
    }
     .navbar-nav>li {
        float: none;
    }
     .nav{ box-shadow: 0px 1px 3px #dfdfdf; margin: 0px;}
   .nav>li{ padding: 5px; padding-left: 15px; border-bottom: 1px solid #dfdfdf; padding-bottom: 7px;}
     .navbar-collapse.collapse.in { 
        display: block!important;
    }
     .navbar-collapse.collapse {
        display: none!important;
        
    }
    .navbar-collapse{background: #ffffff; }
    .navbar-nav{float:none;}
    .phone-number{ position: absolute; right: 69px; top:0px;}
    .banner-container .container{ width: 100%;}
    .banner-text-area{ padding: 20px;}
    .navbar-collapse{position: relative; z-index: 10;}
}

@media(max-width:767px){
    header.sub-header{ position: static;}
    .navbar-default .navbar-brand{ width: 50%;}
    .navbar-default .navbar-brand img{ max-width:100%;}
    header{ height: 80px; padding-top: 8px;}
    .phone-number{top:-20px; right: 10px; font-size: 16px;}
    .navbar-collapse{ background: #ffffff; margin-top: 21px;}
    .navbar-toggle{ margin-top: 13px; margin-bottom: 0px;}
    .banner-text-area h1{ font-size:17px;}
    .banner-text-area p{ font-size: 12px;}
    .carousel-control .glyphicon-chevron-right{ margin-right: -5px;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ margin-left: -6px;}
    .navbar-header{ padding-bottom: 0px;}
    .right-area{ padding-top:15px;}
}
@media(max-width:430px){
  .navbar-default .navbar-brand img{ max-width:100%; }
    header{height: 65px;}
    .navbar-collapse{margin-top:7px;}
}