@charset "utf-8";
/* CSS Document */


/*added in interfacekzn*/
/*
.youtubevideolinklist ul {
clear:both;
position:relative;
list-style: none;
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
margin-bottom:40px;
}

.youtubevideolinklist ul li {
clear:both;
height:auto;
font-family:  Arial, Helvetica, sans-serif;
font-size: 10pt;
text-transform: none;
color: #21409a;
margin-bottom:20px;
}

.youtubevideolinklist ul li img{
float:left;
margin-right:20px;	
margin-bottom:20px;	
}


.youtubevideolinklist ul li span{
font-size: 10pt;
font-weight: bold;
}


.youtubevideolinklist ul li a {
font-size: 12pt;
font-weight: bold;
text-decoration:none;
}

.youtubevideolinklist ul li a:link{color:#f78f1e;}
.youtubevideolinklist ul li a:active{color:#f78f1e;}
.youtubevideolinklist ul li a:visited{color:#f78f1e;}
.youtubevideolinklist ul li a:hover{color:#21409a;}
*/



/*photofreedom style */

.youtubevideolinklist{
position:relative;
float:left;
width:100%;
}

.youtubevideolinklist ul{
position:relative;
display:block;
float:left;
list-style: none;
width:100%;
height:auto;
margin:0 auto;
padding:0;	
}

.youtubevideolinklist ul li{
position:relative;
float:left;	
display:block;	
font-family:  var(--default-font-family);
font-size: 12px;
text-transform: none;
color: #000000;
width:31%;
/*width:22.75%;*/
margin:10px 1.1%;
}

@media screen and (max-width: 600px){
	.youtubevideolinklist ul li{
	width:48%;
	margin: 10px 1%;
	}
}

.youtubevideolinklist ul li .innerpanel{
position:relative;
width:94%;
margin:4% auto;	
padding:70% 0 0 0;
}

.youtubevideolinklist ul li .innerpanel div.imagepanel{

width:100%;	
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;

}

.youtubevideolinklist ul li .innerpanel div.imagepanel img{
width:100%;	
}

.youtubevideolinklist ul li .innerpanel div.button{
position:relative;
float:left;
display:block;	
width:100%;
height:30px;
font-family:  var(--default-font-family);
font-size: 14px;
overflow:hidden;
margin-top:3%;
padding-top:3%;	
padding-bottom:3%;	
text-transform:uppercase;	
text-align:center;
}

.youtubevideolinklist  a {
display:block;
width:100%;
height:100%;	
cursor:pointer;
cursor:hand;	
font-weight: bold;
text-decoration:none;
}


.youtubevideolinklist  a:link{color:#ed1c24;}
.youtubevideolinklist  a:active{color:#ed1c24;}
.youtubevideolinklist  a:visited{color:#ed1c24;}
.youtubevideolinklist  a:hover{color:#000000;}






.video-container {
    position: relative;
	width:100%;
    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%;
}