body, table, input, textarea, select {color: #7b7b7b;}
#menu-icon{display: none;}

/* banner-inner */
#banner-inner {height: 290px; position: relative; background-image: url('../images/banner-inner-bg.jpg'); background-position: center top; background-repeat: no-repeat; background-size: cover;}
#banner-inner .overlay {position: absolute; left: 0; top: 0; width: 100%; height: 290px; background: rgba(0,0,0,0.7);}
#banner-inner .container {position: relative; z-index: 1;}
#banner-inner h1 {font-size: 370%; font-weight: 300; color: #fff; margin: 105px 0 0; text-transform: uppercase; position: relative; padding-left: 40px;}
#banner-inner h1:before {content: ''; width: 1px; height: 50px; background-color: #fff; position: absolute; left: 0; top: 3px;}

/* breadcrumb */
.breadcrumb { background: none; padding: 0; margin:20px 0 0 45px; border-radius: 0;}
.breadcrumb > li {font-size: 114%; font-weight: 500; vertical-align: top;}
.breadcrumb > li.active {color: #40a447; text-transform: uppercase;}
.breadcrumb > li a {color: #989898; text-decoration: none;}
.breadcrumb > li a:hover {color: #fff;}
.breadcrumb>li+li:before {content: '|'; color: #989898; padding: 0 7px; position: relative; top: -1px;}

/* content */
#main-container {padding: 50px 0;}
.content p.main-text {font-size: 137%;}
.content h2 {font-size: 160%; font-weight:700; color: #393939; text-transform: uppercase; padding-bottom: 20px; margin-bottom: 20px; margin-top: 30px; position: relative;}
.content h2:after {content: ""; background-color: #999999;  width: 130px; height: 1px; position: absolute; left: 0; bottom: 0;}
.content h3 {font-size: 114%; font-weight: 700; margin-bottom: 20px; color:#393939;}
.content h4 {font-size: 107%; font-weight: 600; color: rgba(0,0,150,0.8); margin: 20px 0 15px;}
.content p, .content ul {font-size: 114%; line-height: 24px; margin-bottom: 15px;}

.product-listing {margin-top: 30px; margin-bottom: 30px;}
.product-listing a {text-decoration: none; display: block;}
.product-listing .item {margin-bottom: 25px;}
.product-listing .item span {display: block;}
.product-listing .item .img-container {border: 1px solid #b5b5b5; width: 100%; height: 320px; position: relative;}
.product-listing .item .img-container img {max-width: 60%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.drop-shadow {
    filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.3));
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.3));
}
.product-listing .item .img-container.spl img {max-width: 100%;}
.product-listing .item .img-container.spl.top img {top: 0; bottom: auto;}
.product-listing .item .img-container.spl.bottom img {bottom: 0; top: auto;}
.product-listing .item .title {font-size: 150%; font-weight: 700; text-transform: uppercase; color: #000; margin: 25px 0 15px;}
.product-listing .item .text {font-size: 93%; color: #7b7b7b; margin-bottom: 20px;}
.product-listing .item .icon {background-color: #3ca446; width: 100px; height: 40px; line-height: 38px; margin: 0 auto; text-align: center;}
.product-listing [class^="col-"]:nth-child(even) .item .icon {background-color: #000;}
.product-listing .item .icon .arrow {background-position: -132px -3px; width: 25px; height: 16px;}

#industries-we-serve {border-top: 1px solid #ccc;}

.filter{ filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.3)); -webkit-filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.3));}


#tab-style1 ul.nav{margin:30px 0 0 0; border: 1px solid #c2c2c2; border-bottom:none; background-color: #eeeeee;}
#tab-style1 ul.nav li{border-left:2px solid #fff;}
#tab-style1 ul.nav li:first-child{border-left: none;}
#tab-style1 ul.nav li a{font-size: 114%; padding: 30px 18px; font-weight:700; color: #393939; margin: 0; border:none; border-radius: 0; text-decoration: none;}
#tab-style1 .tab-content{border: 1px solid #c2c2c2; border-top: none; padding:40px;}
.content .tab-content p{font-size: 114%;}
.content .tab-content ul{font-size: 114%;}

.table th{text-align: center;color:#393939; background-color:#eeeeee;}

#tab-style2 ul.nav{margin: 30px 0 0 0; text-align: center; border: none;}
#tab-style2 ul.nav li{float: none; display: inline-block; margin: 0 25px; }
#tab-style2 ul.nav li a{font-size: 128%; font-weight: 700; color: #9c9c9c; position: relative; border: none; border-radius: 0; text-decoration: none; padding:20px 0; text-transform: uppercase; }
#tab-style2 ul.nav li a:after{position: absolute; content: ""; height: 1px; left: 0; right: 0; bottom:0;  background:#9c9c9c; }
#tab-style2 ul.nav li.active a:after{background-color:#515f69;}
#tab-style2 ul.nav li.active a{ color:#393939; }
#tab-style2 ul.nav li a:hover{background:transparent;}
#tab-style2 .tab-content{margin-top: 130px; text-align: center;}
#tab-style2 .product-box{margin-bottom: 220px;}
#tab-style2 .product-pic{height:210px; position: relative;}
#tab-style2 .product-pic img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
#tab-style2 .product-name{color:#000000; font-size: 140%; font-weight: 700;}


/* form-panel */
.form-panel {background:url(../images/pattern-bg.jpg) repeat 0 0; padding: 35px 0; min-height: 512px;}
.form-panel h3 {font-size: 176%; font-weight: 600; color: #218795; margin: 0 0 35px;}
.form-group {margin-bottom: 25px;}

form .form-control{height:50px; font-size:120%; border: 1px solid #d5d5d5; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
form .form-control:focus{background-color: #fff;}
.mandatory{color: #FF0000;}
form textarea.form-control{resize:none;height:130px;}
form .has-captcha .input-group .form-control{margin-right:20px; width:260px; display:inline-block;}
.input-group-addon:last-child{display:inline-block; width:auto; background:#fff; border:1px solid #d5d5d5; height:auto; border-radius: 0; padding: 0;}
form label{font-weight: normal;}
form .refresh{cursor: pointer; width:40px; padding:10px 0; display: inline-block; vertical-align: top;}
form #imgCaptcha{border-right:1px solid #bfbfbf;}
form .btn-wrap {margin-top: 15px;}
form .btn{ font-size:120%; font-weight:700; background-color: #3ca446; border-radius: 0; border:none; text-transform: uppercase; color:#fff; min-width: 130px; height:50px; line-height:35px;transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
form .btn:hover,form .btn:focus {color:#fff; background-color: #000;}
form .error-inline{color: #ff0000; margin-top: 5px;}
form .btn-reset {border: 1px solid #000; background-color: transparent; color: #000;}

form label{font-size: 100%; font-weight: normal;}
form .checkbox-inline{margin-right:20px;padding-left:0;}
form input[type="checkbox"] {display: none;}
form .custom-check {display: inline-block;width:20px; height: 20px;background: #f0f0f0;border: 1px solid #dbdbdb;font-family: 'FontAwesome';font-size: 125%;line-height: normal;vertical-align:bottom;margin-right:7px;font-weight:normal;}
form .custom-check::before {content: "\f00c";color: #7b7b7b;display: none;}
form input[type=checkbox]:checked+.custom-check::before {display: block;color: #7b7b7b;background-color: #f0f0f0;}

.loading{position: relative; height: 350px; background:rgba(33, 135, 149,0.2);}
.loading img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}

#contact {position: relative; height: 601px; border-bottom: 1px solid #eee;}
#contact iframe{display: block;}
#contact .container {z-index: 1; position: absolute; left: 0; top: 100px; right: 0; bottom: 0; margin: 0 auto;}
#contact .address-container {max-width: 400px; padding: 30px; background:#40a447; color: #fff; position: relative;}
#contact .address-container .caret-icon{display: none; background:url(../images/top-arrow.png) no-repeat center bottom; width: 116px; height: 43px; margin: 0 auto -43px; top:-72px;  left:0px; right: 0; position:relative; z-index: 99;  text-align: center;}
#contact .address-container .caret-icon .icon:after{content:"\f102"; font-family: 'FontAwesome';font-size: 180%;line-height: normal; color: #fff; display: inline-block;
-webkit-animation: arrowMove 1.5s;  
    -webkit-animation-iteration-count: infinite;
    animation: arrowMove 1.5s;
    animation-iteration-count: infinite;
}
@-webkit-keyframes arrowMove {
    from{ margin-top: 20px;}
    to{margin-top: 12px;}
}

@keyframes arrowMove {
    from{ margin-top: 20px;}
    to{margin-top: 12px;}
}
#contact .address-container .caret-icon.active .icon:after{content: "\f103";-webkit-animation: none; animation: none; margin-top: 12px;}
#contact .address-container h2, #contact .address-container h3 {color: #fff;}
#contact .address-container h2:after {background-color: #fff;}
#contact .address-container p {margin-bottom: 10px; line-height: normal;}
#contact .address-container p span {float: left; width: 55px; display: block;}
#contact .address-container p a {color: #fff;}
#contact .address-container p.email a {text-decoration: underline;}

.product-features {margin: 25px 0 0 0; padding: 0; list-style: none; text-align: center;}
.product-features li {display: inline-block; vertical-align: top; font-size: 118%; font-weight: 500; color: #000; margin: 0 30px 35px;}
.product-features li .icon {display: block; width: 78px; height: 78px; line-height: 72px; border: 2px solid #b5b5b5; margin: 0 auto 7px;}
.product-features .recyclable {background-position: 0 0; width: 44px; height: 42px;}
.product-features .uv {background-position: -64px 0; width: 40px; height: 41px;}
.product-features .food {background-position: -125px -3px; width: 48px; height: 35px;}
.product-features .fabrics {background-position: -205px 0px; width: 33px; height: 41px;}
.product-features .sewing-thread {background-position: -265px 0px; width: 21px; height: 41px;}
.product-features .sewing-types {background-position: -312px 0px; width: 56px; height: 40px;}
.product-features .printing {background-position: -393px 0px; width: 41px; height: 41px;}
.product-features .document-pockets {background-position: -459px 0px; width: 36px; height: 41px;}
.product-features .lifting-loops {background-position: -515px 0px; width: 42px; height: 40px;}
.product-features .liner {background-position: -584px 0px; width: 51px; height: 39px;}
.product-features .safety-factors {background-position: -658px -1px; width: 49px; height: 37px;}
.product-features .certification {background-position: -737px 0px; width: 38px; height: 38px;}
.product-features .traceability {background-position: -799px 0px; width: 41px; height: 40px;}