.sbm-drawer-separator {
  height: 1px;
  background-color: #dcdcdc;
  margin: 8px 0;
}

html, body
{
height:100%;
margin:0;
padding:0;
}

.mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: #ddd;
    line-height: 64px;
    padding: 0px 24px;
}

.mdl-mini-footer--social-btn
{
background-color: #424242;
}


.is-small-screen > div.main-container > main > div.demo-grid-1.mdl-grid > div.mdl-cell > .mdl-card
{
margin-left:40px;
margin-right:120px;
min-width:230px;
}

.mdl-mini-footer--right-section > a:hover {
    opacity: 0.8;
}


.demo-card-wide.mdl-card {
    width: auto;
  }
  .demo-card-wide > .mdl-card__title1 {
    color: #fff;
    height: 176px;
    background: url('../images/op1.jpg') center / cover;
  }
  
    .demo-card-wide > .mdl-card__title2 {
    color: #fff;
    height: 176px;
    background: url('../images/tk1.jpg') center / cover;
  }
  
   .demo-card-wide > .mdl-card__title3 {
    color: #fff;
    height: 176px;
    background: url('../images/jf12.jpg') center / cover;
  }
  
    .demo-card-wide > .mdl-card__title4 {
    color: #fff;
    height: 176px;
    background: url('../images/JvW-9bg.jpg') center / cover;
  }
  
    .demo-card-wide > .mdl-card__title5 {
    color: #fff;
    height: 176px;
    background: url('../images/lb8.jpg') center / cover;
  }
  
.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%; }
 
.youtubevid
{
	min-width:560px;
	margin:0 auto;
}
 
  .demo-card-wide > .mdl-card__menu {
    color: #fff;
  }
  
.mdl-layout__content
{
padding-bottom:20px;
}
 
 .footer-container
 {
padding-top:110px;
position:relative;
padding-bottom:0px;
 }
 
 .imageseperator
 {
	padding:auto;
 }
 

 
 .mdl-mini-footer
{
padding-top:10px;
padding-bottom:10px;
bottom:0px;
left:0px;
position:fixed;
right:0px;
}

.main-container
{
margin:auto;
}

.news
{
margin-left:auto;
margin-right:auto;
}

.mdl-card-news
{
margin-left:auto;
margin-right:auto;
max-width:90%;
height:auto;
}

.photocontainer
{
padding:auto;
-webkit-box-shadow: 10px 10px 3px -5px rgba(0,0,0,0.55);
-moz-box-shadow: 10px 10px 3px -5px rgba(0,0,0,0.55);
box-shadow: 10px 10px 3px -5px rgba(0,0,0,0.55);
}

.horizontal_divider
{
max-width:80%;
background-color:#EEEEEE;
height:3px;
margin-left:auto;
margin-right:auto;
margin-top:40px;
margin-bottom:40px;
}

.fade-in-from-top
{
animation:animationFrames ease 1s;
animation-iteration-count:1;
transform-origin:50% 50%;
animation-fill-mode:forwards;
-webkit-animation:animationFrames ease 1s;
-webkit-animation-iteration-count:1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-fill-mode:forwards;
-moz-animation:animationFrames ease 1s;
-moz-animation-iteration-count:1;
-moz-transform-origin: 50% 50%;
-mos-animation-fill-mode:forwards;
-o-animation:animationFrames ease 1s;
-o-animation-iteration-count:1;
-o-transform-origin: 50% 50%;
-o-animation-fill-mode:forwards;
-ms-animation:animationFrames ease 1s;
-ms-animation-iteration-count:1;
-ms-transform-origin: 50% 50%;
-ms-animation-fill-mode:forwards;
}

@keyframes animationFrames
{
	0%
	{
		opacity:0;
		transform: translate(0px,-25px);
	}
	100%
	{
		opacity:0.8;
		transform:translate(0px, 0px);
	}
}

@-moz-keyframes animationFrames
{
	0%
	{
		opacity:0;
		transform: translate(0px,-25px);
	}
	100%
	{
		opacity:0.8;
		transform:translate(0px, 0px);
	}
}

@-webkit-keyframes animationFrames
{
	0%
	{
		opacity:0;
		transform: translate(0px,-25px);
	}
	100%
	{
		opacity:0.8;
		transform:translate(0px, 0px);
	}
}

@-o-keyframes animationFrames
{
	0%
	{
		opacity:0;
		transform: translate(0px,-25px);
	}
	100%
	{
		opacity:0.8;
		transform:translate(0px, 0px);
	}
}

@-ms-keyframes animationFrames
{
	0%
	{
		opacity:0;
		transform: translate(0px,-25px);
	}
	100%
	{
		opacity:0.8;
		transform:translate(0px, 0px);
	}
}

.fade-in-from-bottom
{
animation:fifb ease 2s;
animation-iteration-count:1;
transform-origin:50% 50%;
animation-fill-mode:forwards;
-webkit-animation:fifb ease 2s;
-webkit-animation-iteration-count:1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-fill-mode:forwards;
-moz-animation:fifb ease 2s;
-moz-animation-iteration-count:1;
-moz-transform-origin: 50% 50%;
-mos-animation-fill-mode:forwards;
-o-animation:fifb ease 2s;
-o-animation-iteration-count:1;
-o-transform-origin: 50% 50%;
-o-animation-fill-mode:forwards;
-ms-animation:fifb ease 2s;
-ms-animation-iteration-count:1;
-ms-transform-origin: 50% 50%;
-ms-animation-fill-mode:forwards;
}

@keyframes fifb
{
	0%
	{
		opacity:0;
		transform:translate(0px, 0px);
	}
	100%
	{
		opacity:0.8;
		transform:translate(0px, 0px);
	}
}

@-moz-keyframes fifb
{
	0%
	{
		opacity:0;
		transform:translate(0px, 0px);
	}
	100%
	{
		opacity:0.8;
		transform:translate(0px, 0px);
	}
}

@-webkit-keyframes fifb
{
	0%
	{
		opacity:0;
		transform:translate(0px, 0px);
	}
	100%
	{
		opacity:0.8;
		transform:translate(0px, 0px);
	}
}

@-o-keyframes fifb
{
	0%
	{
		opacity:0;
		transform:translate(0px, 0px);
	}
	100%
	{
		opacity:0.8;
		transform:translate(0px, 0px);
	}
}

@-ms-keyframes fifb
{
	0%
	{
		opacity:0;
		transform:translate(0px, 0px);
	}
	100%
	{
		opacity:0.8;
		transform:translate(0px, 0px);
	}
}

.header-in
{
animation:headin ease 1s;
animation-iteration-count:1;
transform-origin:50% 50%;
animation-fill-mode:forwards;
-webkit-animation:headin ease 1s;
-webkit-animation-iteration-count:1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-fill-mode:forwards;
-moz-animation:headin ease 1s;
-moz-animation-iteration-count:1;
-moz-transform-origin: 50% 50%;
-mos-animation-fill-mode:forwards;
-o-animation:headin ease 1s;
-o-animation-iteration-count:1;
-o-transform-origin: 50% 50%;
-o-animation-fill-mode:forwards;
-ms-animation:headin ease 1s;
-ms-animation-iteration-count:1;
-ms-transform-origin: 50% 50%;
-ms-animation-fill-mode:forwards;
}

@keyframes headin
{
	0%
	{
		opacity:0;
		transform: translate(0px,-40px);
	}
	50%
	{
		opacity:0;
		transform: translate(0px,-40px);
	}
	100%
	{
		opacity:0.5;
		transform:translate(0px, 0px);
	}
}

@-moz-keyframes headin
{
	0%
	{
		opacity:0;
		transform: translate(0px,-40px);
	}
	50%
	{
		opacity:0;
		transform: translate(0px,-40px);
	}
	100%
	{
		opacity:0.5;
		transform:translate(0px, 0px);
	}
}

@-webkit-keyframes headin
{
	0%
	{
		opacity:0;
		transform: translate(0px,-40px);
	}
	50%
	{
		opacity:0;
		transform: translate(0px,-40px);
	}
	100%
	{
		opacity:0.5;
		transform:translate(0px, 0px);
	}
}

@-o-keyframes headin
{
	0%
	{
		opacity:0;
		transform: translate(0px,-40px);
	}
	50%
	{
		opacity:0;
		transform: translate(0px,-40px);
	}
	100%
	{
		opacity:0.5;
		transform:translate(0px, 0px);
	}
}

@-ms-keyframes headin
{
	0%
	{
		opacity:0;
		transform: translate(0px,-40px);
	}
	50%
	{
		opacity:0;
		transform: translate(0px,-40px);
	}
	100%
	{
		opacity:0.5;
		transform:translate(0px, 0px);
	}
}

.faded_bg
{
opacity:0.5;
transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.58) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.58)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.58) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.58) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.58) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.58) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

.faded_bg:hover
{
opacity:1;
}

.fancybox
{
margin:auto;
}

.demo-card-square.mdl-card {
width: 480px;
height: 460px;
}
.demo-card-square > .mdl-card__title {
color: #fff;
background:
  url('../images/updatedUnnouncement.jpg') bottom right 15% no-repeat #46B6AC;
}