/* page profile */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* banner */
.banner { background-image: url(images/banner-lecture-videos-2.jpg);   background-repeat: no-repeat; background-position: top center;  min-height: 600px; text-align: center;background-size: cover;	}
.banner-h1{ font-size: 6em; color: white;   font-weight: 500; font-family: "Roboto",sans-serif;   width: 100%;text-align:center; margin:36px auto 48px auto; line-height:1em;text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1),   0px 18px 23px rgba(0,0,0,0.1);}
.banner-content { max-width: 1200px; margin: 0px auto; overflow: hidden; padding: 0px;color:#EEE; padding-top: 24px; }
.blue-gradient {background-image: linear-gradient(135deg,#6bcbdd,#3797d1 60%,#3860a1); }
.black-gradient{ background-image: url(images/1000_450.png); background-repeat: no-repeat; background-position: top center; background-size:cover;	}
.topbanner img {width: 100%;}

/*Heading*/
h1,h2 {font-family: "Roboto",sans-serif;}
.main_heading {margin-bottom:0;text-align:center;}
.page-heading, .topic_heading {text-align:center;font-size:5em;font-weight:400;color:#666;font-family:"Roboto",sans-serif;}
.sub_heading{text-align:center;font-size:1.5em;color:#666;font-family:"Roboto",sans-serif;font-weight: bold;}
#ealogoimage {margin-top:0px;width:36px;}
/* video grid*/
.video-grid-div{ min-width: 250px; width: 25%; float: left; height: 200px;    display: table-cell;}
.video-grid-h3{ font-size: 13px; padding-right: 24px;overflow:hidden;margin-top:24px;}
.video-grid-a{display:block; position: relative;text-decoration: none; color: #333;}
.video-grid-a:hover{color: #333;}
.video-grid-a:hover .video-synopsis{ visibility: visible; font-size: 12px;}
.video-grid-a:hover .newribbon-parentDiv{ visibility: hidden;}
.video-release-date  {display:block; position: absolute; top: 110px; left: 0px; background-color:grey; color: white; width:200px; height: 18px; font-size: 12px; padding:2px 2px 0px 5px;text-align: left;}
.video-duration-span {display:block; position: absolute; top: 110px; left: 150px; background-color: black ; color: white; width:50px; height: 18px; font-size: 12px; padding:2px;text-align: center;}
.video-synopsis{color:white; display:block; position: absolute; top: 0px; left: 0px; width: 200px;  max-height: 99px; visibility: hidden; z-index: 1;
							background-image: url(/resources/webinar/images/1000_450.png); background-repeat: no-repeat; background-position: top center; background-size:cover; padding:5px; }
@media only screen and (max-width: 1000px) {
.section{ display: flex; flex-flow: row wrap;justify-content: space-around; }
.banner-h1{text-align:center; font-size: 48px!important;}
.section-heading {width: 90%; text-align: center;}
}