.w3-row{max-width: 1300px;}
.ba-banner img{
	width: 100%;
	}
h1 {
	text-align: center; 
	margin: 24px ; 
	line-height: 1em; 
	font-size: 5em; 
	font-weight: 400; 
	font-family: "Roboto",sans-serif; }	
h3{
	font-size: 36px; 
	text-align: center;
	line-height: 1em;
	font-family: "Roboto",sans-serif;
	}		
.banner-gradient{
	background-image: linear-gradient(120deg, #c2e9fb 0%, #a1c4fd 100%);
	}
.alt-bk {padding: 24px 0px;}
.alt-bk:nth-child(even) {
background-color: #F6F6F6;}

.ss-band {
    padding: 0px 0px 32px 0px;
    margin: 0px auto;
    max-width: 1300px;
    text-align: center;
    display: table;
    clear: both;}
.ss-h2 {
    margin-bottom: .5rem;
    margin-top: 50px;
    font-family: "Roboto";
    font-weight: normal;
    line-height: 1.2;
    color: #333;
    text-align: center;
    font-size: 38px;
    line-height: 1.07724;
    font-weight: 200;
    letter-spacing: -.016em;
    font-family: "Roboto",sans-serif;
    text-align: center;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.next-prev-page-links {
    width: 100%;
    font-size: 12px;
    padding: 0px 20px 20px 20px;
}
.prev-page-link {
    float: left;
    text-align: left;
}
.next-page-link {
    float: right;
    text-align: right;
}
.ss-paragraph {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #595959;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
}
.ss-column:first-child {
    margin-left: 0;
}
.ss-column {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
    padding-left: 5px;
    padding-right: 5px;
}
/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 48.2%;}
.span_1_of_2 img{max-width: 100%;}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 31.26%; }
.span_1_of_3 img {max-width:100%;}

/*  GRID OF FOUR  */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 22.8%;}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

@media only screen and (max-width: 480px) {
	.col {
		margin: 1% 0 1% 0%;
	}
}
.lytebox img {
    border: 1px solid #AAA;
    box-shadow: 3px 3px 1px #ccc;
    -webkit-box-shadow: 3px 3px 1px #ccc;
    -moz-box-shadow: 3px 3px 1px #ccc;
}
.margin-top {
    margin-top: 32px;
}
.width-80pct {
    width: 80%;
}
.shadow {
    border: 1px solid #AAA;
    box-shadow: 3px 3px 1px #ccc;
    -webkit-box-shadow: 3px 3px 1px #ccc;
}
.ss-image {
    max-width: 100%;
}
.ss-inset-image{
	width: 200px;
	margin:10px 10px 30px 10px;
}

.ss-inset-pp{
	max-width: 350px;
	margin: 0 auto;
	text-align: left;
	font-family: "Roboto",sans-serif;
	font-size: 22px;
    font-weight: 400;
    line-height: 26px;
}

.resources-heading {
    font-size: 52px;
    line-height: 1.07724;
    font-weight: 200;
    letter-spacing: -.016em;
    margin-top: 0px;
    margin-bottom: 16px;
}
.help-link { 
	display: block;
	background: url(/resources/images/layout/link-icon.png) no-repeat 0px 6px; 
	padding-left:20px;
	padding-top:3px
 }
.video-link{
	display: block;
	background: url(/resources/images/layout/webinar-icon.png) no-repeat 0px 6px;
	padding-left:22px;
	padding-top:3px
}
.pdf-link { 
	display: block;background: url(/images/logos/pdf16.png) no-repeat 0px 6px; 
	padding-left:22px;
	padding-top:3px 
 }
.sub-heading { 
	margin: 0px;
	padding:0px;
	font-size: 1.0em;
	color: #595959;
	font-weight: bold;
	margin-bottom: 3px;
}
/* video grid*/
.video-grid-div{ min-width: 250px; width: 25%; float: left; height: 180px;    display: table-cell;}
.video-grid-h3{ font-size: 13px; padding-right: 24px;}
.video-grid-a{display:block; position: relative;text-decoration: none; color: #333;}
.video-grid-a:hover{color: #333;}
.video-grid-a:hover {opacity: 0.9;}
.video-grid-a:hover .video-synopsis{ background-color:#DDD;}
.video-grid-a:hover .slider-play-btn{color:#EF5800;opacity: 0.9;}
.video-release-date  {display:block; position: absolute; top: 85px; left: 0px; background-color:grey; color: white; width:180px; height: 16px; font-size: 12px; padding:2px 2px 0px 5px;text-align: left;}
.video-duration-span {display:block; position: absolute; top: 85px; left: 170px; background-color: black ; color: white; width:45px; height: 16px; font-size: 12px; padding:2px;text-align: center;}
.video-synopsis{color:white; display:block; position: absolute; top: 35px; left: 110px; width: 30px;  max-height: 80px;  z-index: 1;
							background-color: #FFF; background-repeat: no-repeat; background-position: top center; background-size:cover; padding:5px; visibility: visible; font-size: 12px;border-radius:15px;}
.slider-play-btn{font-size: 24px;display:block;line-height:24px;opacity: 0.4;color:#000;}
.ss-section li, .ss-column li {
    color: #595959;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
}