@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900);

body{ font-size:15px; color:#444444; font-family: 'Source Sans Pro', sans-serif; font-weight:400; }

h1{ font-size:30px; position:relative; padding-bottom:15px; margin-bottom:15px; margin-top:0;}
h1:after{ content:""; display:block; position:absolute; width:100px; height:2px; background:#ff9900; left:0; right:0; bottom:0; margin:0 auto;}
h2{ font-size:24px; position:relative; padding-bottom:15px; margin-bottom:15px; margin-top:15px;}
h2:after{ content:""; display:block; position:absolute; width:60px; height:2px; background:#ff9900; left:0; right:0; bottom:0; margin:0;}
h3{margin-top:15px; font-size:22px;}
.padding-zero{ padding:0 !important;}
.margin-zero{ margin:0 !important;}
.margin-bottom{ margin-bottom:15px;}
.red{ color:#F00;}

.active { color:#2f2f2f !important;  background:#ff9900; }

.container { width: auto; max-width:1400px; }
.navbar-default { background-color: transparent; border:0; }
.navbar {  margin-bottom: 0; border-radius:0; }
.navbar-default .navbar-nav > li > a { color: #FFF; font-weight:400;}
/*.main-link li a{font-weight:400 !important;} */
.nav > li > a { padding: 15px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #2F2F2F; background-color: #ff9900; }
.navbar-default .navbar-nav > li > a:hover { color: #2f2f2f;  background-color: #ff9900; }
.navbar-default .navbar-nav > li > a:focus { color: #2F2F2F; background-color: #ff9900;}
.dropdown-menu { padding: 0; margin: 0 0 0 0; background-color: #ff9900; border: 0; border: 0; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; }
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 10px 15px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #333; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #2F2F2F; background-color: transparent; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #FFF; background-color: transparent; }
.navbar-nav .open .dropdown-menu { background: rgba(255, 153, 0, 1);}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #ff9900; color: #2F2F2F; }
.img-thumbnail{ margin:0 0 15px 0;}
.carousel-control.left { background-image: none; background-image: none; background-image: none; background-image: none; background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);}
.carousel-control.right { background-image: none; background-image: none; background-image: none; background-image: none; background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);}
.navbar-default .navbar-toggle .icon-bar { background-color: #FFFFFF; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: none; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 8px; }
.navbar-toggle .icon-bar { display: block; width: 40px; height: 2px; border-radius: 1px; }
.navbar-toggle { margin-right: 0; padding: 10px 10px; margin-top: 5px; margin-bottom: 5px; border: 0; border-radius: 0; }
.navbar-collapse { border-top: 0; }
.panel { margin-bottom: 15px; }
address { margin-bottom: 15px; }
.dropdown-menu > li > a { font-weight: bold; }

/*ex banner
.learn-more-button-left{ background-color:#5d5e60; color:#FFF; padding:4px 5px;}
.learn-more-button-right{ background-color:#0d78bd; color:#FFF; padding:6px 5px; margin-left:2px;}
.text-container { width: 100%; padding: 15px 20px !important; }
.text-container h1{ font-size:40px; margin:0 0 10px; color:#FFF;}
@media screen and (min-width: 860px) {
  .flex-caption { top: 5%; }
  .caption-container { padding-left: 3.5%; }
  .text-container { max-width: 400px; }
}
.text-container{ background-color:#2d2d2d; text-align:left;} */

#header{ background:#1c1c1c; padding:15px 0; color:#d1d3d4; }
#header img{margin:0 auto;}
#header span{ font-size:22px; text-align:center; display:block; margin-top:11px; }
#nav-menu{ background:#2f2f2f; text-transform:uppercase; }


#slogan{ background:#ff9900; color:#1c1c1c; font-size:2.5vw; text-align:center; text-transform:uppercase; line-height:50px; }
.slogan-light{font-weight:200;}
.slogan-bold{font-weight:900;}

.title-text{ text-align:center; padding:15px 0;}
.title-text p{ font-size:20px; color:#818385; margin:0;}

.full-content{ width:100%;}
.full-half{ width:100%;  }
.first-half{ background-image:url(../images/forging.jpg); background-position:center center; background-size:cover; padding-top:250px; margin-bottom:15px; display:inline-block}
.second-half{ background-image:url(../images/why-us.jpg); background-position:center center; background-size:cover; padding-top:250px; margin-bottom:15px; display:inline-block}
.third-half{ background-image:url(../images/quality-img.jpg); background-position:top center; background-size:cover; padding-top:250px; margin-bottom:15px; display:inline-block}
.full-half-inner{ background:#e2e2e2; width:100%; float:right; padding:15px; }
.full-half-inner h2{ font-size:24px; position:relative; padding-bottom:10px; margin-bottom:10px; margin-top:0;}
.full-half-inner h2:after{ content:""; display:block; position:absolute; width:60px; height:2px; background:#ff9900; left:0; right:0; bottom:0; }
.full-half-inner h3{ font-size:20px; margin-bottom:15px; }
.read-more{ float:right; font-size:16px; color:#1c1c1c;}

#product-content{ width:100%; float:left; }
#product-content h2{ font-size:24px; position:relative; padding-bottom:10px; margin-bottom:15px; margin-top:0px; text-align:center;}
#product-content h2:after{ content:""; display:block; position:absolute; width:60px; height:2px; background:#ff9900; left:0; right:0; bottom:0; margin:0 auto;  }
.product{ background:#FFF; border:1px solid #ff9900;  margin-bottom:15px; overflow:hidden; }

.pro-content{ background:#ff9900; padding:15px; color:#FFF; display:inline-block;}
.pro-content a{ color:#FFF;}
.pro-content h3{ font-size:22px; position:relative; padding-bottom:10px; margin-bottom:10px; margin-top:0;}
.pro-content h3:after{ content:""; display:block; position:absolute; width:60px; height:2px; background:#FFF; left:0; right:0; bottom:0; }

.middel-details {padding:20px; background-color:#e2e2e2; display:inline-block; margin-bottom:30px;}
.middel-details h3{ margin-top:0;}
#about{ width:100%; background-image:url(../images/about-bg.jpg); background-position:center left; background-size:cover; float:left; padding-top:250px; margin-top:15px;}
.about-inner{ width:100%; background:#333333; float:right; color:#FFF; padding:15px;}
.about-inner h2{ font-size:24px; position:relative; padding-bottom:10px; margin-bottom:10px; margin-top:0;}
.about-inner h2:after{ content:""; display:block; position:absolute; width:60px; height:2px; background:#ff9900; left:0; right:0; bottom:0; }
#about a{ color:#FFF;}

#footer{ background:#3d3d3d; width:100%; float:left; font-size:13px; color:#ccc; padding:15px 0; text-align:center;}
#footer a{ color:#ccc;}
#footer a:hover{ color:#ff9900; text-decoration:none;}
.footer-link{ width:100%; display:block;}
.footer-link section{ margin-bottom:15px; padding:0 40px; }
.footer-link h3{ margin:0 0 10px; font-size:16px;}
.footer-link section ul{ list-style-type:none; padding:0; margin:0; line-height:20px;}
.footer-link section ul li{ display:inline-block; padding:0 5px; }
.social-logo img{ margin-right:10px;}
.footer-text-left{ margin:5px 0; text-align:center;}
.footer-text-right{ margin:5px 0; text-align:center;}

.title-text-inner{text-align:left; padding:15px 0;}
.title-text-inner h1:after{ margin:0 !important;}

#inner-cont{ padding-bottom:15px; }
.inner-sub-link{ padding:0; margin:0 0; list-style-type:none; }
.inner-sub-link li a{ text-transform:uppercase; background:#e2e2e2; margin-bottom:2px; border-left:4px solid #ff9900; padding:15px 10px; display:block; color:#333;
-webkit-transform: translateZ(0); transform: translateZ(0); }
.inner-sub-link li a:hover{ color:#FFF; text-decoration:none;}
.inner-sub-link li a:hover:before, .inner-sub-link li a:focus:before, .inner-sub-link li a:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.inner-sub-link li a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ff9900;
  -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%;
  -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.sub-inner{ margin:0 !important; }
.sub-inner li a { background:#f4f4f4;   padding: 15px 25px; }

.process-main{ width:100%; background-color:#999;; display:inline-block; background-size:cover; margin-bottom:30px; padding-top:150px; background-position:top center;}
.process-main-right{ width:100%; float:none; margin:0;}

.gray-area{ background:#e2e2e2; padding:20px ; margin-bottom:30px;}

.news-eve img{ margin:0 auto 15px;}
.news-eve { text-align:center; font-size:16px; margin-bottom:15px; padding:15px 0; border:1px solid #e2e2e2; }
.news-eve p{ margin:0;}

.news-home{ border-bottom:1px dashed #e2e2e2; margin-bottom:15px; padding-bottom:15px;}
.news-home img{ float:left; margin-right:20px;}
.news-home p{ font-size:20px;}

/*Map*/
#map{ display: block; width: 100%; height: 450px; margin: 0 auto 15px; }
#map.large{ height:500px; }
.overlay{ display:block; text-align:center; color:#fff; font-size:60px; line-height:80px; opacity:0.8; background:#4477aa; border:solid 3px #336699; border-radius:4px; padding:0 4px; }
.overlay_arrow{ left:50%; margin-left:-16px; width:0; height:0; position:absolute; }
.overlay_arrow.above{ bottom:-15px; border-left:16px solid transparent; border-right:16px solid transparent; border-top:16px solid #336699; }
.overlay_arrow.below{ top:-15px; border-left:16px solid transparent; border-right:16px solid transparent; border-bottom:16px solid #336699; }
/*MAP End*/

@media (min-width: 1200px) and (max-width: 1370px) {
	 .full-half-inner { width: 60% !important; }
}

@media( min-width:768px) {
	h3{ margin-top:0;}
	.img-thumbnail{ margin:15px 0;}

	#header img{margin:0;}
	#header span{ text-align:right; }
	#about{ padding-top: 250px; }
	.about-inner{ width:100%; padding:30px;}
	#slogan{  line-height:50px; }

	.process-main{ width:100%; display:inline-block; background-size:cover; margin-bottom:30px; padding-top:0; background-position:center left;}
	.process-main-right{ width:50%; float:right; margin:0;}

	.footer-text-left{ margin: 0; text-align:left; }
	.footer-text-right{ margin: 0; text-align:right; }

}
@media( min-width:992px) {
	h2{ margin-top:20px; }
	.margin-bottom{ margin-bottom:30px ;}
	#header{ padding:25px 0;  }

	.nav > li > a { padding: 20px 11px; }
	.navbar-collapse {  padding: 0; }
	.dropdown-menu { font-size: 15px; }
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding:19.5px 20px; }
	.dropdown-menu li { display:inline-block; }
	.panel { margin-bottom: 20px; }
	/*.navbar-right li a:hover {background-color:transparent !important; color:#fff !important;}*/
	.right-menu{ text-align:right;}

	.title-text{ padding:40px 0;}
	.full-content{ width:100%;}
	.full-half{ width: 33.33%; float:left; }
	.first-half, .second-half, .third-half {padding-top:25%; margin-bottom:0;}
	.full-half-inner{ background:#eeeeee; width:100%; height:auto; float:right; padding:15px; }
	#product-content h2{ margin-bottom:20px; margin-top:30px;}
	.product{ margin-bottom:30px; }
	#about{ padding-top: 0; margin-top:0;}
	.about-inner{ width:50%; background:#333333; float:right; color:#FFF; padding:30px;}
	#slogan{ line-height:60px; }
	.title-text-inner{padding:20px 0;}
	#inner-cont{ padding-bottom:30px; }
	.inner-sub-link{margin:0 0 30px; }
	.news-eve { margin-bottom:30px; }

	#footer{ text-align:left; padding:20px 0;}
	.footer-link section{ float:left; padding:0 25px; }
	.footer-link section ul{ line-height:25px;}
	.footer-link section ul li{ display:block; padding:0 ; }
	.footer-text-left{ padding-left:40px;}
	.footer-text-right{ padding-right:40px;}
}
@media( min-width:1200px) {
	.dropdown-menu { font-size: 16px; }
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding:22.5px 12px; }

	.main-link > li > a{ font-size:18px;}
	.nav > li > a { padding: 20px 19px; }
	.full-content{ width:100%;}
	.full-half{  padding-top: 0; }
	.full-half-inner{  width:50%; float:right; }
	#slogan{  line-height:70px;}

	.footer-link section{ padding:0 40px; }
	.footer-text-left{ padding-left:55px;}
	.footer-text-right{ padding-right:55px;}
}
#owl-demo .item img{ display: block; width: 100%; height: auto; }

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown { position: static; }
.yamm .container { position: relative; }
.yamm .dropdown-menu { left: auto; }
.yamm .yamm-content { padding: 20px 30px; }
.yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; }