h2 {
			border-top: 4px solid #2c6796;
			border-bottom: 1px solid #2c6796;
			font-size: 1.5em;
			line-height: 100%;
			margin: 10px auto 10px;
			padding: 8px 0;
			text-align: center;
			max-width: 800px;
		}
		
		h3 {
			font-size: 1em;
			line-height: 100%;
			margin: 5px auto 5px;
			padding: 3px 0;
			text-align: center;
			max-width: 800px;
		}
		
  		.title {
  			width: 100%;
  			max-width: 720px;
  			margin: 0 auto;
			padding-bottom: 5px;
			text-align: left;
  		}

  		.caption {
  			width: 100%;
  			max-width: 854px;
  			margin: 0 auto;
  			padding: 20px 0;
  		}

  		.container {
  			width: 100%;
  			max-width: 720px;
  			margin: 0 auto;
  		}

  		/*  VIDEO PLAYER CONTAINER
 		############################### */
		.vid-container {
	    position: relative;
	    padding-bottom: 52%;
	    padding-top: 30px; 
	    height: 0; 
			border: solid 1px #ccc;
			box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
		}
		 
		.vid-container iframe,
		.vid-container object,
		.vid-container embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}

		.vid-container img {
			display: block;
			height: auto;
			margin: 0 auto;
			max-width: 100%;
			position: absolute;
	    right: 0;
	    top: 0;
	    bottom: 0;
	    left: 0;
		}
		
		.preimg {
			max-width:100%;
			display: block;
			margin: auto;
			position: absolute;
			min-height: 90%;
			left: 5%;
		}
		
		/*  VIDEOS PLAYLIST 
 		############################### */
		.vid-list-container {
			width: 92%;
			overflow: hidden;
			margin-top: 10px;
			margin-left:4%;
			padding-bottom: 20px;
		}

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

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

		.thumb {
			/*position: relative;*/
			overflow:hidden;
			height: 84px;
		}

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

		.vid-item .desc {
			font-size: 15px;
			margin-top:5px;
		}

		.vid-item:hover {
			cursor: pointer;
		}

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

		.arrow-left,
		.arrow-right {
			border-radius: 2px;
			color: #fff;
			position: absolute;
			background: #5f5f5f;
			padding: 15px;
			left: -25px;
			top: -130px;
			z-index: 99;
			cursor: pointer;
		}

		.arrow-left:hover,
		.arrow-right:hover {
			background: #9d9f9e;
		}

		.arrow-left i,
		.arrow-right i {
			display: none;
		}

		.arrow-left:before,
		.arrow-right:before {
			font-family: "nmnfonts";
  		speak: none;
  		margin: auto;
  		position: absolute;
  			left: 0;
  			right: 0;
  			top: 0;
  			bottom: 0;
  		text-align: center;
    	line-height: 30px;
		}

		.arrow-right:before {
			content: "\e60c";
		}

		.arrow-left:before {
			content: "\e60d";
		}

		.arrow-right {
			left: auto;
			right: -25px;
			z-index:100;
		}

		@media only screen and (max-width: 800px) {
			.arrow-left {
				left: -16px;
			}

			.arrow-right {
				right: -13px;
			}
		}
		
		.container .back {
			max-width: 800px;
			float: right;
			padding-top: 0;
		}
		
		div.sep {
			border-top: 3px solid #2c6796;
			border-bottom: 1px solid #657b81;
			height: 10px;
			margin: 10px auto 10px;
			max-width: 800px;
		}

.container-list {
	overflow: hidden;
	max-width: 878px;
	margin: 0 auto;
}

	.vid-options {
		width: 33%;
		padding: 0 40px;
		float: left;
	}

		.vid-options h4 {
			line-height: 100%;
			margin-bottom: 10px;
			margin-left: 0px;
		}

		.vid-options .mt0 {
			margin-top: 0;
			margin-left: 0;
			padding-left: 0;
		}

		.vid-options li {
			font-size: 1em;
			line-height: 1.5;
			list-style: none;
		}

.fa-chevron-right:before{content:"f054"}
.fa-chevron-left:before{content:"f053"}

@media (max-width: 878px) {
	h2 {
		max-width: none;
	}

	.container-list {
		margin-left: -20px;
		margin-right: -20px;
	}

		.container-list .vid-options {
			padding-left: 20px;
			padding-right: 20px;
		}
}

@media (max-width: 620px) {
.vid-options {
		width: auto;
		padding: 0;
		float: none;
	}

}

/* Update: Header behaviour and position */
#videosBody #header {
	position:static;
}
#videosBody .shop-by-filter {
	padding-top:15 !important;
}
#videosBody .contentMainWrapper {
	padding-top:0 !important;
	z-index:3;
}
#videosBody #navBreadCrumb {
	padding-top:0;
}
#videosBody #contentMainWrapper {
	padding-top:0 !important;
}
@media (max-width:670px) {
	#videosBody .header--middle {
		padding-bottom:0 !important;
	}
}