#photoContainter {
    width: 100%;
    padding:5px;
    font-family: verdana;
}
/* The tab system */

.tabs {
	width: 100%;
	margin: 0 auto;
  	overflow: hidden;
  	height: 500px;
  	position: relative;
	border: rgba(0,83,159,.1) 1px solid;
}

.tabs img {
	display: block;
	margin: .5em 0;

}

.tabs input[type="radio"][name="tab"] {
	display: none;
}

.tabs label[for*="tab"] {
  	display: block;
  	float: left;
  	font-size: 1em;
	height: auto;
	line-height: 30px;
  	padding: 5px 5px 5px 5px;
  	cursor: pointer;
  	text-align: center;
  	transition: background ease-in-out .3s;
  	position: relative;
	background-color:#CBC8C8;
	border: rgba(0,83,159,.1) 1px solid;
}

label[for*="tab"]::after {
	content: "";
	width: 0;
  	height: 0;
  	border-top: 10px solid #00539f;
  	border-bottom: 10px solid transparent;
  	border-left: 10px solid transparent;
  	border-right: 10px solid transparent;
  	position: absolute;
	bottom: -20px;
  	left: 50%;
	margin-left:  -10px;
  	opacity: 0;
  	transition: opacity ease-in-out .3s;
}

.tabs input[type="radio"][name="tab"]:checked + label {
	background-color: #00539f;
	color: #fff;
	z-index: 10;
}

.tabs input[type="radio"][name="tab"]:checked + label::after {
  	opacity: 1;
}

.tabs .tab-content {
	opacity: 0;
  	top: 40px;
  	padding: 1px;
  	position: absolute;
  	font-size: 1.1em;
	width: 100%;
	height: 99%;
  	transition: opacity ease-in-out .3s;
	overflow-y: auto;
}

.tabs .content-scroll {
	height: 90%;
	
}

.tabs input[type="radio"][name="tab"]:checked + label + .tab-content {
	opacity: 1;
	z-index: 12;
}

.video-wrapper {
	position: relative;
	height: 0;
	width: 0;
	padding: 13% 30%;
	display: block;
	margin: 0 auto;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
 *	Internet explorer
 */

.ie {
	display: none;
}