@charset "UTF-8";/* CSS Document *//*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*//* SEARCH BAR CONTAINER *//*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*/.search_bar_wrapper {	margin: 0px 0px 20px 0px;	padding: 20px 20px 20px 20px;	width: calc(100% - 40px);	max-width: 1200px;	text-align: left;	border-top: 1px solid #d0d0d0;	border-bottom: 1px solid #d0d0d0;	background-color: #ffffff;	box-shadow: 0px 0px 3px rgba(0,0,0,.2);}.search_modifier_wrapper {	margin: 0px 0px 0px 25px;	padding: 0px 0px 0px 0px;	float: right;}.search_bar_term {	float: left;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;}.search_bar_label {	float: left;	margin: 0px 10px 0px 0px;	padding: 0px 0px 0px 0px;}.search_bar_label_txt_1 {	margin: 0px 0px 0px 0px;	padding: 10px 0px 0px 0px;	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 15px;	line-height: 15px;	color: #333333;	text-decoration: none;	text-align: left;}.search_bar_label_txt_1 span {	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 15px;}.search_bar_label_txt_2 {	margin: 0px 0px 0px 0px;	padding: 10px 0px 0px 0px;	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 15px;	line-height: 15px;	color: #333333;	text-decoration: none;	text-align: left;}.search_bar {	float: left;	margin: 0px 0px 0px 0px;	width: 180px;	border: 1px solid #00000;	position: relative;	z-index: 9000;	border-bottom: 1px solid #999999;	border-top: 1px solid #999999;}.layer_priority_high {	z-index: 10000;}.layer_priority_low {	z-index: 9000;} @media only screen and (min-width : 1px) and (max-width :960px) {.search_bar_wrapper {	margin: 0px 0px 20px 0px;	padding: 14px 12px 14px 12px;	width: calc(100% - 24px);	max-width: 1200px;	text-align: left;	border-top: 1px solid #d0d0d0;	border-bottom: 1px solid #d0d0d0;	background-color: #ffffff;	box-shadow: 0px 0px 3px rgba(0,0,0,.2);}.search_bar_term {	margin: 0px 0px 10px 0px;	width: 100%;}.search_modifier_wrapper {	margin: 7px 0px 0px 0px;	width: 100%;}.search_bar_label {	width: 60px;}.search_bar_label_txt_1 {	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;}}/*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*//* FORM DROP DOWN LIST *//*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*/.search_bar select {	display: none; /*hide original SELECT element:*/}.select-selected {	background-color: #fafafa;}/*style the arrow inside the select element:*/.select-selected:after {	position: absolute;	content: "";	top: 14px;	right: 10px;	width: 0;	height: 0;	border: 6px solid transparent;	border-color: #999999 transparent transparent transparent;}/*point the arrow upwards when the select box is open (active):*/.select-selected.select-arrow-active:after {	border-color: transparent transparent #999999 transparent;	top: 7px;}/*style the items (options), including the selected item:*/.select-items div, .select-selected {	color: #333333;	padding: 9px 8px 10px 8px;	border-left: 1px solid #999999;	border-right: 1px solid #999999;	border-bottom: 1px solid #eeeeee;	cursor: pointer;	user-select: none;	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 15px;	line-height: 15px;	color: #333333;}/*style items (options):*/.select-items {	position: absolute;	background-color: #fafafa;	top: calc(100% + 1px);	left: 0;	right: 0;	z-index: 99;	border-bottom: 1px solid #999999;}/*hide the items when the select box is closed:*/.select-hide {	display: none;}.select-items div:hover, .same-as-selected {	background-color: rgba(0, 0, 0, 0.1);}/*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*//* PLAYBACK PAGE *//*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*/.video_play_wrapper {	margin: 0px 0px 0px 0px;	padding: 20px 20px 20px 20px;	width: calc(100% - 40px);	background-color: #ffffff;	min-height: 760px;	box-shadow: 0px 0px 3px rgba(0,0,0,.2);}.video_vert_shown {	float: left;	width: calc(60% - 40px);}.video_vertlist_wrapper {	margin: 0px 0% 0px 20px;	padding: 15px 20px 20px 20px;	float: left;	width: calc(40% - 60px);	max-height: 765px;	overflow: hidden;	overflow-y: auto;	background-color: #ffffff;	box-shadow: 0px 0px 3px rgba(0,0,0,.2);}.video_yt_object {	position: relative;	padding-bottom: 56.25%;	height: 0;	overflow: hidden;}.video_yt_object iframe, .video_yt_object object, .video_yt_object embed {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}.video_play_txt_wrapper {	margin: 20px 0px 0px 0px;	padding: 0px 0px 0px 0px;}.video_play_txt_1 {	margin: 0px 0px 0px 0px;	padding: 0px 0px 12px 0px;	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 20px;	line-height: 24px;	color: #333333;	text-decoration: none;	text-align: left;}.video_play_txt_2 {	margin: 0px 0px 0px 0px;	padding: 0px 0px 12px 0px;	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 15px;	line-height: 20px;	color: #333333;	text-decoration: none;	text-align: left;}.video_play_txt_2 a:link {	text-decoration: none;	color: #333333;	font-family: din700, "din700 Regular", Helvetica, Arial, sans-serif;	font-style: normal;}.video_play_txt_2 a:visited {	text-decoration: none;	color: #333333;}.video_play_txt_2 a:hover {	text-decoration: underline;	color: #333333;}.video_play_txt_2 a:active {	text-decoration: none;	color: #333333;}.video_play_txt_2 span {	font-family: din700, "din700 Regular", Helvetica, Arial, sans-serif;	color: #3092c0;}.video_play_txt_3 {	margin: 8px 0px 0px 0px;	padding: 0px 0px 0px 0px;	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 13px;	line-height: 17px;	color: #888888;	text-decoration: none;	text-align: left;}.video_play_txt_1 a:link {	text-decoration: none;	color: #333333;	font-family: din700, "din700 Regular", Helvetica, Arial, sans-serif;	font-style: normal;}.video_play_txt_1 a:visited {	text-decoration: none;	color: #333333;}.video_play_txt_1 a:hover {	text-decoration: underline;	color: #cc0000;}.video_play_txt_1 a:active {	text-decoration: none;	color: #333333;}.video_play_txt_2 a:link {	text-decoration: none;	color: #333333;	font-family: din700, "din700 Regular", Helvetica, Arial, sans-serif;	font-style: normal;}.video_play_txt_2 a:visited {	text-decoration: none;	color: #333333;}.video_play_txt_2 a:hover {	text-decoration: underline;	color: #cc0000;}.video_play_txt_2 a:active {	text-decoration: none;	color: #333333;} @media only screen and (min-width : 1px) and (max-width :960px) {.video_play_wrapper {	margin: 0px 0px 0px 0px;	padding: 13px 12px 30px 12px;	width: calc(100% - 24px);	background-color: #ffffff;	min-height: 400px;}.video_vert_shown {	float: left;	width: calc(100% - 24px);}.video_vertlist_wrapper {	margin: 20px 0% 0px 0px;	padding: 12px 12px 0px 12px;	float: left;	width: calc(100% - 24px);	border-top: 0px solid #d0d0d0;	max-height: 100%;	overflow: visible;	overflow-y: none;}.video_play_txt_1 {	margin: 0px 0px 0px 0px;	font-size: 18px;	line-height: 22px;	text-align: left;}.video_play_txt_2 {	font-size: 15px;	line-height: 20px;	text-align: left;}.video_play_txt_3 {	margin: 3px 0px 0px 0px;	font-size: 12px;	line-height: 14px;	text-align: left;}}.video_play_tag_list {	margin: 18px 0px 0px 0px;	padding: 0px 0px 0px 0px;	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 12px;	line-height: 13px;	color: #3092c0;	text-align: left;}.video_play_tag_list ul {	list-style-type: none;	padding: 0;	margin: 0;}.video_play_tag_list li {	margin: 0px 6px 0px 0px;	color: #999999;	float: left;	height: 25px;}.video_play_tag_list a {	padding: 2px 5px 1px 5px;	background-color: #ffffff;	color: #999999;	border-radius: 4px;	border: 1px solid #999999;	height: 17px;}.video_play_tag_list a:link {	color: #888888;	text-decoration: none;}.video_play_tag_list a:visited {	color: #888888;}.video_play_tag_list a:hover {	background-color: #999999;	color: #ffffff;}.video_play_tag_list:active {	color: #888888;} @media only screen and (min-width : 1px) and (max-width :960px) {.video_play_tag_list {	margin: 16px 0px 0px 0px;}}/*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*//* GRID OF VIDEO THUMBNAILS *//*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*/.video_results_wrapper {	margin: 0px 0px 0px 0px;	padding: 20px 10px 10px 10px;	float: left;	width: calc(100% - 20px);	background-color: #ffffff;	box-shadow: 0px 0px 3px rgba(0,0,0,.2);	display: flex;	align-items: stretch;	flex-wrap: wrap;	height: 100%;	justify-content: flex-start;}.video_item_wrapper {	margin: 0px 0% 40px 0%;	padding: 0px 0% 0px 0%;	width: 25%;	float: left;	position: relative;	overflow: hidden;	flex-grow: 1;	flex-shrink: 1;	flex-basis: auto;}.video_img_wrapper {	margin: 0px 10px 0px 10px;	padding: 0px 0% 0px 0%;	width: calc(100% - 20px);	position: relative;	font-size: 0;	z-index: 100;}.video_thumb_outer {	top: 0;	left: 0;	width: 100%;	font-size: 0;	z-index: 101;}.video_icon_outer {	position: absolute;	top: 0;	left: 0;	width: 100%;	font-size: 0;	z-index: 102;}.video_thumb {	max-width: 100%;	height: auto;	width: auto;	max-height: 220px;	font-size: 0;}.video_icon {	max-width: 100%;	height: auto;	width: auto;	max-height: 220px;	font-size: 0;	opacity: 0.7;}.video_icon {	-webkit-transition: 0.2s ease;	transition: 0.2s ease;}.video_icon:hover {	-webkit-transform: scale(1.4);	transform: scale(1.4);	opacity: 1;}.video_duration_box {	position: absolute;	padding: 2px 6px 1px 4px;	bottom: 4px;	right: 4px;	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 13px;	line-height: 12px;	color: #ffffff;	background-color: #333333;	text-decoration: none;	text-align: right;	z-index: 105;	display: block;	height: 13px;}.video_item_txt {	margin: 8px 10px 0px 10px;	padding: 0px 0% 0px 0%;	float: left;	width: calc(100% - 20px);	position: relative;	z-index: 110;}.video_item_wrapper:nth-last-child(1) {	margin: 0px 0% 20px 0%;}.video_item_wrapper:nth-last-child(2) {	margin: 0px 0% 20px 0%;}.video_item_wrapper:nth-last-child(3) {	margin: 0px 0% 20px 0%;}.video_item_wrapper:nth-last-child(4) {	margin: 0px 0% 20px 0%;} @media only screen and (min-width : 741px) {/*.video_item_txt {	height:70px;} */} @media only screen and (min-width : 741px) and (max-width :960px) {.video_item_wrapper {	margin: 0px 0% 30px 0%;	padding: 0px 0% 0px 0%;	width: 33.33333%;	float: left;	position: relative;	overflow: hidden;	text-align: center;}.video_item_wrapper:nth-last-child(1) {	margin: 0px 0px 20px 0px;	padding: 0px 0px 0px 0px;}.video_item_wrapper:nth-last-child(2) {	margin: 0px 0px 20px 0px;	padding: 0px 0px 0px 0px;}.video_item_wrapper:nth-last-child(3) {	margin: 0px 0px 20px 0px;	padding: 0px 0px 0px 0px;}} @media only screen and (min-width : 1px) and (max-width :740px) {.video_results_wrapper {	margin: 0px 0% 0px 0px;	padding: 12px 12px 0px 12px;	float: left;	width: calc(100% - 24px);	box-shadow: 0px 0px 3px rgba(0,0,0,.2);}.video_item_wrapper {	margin: 0px 0% 12px 0%;	padding: 0px 0% 12px 0%;	width: 100%;	height: auto;	float: left;	border-bottom: 1px solid #dddddd;}.video_item_wrapper:nth-last-child(1) {	margin: 0px 0% 12px 0%;	padding: 0px 0% 12px 0%;}.video_item_wrapper:nth-last-child(2) {	margin: 0px 0% 12px 0%;	padding: 0px 0% 12px 0%;}.video_item_wrapper:nth-last-child(3) {	margin: 0px 0% 12px 0%;	padding: 0px 0% 12px 0%;}.video_item_wrapper:nth-last-child(4) {	margin: 0px 0% 12px 0%;	padding: 0px 0% 12px 0%;}.video_item_wrapper:last-child {	padding: 0px 0% 0px 0%;	border-bottom: 0px solid #dddddd;}.video_img_wrapper {	margin: 0px 0% 0px 0%;	padding: 0px 0% 0% 0%;	width: 100px;	float: left;	position: relative;	max-width: 120px;	max-height: 120px;}.video_thumb_outer {	width: 100%;	max-width: 100%;	height: auto;	width: auto;}.video_icon_outer {	width: 100%;	max-width: 100%;	height: auto;	width: auto;	max-height: 120px;}.video_thumb {	max-width: 100%;	height: auto;	width: auto;	max-height: 120px;}.video_icon {	max-width: 100%;	height: auto;	width: auto;	max-height: 120px;}.video_duration_box {	position: absolute;	padding: 1px 4px 1px 4px;	bottom: 0px;	right: 0px;	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 11px;	line-height: 11px;	color: #ffffff;	background-color: #333333;	text-decoration: none;	text-align: center;	z-index: 105;	display: block;	height: 12px;}.video_item_txt {	margin: 0px 0px 0px 10px;	padding: 0px 0% 0px 0%;	width: calc(100% - 110px);	float: left;	position: relative;	z-index: 100;}}/*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*//* VIDEO THUMBNAIL GRID CAPTIONS  *//*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*/.video_item_txt_1 {	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 15px;	line-height: 20px;	color: #333333;	text-decoration: none;	text-align: left;}.video_item_txt_1_compact {	font-size: 14px;	line-height: 18px;}.video_item_txt_2 {	margin: 5px 0px 0px 0px;	padding: 0px 0px 0px 0px;	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 12px;	line-height: 15px;	color: #333333;	text-decoration: none;	text-align: left;}.video_item_txt_2_compact {	font-size: 12px;	line-height: 14px;}.video_item_txt_3 {	margin: 2px 0px 0px 0px;	padding: 0px 0px 0px 0px;	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 14px;	line-height: 18px;	color: #333333;	text-decoration: none;	text-align: left;}.video_item_txt_1 a:link {	text-decoration: none;	color: #333333;	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;	font-style: normal;}.video_item_txt_1 a:visited {	text-decoration: none;	color: #333333;}.video_item_txt_1 a:hover {	text-decoration: underline;	color: #cc0000;}.video_item_txt_1 a:active {	text-decoration: none;	color: #333333;}.video_item_txt_2 a:link {	text-decoration: none;	color: #333333;}.video_item_txt_2 a:visited {	text-decoration: none;	color: #888888;}.video_item_txt_2 a:hover {	text-decoration: underline;	color: #888888;}.video_item_txt_2 a:active {	text-decoration: none;	color: #888888;} @media only screen and (min-width : 1px) and (max-width :960px) {.video_item_txt_1 {	margin: 0px 0px 0px 0px;	font-size: 14px;	line-height: 19px;	text-align: left;}.video_item_txt_2 {	font-size: 11px;	line-height: 13px;	text-align: left;}.video_item_txt_3 {	margin: 3px 0px 0px 0px;	font-size: 14px;	line-height: 15px;	text-align: left;}}.video_grid_tag_list {	margin: 18px 0px 0px 0px;	padding: 0px 0px 0px 0px;	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 12px;	line-height: 13px;	color: #3092c0;	text-align: left;}.video_grid_tag_list ul {	list-style-type: none;	padding: 0;	margin: 0;}.video_grid_tag_list li {	margin: 0px 6px 0px 0px;	color: #999999;	float: left;	height: 25px;}.video_grid_tag_list a {	padding: 2px 5px 1px 5px;	background-color: #ffffff;	color: #999999;	border-radius: 4px;	border: 1px solid #999999;	height: 17px;}.video_grid_tag_list a:link {	color: #888888;	text-decoration: none;}.video_grid_tag_list a:visited {	color: #888888;}.video_grid_tag_list a:hover {	background-color: #999999;	color: #ffffff;}.video_grid_tag_list:active {	color: #888888;} @media only screen and (min-width : 1px) and (max-width :960px) {.video_grid_tag_list {	margin: 16px 0px 0px 0px;}}/*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*//* YOU MAY ALSO LIKE *//*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*/.video_also_wrapper {	margin: 50px 0px 0px 0px;	padding: 50px 0% 0px 0%;	text-align: left;	width: 100%;	float: left;	border-top: 2px solid #3092c0;}.video_also_heading_wrapper {	margin: 0px 0px 0px 0px;	padding: 0px 0px 30px 0px;	float: left;	width: 100%;}.video_also_heading {	margin: 0px 0px 20px 0px;	padding: 0px 0px 0px 0%;	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 17px;	line-height: 24px;	color: #333333;	text-decoration: none;	text-align: left;	text-transform: uppercase;} @media only screen and (min-width :1px) and (max-width :960px) {.video_also_wrapper {	margin: 30px 0px 0px 0px;	padding: 30px 0% 0px 0%;}.video_also_heading {	margin: 0px 0px 20px 0px;	font-size: 16px;	line-height: 22px;}}/*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*//* VERTICAL LIST OF VIDEO THUMBNAILS *//*--------------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------------*/.video_vert_wrapper {	margin: 0px 0% 15px 0%;	padding: 0px 0% 0px 0%;	width: 100%;	float: left;	position: relative;}.video_vert_img_wrapper {	margin: 0px 0% 0px 0%;	padding: 0px 0% 0px 0%;	float: left;	width: 40%;	position: relative;	font-size: 0;	z-index: 100;}.video_vert_txt {	margin: 0px 2% 0px 4%;	padding: 0px 0% 0px 0%;	float: left;	width: 54%;	position: relative;	z-index: 110;}.video_vert_txt_1 {	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 15px;	line-height: 20px;	color: #333333;	text-decoration: none;	text-align: left;}.video_vert_txt_2 {	margin: 5px 0px 0px 0px;	padding: 0px 0px 0px 0px;	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;	font-style: normal;	font-size: 12px;	line-height: 15px;	color: #888888;	text-decoration: none;	text-align: left;}.video_vert_txt_1 a:link {	text-decoration: none;	color: #333333;}.video_vert_txt_1 a:visited {	text-decoration: none;	color: #333333;}.video_vert_txt_1 a:hover {	text-decoration: underline;	color: #cc0000;}.video_vert_txt_1 a:active {	text-decoration: none;	color: #333333;}.video_vert_txt_2 a:link {	text-decoration: none;	color: #888888;}.video_vert_txt_2 a:visited {	text-decoration: none;	color: #888888;}.video_vert_txt_2 a:hover {	text-decoration: underline;	color: #888888;}.video_vert_txt_2 a:active {	text-decoration: none;	color: #888888;}.video_duration_box_vert {	position: absolute;	padding: 1px 4px 1px 4px;	bottom: 0px;	right: 0px;	font-size: 11px;	line-height: 11px;	height: 12px;} @media only screen and (min-width : 1px) and (max-width :960px) {.video_vert_wrapper {	margin: 0px 0% 12px 0%;	padding: 0px 0% 10px 0%;	width: 100%;	height: auto;	float: left;	min-height: 60px;	border-bottom: 1px solid #d0d0d0;}.video_vert_wrapper:last-child {	margin: 0px 0% 12px 0%;	padding: 0px 0% 0px 0%;	border-bottom: 0px solid #d0d0d0;}.video_vert_img_wrapper {	margin: 0px 0% 0px 0%;	padding: 0px 0% 0% 0%;	width: 100px;	float: left;	position: relative;	max-width: 120px;	max-height: 120px;}.video_vert_txt {	margin: 0px 0px 0px 10px;	padding: 0px 0% 0px 0%;	width: calc(100% - 110px);	float: left;	position: relative;	max-height: 300px;	z-index: 100;}.video_vert_txt_1 {	margin: 0px 0px 0px 0px;	font-size: 14px;	line-height: 19px;	text-align: left;}.video_vert_txt_2 {	font-size: 11px;	line-height: 13px;	text-align: left;}}