@charset "utf-8";
/* CSS Document */
body {font-family: 'Fira Sans Extra Condensed', sans-serif; font-size:16px; letter-spacing:.2px; background-color: #333;}
.container {width:100%; padding: 0; position: relative; background-color: #FFF;}
header{position:absolute; top:0; z-index:25000; width:100%;}
header .container {background-color:transparent;}
.navbar-default {background-color:rgba(255,255,255,.8); border-radius:0; border:none; border-top:3px solid #9d0a0e; font-size:15px; letter-spacing:.4px; margin-bottom:0;}
.nav>li>a {padding: 15px 13px;}
.navbar-nav {margin: 0;}
.navbar-brand img {max-width: 120px;}
.ekam-global-slider {}
.ekam-global-slider .ekam-logo {position: absolute; top:113px; left: 54px; z-index: 16384;}
.carousel-control.right, .carousel-control.left {background:none; width:5%;}
.breadcrumb {padding-left:50px; margin-bottom:40px; border-radius:0; font-size:16px;}
a.breadcrumb-item {margin-right:5px; margin-left:5px; color:#9d0a0e;}
.breadcrumb-item.active {margin-left:5px;}
.cat-description {margin-left:40px;}
.machine-application {display: flex; align-content: center; justify-content: left; flex-wrap: wrap; margin-bottom:40px;}
.machine-application div.col-md-4 h3 { margin-bottom:5px; margin-top:10px; border-bottom:1px solid #CCC; padding-bottom:5px;}
.machine-application div.col-md-4 {width:240px; font-size:14px; background-color:#F9F9F9; margin:10px; padding-bottom:10px; border-radius:6px;}
.machine-application ul {margin:0; padding-left:20px;}
.the-cart {position:fixed; bottom:13px; left:13px;}
.the-cart a.btn .badge {background-color:#000; color:#FFF; font-weight:600;font-size:22px;}
.btn-danger {background-color:#9d0a0e;}
.the-cart a.btn { font-size:22px;}
span.add {position:relative; bottom:10px;}

.bg-dot-pattern {background-image: url(../images/bg-dot-pattern.png); background-repeat: repeat; height:42px; position: absolute; width: 100%; bottom: 20px;}
.item {border-bottom: 94px solid #868686;}
.item .main-image {border-bottom: 1px solid #FFF;}
.item .in-item-image {position: absolute; width: 100%; text-align: center; bottom: -55px; z-index: 5;}
.item .in-item-image img {margin-right: 30px;}
.in-item-image.in-item-machine img {margin-right:390px; margin-bottom:0px; width:40%;}
.in-item-image.in-item-cap img {margin-right:130px; margin-bottom:20px;}
.carousel-caption {width: 44%; padding: 0; left: auto; right:0; bottom: 70px;}
.item .jar-item-image {bottom:-40px;}
.item .jar-item-image img { max-width:300px; margin-right:100px; margin-bottom:12px;}
#go-top {position:fixed; right:15px; bottom:15px; z-index:100000; cursor:pointer;}


.carousel-caption h1 { background-color: rgba(255,255,255, .6); text-transform: uppercase; color: #000; text-shadow: none; text-align: left; padding: 28px; font-weight: bold; font-size: 50px; letter-spacing: 2px; position: relative; z-index: 16000;}
.carousel-caption h1 a.btn-danger {position: absolute; bottom:-20px; right: 50px; background-color: #9d0a0e; text-transform: uppercase; letter-spacing: normal; border: none; border-radius: 0; font-size: 22px; padding: 8px 30px;}
.carousel-caption h1 a.btn-danger span {font-size: 28px; line-height: 18px;}
.carousel-caption p, .carousel-caption h3  {text-align: left; color: #000; text-shadow: none; width:70%;}
.carousel-caption h3 {text-transform: uppercase; font-weight: bold; font-size: 25px;}
/*.twenty-two{font-size: 22px;color: #767676;transition: all 0.3s ease-in-out 0s;margin-top: 15px;background-color: #f5f5f5;}*/
.twenty-two:hover{color: #9d0a0e;  }
a:hover,a:focus{text-decoration: none;}
.product-gal {border-top:1px solid #FFF;}
.product-gal .col-md-3 {padding:0;}
.product-gal .col-md-3 img {width: 100%; opacity:1; transition: all ease-in-out .4s; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF;}
.product-gal .caption {color:#FFF; font-size: 25px; font-weight: bold; position: absolute; width:100%; text-align: center; bottom: 20%; text-transform: uppercase; letter-spacing: .6px; text-shadow: 0px 0px 5px rgba(0,0,0,.7); transition: all ease-in-out .4s;}
.product-gal .col-md-3:hover .caption {color:#000; text-shadow: 0px 0px 5px rgba(255,255,255,.5); transition: all ease-in-out .4s;}
.product-gal .col-md-3:hover img {opacity:.8; transition: all ease-in-out .4s;}
.products-listed td { text-align:center;}
.products-listed td img {max-width:100%;}
.products-listed span {display:inline-block; font-size:15px; font-weight:bold;}
.about-us { padding:40px; padding-top:45px;}
.about-us img {width:160px; margin-bottom: 10px;}
.copyright {background-color: #a9a9a9; padding:10px; font-size: 15px; font-weight: 400; line-height:26px;}
.copyright img {margin-bottom:6px; margin-top:5px;}
.copyright a {color:#000; text-decoration:none; display:inline-block; margin:0px 4px;}
.copyright a:hover {color:#9d0a0e; text-decoration:none;}
.copyright .small a {color:#393939;}
.copyright .small { font-size:14px;}
.content-line-height {line-height:23px;}/*display: flex;align-content: center;justify-content: center;}*/
/*----- Header Background Images ------*/
.sub-page-header .sub-bg {height:210px; background-image:url(../images/sub-bg.jpg); background-size:cover;}
.sub-page-header .sub-bg-about {height:210px; background-image:url(../images/header-contact.jpg); background-size:cover; background-size:cover; background-position:top; height:300px;}
.sub-page-header .sub-bg-machinery {height:210px; background-image:url(../images/header-machinery.jpg); background-size:cover; background-size:cover; background-position:top; height:300px;}
.sub-page-header .sub-bg-closures {height:210px; background-image:url(../images/header-closures.jpg); background-size:cover; background-size:cover; background-position:top; height:300px;}
.sub-page-header{height:210px; background-image:url(../images/header-bottles.jpg); background-size:cover; background-size:cover; background-position:top; height:300px;}
.sub-bg-bottels {height:210px; background-image:url(../images/header-jars.jpg); background-size:cover; background-size:cover; background-position:top; height:300px;}
.sub-page-header .sub-bg-contact {height:210px; background-image:url(../images/header-contact.jpg); background-size:cover; background-size:cover; background-position:top; height:300px;}
/*-----End Header Background Images ------*/
.sub-page-header h1{background-color:#767676; color:#FFF; text-transform:uppercase; margin:0; font-size:23px; padding: 10px; padding-left:55px; font-weight:800; letter-spacing:.5px; border-top:1px solid #FFF;}
h5 {font-weight:600; font-size:16px;}
.product-detail-well {margin:30px; margin-left:0px;margin-top:0px;}
.product-det-con {/*display: flex; align-items: center; justify-content: center;*/}
.color-well {margin-bottom:50px;}
.color-well img {max-width:100%;}
.well h3 {margin:0;}
.well hr {margin:10px 0px; border-top:1px solid #CCC;}
.well .table thead {font-weight:bold; font-size:15px;}
.color-well tr td:first-child {max-width:130px;}
.color-well tr td:nth-child(2) {font-weight:bold;}
.grid .col-md-4{display: flex; align-items: center; justify-content: center; margin-bottom:30px;}
.grid .col-md-4 a {display:block; border:1px solid #CCC; border-radius:6px; overflow:hidden; font-size:20px; font-weight:bold;}
.grid .col-md-4 a:hover {text-decoration:none;}
.grid .col-md-4 a .grid-image {transition: all ease-in-out .4s; -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.grid .col-md-4 a .grid-image img {max-width:100%;}
.grid .col-md-4 a:hover .grid-image {transition: all ease-in-out .4s; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.grid .col-md-4 a .grid-title {padding:5px; border-top:1px solid #CCC; background-color:#e5e5e5; color:#9d0a0e;  transition: all ease-in-out .4s;}
.grid .col-md-4 a:hover .grid-title {text-decoration:none; background-color:#9d0a0e; color:#FFF;  transition: all ease-in-out .4s;}
.in-item-closure {position:absolute; width:100%; bottom:0; left:15%; z-index:2;}
.in-item-closure img {max-width:400px;}
.product-detail-well h3 {font-size:23px; font-weight:bold; margin-top:40px; margin-left:8px;}
.product-detail-well .btn-danger a{font-size:18px; font-weight:bold; color: #fff;}
.product-detail-well .btn-danger{ margin-bottom: 7px;  background-color: #9D0A0E;}




.product-detail-well h2 {margin-top: 0;}
.sub-lines{padding-left: 8px;}
/*.panel-default {border:1px solid #9d0a0e; overflow:hidden;}
.panel-default .panel-heading {background-color:#9d0a0e; color:#FFF;}
.panel-default .panel-body {background-color:#F5F5F5;}*/
.product-photo-left img {max-width:95%; margin:auto; margin-bottom:40px; border-radius:15px; border:1px solid #CCC;}
.product-photo-left .bs-example .img-celoan {max-width:95%; margin:auto; margin-bottom:40px; border:1px solid #CCC;}

/*.product-photo-left .video-container {max-width:98%; margin:auto; margin-bottom:40px; }
 .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
 .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 80%; border-radius:15px;}*/

.panel-default {overflow:hidden; border-radius:10px;}
.panel-default .panel-heading{transition:all ease-in-out .3s;}
.panel-default .panel-body {padding:0;}
.panel-default .panel-body li { list-style:none; }
.panel-default .panel-body li a {padding:8px 10px; padding-left:20px; color:#9d0a0e; background-color:#FFF; display:block; border-bottom:1px solid #CCC; transition:all ease-in-out .3s;}
.panel-default .panel-body li a:hover {color:#FFF; background-color:#9d0a0e;}
.product-grid .list-unstyled li{border: 1px solid rgba(51, 102, 153, 0.6); margin:5px;   padding: 3px; margin-bottom: 9px;}
.navbar-default .navbar-nav .open .dropdown-menu .drop-clients>a:hover{background-color: #6e0508;color: #fff;}
/*.span-position{ position: relative; top: -12px;}*/

.well-get-quote {padding:3px; padding-left:6px; background-color:#9d0a0e;margin-bottom: 10px;border: none;border-radius: 7px;text-align:center;width: 100px;margin: auto;}
.well-get-quote .elem-small {width:40px; border-radius:4px; border:1px solid #CCC; padding-left:5px; margin-right:6px; height:30px; text-align:center;}
.well-get-quote .btn-danger {margin-bottom:0; border:none; padding:0px; font-size:26px; padding-right:6px;}
.well-get-quote .btn-danger:hover { background-color:#d43f3a;}

/*lightbox*/



/*Twist Off*/
.product-detail-wrap img{max-width: 100%;}
.product-detail-wrap hr{border-top: 1px solid #999;}


/* footer*/
.copyright .text-right a{ padding: 5px; color:#393939;}
    
@media (min-width:1420px) {
    .container{width:1400px;}
    .product-gal .col-md-3:last-child img {border-right: none;}
    .navbar-collapse {padding-right: 75px;}
	.content-line-height {line-height:27px;}
}

@media (max-width:1040px) {
    .carousel-caption p, .carousel-caption h3 {display: none;}
}

@media (max-width:991px) {
	.breadcrumb {padding-left:10px;}
	.sub-page-header h1 {padding-left:12px;}	
	.product-det-con {display:block;}
	.product-detail-well {margin:30px;}
	.cat-description {margin-left:0px;}
	.machine-application {justify-content: center; margin-bottom:20px;}
	.machine-application div.col-md-4 {width:40%;}
    .product-grid .list-unstyled li{ margin-left: auto;}
	.in-item-image.in-item-machine img {width: 50%; margin-bottom:0px; margin-right:260px;}
    .well-get-quote {width:100%;}
    
}

@media (max-width:767px) {
     header .container {background-color:#FFF;}
    .navbar-default .navbar-collapse {background-color: #9d0a0e; padding:0;}
    .navbar-default .navbar-nav>li>a {color: #FFF; transition: all ease-in-out .2s;}
    .navbar-default .navbar-nav>li>a:hover {background-color:#FFF; color:#000; transition: all ease-in-out .2s;}
    .navbar-default .navbar-nav>li.active a {background-color: #6e0508; color: #FFF;}
	.nav>li>a {padding: 15px 18px;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#FFF;}
    .item .in-item-image {width:50%;}
    .item .in-item-image img {max-width: 60%;}
	.in-item-image.in-item-machine img {width: 100%; margin-right:30px; max-width:90%;}
	.in-item-image.in-item-cap img {max-width:90%; margin-bottom:-50px;}
    .carousel-caption {width: 60%;}
    .carousel-caption h1 {font-size: 25px; padding: 10px; }
    .carousel-caption h1 a.btn-danger {font-size: 16px; padding: 3px 14px;}
    .carousel-caption h1 a.btn-danger span {font-size: 20px;}
    /*.about-us {padding: 20px 30px 40px 30px;text-align: justify;}*/
    .about-us {padding:20px 30px 40px 30px; text-align: justify;}
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-right: 0;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {margin-left: 0;}
	.ekam-global-slider { margin-top:50px;}
	.machine-application div.col-md-4 {width:90%;}
    .product-grid .list-unstyled li{border: 1px solid rgba(51, 102, 153, 0.6); margin:5px; margin-bottom: 9px;}
    .product-det-con .product-grid .cat-description h3{margin-left: 14px;}
    .product-detail-well {margin: 15px; margin-right: 5px; margin-left: 5px; text-align: justify;}
    .cat-description {margin-left: 5px; margin-right: 5px; text-align: justify;}
    .product-detail-well .btn-danger{ margin-bottom: 5px; width: 60%; }
    .modal-body {padding: 0px;}
    .product-description-right .viscose-logo{width: 200px; margin: 0 auto; display: block; margin-top: auto; margin-top: -30px;}
    .product-photo-left .takes-only-60{width: 200px; margin: 0 auto; margin-top: -25px;}
    
}
@media (max-width:568px)
{
    .product-det-con .product-grid .cat-description h3{text-align: center;}
    .list-inline {padding-left: 0; margin-left: 4px; list-style: none;}
    .product-detail-well .btn-danger{ margin-bottom: 5px; }
    .modal-body {padding: 0px;}
    
}


.product-detail-well h2 {margin-top:50px; font-weight: 600; color: #9d0a0e;}
h2 + hr {margin:0; margin-bottom:10px;}

.modal-content iframe{margin: 0 auto; display: block;}
.modal-header{background-color: #a9a9a9;}

.send-quote {background-color:#9d0a0e; position:fixed; bottom:0; width:100%; max-width:300px; color:#FFF; display:none;}
.send-quote-header {background-color:#710407; font-weight:600; text-transform:uppercase; padding:10px; cursor:pointer; transition:all ease-in-out .3s; border-bottom:2px solid #000;}
.send-quote-header:hover {background-color:#9d0a0e;}
.quote-products div {padding:0 10px 10px 0;}
.quote-products ul{ margin:10px 0 10px 10px; padding:0;}