@charset "utf-8";
/* CSS Document */
a{
 color:#B5121B;   
}
a:hover{
 color:#000;   
}

.status-just-in {
    background-image: url(/media/1088/new-in.png);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0px;
    left: 15px;
    z-index: 30000;
}

body{
  font-family: "gesta",sans-serif!important;
}
.header-bg{
 background-color:#B5121B!important;
 padding-top:20px;
}
.header-banner{
    width:100%!important;
    background-image:url('/media/1010/generic-header.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    min-height:288px;
}
.search-header{
   background-color:#B5121B!important;
   color:#fff;
   border-radius:0px;
   font-weight:300;
   font-size:12px;
    width:100%;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff!important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff!important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff!important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff!important;
}
/* Home Panel Styles */
.panel-bg{
 background-size:cover;
 background-position: center center;
 min-height: 100%;
 min-height: 100vh;
 display: flex;   
}

.panel-title{
   color:#fff;
   background-color:#B5121B;
   text-transform:uppercase;
   font-size:40px;
   font-weight:300;
   font-family: "gesta",sans-serif!important;
   padding:5px;
   padding-left:15px;
   padding-right:15px;
   margin-top:40px;
   margin-bottom:20px;
   display:inline-block;
   line-height:1.1;
}
.panel-description{
 font-size:18px;
 font-weight:300;
}
.panel-button{
 margin-top:20px;
 background-color:#B5121B;
 color:#fff;
 text-transform:uppercase;
 display:inline-block;
}
.panel-button a:link, .panel-button a:visited {
 background-color:#B5121B;
 color:#fff;
 display:inline-block;
 text-decoration:none;
 padding:5px;
 padding-left:15px;
 padding-right:15px;
}
.panel-button a:hover, .panel-button a:active {
 background-color:#000;
 color:#fff;
 display:inline-block;
 text-decoration:none;
 padding:5px;
 padding-left:15px;
 padding-right:15px;
}
.panel-container{
 margin-left:10px;   
}
.footer-strip{
 background-color:#4A4A4A;
 padding-top:10px;
 padding-bottom:10px;
 color:#fff;
}
.footer-strip a:link, .footer-strip a:visited {
  color:#fff;
  text-decoration:none;
}
.footer-strip a:hover, .footer-strip a:active {
  color:#B5121B;
  text-decoration:none;
}
.product-list-items{
     margin-bottom:10px;
   	 
}

@keyframes grow {
  from {
  	-ms-transform: scale(1,1); /* IE 9 */
 	-webkit-transform: scale(1,1); /* Safari */
 	transform: scale(1,1); 
  }

  to {
    -ms-transform: scale(1.1,1.1); /* IE 9 */
 	-webkit-transform: scale(1.1,1.1); /* Safari */
 	transform: scale(1.1,1.1);
  }
}

.product-list-items ul{
 list-style-type: none;
    margin:0px;
    padding:15px;
}
@media (min-width: 1200px){
    /* LG */
.product-list-items li{
   width: 33.33333333%;
   float:left;
    }
}
@media (min-width: 992px){
    /* MD */
.product-list-items li{
   width: 50%;
   float:left;
    }    
}
.productList, .productSmall{
 list-style-type: none; 
	margin:0px;
    padding:15px;
}
.product-item{
 /*padding:5px;*/   
}
.product-item li{
 list-style-type: none;   
}
.product-list-items:hover{
 box-shadow: 5px 5px 2px #fafafa; 
 cursor:pointer;
}
.title-box{
 background-color:#B5121B;
 padding:5px;
    display:block;
}
.title-box a:link, .title-box a:visited{
    color:#fff;
    text-decoration:none;
    margin-left:5px;
}
.title-box a:hover, .title-box a:active{
    color:#000;
    text-decoration:none;
    margin-left:5px;
}

@media screen and (max-width : 480px) {
	.logo {
	margin-bottom:15px;
}
    .panel-bg{
        background-size:cover;
        background-repeat:no-repeat;
        min-height:100%;
    } 
    .panel-title{
    font-size:14px;   
    }
    .panel-description{
 	font-size:10px;
    background-color:rgba(0, 0, 0, 0.7);
	color:#fff!important;
    padding:5px;
	}
    .nivo-caption h4{
   text-transform:uppercase; 
   font-weight:200;
   font-size:18px!important;
}
    .panel-button{
        font-size:10px!important;
    }
    }
.breadcrumb-bar{
 padding-top:10px;
 padding-bottom:10px;
}
.btn-primary {
    color: #fff;
    background-color: #B5121B;
    border-color: #B5121B!important;
}
.btn-primary {
	background-image:none;
	background-repeat:repeat-x;
	border-color:#B5121B
}
.btn-primary:focus,.btn-primary:hover {
	background-color:#000;
	background-position:0 -15px
}
.btn-primary.active,.btn-primary:active {
	background-color:#000;
	border-color:#245580
}
.page-content{
 min-height:100%;
 min-height:100vh;
}
.page-content-inner{
-webkit-box-shadow: 0px 0px 5px 7px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 5px 7px rgba(0,0,0,0.10);
box-shadow: 0px 0px 5px 7px rgba(0,0,0,0.10);
min-height:650px;
}

blockquote {
    border-left: 5px solid #B5121B!important;
    border-bottom: 5px solid #B5121B!important;
    background-color:#9A9A9A;
    padding:20px;
    color:#fff;
}
.form-control:focus {
  border-color: #BD2012;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
.quote{
border-left:1px solid #BD2012;
margin-bottom:40px;
}
.quote-text{
margin-top:60px;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
color:#BD2012;

font-size:40px;
font-weight:300;
font-family: "gesta",sans-serif!important;
line-height:32pt;
}
.quote-author{
padding-left:20px;
padding-top:10px;
color:#000;
font-size:18px!important;
font-weight:300;
font-family: "gesta",sans-serif!important;
}
.quote-company{
padding-left:20px;
color:#777;
font-style: italic;
font-size:16px!important;
font-weight:200;
font-family: "gesta",sans-serif!important;
}

.machine-category{
border:2px solid #fff;
min-height:169px;
 cursor:pointer;
}
div .machine-category{
 opacity:0.6;   
}
div .machine-category:hover{
 opacity:1; 
    cursor:pointer!important;
    border:2px solid #BD2012;
}
.machine-category-title{
color:#fff;
margin-left:-15px;
font-size:18px!important;
font-weight:300;
font-family: "gesta",sans-serif!important;
background-color:#BD2012;
padding:5px;
display:inline-block;
}
.case-study-logo{
 padding-top:10px;
 padding-bottom:10px;
 border: 1px solid #B5121B;
 margin:2px;
 display:block;
}

.navbar-header{
 background-color:#B5121B;   
}


.breadcrumb {
    background-color: transparent!important;
}
.poplet{
float:left;
margin-right:4px;
margin-bottom:4px;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #B5121B!important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.btn {
background-color:#B5121B!important;	
color:#fff!important;
}
.btn:hover {
background-color:#777!important;	
color:#000!important;
}
.enquiry-btn{
	float:right;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
}
.zoom-container{
overflow:hidden;
}
.zoom-container:hover{
transform: scale(1);
  -ms-transform: scale(1);
  /* IE 9 */
  -moz-transform: scale(1);
  /* Firefox */
  -webkit-transform: scale(1);
  /* Safari and Chrome */
  -o-transform: scale(1);
  /* Opera */	
}
.zoom{
	overflow:hidden;
	margin:5px;
	padding:3px;
	border-radius:3px;
	transition: 0.3s;
}
.zoom:hover {
	margin:5px;
	padding:3px;
	border:5px solid #fff;
	border-radius:3px;
  transform: scale(1.3);
  -ms-transform: scale(1.3);
  /* IE 9 */
  -moz-transform: scale(1.3);
  /* Firefox */
  -webkit-transform: scale(1.3);
  /* Safari and Chrome */
  -o-transform: scale(1.3);
  /* Opera */ }

h4{
line-height: 1.3;	
}