.banner.angle, .banner.angle .bg {min-height:475px;background-color:#fff;overflow:visible;}




.banner.angle .bg {padding-top: 144px;background-position:top center;background-size:auto;background-repeat:none;}
.banner.angle.short .bg {background-position:center -100px;}
.banner.angle.short, .banner.angle.short .bg {min-height:375px;background-color:#fff;}

.banner.angle .bg .container{color:#fff;}
.banner.angle h2, .banner.angle h2 + p{max-width:650px;}

/*.banner.angle h2{font-weight:900;}*/

.banner.angle{padding-top:80px;}
.banner.angle .bg{padding-top:64px;}


.banner.angle nav.secondary{margin-bottom:32px;}

.banner.angle nav.secondary{background-color:transparent;}
.banner.angle nav.secondary ul > li:first-child{display:none;}
.banner.angle nav.secondary ul > li:first-child + li{border-left:1px Solid #fff;}
.banner.angle nav.secondary ul > li{width:33.3%;float:left;border:1px Solid #fff;padding-left:0px !important;border-left:none;}
.banner.angle nav.secondary.anglefour ul > li{width:25%;}

.banner.angle nav.secondary.sticky.anglefour ul > li{width:25%;}



.banner.angle nav.secondary ul > li a{padding:0;text-align:center;background-color:rgba(31,43,74,.85);color:#fff;}
.banner.angle nav.secondary ul > li a:hover{background-color:#83bd41;}

.banner.angle nav.secondary:after{content:'';display:block;float:none;clear:both;transition:all .25s ease-in-out;}



nav.secondary div ul:first-child li:first-child a{padding-right:0px;}


body.green .banner.angle nav.secondary ul > li a:hover{background-color:#83bd41;color:#fff;}
body.berry .banner.angle nav.secondary ul > li a:hover{background-color:#A50050;color:#fff;}
body.teal .banner.angle nav.secondary ul > li a:hover{background-color:#13958d;color:#fff;}
body.ltblue .banner.angle nav.secondary ul > li a:hover{background-color:#238FBE;color:#fff;}

body.green .banner.angle nav.secondary ul > li a:focus{background-color:#83bd41;color:#fff;}
body.berry .banner.angle nav.secondary ul > li a:focus{background-color:#A50050;color:#fff;}
body.teal .banner.angle nav.secondary ul > li a:focus{background-color:#13958d;color:#fff;}
body.ltblue .banner.angle nav.secondary ul > li a:focus{background-color:#238FBE;color:#fff;}

body.berry .banner.angle h2{text-shadow: 1px 1px 24px rgba(31,43,74,.75);}



.banner-text{max-width:calc(100% - 300px);float:left;}
.banner-form{max-width:300px;width:100%;float:right;background-color:#efefef;padding:16px;text-align:center;}

.banner-form input, .banner-form textarea{
	display:block;width:100%;margin-bottom:8px;;
	height:32px;font-family:lato;
		border:1px solid #ccc;
	font-size:1rem;
	line-height:32px;
	color:#333;
	padding:0px 8px;
}

.banner-form textarea{height:60px;line-height:1.25;padding-top:3px;}


.banner-form input:last-child{margin-bottom:0px;}

.banner-form input[type=button]{font-size:1.188rem;font-weight:bold;background-color:#1F2b4a;border:0;color:#fff;text-transform:uppercase;height:48px;line-height:48px;cursor:pointer;transition:all .25s ease-in-out;}
.banner-form input[type=button]:hover{background-color:#1F2b4a;}


body.green .banner-form input[type=button]{background-color:#83bd41;}
body.berry .banner-form input[type=button]{background-color:#A50050;}
body.ltblue .banner-form input[type=button]{background-color:#238FBE;}
body.teal .banner-form input[type=button]{background-color:#13958d;}
.banner-form input[type=button]{background-color:#83bd41;}



main#content .section:first-child{padding-top:16px;}


.banner-form a.button{width:100%;margin:0px;border:none;}
.banner-form a.button:hover{margin:0px;background-color:#1F2b4a;border-color:#1F2b4a;border:none;}
.banner-form img{display:block;width:100%;}

.banner-form p strong{display:block;font-size:1.5rem;color:#1F2b4a;font-weight:900;font-family:Montserrat;}
.banner-form p{display:block;font-size:1.188rem;color:#333;margin-bottom:16px;line-height:1.5;}





.banner.angle nav.secondary ul > li > a.parent:after{content:'\0203A';color:fff;display:inline-block;transform:rotate(90deg);position:relative;top:2px;left:12px;}

.banner.angle nav.secondary ul > li{position:relative;}
.banner.angle nav.secondary ul > li > a.parent{position:relative;}
.banner.angle nav.secondary ul > li > a.parent + ul{display:none;position:absolute;width:calc(100% + 2px);margin-top:1px;z-index:998;margin-left:-1px;}

.banner.angle nav.secondary ul > li > a.parent + ul li{display:block;float:none;clear:both;width:100%;border-top:none;border-left:1px Solid #fff;}
.banner.angle nav.secondary ul > li > a.parent + ul li:after{display:none;}
.banner.angle nav.secondary ul > li > a.parent + ul li a{text-transform:capitalize;}


.banner.angle nav.secondary ul > li > a.parent + ul{display:none;}

/*.banner.angle nav.secondary ul > li > a.parent.active + ul{display:block;}
.banner.angle nav.secondary ul > li:hover > a.parent + ul{display:block;}
.banner.angle nav.secondary ul > li:focus > a.parent + ul{display:block;}*/

.banner.angle nav.secondary.sticky{background-color:#1F2b4a;}
.banner.angle nav.secondary.sticky ul > li{width:33.3%;float:left;border-bottom:none;border-top:none;padding-left:0px !important;border-left:none;}
.banner.angle nav.secondary.sticky ul > li:first-child + li{border-left:1px Solid #fff;}
.banner.angle nav.secondary.sticky + .banner-text, .banner.angle nav.secondary.sticky + .banner-text + .banner-form{margin-top:80px;}

.banner.angle nav.secondary.sticky ul > li > a.parent + ul{margin-top:0px;}
.banner.angle nav.secondary.sticky ul > li > a.parent + ul li{border-top:1px Solid #fff;}
.banner.angle nav.secondary.sticky ul > li > a.parent + ul li:last-child{border-bottom:1px Solid #fff;}
.banner.angle nav.secondary.sticky ul > li > a.parent + ul a{background-color:#1F2b4a;}
.banner.angle nav.secondary.sticky ul > li > a.parent + ul a:hover{background-color:#83bd41;}



@media (max-width: 1112px) {
	.banner.angle nav.secondary .container{padding: 0px;}
}

     
@media (max-width: 1024px) {	
	/*HIDE NAV FOR NOW*/

	.banner.angle nav.secondary{height:auto;overflow:visible;}
	.banner.angle{padding-top:0px;}
	.banner.angle nav.secondary ul li ul{padding-left:0px;}
	.banner.angle nav.secondary div ul:first-child li:first-child a{padding-left:0px;}
	.banner.angle nav.secondary.sticky + .banner-text, .banner.angle nav.secondary.sticky + .banner-text + .banner-form {margin-top: 0px;}
	.banner.angle .bg{padding-top:32px;}
	
	/* .banner.angle .bg {padding-top: 0px;background-position:top center;background-size:auto;} */
	
	.banner.angle nav.secondary ul:before{display:none;}
	.banner.angle nav.secondary{margin-bottom:16px;}
	.banner.angle nav.secondary ul li a{line-height:36px;}
	
	.banner-text br{display:none;}
	.banner.angle nav.secondary.sticky ul > li{border-bottom:1px Solid #fff;border-top:1px Solid #fff;}

}

@media (max-width: 760px) {
	nav.secondary{display:none;}
	.banner-form{padding:0;clear:both;float:none;margin-top:16px;}
	.banner.angle nav.secondary.sticky + .banner-text + .banner-form, .banner.angle nav.secondary + .banner-text + .banner-form{margin-top:16px;}
	.banner-form img, .banner-form p{display:none;}
	.banner-text,	.banner.angle h2, .banner.angle h2 + p{float:none;width:100%;max-width:100%;}
}


.banner.angle.marketing .bg{background-image:url(../img/angles/banner-marketing-angle-large.jpg);}
.banner.angle.packaging .bg{background-image:url(../img/angles/banner-packaging-angle-large.jpg);}
.banner.angle.print .bg{background-image:url(../img/angles/banner-print-angle-large-wcag.jpg);}
.banner.angle.supplychain .bg{background-image:url(../img/angles/banner-supplychain-angle-large.jpg);}
.banner.angle.products .bg{background-image:url(../img/angles/banner-products-angle-large.jpg);}
@media (max-width: 1024px) {	
	.banner.angle.marketing .bg{background-image:url(../img/angles/banner-marketing-angle-1024.jpg);}
	.banner.angle.packaging .bg{background-image:url(../img/angles/banner-packaging-angle-1024.jpg);}
	.banner.angle.print .bg{background-image:url(../img/angles/banner-print-angle-1024-wcag.jpg);}
	.banner.angle.supplychain .bg{background-image:url(../img/angles/banner-supplychain-angle-1024.jpg);}
	.banner.angle.products .bg{background-image:url(../img/angles/banner-products-angle-1024.jpg);}
}
@media (max-width: 720px) {
	.banner.angle.marketing .bg{background-image:url(../img/angles/banner-marketing-angle-760.jpg);}
	.banner.angle.packaging .bg{background-image:url(../img/angles/banner-packaging-angle-760.jpg);}
	.banner.angle.print .bg{background-image:url(../img/angles/banner-print-angle-760-wcag.jpg);}
	.banner.angle.supplychain .bg{background-image:url(../img/angles/banner-supplychain-angle-760.jpg);}
	.banner.angle.products .bg{background-image:url(../img/angles/banner-products-angle-760.jpg);}
}




/*For Subpage Banner*/
.banner .wrapper{background-color:transparent;}
.banner .bg{background-position:center bottom;}



/*COLOR FIXES*/
body.ltblue .banner.angle h2{color:#2CA5D8;}
body.ltblue .banner.angle h2{color:#2CA7DB;}
body.berry .banner.angle h2.ltberry{color:#FF3898;}



.banner-form.img {background-color: transparent; padding: 0px;text-align:center;}
.banner-form.img a.button{width:auto;margin:0px auto;}


	



@media (max-height: 640px) {
	.askbox {
	    position: fixed;
	    bottom: 32px;
	    right: auto;
	    left:48px;

	}
}




@media (max-width: 760px) {
	.banner.angle, .banner.angle .bg {min-height: auto;background-position: bottom center;background-repeat:no-repeat;padding-bottom:96px;}
}

@media (max-width: 500px) {
	.banner.angle, .banner.angle .bg {padding-bottom:56px;}
}