.vcontainer {
	width: 100%;
	background: #fff;
	margin: 0 auto;
}
.vid-container {
	position: relative;
	padding-bottom: 52%;
	padding-top: 30px; 
	height: 0; 
}
 
.vid-container iframe,
.vid-container object,
.vid-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vid-list-container {
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	margin-left:4%;
	padding-bottom: 20px;
}

.vid-list {
	width: 1344px;
	position: relative;
	top:0;
	left: 0;
}

.vid-item {
	display: block;
	width: 148px;
	float: left;
	margin: 0;
	padding: 10px;
}

.thumb {
	overflow:hidden;
	height: 84px;
}

.thumb img {
	width: 100%;
	position: relative;
	top: -13px;
}

.vid-item .desc {
	color: #212121;
	font-size : 0.9em;
}

.vid-item:hover {
	background: #30479c;
	color : #fff;
	cursor: pointer;
}

.arrows {
	position:relative;
	width: 100%;
}

.arrow-left {
	color: #fff;
	position: absolute;
	background: #777;
	padding: 15px;
	left: 0px;
	top: -130px;
	z-index: 99;
	cursor: pointer;
}

.arrow-right {
	color: #fff;
	position: absolute;
	background: #777;
	padding: 15px;
	right: 0px;
	top: -130px;
	z-index:100;
	cursor: pointer;
}

.arrow-left:hover {
	background: #CC181E;
}

.arrow-right:hover {
	background: #CC181E;
}
</style>


<!--report_review//-->
<link href="https://fonts.googleapis.com/css?family=Gamja+Flower" rel="stylesheet">
<style>
blockquote:before {
	content: "\201C";
	font-size: 3em;
	font-family: Georgia;
	color: #30479c;
	font-weight:700;
	margin: -5px 10px 0px -10px;
	float:left;
}
</style>

<style>
#popup { display: none; position: fixed; top: 12%; left: 15%; width: 70%; height: 70%; background-color: white; z-index: 10; border: 0; border-radius:50px 0;}
#popup iframe { width: 100%; height: 100%; border: 0;  border-radius:50px 0;}
#popupdarkbg { position: fixed; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,.85); display: none; }
</style>


<style class="cp-pen-styles">
		.tab_section {
		  display: none;
		  padding: 0;
		  border-top: 1px solid #ddd;
		}

		.tab_input {
		  display: none;
		}

		.tab_label {
		  display: inline-block;
		  margin: 0 0 -1px;
		  padding: 15px 25px;
		  width : 24%;
		  font-weight: 400;
		  text-align: center;
		  color: #bbb;
		  border: 1px solid transparent;
		  border: 1px solid #ddd;
		}

		.tab_label:before {
		  font-family: fontawesome;
		  font-weight: normal;
		  margin-right: 10px;
		}

		
		.tab_label:hover {
		  color: #888;
		  cursor: pointer;
		}

		.tab_input:checked + label {
		  color: #555;
		  border: 1px solid #ddd;
		  border-top: 2px solid #e60413;
		  border-bottom: 1px solid #fff;
		}

		#tab1:checked ~ #content1,
		#tab2:checked ~ #content2,
		#tab3:checked ~ #content3,
		#tab4:checked ~ #content4 {
		  display: block;
		}

		@media screen and (max-width: 650px) {
		  .tab_labellabel {
			font-size: 0;
		  }

		  .tab_labellabel:before {
			margin: 0;
			font-size: 18px;
		  }
		}
		@media screen and (max-width: 400px) {
		  .tab_labellabel {
			padding: 15px;
		  }
		}