body{ font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#343332; background-color:#FFFFFF; margin:0; padding:0;}

h1{font-family: 'bankgothic-lt-bt-light-webfont', sans-serif; font-size:55px; color:#666666; margin:0; padding:0; font-weight:400;}
h2{font-family: 'bankgothic-lt-bt-light-webfont', sans-serif; font-size:46px; color:#333333; margin:0; padding:0; font-weight:500;}
h3{font-family: 'Source Sans Pro', sans-serif; font-size:28px; color:#333333; margin:0; padding:0; font-weight:500;}
h4{font-family: 'Source Sans Pro', sans-serif; font-size:22px; color:#333333; margin:0; padding:0; font-weight:500;}
p{font-family: 'Source Sans Pro', sans-serif; font-size:16px; line-height:1.5; margin:12px 0 14px 0;}

.header{ width:100%; background:#FFF;}
.header .logo{ width:200px; padding:8px 0;}
.header .phone{ font-family: 'bankgothic-lt-bt-light-webfont'; font-size:26px; color:#4c4c4c; padding-top:22px;}
.header .phone .fa-phone{ font-size:34px; color:#000; padding-left:10px;}

.header .mnu { top:20px; z-index:9;}
.header .mnu .txt{ display:inline-block; padding-right:8px; font-family: 'bankgothic-lt-bt-light-webfont'; font-size:26px; color:#4c4c4c; text-transform:uppercase;}

.mm-menu > .mm-panel .phone{ font-size:28px; background:#e67d00; color:#000; padding:14px;}
.mm-menu > .mm-panel .phone .fa-phone{ font-size:32px; padding-left:8px; margin-top:0;}
.header .mnu a { display:inline-block; width:40px; height:24px; background-image:url(../images/sidebar-icon.png); transition: all 0.5s ease-in-out; }
.header .mnu a:hover { background-image:url(../images/sidebar-icon-hover.png);}

/*.header .search{ font-family: 'bankgothic-lt-bt-light-webfont'; background:url(../images/search_bg.png) #e67d00 repeat-x; color:#FFF; text-transform:capitalize; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); padding-right:80px;}
.header .search .title{ font-size:26px; padding-top:18px; text-align: right;}
.header .search .title .fa-search{ color:#000;}
.header .search .form-search{ width:100%; margin-top:14px; margin-bottom:14px;}
.header .search .search-query { padding:10px; font-size:20px; background:#ebe5df; height:38px; border:0; color:#4c4c4c;}
.header .search .form-search .btn{ position:absolute; font-size:20px; text-transform:uppercase; right:15px; background: linear-gradient(#343434, #5d5d5d, #323232); border-radius:0 2px 2px 0; border:0; padding:5px 30px; color:#FFF;}*/

.header .search{ font-family: 'bankgothic-lt-bt-light-webfont'; background:url(../images/search_bg.png) #e67d00 repeat-x; color:#FFF; text-transform:capitalize; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);}
.header .search .title{ font-size:26px; padding-top:18px; text-align: right;}
.header .search .title .fa-search{ display: inline-block; width:10px; color:#000; text-align:right;}
.header .search .form-search{ margin-top:14px; margin-bottom:14px; position:relative;}
.header .search .form-search input[type=text] { width:94%;}
.header .search .search-query { padding-left:10px; font-size:20px; background:#ebe5df; height:38px; border:0; color:#4c4c4c;}
.header .search .form-search .btn{ position:absolute; font-size:20px; text-transform:uppercase; top:0; right:4%; background: linear-gradient(#343434, #5d5d5d, #323232); border-radius:0 2px 2px 0; border:0; padding:5px 30px; color:#FFF;}

.banner{ margin:auto; text-align:center; width:100%;}
.banner .carousel-control.left{background-image:none;}
.banner .carousel-control.right{background-image:none;}
.banner .carousel-control .fa-angle-left, .carousel-control .icon-prev { margin-left: -70%; font-size:50px; margin-top:99%;}
.banner .carousel-control .fa-angle-right, .carousel-control .icon-next { margin-right: -70%; font-size:50px; margin-top:99%;}

.buttons{ background:#e67d00; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); border:#5c5653 solid 1px;}
.buttons ul{ list-style:none; margin:0;	padding:0; line-height:0px;}
.buttons ul li{ display:inline-block; width:19.7%;}
.buttons ul li a{ font-family: 'bankgothic-lt-bt-light-webfont'; display:block; font-size:22px; color:#fff; padding:36px 0; border-left:#464646 solid 1px; text-decoration:none; text-transform:capitalize; text-align:center; font-weight:400;}
    
.buttons ul li:first-child a{ border-left:0;}

.catbox { padding-top:20px; padding-bottom:20px; }
.catbox a { text-decoration:none; }
.catbox:hover { transform: scale(1.02); color:#e67d00; transition: transform .2s; }
.catbox:hover h4 { color:#e67d00; }


.navbar{ background:#e67d00; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); width:100%; border-top:solid #333 1px; border-bottom:solid #333 1px; border-radius:0;}
.navbar-brand{ color:#fff;}
.navbar-nav { float:left; width:100%;}
.navbar-nav > li { width:20%; font-family: 'BankGothic'; display:block; font-size:22px; text-align:center; }
.navbar-nav .open .dropdown-menu {float:none; margin-left: 15px;}
.navbar-nav small { font-size:15px;}
.nav>li>a{ border-right:solid #333 1px; height:70px; padding-top:25px;}
.nav>li:last-child>a{ border-right:solid #333 0px;}
.nav>li>a, .nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ background:none; color: #fff; width:100%;}
.dropdown-menu { -webkit-box-shadow: none; box-shadow:none; font-size:18px; background:#f58f15; left:auto; right:0;} 
.navbar-toggle .icon-bar{ color: #fff; background: #fff;}
.dropdown-menu > li > a, .dropdown-menu > li { background: #f58f15; white-space: nowrap; line-height:1.5;}
.navbar .navbar-collapse {padding-right:0px; padding-left:0px; border-top: 0px solid transparent; -webkit-box-shadow:none; box-shadow:none;}



.customerpart{ margin:50px 0; background:url(../images/dottedline.png) repeat-x top; padding:30px 0;}
.customerpart .border{ width:80%; border-bottom:solid #e67d00 3px; text-align:center; padding-top:20px; margin:auto;}
.customerpart .title{ font-family: 'bankgothic-lt-bt-light-webfont'; line-height:0.9; font-size:76px; padding:10px 0 0; color:#666666; text-align:center;}
.customerpart .circul{ font-family: 'bankgothic-lt-bt-light-webfont'; background:#e67d00; width:62px; height:62px; font-size:38px; border-radius:50px; color:#FFF; line-height:62px; text-align:center; margin-top:10px;}
.customerpart p{ font-size:20px; color:#666666; line-height:1.2; margin:8px 0 24px 16px;}
.customerpart p span{ font-size:38px;}


.services{  background:url(../images/services_bg.jpg) center top no-repeat; padding:80px 0; text-align:center;}
.services h1{ color:#e67d00;}
.services p{ color:#FFF; padding:20px 80px 50px; font-size:22px;}
.services img{ border:solid #e67d00 2px; margin-bottom:14px;}


.form{ font-family: 'bankgothic-lt-bt-light-webfont'; border:solid #e67d00 1px; padding:0 50px; margin-bottom:50px;}
.form h1{ background:#FFF; text-align:center; margin-top:-6%;}
.form p{ color:#666666; font-size:24px; text-align:center;}
.form .form-group { margin-bottom:30px;}

.form-control { height:42px; background:#f1f1f1; border-left:solid #959595 2px; font-size:16px;}
.form .btn{ background: linear-gradient(#343434, #5d5d5d, #323232); padding:10px 46px; color:#FFF; font-size:22px; border-radius:0; margin-bottom:-28px;}


.modal-content { background:#FFF; padding:0 14px; margin-top:50px;}
.modal-header {	padding-bottom:5px; border-bottom:0; padding-right:0;}
.modal-header .close { margin-top: -9px; opacity:0.6; font-size:32px;}
.modal-content .form{ font-family: 'BankGothic'; border:solid #e67d00 1px; padding:0 50px; margin:10px 0 50px 0;}
.modal-content .form h1{ background:#FFF; text-align:center; margin-top:-6%;}
.modal-content .form h2{ background:#FFF; text-align:center; margin-top:-6%;}
.modal-content .form p{ color:#666666; font-size:24px; text-align:center;}
.modal-content .form .form-group { margin-bottom:30px;}
.modal-content .form-control { height:42px; background:#f1f1f1; border-left:solid #959595 2px; font-size:16px;}
.modal-content .form .btn{ background: linear-gradient(#343434, #5d5d5d, #323232); padding:10px 46px; color:#FFF; font-size:22px; border-radius:0; margin-bottom:-28px;}




.footer{ background:#212020; padding-top:10px; padding-bottom:30px; color:#e6e3e3; font-size:15px;}
.footer .copyright{ padding:18px 0;}
.footer .copyright span{ font-size:20px; color:#e67d00;}
.footer .rgtpart{ text-align:right; padding:18px 0;}
.footer .rgtpart a{ color:#e67d00; text-decoration:none;}

/*---------------------- inner page CSS ------------------------*/
img.alignright{ float:right; margin-left:20px; margin-top:10px;  margin-bottom:20px;}
img.alignleft{ float:left; margin-right:20px; margin-top:10px;  margin-bottom:20px;}

.innerpage{ background:url(../images/innerpage_bg.png) center top no-repeat;}
.innerpage h1{ color:#e67d00; padding:25px 0;}
.innerpage .main{ padding:10px 20px; background: rgba(255, 255, 255, 1); min-height:550px;}
.find-a-part .fa-question { background-color: #E67D00; height: 20px;  width: 20px;
    line-height: 18px; text-align: center; text-decoration: none; border-radius: 90px;  color: #fff;
}

.create-a-flange-form .contact_form .form-group {
    margin-bottom: 12px !important;
}

.contact_form {
    font-family: 'bankgothic-lt-bt-light-webfont';
    padding: 20px 0;
    margin-bottom: 25px;
}
.contact_form .form-group { margin-bottom:30px;}
.contact_form .btn{ background: linear-gradient(#343434, #5d5d5d, #323232); padding:10px 46px; color:#FFF; font-size:22px; border-radius:0;}

.map{}
.map h3{ padding-bottom:12px;}

.brdcrmb { font-family:'Source Sans Pro', sans-serif; font-size:20px; color:#000; text-transform:capitalize; }
.brdcrmb a { font-family:'Source Sans Pro', sans-serif; font-size:20px; text-transform:capitalize; }

.recrd .row { margin-bottom:15px; font-size:18px; }
.recrd .row .lbl { font-weight:bold; }

.catalogs{}	
.catalogs .table-bordered > thead > tr > th { border: 1px solid #fff; font-size:20px; font-weight:normal; background: #c86d00; color:#FFF;}
.catalogs .table > tbody > tr > td{ background: #253434; color:#FFF; font-size:18px; font-weight:normal;}
.catalogs .table > tbody > tr > .lightbg{ background:#c67e24;}
.catalogs .table > tbody > tr > td a{ color:#ffa500; text-decoration:underline;}
.catalogs .btn-black { display: inline-block; float:right; background: linear-gradient(#343434, #5d5d5d, #323232); padding:8px 34px; color:#FFF; font-size:18px; border-radius:6; margin-bottom:18px;}

.aboutinner_page{}
.aboutinner_page ul li{ line-height:1.6;}

.equipment{}
.equipment img{ margin-bottom:18px;}

.thankyou{ text-align:center; margin-bottom:12px;}
.thankyou img{ margin:10px auto;}
.thankyou video{ margin:22px auto;}

.text-nowrap {
    white-space: nowrap;
}

.srchbtn {
	padding: 8px 12px;
	font-size: 16px;
}

.black-header tr th {
    background-color: #000;
}

.black-header tr th a {
    color: #fff;
}

/* paging */
.paging table td { padding-right:10px; }
.paging table
{
   margin-left: auto;
   margin-right: auto;
}


/*---------------------- Responsive CSS ------------------------*/

@media ( max-width: 1920px) {
	.banner .carousel-control .fa-angle-left, .carousel-control .icon-prev { margin-top:70%;}
	.banner .carousel-control .fa-angle-right, .carousel-control .icon-next { margin-top:70%;}
}
@media ( max-width: 1500px) {
	.banner .carousel-control .fa-angle-left, .carousel-control .icon-prev { margin-top:80%;}
	.banner .carousel-control .fa-angle-right, .carousel-control .icon-next { margin-top:80%;}	
}
@media ( max-width: 1366px) {
	.banner .carousel-control .fa-angle-left, .carousel-control .icon-prev { margin-top:96%;}
	.banner .carousel-control .fa-angle-right, .carousel-control .icon-next { margin-top:96%;}
}
@media (min-width:1240px) {
	.container { width: 1240px;}
}
@media ( max-width: 1199px) {
	.header .mnu .txt{ padding-right:2px;}
	.header .search .title{ font-size:24px;}
	.customerpart .title{ line-height:0.9; font-size:60px;}
	.buttons ul li{ width:19.7%;}
	.buttons ul li a{ font-size:18px; padding:36px 0;}

    .navbar-nav > li { font-size:18px;}
	.nav > li > a { padding: 10px 0px;}

}
@media ( max-width: 1024px) {
	.banner{ margin:auto; text-align:center; width:100%;}
	.banner .carousel-control .fa-angle-left, .carousel-control .icon-prev { margin-top:140%;}
    .banner .carousel-control .fa-angle-right, .carousel-control .icon-next { margin-top:140%;}
}
@media ( max-width: 991px) {
	p{ font-size:16px;}
	h1{ font-size:30px;}
	h2{ font-size:25px;}
	h3{ font-size:22px;}
	h4{ font-size:20px;}
	.buttons ul li{ width:19.5%;}
	.buttons ul li a{ font-size:16px; padding:36px 0;}	

    .navbar-nav > li { font-size:16px;}	
	.navbar-nav .open .dropdown-menu > li > a { font-size:15px;}	

	.catalogs .btn{ float:none; font-size:18px; border-radius:6; margin-bottom:18px; margin-top:14px;}
	
	img.alignright{ float:none; margin-left:0; margin-top:10px;  margin-bottom:20px;}
	img.alignleft{ float:none; margin-right:0; margin-top:10px;  margin-bottom:20px;}
}
@media ( max-width: 767px) {
	.header .search{ padding-right:0px;}
	.header .search .title{ text-align:center;}
	.header .search .form-search .btn{ padding:5px 14px; right:0;}
	
	.buttons ul li{ width:100%;}
	.buttons ul li a{ font-size:16px; padding:20px 0; border-left:0px; border-bottom:#464646 solid 1px;}
    .buttons ul li:last-child a{ border-bottom:0;}
	.banner .carousel-control .fa-angle-left, .carousel-control .icon-prev { font-size:30px; margin-top:200%;}
    .banner .carousel-control .fa-angle-right, .carousel-control .icon-next { font-size:30px; margin-top:200%;}	
	
    .navbar-nav > li { width:100%; font-size:20px; text-align:left;}
	.navbar .nav > li > a { border-right:solid #333 0px; border-top:solid #333 1px; line-height:1; padding: 6px 15px; margin-left:15px; width:100%;}
    .navbar .navbar-toggle { margin-bottom:0px;}
	.navbar .nav .open > a, .navbar .nav .open > a:focus, .navbar .nav .open > a:hover { border-color:#333;}
	.dropdown-menu > li > a, .dropdown-menu > li { background: #f58f15; white-space:normal; line-height:1.0;}
	.dropdown-menu{ left:auto; right:0; min-width:100%; width: 100%;}
	.navbar-nav .open .dropdown-menu > li > a { padding: 5px 5px 5px 20px;}	
    .nav>li>a{  height:auto; padding-top:5px;}
    
    .customerpart .circul{ text-align:center; margin:14px auto;}
	.customerpart{ margin:20px 0;}
	.customerpart p { font-size:16px; padding-left:0px; text-align:center; margin:0px 0 24px 0;}
	.customerpart p span{ font-size:24px;}	
	.services{ padding:40px 0;}
	.services h1{ padding-bottom:10px;}
	.services p{ font-size:16px; color:#FFF; padding:0 0 10px;}	
    
	.form{ padding:0 15px; margin-bottom:50px; border:solid #F00 1px;}	
    .form h1{ margin-top:-2%;}
    .form p{ font-size:16px; text-align:center;}
	
	.modal-content .form{ padding:0 15px; margin-bottom:50px; border:solid #e67d00 1px;}	
	.modal-content .form h1{ margin-top:-2%;}
	.modal-content .form p{ font-size:16px; text-align:center;}
	
	
	.footer{ font-size:15px;}
	.footer .copyright{ text-align:center;}
	.footer .rgtpart{ text-align:center; padding:0px 0;}

    .innerpage .main{ padding:20px 15px;}
	.contact_form .btn{ padding:8px 30px; color:#FFF; font-size:18px; border-radius:0;}

}

@media (max-width: 639px) {
	.banner .carousel-control .fa-angle-left, .carousel-control .icon-prev { margin-top:210%;}
    .banner .carousel-control .fa-angle-right, .carousel-control .icon-next { margin-top:210%;}	
	}
@media (max-width: 479px) {
	.banner .carousel-control .fa-angle-left, .carousel-control .icon-prev { margin-top:260%;}
    .banner .carousel-control .fa-angle-right, .carousel-control .icon-next { margin-top:260%;}	
	.modal-content .form .btn{ padding:10px 30px;}
	}
@media (max-width: 379px) {
    .mm-menu > .mm-panel .phone{ font-size:24px; padding:14px;}
    .mm-menu > .mm-panel .phone .fa-phone{ font-size:26px; padding-left:4px;}	
    .customerpart .title{ line-height:0.9; font-size:50px;}  
}