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

html,
body {
	height:100%;
	margin:0;
	padding:0;
	background:#f7f7f7;
}
.content {
	margin:40px 0px 40px 0px;
}

a{
	color:#666666;
	text-decoration:none;
}
a:hover{
	color:#666666;
	text-decoration:none;
}


p {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:14px;
	font-style: normal;
	line-height:20px;
	color:/*#b3b3b3*/#666666;
}
p.title {
	font-size:18px;
}
strong {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
#content{
	padding:20px 0px;
}
#content img {
	margin-bottom:4px;
}
.content-description {
	margin-top:30px;
}

@media (min-width:769px){
[class*="col-"] {padding: 0 2px;}

.row {margin: 0 0px;}
}



.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto; 
} 

@media (min-width:769px){
.embed-container { 
	margin-bottom:30px;
} 
}
@media (max-width:768px){
.embed-container { 
	margin-bottom:10px;
} 
}

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.video_title {
	margin:6px 0px 30px 0px;
}
/* Thumbnails */
[id^="image_"] {
    opacity: 1;
    margin-bottom: 4px;
    transition: all 0.4s ease-in-out;
}

[id^="image_"]:hover {
    opacity: 0.7;
}

[id^="image_"].active {
    opacity: 0.2;
}

/* Video titles */
[id^="video_title_"] {
    position: relative;
    top: 0;
    margin-bottom: 30px;
    opacity: 0;
    display: none;
    transition: all 0.4s ease-in-out;
}

[id^="video_title_"].active {
    display: block;
    opacity: 1;
}
.img-box {
	width:100%!important;
}
.img-box img {
	width:100%!important;
	height:100%!important;
}
@media (min-width:769px){
.img-box {
	height:100px!important;
}
.video_title {
	height:30px;
} 
}
@media (min-width:992px){
.img-box {
	height:130px!important;
}
.video_title {
	height:20px;
} 
}
@media (min-width:1200px){
.img-box {
	height:158px!important;
}
.video_title {
	height:20px;
} 
}