/* Site specific CSS - This will load after the main CSS file */

.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: 100%;
}

div #manual {
    background-image: url("../images/promo-manuals.png");
}

div #training {
    background-image: url("../images/promo-training.png");
}

 div #forms {
	 background-image: url("../images/promo-forms.png");
}

div #faq {
    background-image: url("../images/promo-faq.png");
}

div #contact {
    background-image: url("../images/promo-contact.png");
}

div #login {
    background-image: url("../images/promo-login.png");
}

.promo__image__custom{min-height:280px;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:50%;margin-bottom:28px}

 div.parent{
  	 background-image: url("../images/chevron-bar-long-green.png");
	 display: table;
	 margin: 25px 0;
 	 padding: 20px 0;
	 width: 100%;
	 color: inherit;
}
 div.text{
	 vertical-align: middle;
	 display: table-cell;
	 line-height: normal;
	 font-size: 1.125rem;
	 padding: 30px 20px 20px 20px;
	 letter-spacing: 0.1rem;
	 text-transform: uppercase;
	 font-weight: 500;

}
 div.parent .img{
	 vertical-align: middle;
	 display: table-cell;
	 padding: 10px 10px 10px 20px;
	 width: 57px;
}
 div.img img{
	 width: 27px;
	 height: 36px;
	 vertical-align: middle;
}
 


div .poster-cont:after {
    display: table;
    content: '';
    clear: both;
}


div .poster {
    float: left;
    height: 300px;
    width: 200px;
  
    margin: 15px;
    padding: 10px;
    border-top: 6px solid #94AE4A;
	 background-color: #fafafa;
}

 .clear {
	 clear: both;
}