@import url("responsive-xs.css");

.visible-xs {display: none;}
/**
 * Closer To Truth - style.css
 *
 * Use this file to add your custom styles.
 *
 */

/************************* Font usages **************************************/
/* Fonts - CSS Styles usages:

Gotham Light
font-family: 'Gotham SSm A', 'Gotham SSm B';
font-weight: 300;
font-style: normal;

Gotham Light Italic
font-family: 'Gotham SSm A', 'Gotham SSm B';
font-weight: 300;
font-style: italic;

Gotham Book
font-family: 'Gotham SSm A', 'Gotham SSm B';
font-weight: 400;
font-style: normal;

Gotham Light Italic
font-family: 'Gotham SSm A', 'Gotham SSm B';
font-weight: 400;
font-style: italic;

Gotham Bold
font-family: 'Gotham SSm A', 'Gotham SSm B';
font-weight: 700;
font-style: normal;

Gotham Bold Italic
font-family: 'Gotham SSm A', 'Gotham SSm B';
font-weight: 700;
font-style: italic;

Gotham Black
font-family: 'Gotham SSm A', 'Gotham SSm B';
font-weight: 800;
font-style: normal;

Gotham Black Italic
font-family: 'Gotham SSm A', 'Gotham SSm B';
font-weight: 800;
font-style: italic;

Mercury Display Roman
font-family: 'Mercury Display A', 'Mercury Display B';
font-weight: 400;
font-style: normal;

Mercury Display Roman Italic
font-family: 'Mercury Display A', 'Mercury Display B';
font-weight: 400;
font-style: italic;

Mercury Display Bold
font-family: 'Mercury Display A', 'Mercury Display B';
font-weight: 700;
font-style: normal;

Mercury Display Bold Italic
font-family: 'Mercury Display A', 'Mercury Display B';
font-weight: 700;
font-style: italic;
*/

/************************* end font usages **********************************/

* { margin:0; padding:0;}
html { overflow: auto;}
*, *:before, *:after {
	box-sizing: border-box;
}

body{
  background: #0F0F0F;
	font-size: 18px;
	color:#fff;
	font-family: 'Mercury Display A', 'Mercury Display B';
	font-weight: 400;
	font-style: normal;
	line-height: 26px;
  min-width: 1;
  overflow-x: hidden;
}
.tablet-wrapper {
    width:1200px;
    height:1200px;
}
body.page-overlay { min-width: 960px; min-height: 0}
body.page-overlay.page-node-delete { min-width: 800px}

img { border:none; }
a, li {
  text-decoration:none;
  color:#313030;
  transition: color 0.2s ease 0s, background-color 0.2s ease 0s, border 0s ease 0s, opacity 0.2s ease-in-out 0s, border-color 0.2s ease 0s;
  -webkit-transition: color 0.2s ease 0s, background-color 0.2s ease 0s, border 0s ease 0s, opacity 0.2s ease-in-out 0s, border-color 0.2s ease 0s;
  -moz-transition:  color 0.2s ease 0s, background-color 0.2s ease 0s, border 0s ease 0s, opacity 0.2s ease-in-out 0s, border-color 0.2s ease 0s;
  -o-transition:  color 0.2s ease 0s, background-color 0.2s ease 0s, border 0s ease 0s, opacity 0.2s ease-in-out 0s, border-color 0.2s ease 0s;
  -ms-transition:  color 0.2s ease 0s, background-color 0.2s ease 0s, border 0s ease 0s, opacity 0.2s ease-in-out 0s, border-color 0.2s ease 0s;
}
a {	color:#69A77B;}
a:hover, a:focus, a.active:hover, a.active:focus, li a.active:hover, li a.active:focus {
  color: #d88a59;
}
ul li {	list-style:none;}
.clr { clear:both;}
object { display: block}
p {
	font-family: 'Mercury Display A', 'Mercury Display B';
	font-weight: 400;
	font-style: normal;
	margin: 0 0 0.5em;
}
hr { font-size: 1px; line-height: 1px; height: 6px; background-color: #323131; border: 0; margin: 50px 0 20px}
.white-wrapper {
  background: #FFF;
  color: #333333;
  padding: 30px 0;
}
.gray-line {
  border-top: 6px #EEE solid;
  padding-top: 50px;
  margin-top: 50px;
}
.loading { opacity: 0.3; filter: alpha(opacity=30);}
.logo {
  position: absolute; top: 0; right: 0;
  height: auto; width: 122px;
  opacity: .5; filter: alpha(opacity=50);
  transition: color 0.2s ease 0s, background-color 0.2s ease 0s, border 0s ease 0s, opacity 0.2s ease-in-out 0s;
  -webkit-transition: color 0.2s ease 0s, background-color 0.2s ease 0s, border 0s ease 0s, opacity 0.2s ease-in-out 0s;
  -moz-transition:  color 0.2s ease 0s, background-color 0.2s ease 0s, border 0s ease 0s, opacity 0.2s ease-in-out 0s;
  -o-transition:  color 0.2s ease 0s, background-color 0.2s ease 0s, border 0s ease 0s, opacity 0.2s ease-in-out 0s;
  -ms-transition:  color 0.2s ease 0s, background-color 0.2s ease 0s, border 0s ease 0s, opacity 0.2s ease-in-out 0s;
}
.logo:hover {
  opacity: 1; filter: alpha(opacity=100);
}

.banner .logo { top: -10px}
form { margin-bottom: 0; padding-bottom: 1.5em}
tr td:last-child { border: 0}
table img { margin: 0}
tbody { border: none;}
.block:last-child { margin-bottom: 0}
a.arrow {
  text-transform: uppercase;
  font-size: 12px;
  color: #69a77b;
  font-weight: 700;
  padding-right: 10px;
  background: url(../images/arrow.png) right 2px no-repeat;
  transition: color 0;
  -webkit-transition: color 0;
  -moz-transition: color 0;
  -o-transition: color 0;
  -ms-transition: color 0;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
}
a.arrow:hover {
  background-position: right -18px;
  color: #d88a59;
}
.ajax-progress { font-size: 12px; display: block}
.ajax-progress .throbber { margin-top: 4px}
.ajax-progress .message { color: #69A77B; font-weight: 400; text-transform: none; font-family: 'Gotham SSm A', 'Gotham SSm B';
}

/************************* headings & shared body styles **********************/

h1 {
	color: #FFFFFF;
	font-family: 'Mercury Display A', 'Mercury Display B';
	font-weight: 700;
	font-style: normal;
	font-size: 60px;
	line-height: 1em;
	margin-bottom: 10px;
}

h2, .block h2 {
  color: #FFF;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 300;
  font-style: normal;
  font-size: 30px;
  margin-bottom: 20px;
  margin-top: 0;
  letter-spacing: -1px;
}

h3, h3.label, .field-type-text-long h3.label,
.field-type-text-with-summary h3.label {
  text-transform: uppercase;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 800;
  font-style: normal;
  color: #d98a59;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 15px;
}

h4 {
  font-weight: normal;
  font-size: 25px;
  line-height: 1.05;
  font-family: 'Mercury Display A', 'Mercury Display B';
}

h2 a { color: #FFF}
h4 a, h4 a.active { color: #FFF;}

.field-type-text-long h2, .field-type-text-with-summary h2,
.field-type-text-long h3, .field-type-text-with-summary h3,
.field-type-text-long h4, .field-type-text-with-summary h4 {
	font-family: 'Mercury Display A', 'Mercury Display B';
  font-style: normal;
  margin-bottom: 0.5em;
  text-transform: none;
}

.field-type-text-long h5, .field-type-text-with-summary h5,
.field-type-text-long h6, .field-type-text-with-summary h6 {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-style: normal;
  margin-bottom: 0.5em;
  text-transform: none;
}

.field-type-text-long h1, .field-type-text-with-summary h1 { font-weight: 700; color: #333;}
.field-type-text-long h2, .field-type-text-with-summary h2 { font-size: 32px; line-height: 38px; font-weight: 700; color: #333;}
.field-type-text-long h3, .field-type-text-with-summary h3 { font-size: 26px; line-height: 32px; font-weight: 400; color: #333;}
.field-type-text-long h4, .field-type-text-with-summary h4 { font-size: 22px; line-height: 30px; font-weight: 700; color: #333;}
.field-type-text-long h5, .field-type-text-with-summary h5 { font-size: 18px; line-height: 34px; font-weight: 700; color: #000;}
.field-type-text-long h6, .field-type-text-with-summary h6 { font-size: 14px; line-height: 28px; font-weight: 700; color: #d98a59;}

.field-type-text-long ul, .field-type-text-with-summary ul,
.field-type-text-long ol, .field-type-text-with-summary ol  { margin-top: 1em; margin-left: 3em}
.field-type-text-long ul li, .field-type-text-with-summary ul li { list-style: disc; margin-bottom: 0.5em}
.field-type-text-long ol li, .field-type-text-with-summary ol li { margin-bottom: 0.5em}
.field-type-text-long a, .field-type-text-with-summary a { text-decoration: underline}

.item-list ul.pager {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 700;
  text-transform: uppercase;
  padding: 50px 0 0;
  margin: 0;
}
.item-list ul.pager li { margin: 0; display: inline-block}
.item-list .pager .pager-item { font-size: 17px; line-height: 20px; }
.item-list .pager .pager-item.noline a { border-right: 0}
.item-list .pager .pager-item a { color: #FFF;padding: 10px 16px; border-right: 1px gray solid}
.item-list .pager .pager-item a:hover { color: #d88a59}
.item-list .pager .pager-current { background: #000; color: #FFF;  padding: 10px 12px; }
.item-list .pager .pager-last, .item-list .pager .pager-first { display: none }
.item-list .pager .pager-next a, .item-list .pager .pager-previous a {
  padding: 14px 20px;
  background-image: url(../images/pager-arrows.png);
  background-repeat: no-repeat;
  background-position: right 17px;
}
.item-list .pager .pager-next a { padding-right: 40px}
.item-list .pager .pager-previous a { padding-left: 40px;  background-position: left -32px;
}

/************************* end headings & shared body styles **********************/


/************************* shared basic forms *************************************/
input, button, textarea,
input.form-text, input.form-password, input.form-file,
label, form {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-size: 16px;
  outline: none;
}
select { outline: none}

label { text-transform: uppercase}

input.form-submit { -webkit-appearance:none; }

input.form-button, input.form-submit, .form-button,
.pager-next a, .pager-previous a {
	background: none repeat scroll 0 0 #69A77B;
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #FFFFFF;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  text-transform: uppercase;
  font-size: 12px;
  padding: 14px 30px;
  margin-right: 20px;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
}
input.form-button:hover, input.form-submit:hover, .form-button:hover,
.pager-next a:hover, .pager-previous a:hover { background-color:#5DBD79; color: #FFF}
input.password-confirm, input.password-field { margin-bottom: 0}
.form-cancel { background: #000; font-weight: 700;}
.form-cancel:hover { background: #222}

.rct-6 input.form-button, .rct-6 input.form-submit {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.form-item { margin: 0 0 24px; clear: both; }
.form-item input,
.form-item textarea {
  background: #dbdbdb; line-height: 20px;
  padding: 20px 0 20px 20px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  color: #363535;
  resize: none;
}
.form-item input { height: 60px;}
.form-item textarea { padding: 20px}
.form-item input:focus { background: #FFF}
.form-item input.error {
  border: 2px solid #DB3626;
  position: relative; top: 0px;
}
.form-item .description { clear: both; margin-top: 2px; font-size: 12px; color: #808080}
.form-item label { cursor: pointer}

.form-item tbody { border-top: 0}
.form-item thead,
.form-item thead th {background-color: transparent}
.form-item tr.odd, .playlist-form tr.even { background-color: transparent; border: 0}
.form-item tr { display: block; padding: 0; position: relative}
.form-item td { padding: 0}

.form-item-name input,
.form-item-pass input,
.form-item-mail input,
.form-type-password input,
.icn-account input { float: left;}

.form-item-name label,
.form-item-pass label,
.form-item-mail label,
.form-type-password label,
.icn-man label, .icn-pass label, .icn-mail label {
  background: url(../images/email.png) center center no-repeat #dbdbdb; float: left; height: 60px; width: 55px;
  text-indent: -9999em;
}
.icn-pass label, .form-item-pass label,
.form-type-password label { background-image: url(../images/password.png); }
.form-item-name label,
.icn-man label { background-image: url(../images/man.png);}

.form-item-name .description {
	padding-top: 10px;
	line-height: 14px;
}

.form-item-mail { height: 60px}
.form-actions { margin-top: 1em}

.form-type-password-confirm { position: relative; overflow: auto;}
.form-type-password-confirm .password-strength,
.form-type-password-confirm div.password-confirm { position: absolute; top: 100px}

.form-type-checkbox label, .form-radios label { text-transform: none; font-weight: 700; margin-left: 10px}
.form-type-checkbox .description, .form-type-radios .description { color: #FFF; margin: -2px 0 0 35px; font-size: 12px;}

.wysiwyg-toggle-wrapper a { font-size: 12px; margin-top: 10px}

/* General settings */
div.checker span, div.radio span {
  background-image: url(../images/form_sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
div.checker, div.radio {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
div.checker, div.checker *, div.radio, div.radio * {margin: 0;padding: 0; }
/* Checkbox & Radio */
div.checker, div.radio { position: relative; }
div.checker, div.checker span, div.checker input,
div.radio, div.radio span, div.radio input { width: 20px;  height: 20px; }
div.checker span, div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 0px;
  position: relative; top: -2px;
}
div.radio span { background-position: -40px 0px; }
div.checker span.checked { background-position: -20px 0; }
div.radio span.checked { background-position: -60px 0; }
div.checker input, div.radio input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  cursor: pointer;
}
div.checker.disabled, div.checker.disabled.active, div.radio.disabled, div.radio.disabled.active {
  opacity: 0.5; filter: alpha(opacity=50);}
div.checker.disabled span.checked, div.checker.disabled.active span.checked,
div.radio.disabled span.checked, div.radio.disabled.active span.checked {
  background-position: -20px 0;
}

div.messages {
  background-position: 8px 5px;
  padding: 5px 10px 5px 50px;
}
div.messages.messages-inline {
  padding: 0; margin: 0 0 -10px; clear: both;
  position: relative; top: -24px; text-transform: none; font-weight: normal;
  font-size: 12px;  background: none; border: 0; color: red; line-height: 1.3;
}
.content-wrapper #messages { text-transform: none; margin: 20px 0;font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size: 12px}
.content-wrapper #messages div.error li { color: #8c2e0b}
.content-wrapper #messages ul { line-height: 18px}

/************************* end basic forms ****************************************/


/************************* Site Layout & navigation *******************************/
#block-system-main { margin-bottom: 0; }
#container { width:100%;}
.content-container { position: relative}

/* let's only defined the content areas that need a full page wrapper */
.page-user-register .outer-content-container,
.page-user-login .outer-content-container,
.page-user-password .outer-content-container,
.page-user.not-logged-in .outer-content-container { width:960px;	margin: 0 auto;	clear:both;}

#logo {
  float: right;
  margin: 80px 0 0;
  width: 147px;
  padding: 0;
}

.main-container > .wrapper {
  width:100%;
  background: #fff;
  max-width: none;
}
.main-container .wrapper .header-menu {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}
.wrapper {
	width:100%;
	max-width: 1010px;
	margin: 0 auto;
  position: relative;
  padding: 0 25px;
}
.page-overlay .wrapper { width: auto}



/* main navigation, first level item defaults */
.header-wrap { z-index: 99; position: relative; }
.header-menu .region-header {
  padding: 0;	display: block;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 700;
  font-size: 12px;
}
.header-menu .region-header .block-superfish {	margin:0;	clear: none;}
.header-menu .region-header .block { float: none}
.header-menu .region-header .block-content > ul > li > a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
}

ul.sf-menu { margin: 0; padding: 0; width: 100%; text-align: right; height: 48px; z-index: 30;}
ul.sf-menu li { text-align: left; display: inline-block; float: none}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { top: 57px}
ul.sf-menu ul ul { position: static; display: block}

.sf-menu li.sf-depth-1 {
  text-transform: uppercase;
  padding: 0;
  margin: 0 -4px;
  position: relative;
}
.sf-menu span.sf-depth-1,
.sf-menu a.sf-depth-1 {
	padding: 20px 12px 21px;
	float: left;
	margin-top: 4px;
	cursor: pointer;
	color: #000;
}
.sf-menu span.menuparent,
.sf-menu a.menuparent {
	background: url(../images/top-link-bg.png) no-repeat right center;
 	margin-right: 10px;
}
.sf-menu .sfHover span.menuparent,
.sf-menu .sfHover a.menuparent,
.sf-menu .sf-depth-1:hover span.menuparent,
.sf-menu .sf-depth-1:hover a.menuparent {
    background-image: url(../images/top-link-bg-up.png);
}
.sf-menu li.sf-depth-1.sfHover, .sf-menu li.sf-depth-1:hover { background-color: #000; }
.sf-menu li.sf-depth-1.sfHover span.sf-depth-1,
.sf-menu li.sf-depth-1.sfHover a.sf-depth-1,
.sf-menu li.sf-depth-1:hover span.sf-depth-1,
.sf-menu li.sf-depth-1:hover a.sf-depth-1 { color: #FFF}

/* second level item default */
ul.sf-menu ul { display: none; margin: 0; padding: 0; background: #000; width: auto; }
ul.sf-menu ul li { margin: 0; display: block}
ul.sf-menu ul li a {
  float: none;
  white-space: nowrap;
  padding: 16px 13px;
  text-transform: none;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  border-bottom: 1px #1b1c1d solid;
}
ul.sf-menu ul li.last a { border-bottom: 0}
ul.sf-menu ul li a, ul.sf-menu ul li a.active { color: #FFF}
ul.sf-menu ul li a:hover, ul.sf-menu ul li a.active:hover { color: #d88a59 }


/* first level items that align to the left */
ul.sf-menu li.nav-left { font-size: 13px;  float: left;}
.sf-menu span.nav-left,
.sf-menu a.nav-left { padding-bottom: 20px}
.sf-menu li.nav-left.sf-depth-1 { /*padding: 0 1px;*/}


/* first level items that need a full width submenu */
.sf-menu li.nav-fullwidth ul { padding: 38px 0; }
.sf-menu li.nav-fullwidth ul ul { padding: 0; width: auto }
.sf-menu li.nav-fullwidth ul a {
  border-bottom: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
}

/* special nav items */
#parent-nav-topics li.sf-depth-2 { width: 310px; float: left}
#parent-nav-topics .view-header p {
  text-transform: uppercase;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 700;
  color: #d98a59;
  font-size: 12px;
  margin-bottom: 15px;
}
#parent-nav-topics .view-header a{
  text-transform: uppercase;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 700;
  color: #d98a59;
  font-size: 12px;
}
#parent-nav-topics .view-header a:hover {color:#fff;}
#parent-nav-contributors .view-footer a,
#parent-nav-contributors .view-footer a.active,
#parent-nav-topics .view-footer a,
#parent-nav-topics .view-footer a.active {
  color:#69A77B; padding-bottom: 0; font-size: 15px;
  text-transform: uppercase; font-weight: 700}
#parent-nav-contributors .view-footer a:hover,
#parent-nav-topics .view-footer a:hover  { color: #d88a59}

.nav-list table,
.nav-list .view-footer,
#parent-nav-topics .view-footer { width: 960px; }
.nav-list ul li,
.nav-list table {
  padding: 0 0 8px; text-transform: none;
  font-weight: 400; font-size: 18px;
}
.nav-list table td { padding: 0 0 8px; width: 50%; border: 0}
.nav-list .view-footer,
#parent-nav-topics .view-footer {
  text-align: center; font-size: 15px; margin-top: 40px;
  border-top: 1px #333 solid; padding-top: 25px; margin-bottom: -15px;
}

#nav-search {
  text-indent: -82px;
	overflow: hidden;
	background: url(../images/search.png) no-repeat right 5px;
}
#parent-nav-search ul { padding-bottom: 0}
.sfHover #nav-search, #parent-nav-search:hover #nav-search,
.page-search-site #nav-search { background-position: right -41px; }
.page-search-site #parent-nav-search { background-color: #000}

#parent-nav-signin { margin-right: 4px}
#parent-nav-signin ul { width: 590px; margin-left: -420px; }
#parent-nav-signin ul li { color: #808080}
#parent-nav-signin .menu-views { padding: 38px 40px}
#parent-nav-signin .item-list { display: none}
.sfHover #nav-signin { color: #ffffff;}
#nav-signin { color: #db3626; background: none; margin-right: 0}

#parent-nav-register { background-color: transparent}
#nav-register {
  color: #FFF;
  background-color: #DB3626;
  padding: 10px 11px;
  position: relative; top: -11px;
}
#nav-register:hover { background-color: #000}

#parent-nav-account:before {
  content: " ";
  display: inline-block;
  background: url(../images/account.png) no-repeat 0 0;
  width: 15px;
  height: 11px;
  float: left;
  position: absolute;
  top: 50%;
  left: 9px;
  margin-top: -6px;
}
#parent-nav-account > a {margin-left: 16px; color:#DB3626;}
#nav-account {
  color:#DB3626;
  margin-left: 16px;
}
#nav-playlist {
  background: url(../images/playlist.png) no-repeat left 21px;
  color:#DB3626;
  margin-right: 0;
  margin-left: 10px;
}

#parent-nav-home { margin-left: 0; margin-right: 16px}

#nav-home {
	overflow: hidden;
    background: url(../images/home-logo.png) no-repeat 0 8px transparent;
    background-size: 144px auto;
	text-indent: -9999em;
    width: 144px;
    height: 53px;
    padding: 0;

}
#parent-nav-home:hover, #parent-nav-home.sfHover { background: transparent;}



/************************* end Layout & navigation ********************************/


/************************* Taxonomy & banner base  ********************************/
.banner { position:relative; overflow:hidden}
.block.panel-pane { margin-bottom: 0}

.watch-link {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  font-size: 16px;
  background: url(../images/watch-icon-lg.png) 0 0 no-repeat;
  padding-left: 88px;
  line-height: 66px;
  float: left;
}
.watch-link-sm {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  font-size: 16px;
  background: url(../images/watch-icon.png) 0 0 no-repeat;
  padding-left: 58px;
  line-height: 50px;
  float: left;
}

.topic-wrapper {
  /* ns: might need to move the opaque background to a separate element */
  background: rgba(0,0,0,0.37);
  background-size: 100% 100%;
  height: 100%;
	float: left;
	width: 100%;
	position:absolute;
	top:0px;
	color: #FFF;
}
.master-parent {
	color: #6BA9A6;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  float: none;
	margin: 0;
}
.topic-text {
  margin-top: 40px;
  position: relative;
}
.topic-text p {
  color: #D4D1CA;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 400;
	font-style: normal;
	font-size:18px;
	width: 620px;
}
.topic-text h1 {
	margin-bottom: 40px;
	margin-top: 7px;
  width: 620px;
}

.group-social { position: absolute; top: 15px; right: 0}
.group-social .field-name-field-like,
.group-social .field-name-transcript-button { float: left; margin-right: 20px}
.group-social .field-name-share-link { float: right; position: static;}
.group-social .share-toggle,
.group-social .field-name-transcript-button a {
  border: 2px #363636 solid;
  padding: 7px 18px 6px 40px; color: #FFF;
  float: left;
}
.group-social .share-toggle:hover,
.group-social .field-name-transcript-button a:hover {
  color: #d88a59;
  border-color: #d88a59;
}
.group-social .share-toggle { background-position: 16px -109px; }
.group-social .share-toggle:hover { background-position: 16px -229px; }
.group-social .field-name-transcript-button a {
  background: url(../images/svg/icn-transcript-white.svg) no-repeat 16px 10px;
  background-size: 14px auto;
}
.group-social .field-name-transcript-button a:hover {
  background-image: url(../images/svg/icn-transcript-orange.svg);
}

.topic-list .wrapper,
.content-list .wrapper { padding: 35px 0}
.content-list h2 { color: #FFF}

/* Positioning and color for non-fullsize */
#kaltura_player { margin: 0 auto;}
.kWidgetIframeContainer { margin: 0 auto; position: relative}
.banner { background: #000;}

/* Sizes & Minimums for video containers, crops, etc - these are set based on the design files @1024 minimum width */
.banner .field-name-field-background-image img { width: 100%;}

/* 2nd level topic - content category */
.banner { height: 331px; min-height: 331px}
.banner .field-name-field-background-image img { min-height: 331px}

/* 3rd level topic - content category */
.view-mode-sub_topic .banner { height: 212px; min-height: 212px}
.view-mode-sub_topic .banner .field-name-field-background-image img { min-height: 212px}

/* 1st level topic - contributor categories */
.vocabulary-contributor-categories .banner { height: 245px; min-height: 245px}
.vocabulary-contributor-categories .banner .field-name-field-background-image img { min-height: 245px}

/* 2nd level topic - contributor categories */
.vocabulary-contributor-categories.view-mode-sub_topic .banner { height: 272px; min-height: 272px}
.vocabulary-contributor-categories.view-mode-sub_topic .banner .field-name-field-background-image img { min-height: 272px}
.vocabulary-contributor-categories.view-mode-sub_topic .topic-text .field-name-title { margin-bottom: 75px}

/* 1st level topic - education categories */
.vocabulary-education-categories .banner { height: 245px; min-height: 245px}
.vocabulary-education-categories .banner .field-name-field-background-image img { min-height: 245px}


/* tags (keywords) */
.page-vocabulary-tags .banner { height: 212px; min-height: 212px}
.page-vocabulary-tags .content-list .view-header h2 { margin-bottom: 40px}
.wrapper-empty p {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  min-height: 300px;
}

.banner [class*="-text"]::after {
  content: " ";
  display: table;
  clear: both;
}

/************************* end taxonomy & banner css  *****************************/


/************************* Homepage  ******************************************/
div.node-homepage .banner { height: 336px; min-height: 336px}
div.node-homepage .banner .field-name-field-background-image img { min-height: 336px}

.node-homepage.article { margin-bottom: 65px}
.node-homepage .banner .logo {
  margin-top: 20px;
  width: auto; opacity: 1; filter: alpha(opacity=100);
}
.node-homepage .node-text {
  margin-top: 70px;
}
/*.node-homepage .field-name-body,
.node-homepage .field-name-field-link-1 {
  width: 620px;
  color: #FFF;
  margin-top: 10px;
}
*/
.node-homepage .node-text h2 {
  color: #FFFFFF;
  font-family: 'Mercury Display A', 'Mercury Display B';
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 0;
  margin-bottom: 0.75em;
}
.node-homepage .node-text p { color: #FFF; margin-bottom: 0}

.node-homepage .field-name-field-link-1 a {
  text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
  color:#d98a59;
	font-size: 12px;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 700;
}
.node-homepage .field-name-field-link-1 a:hover {	color:#FFF;}

.field-name-field-link-1 a.link-1 {	padding-right: 10px; }
.field-name-field-link-1 a.link-2 {
	padding-left: 10px;
	border-left: 1px solid #666;
}
.node-text .watch-us img { margin-left: 8px; margin-top: 2px}

#sticky_nav {
  position: absolute;
  bottom: -65px;
  z-index: 10;
  width: 100%;
  background: #222;
  height: 65px;
}
#sticky_nav ul.tabs { position: static; margin-top: 15px;}
#sticky_nav ul.tabs li { padding-top: 20px}
#sticky_nav.fixed {
  position: fixed;
  top: 0;
  bottom: auto;
}
body.admin-menu #sticky_nav.fixed { top: 29px}
.tab-title { display: none}

.front .related-content {
  padding: 70px 0;
}

* Homepage slide: full & teaser */
.node-homepage-slide {position: relative; }
.node-homepage-slide.view-mode-full { padding-bottom: 47.66%; }

.node-homepage-slide .video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.node-homepage-slide .field-name-field-background-video {
  display: none;
}
.node-homepage-slide .slide-video { height: 100%; width: 100%}

/*.node-homepage-slide .field-type-image { position: absolute; top: 0; left: 0 }*/
.node-homepage-slide .field-type-image img {
  width: 100%;
  height: auto;
}
.node-homepage-slide.view-mode-full .group-copy {
  position: absolute;
  top: 170px;
  width: 100%;
}
.node-homepage-slide.view-mode-full .field-name-field-title-multiline {
  font-weight: 600;
  font-size: 56px;
  line-height: 52px;
  margin-bottom: 20px;
}
.node-homepage-slide .field-name-body {
  font-family: 'Gotham SSm A','Gotham SSm B';
}
.node-homepage-slide .field-name-field-links { margin-top: 30px}
.node-homepage-slide .field-name-field-links a {
  float: left;
  clear: both;
  text-transform: uppercase;
  line-height: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #d98a59;
  font-size: 14px;
  font-family: 'Gotham SSm A','Gotham SSm B';
  font-weight: 700;
}
.node-homepage-slide .field-name-field-links a:hover { color: #FFF}

.node-homepage-slide.view-mode-teaser {
  height: 90px;
  width: 160px;
  background: #000;
  font-family: 'Gotham SSm A','Gotham SSm B';
  margin: 0;
  float: none;
  -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   	box-sizing: border-box;
  border-left: 3px #000 solid;
}
.node-homepage-slide.view-mode-teaser .field-name-field-tab-title {
  position: absolute;
  top: 0; left: 0;
  padding: 16px 12px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  display: none;
}

.node-homepage-slide.view-mode-teaser:hover .field-type-image img {
  opacity: 0.3; filter: alpha(opacity=30);
}
.node-homepage-slide.view-mode-teaser:hover .field-name-field-tab-title {
  display: block; color: #d98a59
}


/* Homepage slider (slick) */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}

.slick .slick-prev,
.slick .slick-next {display:none !important;}


.slick .node-homepage-slide { display: none ;}
.slick .slick-slide .node-homepage-slide {  display: block; }

.homeslider-nav-wrapper {
  height: 90px;
  overflow: hidden;
  position: absolute;
  bottom: 0; width: 100%;
}
.homeslider-nav-wrapper .slick-track .slick-slide {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative; top: 86px;
}
.homeslider-nav-wrapper .slick-track:hover .slick-slide { top: 0;}
.homeslider-nav .slick-slide:first-of-type .article { border-left: 0}
.homeslider-nav .slick-slide > div:after {
  content: " ";
  position: absolute; top: 0; left: 0;
  height: 4px; width: 100%;
  background: #4d4c4c;
  z-index: 2;
  visibility: visible;
  display: block;
}
.homeslider-nav-wrapper .slick-track:hover .slick-slide > div:after {background: transparent}
.homeslider-nav-wrapper .slick-active > div:after,
.homeslider-nav-wrapper .slick-track:hover .slick-active > div:after { background: #FFF}
.homeslider-nav-wrapper .slick-track:hover .slick-slide:hover > div:after { background: #d98a59;}
.homeslider-nav-wrapper .slick-active .field-name-field-tab-title { display:  block}

/************************* end Homepage css  ***************************************/


/************************* Taxonomy pages  ****************************************/
.full-screen-video #kaltura_player iframe {
	/*width: 1930px !important;
	height: 732.375px !important;
	*/
}
.explore-bar {
  background: #404040;
  height: 74px;
}
.explore-bar .wrapper { position: relative}
.topic-select { padding-top: 15px}
.topic-select form, .topic-select .form-item { margin: 0}
.topic-select .ctools-jump-menu-button, .topic-select select { display: none}
.topic-select .sbSelector { background-color: #DA8A59; padding-right: 0;}
.topic-select .sbSelector,
.topic-select .sbHolder,
.topic-select .sbOptions {
	width: 300px;
	z-index: 20;
	border: none !important;
}

/************************* end Taxonomy pages  ************************************/


/************************* jCarousel css  ****************************************/
.jcarousel-wrapper .jcarousel-container {
  position: relative;
  width: 990px;
  margin: 40px 0 20px;
}
.jcarousel-clip-horizontal {
  overflow: hidden;
}
.jcarousel-item {
  background: transparent;
  border: 0;
  height: 222px;
  width: 222px;
  margin-right: 24px;
  position: relative;
}
.jcarousel-item.last { margin-left: 65px; left: -65px}
.jcarousel-next,
.jcarousel-prev {
  z-index: 20;
  position: absolute;
  top: 0;
  height: 100%;
  width: 65px;
  background-color: #000;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  opacity: 0.8; filter: alpha(opacity=80);
}
.jcarousel-next {
  right: 0;
  background-image: url(../images/next-horizontal.png);
}
.jcarousel-prev {
  left: -65px;
  background-image: url(../images/prev-horizontal.png);
}
/*
.jcarousel-container:hover a.jcarousel-prev,
.jcarousel-container:hover a.jcarousel-next { display: block} */
.touch-disabled .jcarousel-next,
.touch-disabled .jcarousel-prev { display: none}
.touch-disabled .jcarousel-container:hover a.jcarousel-prev,
.touch-disabled .jcarousel-container:hover a.jcarousel-next { display: block}

.jcarousel-next-disabled,
.jcarousel-prev-disabled { opacity: 0; filter: alpha(opacity=0); z-index: -1}
.view-all {
	float: right;
	margin-right: 19px;
	padding: 10px;
	background: #000;
	color:white;
	text-transform:uppercase;
}
.mosaic-1 .jcarousel-item { height: 468px;}
.mosaic-1 .node-teaser,
.mosaic-1 article.view-mode-teaser { margin-bottom: 24px; }
.mosaic-1 .jcarousel-item.double { width: 468px;}
.mosaic-1 .jcarousel-item.double .node-teaser { height: 100%; width: 100%;}
.mosaic-1 .jcarousel-item.double .field-name-field-video-thumbnail { height: 100%; width: 100%;}


.mosaic-2 .jcarousel-item { height: 796px; width: 468px}
.mosaic-topic, .mosaic-2 .node-teaser { margin-bottom: 26px; margin-right: 0; float: none}

.mosaic-2 .column-1,
.mosaic-2 .column-2 { float: left}
.mosaic-2 .column-1 { padding-top: 246px; margin-right: 24px}

.mosaic-2 .node-teaser .teaser-text { padding-top: 0;bottom: 16px;top: auto;}
.mosaic-2 .node-teaser.vocabulary-tags { height: 140px}
.mosaic-2 .node-teaser.vocabulary-tags .teaser-text { padding-top: 20px; bottom: auto; top: 0}

.mosaic-2 .node-interview-series,
.mosaic-2 .node-tv-episode  {
  height: 304px;
}
.mosaic-2  .field-type-image .icon { top: 45px}

.mosaic-topic {
  display: block;
  border-left: 3px #d98a59 solid; border-top: 3px #d98a59 solid; height: 219px; width: 219px;
  position: absolute;
  top: 0; left: 0;
 	background-color: rgba(50, 50, 50, 0.31);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f323232, endColorstr=#4f323232)";

}
.mosaic-topic:hover {
	background-color: rgba(0, 0, 0, 0.70);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000)";
}
.mosaic-topic h4 {
  padding: 22px 16px; color: #FFF;
}
.mosaic-topic h4 span {
  display: block;
  color: #d98a59;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 800;
  font-style: normal;
  font-size: 12px;
  text-transform: uppercase;
	margin-bottom: 10px;
}
.mosaic-topic h4:hover { color: #d88a59;}
a.mosaic-topic:hover h4 { color: #d88a59;}

.missing { background-color: #5b2b2b !important}

.washoverlay {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(50, 50, 50, 0.31);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f323232, endColorstr=#4f323232)";
}
.washoverlay:hover,
.washoverlay.hover {
	background-color: rgba(0, 0, 0, 0.70);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000)";
}

/************************* end jCarousel css  *************************************/


/************************* Nodes css  *********************************************/
.node .banner {
  height: 282px; min-height: 282px
}
.node-teaser {
  background: #2b2b2b;
  height: 222px;
  width: 222px;
  color: #FFF;
  text-align: left;
  cursor: pointer;
  position: relative;
  float: left; margin-right: 24px; margin-bottom: 24px;
}
.node-teaser h4 { margin-top: 6px}
.node-teaser h4:hover { color: #d88a59;}
.teaser-text { line-height: 1; position: absolute; top: 0; left: 0; z-index: 5; padding: 84px 22px 0} /* ns: padding top will be adjusted once we add play graphic */
.node-teaser:hover h4,
.node-teaser:hover h4 a { color: #d88a59; }
.node-teaser .field-name-contributor-profile-picture { z-index: 4; height: 100%; width: 100%}
.node-teaser .field-name-contributor-profile-picture img { width: 100%; height: 100%}

span.type {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 800;
  font-style: normal;
	font-size: 12px;
	line-height: 1;
	text-transform: uppercase;
	color: #6BA9A6;
}
.node-wrapper {
  background: rgba(0,0,0,0.37);
  background-size: 100% 100%;
  height: 100%;
	float: left;
	width: 100%;
	position:absolute;
	top:0px;
	color: #FFF;
}
.node-text {
  margin-top: 48px;
  position: relative;
}
.node-text p {
  color: #D4D1CA;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 400;
	font-style: normal;
	font-size:18px;
	width: 620px;
}
.node-text h1 {
	margin-bottom: 30px;
	padding-right: 120px;
}
.node-text .type {
  font-size: 14px;
  display: block;
  margin-bottom: 14px;
}

.field-name-field-background-image,
.field-name-field-video-thumbnail,
.field-name-contributor-image { height: 100%; width: 100%; overflow: hidden}
.field-name-field-video-thumbnail div,
.field-name-field-video-thumbnail figure,
.field-name-contributor-image div,
.field-name-contributor-image figure,
.field-name-field-background-image div,
.field-name-field-background-image figure { display: inline}
.field-name-field-background-image img,
.field-name-field-video-thumbnail img,
.field-name-contributor-image img { height: 100%; width: auto; max-width: none}
.field-name-field-background-image .icon,
.field-name-field-video-thumbnail .icon,
.field-name-contributor-image .icon,
.node-curated-playlist .icon {
  position: absolute; top: 20px; left: 22px; z-index: 3;
  width: 42px; height: 42px;
  background: url(../images/watch-icon.png) 0 0 no-repeat;
}

.group-right .field-name-field-like { margin-bottom: 10px}
.group-right .field-name-share-link { margin-bottom: 30px}


/*** TV Episodes ***/
/*.node-tv-episode .group-social { position: static}
.node-tv-episode .group-social .field-name-field-like { float: left}
.node-tv-episode .group-social .field-name-share-link { float: left; margin-right: 20px}
*/
.node-tv-episode .playlist-button { float: none}

.node-tv-episode .field-name-body,
.node-tv-episode .field-collection-container  {
  float: left; width: 620px; margin-right: 30px
}
.purchase-wrapper,
.node-tv-episode .field-name-field-episode-tags {
  float: left; width: 305px
}
.node-tv-episode .gray-line { padding-top: 20px;}
.node-tv-episode .field-name-body p {
  margin-top: 40px;
  font-size: 22px; line-height: 27px;
}
.node-tv-episode.view-mode-full .field-name-add-to-playlist-button .form-button {
  margin-right: 0;
}
@media screen and (min-width: 845px) {
  .node-tv-episode.view-mode-full .field-name-add-to-playlist-button {
    float: right;
  }
}
.purchase-wrapper .field-type-link-field a {
	display: inline-block;
	width: 100px; height: 40px;
  margin-bottom: 10px;
  color: #FFF; text-align: center; line-height: 64px;
  text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
}
.purchase-wrapper .field-type-link-field a:hover { opacity: 0.6; filter:alpha(opacity=60);}

.field-name-field-itunes-link a { background-image: url(../images/itunes_button.png);}
.field-name-field-amazon-link a { background-image: url(../images/amazon_button.png);}

.field-name-field-itunes-link { float: left; margin-right: 20px;}
.field-name-field-amazon-link { float: left; margin-top: 4px;}


.field-name-field-episode-segment,
.field-name-field-episode-segment p {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 400;
  font-style: normal;
}
.field-name-field-episode-segment .field-collection-view { margin-bottom: 24px}
.field-name-field-episode-segment .group-left { width: 165px; height: auto; position: relative}
.field-name-field-episode-segment .group-right { width: 455px}
.field-name-field-episode-segment .group-left img { max-width: 140px; height: auto}
.field-name-field-episode-segment span.icon {
   width: 140px; height: 100%;
   left: 0; top: 0;
   background-position: center center;
   cursor: pointer;
   background-image: url(../images/watch-icon-md.png);
}
.field-name-field-segment-title {
  font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	color: #808080;
	margin-top: -6px; margin-bottom: 3px;
}
.field-name-field-episode-segment p {
  font-size: 16px; line-height: 21px;
}
.field-name-field-episode-tags a,
.field-name-field-tags a {
  display: inline-block;
  padding: 3px 6px;
  text-transform: uppercase;
  background: #808080;
  color: #FFF;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 700;
  font-style: normal;
  font-size: 11px;
  margin: 0 5px 10px 0;
}
.field-name-field-episode-tags a:hover,
.field-name-field-tags a:hover {
  background: #d88a59;
}
.field-name-field-episode-tags h3,
.field-name-field-tags h3 { margin-bottom: 20px}


/*** Interview Series & Interviews ***/
.node-interview-series .explore-bar { border-top: 1px #2c2c2c solid}
.node-interview-series .gray-line { padding-top: 20px;}
.node-interview-series .gray-line::before {
  content: "";
  display: table;
  clear: both;
}
.node-interview-series.view-mode-full #node-interview-full-group-version { width: 660px}
.node-interview-series #add-to-playlist-loader { display: inline; }

.links-wrapper { background-color: #404040; padding-top: 20px}
.links-wrapper .jcarousel-container { margin-top: 0; }
.links-wrapper .jcarousel-item {
  width: 140px; height: 140px;
}
.condensed .jcarousel-next,
.condensed .jcarousel-prev { width: 50px; opacity: 0.9; filter: alpha(opacity=90);}
.condensed .jcarousel-next { background-image: url(../images/next-horizontal-sm.png);}
.condensed .jcarousel-prev { background-image: url(../images/prev-horizontal-sm.png);}
.condensed .jcarousel-prev { left: -50px}

.links-wrapper .node-teaser {
  background: transparent;
  height: 140px;
  width: 140px;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 700;
	font-size: 14px;
	line-height: 1.25;
	float: left;
	border-bottom: 0 #000 solid;
	position: relative;
}
.links-wrapper .node-teaser .field-name-field-video-thumbnail {
  position: absolute; top: 0; left: 0;
  opacity: 0.7; filter: alpha(opacity=70);
  transition: opacity 0.3s ease-in-out 0s;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -moz-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  -ms-transition: opacity 0.3s ease-in-out 0s;
}
.links-wrapper .field-name-interview-title {
  position: absolute; bottom: 8px; left: 10px;
  z-index: 5;
  width: 120px;
}
span.button {
  position: absolute; bottom: 8px; right: 0px;
  display: block;
  height: 30px;
  background: url(../images/interview-icons.png) no-repeat right 6px transparent;
}
.links-wrapper .node-teaser:hover .field-name-field-video-thumbnail,
.links-wrapper .node-teaser.active .field-name-field-video-thumbnail {
  opacity: 1; filter: alpha(opacity=100);
}
.links-wrapper .node-teaser:hover span.button,
.links-wrapper .node-teaser.paused.active span.button  {
  background-position: right -34px;
}
.links-wrapper .node-teaser.active span.button {
  background-position: right -74px;
}
.links-wrapper .node-teaser:hover,
.links-wrapper .node-teaser.paused.active{
  border-bottom-color: #D88a59;
}
.links-wrapper .node-teaser.active  {
  border-bottom-color: #D88a59;
}
.links-wrapper .node-teaser a { color: #FFF; }

.links-wrapper.condensed .node-teaser { border-width: 4px}
.links-wrapper.condensed .node-teaser .field-name-interview-title { left: 0; width: 100%; }
.links-wrapper.condensed .node-teaser .field-name-interview-title a { width: 113px; display: block}
.links-wrapper.condensed .node-teaser .field-name-interview-title span.button { right: 0px}

.node-interview-series .field-name-body,
.node-interview .field-collection-container,
.contributor-box {
  float: left; width: 620px; margin-right: 30px
}
.node-interview-series .field-name-field-tags {
  float: left; width: 305px
}
.node-interview-series .field-name-field-tags h3 { margin-bottom: 40px}
.node-interview-series .field-name-body p {
  margin-top: 40px;
  font-size: 22px; line-height: 27px;
}
.contributor-box { margin-top: 45px; clear: left}
.contributor-box img { max-width: 140px; float: right}

.field-name-interview-versions { float: left;  margin-top: 16px;}
.field-name-interview-versions .sbSelector { background: #000;}
.field-name-interview-versions .sbOptions { z-index: 60; }

.node-interview-series.view-mode-full .field-name-transcript-button { display: none; }

#node-interview-series-full-group-ajax-version { /*width: 660px; height: 42px*/}
#node-interview-series-full-group-ajax-version .add-to-playlist-button { margin-right: 0}
#node-interview-series-full-group-ajax-version .field-name-placeholder { float: left}

.node-interview.view-mode-full #node-interview-full-group-contributor::after {
  content: "";
  display: table;
  clear: both;
}
h1.group-interview-title {
  color: #333;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 300;
  font-size: 30px;
  margin-top: 18px;
  margin-bottom: 24px;
}
.parent-interview-series h2 { text-align: center; }

.node-interview.view-mode-full #node-interview-full-group-white-wrapper {
  padding-bottom: 55px;
}
.node-interview.view-mode-full .group-transcript {
  display: none;
}

/** Articles **/
.article { margin-bottom: 0}

.node-article .banner { height: 245px; min-height: 245px;}
.node-article .banner .node-wrapper { background: #313131}
.node-article .banner h1  { margin-bottom: 14px}
.node-article .node-text .type { font-size: 14px}

.node-article .author {font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size: 18px; color: #D4D1CA }

.node-article .group-left { float: left; width: 630px;  }
.node-article .group-right { float: right; width: 224px;}
.node-article .group-right .field-name-share-link { position: static}

.node-article .contributor-box { margin: 0 0 30px; float: none; width: auto; }
.node-article .contributor-box .view-content { clear: none; border: 0; padding: 0}
.node-article .contributor-box img { max-width: 100%; float: none}
.node-article .contributor-box p { margin-right: 0; font-size: 14px;}


/** Partner Content **/
.node-type-partner-content .node-partner-content { margin: 0 auto;}
.node-type-partner-content .block-region-content { padding: 50px 0}
.view-mode-related_content { width: 222px; }
.view-mode-related_content .field-name-field-video-thumbnail { width: 222px; height: 125px; overflow: hidden; margin-bottom: 25px}
.view-mode-related_content .placeholder { width: 222px; height: 125px; overflow: hidden; margin-bottom: 25px; background: #2C2C2C}
.view-mode-related_content .field-name-field-source,
.view-mode-related_content .field-name-author {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 800;
  font-style: normal;
	font-size: 12px;
	line-height: 1;
	text-transform: uppercase;
	color: #6BA9A6;
}
.view-mode-related_content  h4 { margin: 12px 0; color: #FFF}
.view-mode-related_content :hover h4 { color: #d88a59}
.view-mode-related_content p {
  color: #cecfbc;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.24;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
}
.view-mode-related_content p strong { font-weight: 400;}
.view-partner-content h3 { color: #69A77B}
.view-partner-content .view-content { margin: 0 auto; width: 960px}
.view-partner-content .jcarousel-item { height: auto}


/*** Roundtables ***/
.node-roundtable .field-name-body,
.node-roundtable .field-collection-container  {
  float: left; width: 620px; margin-right: 30px
}
.node-roundtable .gray-line { padding-top: 20px;}
.node-roundtable .field-name-body p {
  margin-top: 40px;
  font-size: 22px; line-height: 27px;
}
.node-roundtable .node-teaser {
  height: 216px;
  width: 216px;
}
.node-roundtable .field-name-field-tags {
  margin-bottom: 40px;
	margin-top: 16px;
}
.node-roundtable .field-name-roundtable-contributors {
  clear: both;
}
.node-roundtable .field-name-roundtable-contributors h2 {
  text-transform: uppercase;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 800;
  font-style: normal;
  color: #d98a59;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 15px;
  letter-spacing: 0;
}


/************************* end Nodes css *****************************************/


/************************ like btn ***********************************************/

/* generic styles */
span.lb-like {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  width: 90px;
  height: 39px;
  padding: 0; margin: 0;
  transition: border-color 0.2s ease 0s;
  -webkit-transition:  border-color 0.2s ease 0s;
  -moz-transition:  border-color 0.2s ease 0s;
  -o-transition: border-color 0.2s ease 0s;
  -ms-transition: border-color 0.2s ease 0s;
  cursor: pointer;
}
span.lb-like .lb-a { display: block; padding: 11px 15px;  }
span.lb-like-label {
  padding-left: 6px;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  text-transform: uppercase;
}

/* white style */
.lb-style-white span.lb-like-icon {
  background-image: url(../images/icon-like.png);
  background-position: 0 -20px;
  height: 17px; position: relative; top: -2px;
  background-repeat: no-repeat;
}
.lb-style-white span.lb-like:hover span.lb-like-icon,
.lb-style-white span.lb-voted span.lb-like-icon,
.lb-style-white span.lb-voted span.lb-a:hover span.lb-like-icon,
.lb-style-white span.lb-a:hover span.lb-like-icon {
  background-image: url(../images/icon-like.png);
  background-position: 0 -40px;
  background-repeat: no-repeat;
}
.lb-style-white span.lb-like {
  border: 2px #C0C0C0 solid;
  background: #FFF;
}
.lb-style-white .lb-a .lb-like-label { color: #7E7E7E;}
.lb-style-white span.lb-like:hover .lb-like-label,
.lb-style-white span.lb-voted .lb-like-label,
.lb-style-white span.lb-voted span.lb-a:hover .lb-like-label { color: #d88a59;}
.lb-style-white span.lb-like:hover,
.lb-style-white span.lb-voted { border-color: #d88a59;}

/* gray style */
.lb-style-gray span.lb-like {
  border: 0;
  background: #808080;
  width: 140px;
  transition: background-color 0.2s ease 0s;
  -webkit-transition:  background-color 0.2s ease 0s;
  -moz-transition:  background-color 0.2s ease 0s;
  -o-transition: background-color 0.2s ease 0s;
  -ms-transition: background-color 0.2s ease 0s;
}
.lb-style-gray .lb-a .lb-like-label,
.touch-disabled .lb-style-gray span.lb-voted span.lb-a:hover .lb-like-label { color: #FFF;}
.touch-disabled .lb-style-gray span.lb-like:hover,
.lb-style-gray span.lb-voted { background-color: #d88a59;}
.lb-style-gray span.lb-like-icon,
.touch-disabled .lb-style-gray span.lb-voted span.lb-a:hover span.lb-like-icon,
.lb-style-gray span.lb-voted span.lb-like-icon,
.touch-disabled .lb-style-gray span.lb-a:hover span.lb-like-icon {
  background-image: url(../images/icon-like.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 17px; position: relative; top: -2px;
}

/* lightgray style */
.lb-style-lightgray span.lb-like-icon,
.lb-style-lightgray .lb-a:hover .lb-like-icon {
  background-image: url(../images/icon-like.png) !important;
  background-position: 0 0px;
  height: 17px; position: relative; top: -2px;
  background-repeat: no-repeat;
}
.touch-disabled .lb-style-lightgray span.lb-like:hover span.lb-like-icon,
.touch-disabled .lb-style-lightgray span.lb-voted span.lb-a:hover span.lb-like-icon,
.lb-style-lightgray span.lb-like.lb-voted span.lb-like-icon,
.touch-disabled .lb-style-lightgray span.lb-a:hover span.lb-like-icon {
  background-image: url(../images/icon-like.png);
  background-position: 0 -40px;
  background-repeat: no-repeat;
}
.touch-enabled .lb-style-lightgray span.lb-voted span.lb-like-icon {
	background-position: 0 -40px !important;
	background-image: url(../images/icon-like.png) !important;
	background-repeat: no-repeat !important;
}
.lb-style-lightgray span.lb-like {
  border: 2px #363636 solid;
  background: transparent;
}
.lb-style-lightgray .lb-a .lb-like-label { color: #FFF;}
.touch-enabled .lb-style-lightgray .lb-a .lb-like-label { color: #FFF !important;}
.touch-enabled .lb-style-lightgray .lb-voted .lb-a .lb-like-label {color: #d88a59 !important;}
.touch-disabled .lb-style-lightgray span.lb-like:hover .lb-like-label,
.lb-style-lightgray .lb-voted .lb-a .lb-like-label,
.touch-disabled .lb-style-lightgray span.lb-voted span.lb-a:hover .lb-like-label { color: #d88a59;}
.lb-style-lightgray span.lb-voted .lb-like-label {color: #d88a59;}
.touch-disabled .lb-style-lightgray span.lb-like:hover,
.lb-style-lightgray span.lb-voted { border-color: #d88a59;}

/************************ end like btn *******************************************/


/************************ disqus / shared blocks / content modules ***************/
.block-views { margin-bottom: 0}
.block-disqus { text-align: center;  padding: 50px 0;}
.related-content { padding: 35px 0 30px;}
.related-content h2, .block-disqus h2 { font-size: 36px; margin-bottom: 35px;}
.related-content h3, .block-disqus h3  { margin-bottom: 7px}
.related-content .view-header { text-align: center}

.breadcrumb {
  margin: 24px auto 22px; padding: 0;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 700; font-size: 11px; text-transform: uppercase;
	list-style: none;
	overflow: hidden;
}
.breadcrumb li {
	color: #FFF;
	text-decoration: none;
	padding: 0 0 0 50px;
	background: #000;
	position: relative;
	display: inline-block;
	-webkit-transition: none;
  -moz-transition:none;
  -o-transition: none;
  transition: none;
  text-indent: 5px;
}
.breadcrumb li:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 35px solid #000;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}
.breadcrumb li:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 35px solid #303030;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 2px;
	left: 100%;
	z-index: 1;
}
.breadcrumb li:first-child {	padding-left: 20px;}
.breadcrumb li:hover { background: #d88a59 }
.breadcrumb li:hover:after { border-left-color: #d88a59 !important; }
.breadcrumb li:first-child:hover { background: #000}
.breadcrumb li:first-child:hover:after { border-left-color: #000 !important; }
.breadcrumb li a { color: #FFF}

.explore-bar .interactive-breadcrumbs {
  padding-top: 15px;
}
.interactive-breadcrumbs {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 700; font-size: 12px;
  padding-top: 0;
  color: #FFF;
}
.interactive-breadcrumbs .root {
  line-height: 43px;
  padding: 0 15px;
  background-color: #2c2c2c;
  z-index: 55;
  text-transform: uppercase;
}
.interactive-breadcrumbs .topic-select {  padding: 0; margin: 0; z-index: 52; }
.interactive-breadcrumbs .topic-select .form-item { clear: none; }

.interactive-breadcrumbs .topic-select a.sbSelector {
  background-color: #2c2c2c;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  text-indent: 30px;
  padding-right: 17px;
}
.interactive-breadcrumbs .topic-select .sbSelector,
.interactive-breadcrumbs .topic-select .sbHolder {	width: 260px;}
.interactive-breadcrumbs .topic-select .sbOptions { width: 277px}
.interactive-breadcrumbs .topic-select .sbOptions a { text-indent: 0; padding-left: 15px}
.interactive-breadcrumbs .topic-select .sbToggle {  right: -7px;}

.interactive-breadcrumbs .topic-select.arrow { z-index: 53; margin-right: 3px}
.interactive-breadcrumbs .topic-select.arrow .sbSelector,
.interactive-breadcrumbs .topic-select.arrow .sbHolder { width: 225px;}
.interactive-breadcrumbs .topic-select.arrow .sbOptions { width: 242px}
.interactive-breadcrumbs .topic-select.arrow .sbToggle {  right: -22px;}

.interactive-breadcrumbs .root,
.interactive-breadcrumbs .topic-select {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 3px;
}
.interactive-breadcrumbs .topic-select:last-of-type { margin-right: 0; }
.interactive-breadcrumbs .root:after,
.interactive-breadcrumbs .topic-select.arrow:after {
  content: " ";
  width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: -22px;
	border-top: 22px solid transparent;
	border-bottom: 21px solid transparent;
 	border-left: 22px solid #2c2c2c;
}
.interactive-breadcrumbs .topic-select { padding-left: 0}
.interactive-breadcrumbs .topic-select:before {
  content: " ";
  width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	border-top: 22px solid transparent;
	border-bottom: 21px solid transparent;
 	border-left: 22px solid #404040;
 	z-index: 30;
}
.interactive-breadcrumbs .topic-select.arrow:after { right: -22px}
.interactive-breadcrumbs .topic-select:hover:after {  border-left-color: #DA8A59;}
.interactive-breadcrumbs .topic-select:hover a.sbSelector {  background-color: #DA8A59;}

.white-wrapper .interactive-breadcrumbs {
  background-color: #404040;
}
@media screen and (min-width: 768px) {
  .white-wrapper .field-name-topic-select,
  .white-wrapper .interactive-breadcrumbs {
    display: inline-block;
  }
  .white-wrapper .interactive-breadcrumbs {
    margin-bottom: -7px;
  }
}


.field-name-back-to-roundtables {
	padding-top: 15px;
}
.field-name-back-to-roundtables a {
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
  line-height: 43px;
  background-color: #2c2c2c;
  display: inline-block;
  padding: 0 15px;
}
.field-name-back-to-roundtables a:hover {
	background-color: #DA8A59;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
}

.related-content table { width: auto}
.related-content .views-view-grid td { width: 222px; padding: 0 25px 0 0}
.related-content .views-view-grid td.col-last { padding-right: 0}
.related-content .view-content { margin: 0 auto; width: 960px; padding: 0;}

.related-content .view-content .node-last { margin-right: 0}
.field-name-contributor-content-2 .node-teaser{ margin-bottom: 24px}

.featured-content .view-header h3 { color: #69A77B}
.view-contributor-content .views-view-grid td { padding-bottom: 25px; padding-right: 0}
.field-name-contributors-grid .views-view-grid td { padding-right: 0}

.recent-episodes .view-content,
.recent-episodes .view-footer { margin: 0 auto; width: 960px}
.recent-episodes .view-header h3 { color: #69A77B}
.recent-episodes .view-footer { text-align: center}

.view-education-categories .views-view-grid td { padding-bottom: 25px; padding-right: 0}



/* GRADIENTS */
.search-results-wrapper,
.view-user-playlist-list .views-row,
.content-wrapper,
.content-list .field.view-mode-sub_topic,
.page-vocabulary-tags .content-list .field.view-mode-full,
.related-content,
.block-disqus,
.topic-list .views-row-odd, .topic-list .views-row-even,
#block-views-content-by-terms-block-5,
#block-views-content-by-terms-block-6,
.node-unit.view-mode-full .field-collection-item-field-unit-videos,
.node-unit.node-teaser {
  background: #323131; /* Old browsers */
  background: -moz-linear-gradient(top, #323131 0%, #3a3939 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323131), color-stop(100%,#3a3939)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #323131 0%,#3a3939 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #323131 0%,#3a3939 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #323131 0%,#3a3939 100%); /* IE10+ */
  background: linear-gradient(to bottom, #323131 0%,#3a3939 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323131', endColorstr='#3a3939',GradientType=0 ); /* IE6-9 */
}

/************************ end shared blocks / content modules ********************/


/************************ user login / register / profiles ***********************/
a.login-icons,
#social-wrapper a.login-icons {
  color: #FFFFFF;
	font-family: 'Gotham SSm A', 'Gotham SSm B';	font-size: 12px;	font-style: normal;	font-weight: bold;
	text-transform:uppercase;	border: 2px solid #3b5998;	line-height: 38px;	padding: 0 0 0 36px;	display: block;
	background: url(../images/facebook.png) no-repeat 13px 11px; margin-bottom: 8px;
}
a.login-Google,
#social-wrapper a.login-Google {
  border-color: #DD4C39; 	background: url(../images/google.png) no-repeat 13px 13px;
}
#social-wrapper .throbber { top: -6px}

.user-login-form-wrapper .form-actions { display: inline-block; float: left; margin-top: 0; position: relative}
.user-login-form-wrapper { position: relative }
.form-login { margin-left: 200px; }

.user-login-form-wrapper .ajax-progress {
  width: 200px;
  position: absolute;
  top: 50px;
  left: 0;
}
.user-login-form-wrapper .messages-inline a { display: none}
#user-login-form .ajax-progress .message { padding-top: 4px}


#social-wrapper { position: absolute;left: 40px;top: 38px; width: 140px; z-index:9}
#social-wrapper label,
.user-login-form-wrapper label.account {
  font-size: 12px; font-weight: 800; margin-bottom: 20px;
}
.user-login-form-wrapper .form-item input {
  width: 253px;
  float: left;
}
.user-login-form-wrapper .form-item { margin-bottom: 18px}
.user-login-form-wrapper a.login-help,
#user-login-form a.login-help {
  text-transform: uppercase;
  font-size: 12px; font-weight: 700; color: #808080; padding: 0;
  margin-top: 16px;
}
.user-login-form-wrapper a.login-help:hover { color: #FFF}
#user-login-form a.login-help { float: right; }
#user-login-form .form-item { float: left;  clear: none;}

.block-advance-social-login-and-share { position: absolute; top: 172px; left: 0; width: 220px }
#user-login .form-login { padding-top: 45px}

.user-register-wrapper, .user-login-wrapper, .user-pass-wrapper { padding: 40px 0}
.user-register-wrapper h1, .user-login-wrapper h1, .user-pass-wrapper h1 { font-size: 60px}
.page-user .master-parent { margin-bottom: -5px; display: block}

.user-register-form-wrapper {
  margin-top: 50px; position: relative;
  background: url(../images/or.png) 262px 45px no-repeat;
}
.block-advance-social-login-and-share h2.block-title,
#user-login label.account {
  font-weight: 800;
  color: #d98a59; font-size: 14px;
}


.page-user-register #block-block-8 {
	width: 220px;
	position: absolute;
	top: 350px; left: 0;
	font-size: 14px;
	line-height: 1.25;
}
.page-user-register #block-block-8 p {
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	margin-bottom: 0.75em;
}
.page-user-register #block-block-8 ul {
	margin-left: 25px;
}
.page-user-register #block-block-8 li {
	list-style-type: disc;
	color: #fff;
	margin-bottom: 0.5em;
}

.page-user #user-login .form-login { margin-left: 0}
.page-user #user-login  a.login-help { margin: 10px 0 0 50px; display: inline-block}

.form-register,
.page-user.page-user-login #user-login .form-login { margin-left: 325px}

.form-register .field-name-field-first-name,
.form-register .field-name-field-last-name,
.form-register .form-type-password { float: left; width: 305px; clear: none}

.form-register .field-name-field-first-name,
.form-register .form-item-pass-pass1 { margin-right: 25px; margin-bottom: 0;}
.form-register .form-item-pass-pass2 { margin-bottom: 0;}

.form-register .field-name-field-first-name input,
.form-register .field-name-field-last-name input,
.form-register .form-type-password input { width: 250px}

.form-register .form-item-name input { width: 580px; max-width: none}
.form-register .form-item-mail input { width: 580px; max-width: none}

.privacy-policy { font-size: 12px}
.privacy-policy a { text-decoration: underline}

#ajax-register-user-login-wrapper #messages,
#ajax-register-user-register-form-wrapper #messages {
  display: none; position: absolute; top: 110px; left: 325px; width: 645px;
}
#ajax-register-user-pass-wrapper .form-item-name { height: 60px}
#ajax-register-user-pass-wrapper #messages {
  display: none; position: absolute; top: 110px; left: 0; width: 645px;
}
#ajax-register-user-login-block-wrapper div.messages-inline { top: -18px; }

.pass-inst { padding: 50px 0 10px;}
.user-pass-wrapper p { font-family: 'Gotham SSm A', 'Gotham SSm B';}
.user-pass-wrapper .form-actions,
#user-pass-reset .form-actions { margin-top: 30px;}
#user-pass-reset { margin-top: 50px;}


/** Account Editing **/
.profile-wrapper .banner { height: 215px; min-height: 215px;}
.profile-wrapper .banner .master-parent {display: block; padding-top: 45px }
.user-text { height: 100%; position: relative; }
ul.tabs { margin: 0; padding: 0; position: absolute; left: 0; bottom: 0}
ul.tabs li { margin: 0; padding: 16px 18px 18px; line-height: 50px;
  display: inline;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
}
ul.tabs li.active { background: #323131; }
ul.tabs li a { color: #FFF;}
ul.tabs li a:hover { color: #d88a59}

.profile { padding: 75px 0 20px; width: 470px}
.profile h3 { border-bottom: 0; margin: 0 0 10px}
.profile .field-name-field-first-name,
.profile .field-name-field-middle-name,
.profile .field-name-field-last-name  { float: left; width: 225px; clear: none;}
.profile .field-name-field-first-name  { margin-right: 20px}
.profile .field-name-field-prefix input,
.profile .field-name-field-suffix input,
.profile .field-name-field-first-name input,
.profile .field-name-field-middle-name input,
.profile .field-name-field-last-name input  { width: 170px}
.profile .form-item-name input,
.profile .form-item-mail input { width: 415px; max-width: 415px}
.profile .form-type-password {height: 60px}
.profile .form-type-password input { max-width: 250px}
.profile .form-item-pass-pass2 { margin-bottom: 0}
.profile .form-item-status label,
.profile .form-item-roles label { text-transform: none; font-weight: 700}
.profile .form-type-checkbox label,
.profile .form-radios label { font-weight: 400}
.profile .form-actions { margin-top: 0}
.profile .field-name-field-sign-up-for-our-newsletter label { font-weight: 700; }
.profile .field-name-field-sign-up-for-our-newsletter .description { line-height: 1.3; margin-top: 3px}
.profile div.messages.messages-inline { padding-top: 3px}
.profile #messages { display: none; margin-top: -56px}
.profile #edit-cancel { background-color: #2d2c2c; }
#ctt_social_networks { margin-bottom: 20px; }
#ctt_social_networks .form-button { display: inline-block; font-weight: 700; }
#ctt_social_networks .interface_container { display: none; margin-top: 25px}
#ctt_social_networks:hover .interface_container { display: block}

.profile .field-name-field-prefix,
.profile .field-name-field-suffix,
.profile .field-name-field-middle-name { display: none}
.profile .contributor .field-name-field-middle-name { display: block}
.profile .contributor .field-name-field-last-name { width: auto}
.profile .contributor .field-name-field-last-name input { width: 415px; max-width: 415px}

.profile #edit-revalidate { border: none}
.profile #edit-revalidate legend { display: none}
.profile fieldset div.with-legend { margin-top: 0}
.profile #edit-revalidate div.with-legend a { text-transform: uppercase; font-weight: 700;}


/************************ end user login / register / profile ********************/



/************************ Contributors *******************************************/
.profile2-contributor .banner { height: 282px; min-height: 282px}
.contributor-wrapper {
  height: 100%;
  float: left;
  width: 100%;
  position:absolute;
  top:0px;
  color: #FFF;
}
.contributor-text {
  margin-top: 40px;
  position: relative;
}
.contributor-text .field-name-title { margin-bottom: 50px }
.contributor-text h1 {
	font-size: 70px;
}
.contributor-text h3 { font-size: 17px; margin-bottom: 8px}

.field-name-field-title {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 400;
	font-style: normal;
	font-size: 22px;
	color: #ecebe6;
	margin-top: 36px;
}
.profile2-contributor .gray-line { margin-top: 20px; padding-top: 10px;}
.profile2-contributor p {margin-bottom: .600em}

.field-name-field-biography-summary { margin-bottom: 10px}
.field-name-field-biography-summary p { font-size: 22px; font-weight: 700; line-height: 1.333em}

.field-name-field-book { margin-top: 40px}
.field-name-field-book .row {height: auto; margin-bottom: 70px; width: 100%; position: relative }

.books-wrapper h2 { text-align: center}
.books-wrapper .jcarousel-item { height: 100%; width: 180px; margin-right: 67px; position: static;}
.books-wrapper .jcarousel-item.last { padding-right: 65px; margin-left: 0}
.book-teaser img { max-width: 165px}
.book-teaser .title { color: #FFF; margin-bottom: 60px; margin-top: 10px; font-family: 'Gotham SSm A', 'Gotham SSm B'; line-height: 1.15em; font-size: 15px; font-weight: 700; }
.book-teaser .title a { color: #FFF}
.book-teaser .form-button { position: absolute; bottom: 0; margin-right: 0; padding: 10px 15px; font-weight: 700;}

.profile2-contributor .group-left { float: left; width: 715px; margin-top: 25px;  }
.profile2-contributor .group-right { float: right; width: 140px;margin-top: 25px; }
.profile2-contributor .group-right .field-name-share-link { position: static}

.profile2-contributor .contributor-interviews .view-content { width: 960px; margin: 0 auto}

.group-follow { margin: 40px 0 20px}
.group-follow h3 { margin-bottom: 0}
.group-follow .field-type-link-field a {
  display: block;
  border: 2px #000 solid;
  padding: 3px 10px 3px 36px;
  margin: 2px 0 8px;
  font-family: 'Gotham SSm A', 'Gotham SSm B';  font-weight: 700;
  text-transform: uppercase;
  font-size: 10px;
  background-repeat: no-repeat;
  background-position: 10px 9px;
}
.group-follow .field-name-field-facebook-url a { border-color: #9daccb; color:#3b5998; background-image: url(../images/cntr-facebook.png) }
.group-follow .field-name-field-facebook-url a:hover { background-color: #9daccb; color: #FFF }
.group-follow .field-name-field-twitter-url a { border-color: #95d4f0; color:#2caae1; background-image: url(../images/cntr-twitter.png) }
.group-follow .field-name-field-twitter-url a:hover { background-color: #95d4f0; color: #FFF }
.group-follow .field-name-field-google-plus-url a { border-color: #eea59c; color:#dd4c39; background-image: url(../images/cntr-googleplus.png) }
.group-follow .field-name-field-google-plus-url a:hover { background-color: #eea59c; color: #FFF }
.group-follow .field-name-field-linked-url a { border-color: #8dc3de; color:#1c87bd; background-image: url(../images/cntr-linkedin.png) }
.group-follow .field-name-field-linked-url a:hover { background-color: #8dc3de; color: #FFF }

.contributor-box .view-content {
  clear: both;
  border: 8px #e5e5e5 solid;
  padding: 25px 30px;
  position: relative;
  min-height: 206px;
}
.contributor-box h3 { margin-bottom: 5px; line-height: 1.34}
.contributor-box p {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1.4;
	margin-right: 175px;
}
.contributor-box .image-style-episode-thumbnail { float: right; margin-top: 8px; margin-right: 2px}
.profile-link {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 700;
	font-style: normal;
  text-transform: uppercase;
  font-size: 12px;
}

.profile2-contributor.view-mode-teaser .teaser-text,
.user-profile.view-mode-teaser .teaser-text {
  position: absolute; bottom: 16px; padding-top: 0;
  top: auto;
}
.field-name-featured-contributors { padding: 35px 0}
.video-overlay {
  position: absolute;
  bottom: 80px;
  left: 50px;
  display: none;
}
.video-overlay .field-name-field-title { margin-top: 15px; font-size: 19px}
.video-overlay h1 { line-height: 52px; margin-top: 8px}

.field-name-contributor-view-selector { background-color: #404040; padding: 16px 0; text-align: right}
.field-name-contributor-view-selector a {
  display: inline-block;
  border: 2px #2d2d2d solid;
  padding: 14px 16px 14px 40px;
  color: #FFF;
  text-transform: uppercase;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 700;
  font-size: 12px; line-height: 12px;
  margin-left: 18px;
  background: url(../images/icon-view-mode.png) 0 0 no-repeat;
}
.field-name-contributor-view-selector a:hover,
.field-name-contributor-view-selector a.active {
  background-color: #FFF; border-color: #FFF; color: #404040;
}
.field-name-contributor-view-selector a.list {  background-position: 0 -80px;}
.field-name-contributor-view-selector a.list.active,
.field-name-contributor-view-selector a.list:hover { background-position: 0 -120px;}
.field-name-contributor-view-selector a.grid.active,
.field-name-contributor-view-selector a.grid:hover {  background-position: 0 -40px;}
/************************ end Contributors ***********************************/


/************************ overlays ******************************************/
.overlay-content { width: 960px; margin: 0 auto;background: #000; }
.overlay-content .wrapper { width: 860px; padding-left: 0; padding-right: 0;}
.overlay-content { background: #191919; }
.overlay-content .node .banner { height: 262px; min-height: 262px}
.overlay-content .node-text { margin-top: 70px; line-height: 1; }
.overlay-content .node-text h1 { padding-right: 200px}
.overlay-content .node-text .type,
.overlay-content .node-text .master-parent { font-size: 14px; margin-bottom: 10px; display: block}
.overlay-content p { font-family: 'Gotham SSm A', 'Gotham SSm B';font-weight: 400;font-style: normal; }
.overlay-content .banner .field-name-field-background-image img { min-height: 262px}
.overlay-content .banner .field-name-field-background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.overlay-content .field-name-body,
.overlay-content .field-name-field-biography-summary { float: none; width: auto; margin-right: 0}
.overlay-content .field-name-body p,
.overlay-content .field-name-field-biography-summary p { font-size: 16px; line-height: 22px; margin-top: 30px}
.overlay-content .jcarousel-container { width: 632px}
.overlay-content .links-wrapper { min-height: 66px; background-color: transparent; margin-bottom: 30px; padding-top: 10px}
.overlay-content .links-wrapper h3 { margin-bottom: 8px}
.overlay-content .links-wrapper .jcarousel-item { height: 66px;  }
.overlay-content .links-wrapper .node-teaser { height: 62px; margin-bottom: 12px}
.overlay-content .links-wrapper .field-name-contributor-image { display: none}
.overlay-content .group-social { position: static; top: auto; background: #000;}
.overlay-content .group-social .wrapper { padding: 20px 0}
.overlay-content .watch-link { text-indent: -9999px; float: none; position: absolute; right: 80px; top: 30px;
  margin:0; padding: 0;
  height: 100px; width: 101px;
  background: url(../images/play-large.png) 0 0 no-repeat;
}
.overlay-content .watch-link:hover { background-position: 0 -100px }
.overlay-content .field-name-field-like  { float: left}
.overlay-content .field-name-node-link a,
.overlay-content .field-name-read-more a{
  position: absolute;
  bottom: 4px; right: 0px;
  background-color: #808080;
  color: #FFF;
  text-transform: uppercase;
  font-family: 'Gotham SSm A', 'Gotham SSm B';font-weight: 700;font-style: normal; font-size: 12px;
  padding: 11px 15px 11px 45px;
  background-image: url(../images/icon-info.png);
  background-repeat: no-repeat;
  background-position: 20px 16px;
}
.overlay-content .ajax-container { display: none}
.overlay-content .field-name-node-link a:hover,
.overlay-content .field-name-read-more a:hover { background-color: #d88a59}
.overlay-content.playing .field-name-body,
.overlay-content.playing .field-name-field-biography-summary,
.overlay-content.playing h3 { display: none;}
.overlay-content.playing .links-wrapper { margin-bottom: 20px; padding-top: 15px}

.overlay-style #cboxWrapper {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.overlay-style #cboxWrapper,
.overlay-style #cboxLoadingOverlay,
.overlay-style #cboxContent  {background: #191919;}
.overlay-style #cboxMiddleLeft,
.overlay-style #cboxMiddleRight,
.overlay-style #cboxTopLeft,
.overlay-style #cboxTopCenter,
.overlay-style #cboxTopRight,
.overlay-style #cboxBottomLeft,
.overlay-style #cboxBottomCenter,
.overlay-style #cboxBottomRight,
.overlay-style #cboxTitle  { display: none; width: 0; height: 0}
.overlay-style #cboxLoadedContent { margin-bottom: 0;background: #000}
.overlay-style #cboxLoadingGraphic { background: none}
.overlay-style #cboxClose { top: 0; right: 0; bottom: auto;
	height: 50px; width: 50px;
  background: url(../images/overlay-close.gif) 0 0 no-repeat;
}
/************************ end overlay ***************************************/


/************************content start***************************************/

.feature {
	color: #69A77B;
	float: left;
	font-weight: bold;
	margin-top: 32px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	font-size:14px;
}

#main-content, .block-inner, .pane-inner, .menu-wrapper, .branding-elements, .breadcrumb-wrapper, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title, div.messages {
	margin-left:0px;
	margin-right:0px;
}

.block .item-list ul {
	margin-left: 0px;
}

.feature-like {
	color: #FFFFFF;
	float: left;
	font-size: 34px;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 300;
	font-style: normal;
}
.content-image
{
	float: left;
	width:960px;
}
.content-image ul li
{
	float: left;
	padding: 10px 10px;
}
.page-title-header {
	float:left;
	margin-top:65px;
}
#tasks {
	clear:both;
	padding-top: 30px;
}


/************************* Footer Start **************************************/

.footer { background: #000; width: 100%; }
.footer .wrapper:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.footer-left { float: left; margin-top: 40px; width: 70%; padding-bottom: 30px; }
.footer-left ul li { float: left; padding-right: 42px; list-style-image: none; list-style-type: none; }
.footer-left ul li a { color: #fff; text-transform: uppercase; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 13px; }
.footer-left ul li.menu-item-480 a { margin-left: 30px; }
.footer-left ul li a:hover { color: #d88a59; }
.footer-left ul li.menu-item-949 { background: url(../images/watch-us.png) no-repeat right 3px; }
.footer-left ul li.menu-item-949:hover { background: url(../images/watch-us.png) no-repeat right -24px;}
.footer-left ul li.menu-item-949:hover > a { color: #d88a59;}
.footer-left p, .footer-left h2 { color:#707070; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal;	font-size:14px; margin-bottom:10px; }
.footer-left #block-webform-client-block-71 { margin-bottom: 35px; }
.footer-left form.webform-client-form { position: relative; width: 312px; height: 59px; background: none repeat scroll 0 0 #2D2C2C; padding: 8px;  }
.footer-left .webform-component-email { margin: 0; }
.footer-left input.form-email { background: none repeat scroll 0 0 #2D2C2C; border: none; color: #fff; font-weight: 400; font-size: 14px; padding: 0 10px; height: 43px; max-width: 208px; width: 100%; float: left; margin-right: 10px; }
.footer-left .form-actions { margin: 0; }
.footer-left input.form-submit { float: left; width: 75px; padding: 14px 0; margin: 0; }
.footer-left .copyright p { color: #707070; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; font-size: 13px; margin: 0; }
.footer-left .copyright a { color: #707070; }
.footer-left .copyright a:hover { text-decoration: underline; }

.footer-right { float: right; margin-top: 50px; padding-bottom: 30px; width: 30%; }
.footer-right .connect { text-align: right; margin-bottom: 105px; }
.footer-right .connect h2 { color:#d98a59; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 14px; margin-bottom: 12px; }
.footer-right .connect span { display: inline; margin-left: 10px; }
.footer-right .site-credits p { color: #707070; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; font-size: 13px; text-align: right; }
.footer-right .site-credits a { color: #fff; font-weight: bold; }
.footer-right .site-credits a:hover { text-decoration: underline; }

.footer-left form.webform-client-form div.messages.messages-inline { position: absolute; top: 65px}
.footer-left input.form-email.error { border: 2px solid #DB3626; top: 0}
.footer-left form.webform-client-form .ajax-progress {position: absolute;top: 18px;right: 100px;}
.footer-left #webform-ajax-wrapper-71 { position: relative;}
.footer-left #webform-ajax-wrapper-71 div.messages.status {position: absolute;top: 70px;left: 0px; padding: 0; background: none; border: none;}
.footer-left #webform-ajax-wrapper-71 div.messages.status p {font-size: 12px; display: block; color: #69A77B; font-weight: 400; text-transform: none; font-family: 'Gotham SSm A', 'Gotham SSm B';}
.footer-left #webform-ajax-wrapper-71 div.links { height: 23px;}
.footer-left #webform-ajax-wrapper-71 div.links a { display: none;}

#zendesk-msg { text-align: center; background-color: #d88a59;}
#zendesk-msg a { color:#000; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal;	font-size:14px; margin-bottom:10px; text-transform: uppercase; line-height: 50px;}
#zendesk-msg a:hover { color:#fff;}

/************************* End Footer **************************************/


/************************* Search Start ************************************/
#search-form { width: 960px; margin: 0; padding: 0; position: relative}
#search-form .form-item { display: block; margin-bottom: 30px}
#search-form #edit-basic label {
  font-size: 12px; font-weight: 700; color: #5e5e5e;
  margin-bottom: 35px;
  display: block; position: static; clip: none;
}
#search-form .form-submit {
  height: 81px; width: 81px;
  background: url(../images/search-btn.png) 0 0 no-repeat;
  text-indent: -9999em;
  position: absolute;
  top: 52px; right: 0;
}
#search-form .form-submit:hover {
  opacity: 0.7; filter: alpha(opacity=70);
}
#search-form .form-submit:focus { outline: none}
#search-form .form-type-textfield input {
  background: #000;
  padding: 0;
  font-size: 80px; line-height: 80px;
  color: #FFF;
  font-weight: 800;
  max-width: 850px;
  vertical-align: middle;
  position: relative; top: -8px;
  height: 95px;
}
#search-form .form-type-textfield input:focus { outline: none}
#search-form ::-webkit-input-placeholder { padding-top: 8px; color: #FFF; /* WebKit browsers */}
#search-form :-moz-placeholder { padding-top: 8px; color:#FFF;/* Mozilla Firefox 4 to 18 */}
#search-form ::-moz-placeholder { padding-top: 8px; color:#FFF;/* Mozilla Firefox 19+ */}
#search-form :-ms-input-placeholder { padding-top: 8px; color:#FFF; /* Internet Explorer 10+ */}
#search-form .form-item-retain-filters { position: absolute; top: 210px; right: 0;}
#search-form #edit-basic .form-item-retain-filters label { display: inline; color: #FFF; margin-left: 4px}


#search-auto-results { background-color: #FFF}
#search-auto-results .view-filters { display: none}
#search-auto-results .search-results {
  padding: 50px 0; color:  #23201e;
  text-transform: none;
}
#search-auto-results .search-results a {
  color: #23201e;
  text-transform: none;
  font-weight: 400;
  padding: 0;
  float: none;
  margin: 16px 0 0;
  font-size: 15px;
}
#search-auto-results .search-results a:hover { color: #d88a59}

#search-auto-results .search-results h2 {
  font-weight: 700;
  color: #d98a59;
  font-size: 12px;
  margin-bottom: 0;
  letter-spacing: 0;
  text-transform: uppercase;
}
#search-auto-results .search-results .view-empty p {
  font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal;
  margin-top: 16px; color: #AAA; font-size: 15px;
}

#search-auto-results #see-all-search a {
  display: block;
  background-color: #75abac;
  color: #FFF;
  margin-top: 60px;
  padding: 20px 0;
  text-align: center;
  font-weight: 700;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#search-auto-results #see-all-search a:hover { background-color: #69A77B}

.auto-search-column {
  float: left;
  width: 225px;
  margin-right: 20px;
}
.auto-search-column.last { margin-right: 0}

.page-search-site .outer-content-container { background: #000; padding-top: 40px;}
.page-search-site .outer-content-container #search-form {
   margin: 0 auto;
   background-position: right 60px;
}
.spelling-suggestions { width: 960px; margin: 0 auto; position: relative}
.spelling-suggestions .form-item { position: absolute; top: -28px; left: 0;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-size: 12px;
  color: #666;
}
.spelling-suggestions .form-item dt { display: inline}
.spelling-suggestions .form-item dt strong { font-weight: 400;}
.spelling-suggestions .form-item dd { margin: 0 0 0 6px; display: inline-block}
.search-results-wrapper {
  padding: 70px 0 50px;
  min-height: 400px;
}
#search-blocks { width: 100%; position: absolute; top: 255px; right: 0}
#search-blocks .block {
  background: #262626; float: left; margin: 0;
  border-left: 2px #303030 solid; padding: 12px 16px; clear: none;
/*  min-width: 120px; max-width: 200px;*/
  position: relative;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  cursor: pointer;
  line-height: 1;
}
.count-wrapper {
  background: #262626;
  padding: 12px 16px;
  margin: 0 0 40px
}
.align-right { float: right}

h3.results-count { margin: 0; line-height: 15px;}
#search-blocks .block h2 {
  float: left;
  color: #666666;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  line-height: 15px;
  padding: 0;
  letter-spacing: 0;
}
#search-blocks .block .item-list, #search-blocks .block form { padding-bottom: 0; }
#search-blocks .form-submit { display: none}

#search-blocks .block.open, #search-blocks .block.open:hover { background: #FFF;}
#search-blocks .block.open h2 { color: #999;}
#search-blocks .block.open span.value { color: #000; background-position: right -10px}
#search-blocks .block:hover { background: #2B2B2B;}

.filter-wrapper { float: right; margin-left:20px}
.filter-wrapper span.value {
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 12px;
  line-height: 15px;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  float: right;
  padding-right: 16px;
  background: url(../images/arrow_down.png) right 5px no-repeat;
}
.filter {
  cursor: default;
  display: none; position: absolute; top: 39px; left: 0;
  z-index: 3;
  background: #DBDBDB;
  width: auto;
  min-width: 100%;
}
.filter .form-item,
.filter .item-list li {
  white-space: nowrap;
  border-bottom: 1px #FFF solid;
  padding: 17px 20px 12px;
  margin: 0;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 400;
}
.filter .item-list li a { color: #000}
.filter .item-list li a:hover,
.filter .form-item:hover label { color: #d98a59}
.filter .form-item label { margin-left: 4px}
.filter .form-item.last,
.filter .item-list li.last { border-bottom: 0}
.filter label { text-transform: capitalize;  font-weight: 400; color: #000
}
.filter div.checker span { background-position: -80px 0;}
.filter div.checker span.checked, .filter div.checker.disabled span.checked,
.filter div.checker.disabled.active span.checked {
  background-position: -100px 0;
}
.filter .item-list li img {
  background-color: #000;
  margin-left: -12px;
  margin-right: 2px;
  position: relative;
  top: -1px;
  padding: 2px;
}

.search-help ul { margin-left: 0;}
.search-help ul li { color: #FFF}

.ds-search-highlight { background-color: transparent; color: #d98a59; }

article.view-mode-search_result { margin-bottom: 30px;}
article.view-mode-search_result .field { float: none; width: auto}
article.search-result-thumb .field{ margin-left: 160px;}

article.view-mode-search_result .field-type-image {
  position: relative;
  float: left; width: 140px; height: 140px; margin-left: 0;margin-bottom: 25px;
}
article.view-mode-search_result .field-type-image .icon {
  position: absolute;
  top: 43px; left: 43px;
  width: 55px; height: 55px; background-image: url(../images/watch-icon-md.png);
}
article.view-mode-search_result h4 { margin: 0 0 12px;  }
article.view-mode-search_result .type { position: relative; top: -7px}
article.view-mode-search_result .field-type-text-long p,
article.view-mode-search_result .field-type-text-with-summary p {
  color: #cecfbc; font-size: 16px; line-height: 1.45; margin-top: 0;
  font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400;
}
article.view-mode-search_result .field-name-video-count-playlist-length,
article.view-mode-search_result .field-name-tv-episode-duration,
article.view-mode-search_result .field-name-interview-series-duration {
  font-size: 12px; font-family: 'Gotham SSm A', 'Gotham SSm B'; color: #FFF;
}

/************************* End Search ************************************/



/**************************** Start Playlists ***************************/
/* Add to Playlist Button */
.playlist-button {color: #000; float: left; position: relative; font-family: 'Gotham SSm A', 'Gotham SSm B';}
.add-to-playlist-button {
	font-weight: 700;
  background-image: url(../images/playlist-wt.png);
  background-repeat: no-repeat;
  background-position: 20px 17px;
  background-color: #DB3626; display: inline-block; padding: 10px 17px 7px 38px}
.add-to-playlist-button:hover { background-color: #000}
.add-to-playlist-button:focus,
.add-to-playlist-button:active:focus { color: #FFF; }

.playlist-button h2 { color: #000}
.playlist-button label {
  text-transform: uppercase;
  font-weight: 800;
  color: #d98a59;
  font-size: 14px;
  margin-bottom: 16px;
}
.playlist-button label .form-required { display: none}
.playlist-button .form-type-checkboxes,
.playlist-button form { margin-bottom: 0; padding-bottom: 0}
.playlist-button .form-type-checkbox {
  overflow: hidden;
  margin: 0 -20px;
  padding: 7px 20px 5px;
}
.playlist-button .form-type-checkbox label {
  text-transform: none;
  color: #000; font-weight: 700;
  font-size: 16px;
}
.playlist-button .form-checkboxes,
.playlist-button .create-playlist-wrapper,
#add-video-wrapper .ajax-progress,
#playlist-form-messages {
  background: #FFF;
  padding: 0 20px 12px;
}
.playlist-button .form-checkboxes { padding-top: 10px}
#add-video-wrapper .ajax-progress { width: 100%; padding: 0}
#add-video-wrapper .ajax-progress .throbber { margin-left: 20px}
.playlist-button div.checker span { background-position: -120px 0;}
.playlist-button div.checker span.checked, .playlist-button div.checker.disabled span.checked,
.playlist-button div.checker.disabled.active span.checked {
  background-position: -140px 0;
}
.playlist-button .form-type-checkbox:hover { background: #000;}
.playlist-button .form-type-checkbox:hover label { color: #FFF;}
.playlist-button .form-type-checkbox:hover div.checker span { background-position: 0 0;}
.playlist-button .form-type-checkbox:hover div.checker span.checked,
.playlist-button .form-type-checkbox:hover div.checker.disabled span.checked,
.playlist-button .form-type-checkbox:hover div.checker.disabled.active span.checked {
  background-position: -20px 0;
}
#add-video-wrapper .form-submit { display: none}
.playlist-form-content {
  background-color: #DBDBDB;
  padding:32px 36px;
}
#playlist-form-window {
  position:absolute;
  display: none;
  z-index: 60;
  top: -60px;
  left: 195px;
  width: 420px;
}
#playlist-form-window-close {
  position:absolute;
  width:50px;
  height:50px;
  top: 0;
  right: 0;
  cursor: pointer;
  text-indent: -9999em;
  background: url(../images/overlay-close.gif) 0 0 no-repeat;
  opacity: 0.5; filter: alpha(opacity=50);
}
#playlists-toggler {
  margin: 0 0 0 34px;
  padding: 0 16px 0 0;
  cursor: pointer;
  display: inline;
  position: relative;
  top: 5px;
  color: #000;
  background: url(../images/arrow_down.png) right -6px no-repeat;
}
#playlists-toggler:hover { color: #69a77b}
.playlist-button .arrow {
  position:absolute;
  top: 73px;
  left: -10px;
  width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right:10px solid #DBDBDB;
}

#playlist-form-window.style-bottom {top: auto;bottom: -20px;}
#playlist-form-window.style-bottom .arrow  {top: auto;bottom: 30px;}

.create-playlist-wrapper hr { height: 1px; background-color: #dbdbdb; margin: 0 0 15px}
.create-playlist-wrapper a { font-weight: 700; font-size: 16px; line-height: 20px}
.create-playlist-wrapper a span { font-size: 20px; padding-right: 5px; position: relative;top: 2px;}
.create-playlist-wrapper label { display: none}
.create-playlist-wrapper .form-item { margin-bottom: 9px}
.create-playlist-wrapper .form-item input { padding: 10px 15px; max-width: 220px; height: auto}
.create-playlist-wrapper form { position: relative; display: none}
.create-playlist-wrapper form .form-submit {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
  padding: 12px 15px;
}
#create-playlist-form-error {
  font-size: 12px;
  color: #DB3626;
  font-weight: 700;
}
.guest-text { font-size: 14px; padding: 12px 16px; font-weight: 700; background: #FFF}

.style-right .playlist-button { float: right; }
.style-right #playlist-form-window { left: -440px; }
.style-right .playlist-button .arrow {
  top: 73px;
  right: -10px;
  left: auto;
	border-right: 0;
	border-left:10px solid #DBDBDB;
}

/* Playlist Displays */
.featured-playlist h3 { color: #69A77B}
.view-user-playlist-list .views-row {
  padding: 50px 0;
}
.box-wrapper {
  background: #000;
  height: 222px;
  width: 222px;
}
.box-wrapper .text {
  padding: 30px 20px 20px;
}
.box-wrapper h4 { margin-bottom: 10px}

.node-user-playlist.node-teaser {
  float: none; width: 960px; height: auto; cursor: default; margin: 0 auto; background: transparent;
}
.field-name-user-playlist-carousel {
  position: absolute;
  top: 0;
  left: 247px;
}
.field-name-user-playlist-carousel .jcarousel-wrapper .jcarousel-container { margin: 0}

.field-name-video-count-playlist-length {
  margin-top: 10px;
  font-size: 15px; font-family: 'Gotham SSm A', 'Gotham SSm B'; color: #cecfbc;
}
.field-name-share-link,
.field-name-delete-link {
  position: absolute; left: auto; bottom: 12px;
}
.field-name-share-link { bottom: 38px}
.field-name-edit-link a,
.field-name-share-link a,
.field-name-delete-link a,
.field-name-transcript-button a {
  background: url(../images/playlist-icons.png) 0 0 no-repeat;
  text-transform: uppercase;
  color: #808080; font-size: 12px;
  padding-left: 26px;
  font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700;
}
.field-name-delete-link a {
  background-position: 0px -40px;
}
.field-name-edit-link a:hover,
.field-name-share-link a:hover,
.field-name-delete-link a:hover { color: #d88a59 }

.field-name-share-link a:hover {
  background-position: 0px -240px;
}
.field-name-delete-link a:hover {
  background-position: 0px -281px;
}

.display-playlist { padding: 40px 0}
.display-playlist .type,
.playlist-form .type { font-size: 14px}
.playlist-form .field-name-video-count-playlist-length,
.display-playlist .field-name-video-count-playlist-length { color: #bfbfbf; font-size: 20px;}

.edit-links { margin: 15px 0 60px}
.edit-links .field {
  position: static; top: auto; left: auto;
  float: left; margin-right: 20px;
}
.edit-links .field a {
  border: 2px #232323 solid;
  padding: 7px 18px 6px 40px; color: #FFF;
  float: left;
  background-position: 16px -109px;
}
.edit-links .field a:hover { color: #d88a59; border-color: #d88a59; background-position: 16px -229px}
.edit-links .field-name-delete-link a { background-position: 16px -149px;}
.edit-links .field-name-delete-link a:hover { background-position: 16px -269px;}
.edit-links .field-name-edit-link a { background-position: 16px -189px;}
.edit-links .field-name-edit-link a:hover { background-position: 16px -309px;}

.edit-links .lb-style-lightgray span.lb-like {
  height: auto;
  border: 2px #232323 solid;
  background-color: transparent;
}
.touch-disabled .edit-links .lb-style-lightgray span.lb-like:hover,
.edit-links .lb-style-lightgray span.lb-voted { border-color: #d88a59;}
.touch-disabled .edit-links .lb-style-lightgray span.lb-voted:hover { border-color: #d88a59}
.edit-links .lb-style-lightgray span.lb-like .lb-a { padding: 10px 18px 10px 16px;}

.display-playlist .field-name-body {
  border-top: #2d2c2c 6px solid;
  padding-top: 15px;
  margin: 60px 0 40px;
  font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size: 17px
}
.display-playlist .field-name-body p {
  font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size: 17px
}
.display-playlist #button-wrapper { margin: 20px 0 -50px}
.display-playlist .more-details {
  display: inline-block;
  float: right;
  padding: 12px 20px 9px;
  margin-right: 0;
  background: #191919;
}
.display-playlist .more-details:hover { background-color: #000}
.display-playlist .field-name-field-playlist-item {
  border-top: #2d2c2c 6px solid;
  padding-top: 20px;
}
.display-playlist .field-collection-view { float: left; }
.display-playlist .field-collection-view .article { margin-bottom: 24px}
.display-playlist .field-collection-view.last .node-teaser { margin-right: 0}
.display-playlist .field-collection-view.active h4 a { color: #D88a59}
.display-playlist .field-collection-view.active .node-teaser {
  border: 3px #D88a59 solid;
  margin-right: 18px;
  margin-bottom: 18px;
  position: relative;
  top: -3px;
  left: -3px;
}
.display-playlist .field-collection-view.active.last .node-teaser { margin-right: 0; margin-left: -6px; left: 3px}
.display-playlist .field-collection-view.active .icon { background-image: url(../images/pause-icon.png)}
.display-playlist .field-collection-view.paused .icon { background-image: url(../images/watch-icon.png)}
.display-playlist .field-name-kaltura-holder { background: #000; position: relative}
.display-playlist .field-name-contributor-profile-box { display: none}
.display-playlist .field-name-field-playlist-item-description { display: none}
.display-playlist .field-name-title.view-mode-full { width: 800px}
.display-playlist.playing .field-name-body { border-top: 0}

.field-name-field-playlist-item-parent { display: none}

/* editing playlists */
.playlist-form { padding: 40px 0}
.playlist-form .playlist-form-wrapper {
  border-top: #2d2c2c 6px solid;
  padding-top: 45px;
  margin: 40px 0;
}
.playlist-form .form-item { margin-bottom: 45px}
.playlist-form .field-name-body {
   border-top: 0;
   margin: 0 0 45px;
   padding: 0;
}
.playlist-form label {
  text-transform: uppercase;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 800;
  font-style: normal;
  color: #d98a59;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 3px;
}
.playlist-form .text-format-wrapper .form-type-select,
.playlist-form th.tabledrag-hide,
.playlist-form div.tabledrag-changed-warning span.tabledrag-changed,
.playlist-form table.sticky-header  { display: none}
.playlist-form table.field-multiple-table tbody tr { padding: 12px}
.playlist-form table.field-multiple-table thead tr { padding-left: 12px}
.playlist-form table.field-multiple-table { margin: 0 0 0 -12px; width: 984px}
.playlist-form thead label { margin-bottom: 3px}
.playlist-form a.tabledrag-handle,
.playlist-form td.delta-order,
.playlist-form td .form-submit  { position: absolute; right: 12px; top: 12px }
.playlist-form a.tabledrag-handle,
.playlist-form td.delta-order { top: 60px}
.playlist-form #edit-title { max-width: 550px}

.playlist-form .field-name-body textarea { width: 800px; }
.playlist-form textarea  {line-height: 1.4}
.playlist-form .node-teaser { float: left; cursor: default; margin-bottom: 0}
.playlist-form .field-name-field-playlist-item-description { width: 550px; margin-left: 248px}
.playlist-form .field-name-field-playlist-item-description .form-item { clear: none}
.playlist-form #field-playlist-item-add-more-wrapper { position: relative}
.playlist-form .tabledrag-toggle-weight-wrapper a { position: absolute; top: 0; right: 0;
  text-transform: uppercase; font-size: 12px; font-weight: 700; z-index: 5; display: none}
.playlist-form .sbHolder {
  width: 134px; height: 37px;
  border: 2px #232323 solid;
  background-color: transparent;
}
.playlist-form .sbOptions {
  background-color: #323131;
  width: 134px; border: 0;
}
.playlist-form .sbSelector { width: 90px; line-height: 37px; height: 100%; text-indent: 21px}
.playlist-form .sbToggle { top: 3px}
.playlist-form input.form-delete,
.playlist-form a.tabledrag-handle .handle  {
  background: url(../images/playlist-icons.png) 16px -149px no-repeat;
  text-transform: uppercase;
  color: #FFF; font-size: 12px;
  border: 2px #232323 solid;
  height: auto;
  line-height: 1;
  padding: 13px 36px 12px 43px;
  color: #FFF;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0;
  width: 138px;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  transition: none 0.3s ease;
  -webkit-transition: none 0.3s ease;
  -moz-transition: none 0.3s ease;
  -o-transition: none 0.3s ease;
  -ms-transition: none 0.3s ease;
}
.playlist-form input.form-delete:hover,
.playlist-form a.tabledrag-handle:hover .handle { background-position: 16px -269px; color: #d88a59; border-color: #d88a59; }
.playlist-form a.tabledrag-handle .handle { background-position: 16px -351px; font-weight: 700; }
.playlist-form a.tabledrag-handle:hover .handle { background-position: 16px -390px; }
.playlist-form .field-name-field-playlist-item-description { display: block}
.playlist-form .field-multiple-table td.field-multiple-drag { width: auto;}
.playlist-form .field-multiple-table td.field-multiple-drag a.tabledrag-handle { width: 138px; padding: 0; margin: 0; height: auto; float: none}
.playlist-form a.tabledrag-handle .handle { height: auto; width: auto}
.playlist-form span.tabledrag-changed {
  position: absolute;
  width: 4px;
  height: 245px;
  top: 0;
  left: 0px;
  z-index: 1;
  text-indent: -9999em;
  margin: 0;
  background: #d98a59;
}
.playlist-form div.warning { font-size: 12px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  margin: 0; padding: 0;  height: 0;
  visibility: hidden;
}
.playlist-form tr.drag { background-color: #000 }
.playlist-form tr.drag-previous { background-color: #2E2E2E }

.playlist-form .form-actions,
.playlist-form .form-item-disqus-status,
.playlist-form .field-name-field-playlist-item-form {border-top: #2d2c2c 6px solid;padding-top: 30px;margin: 40px 0 0; }
.playlist-form .field-name-field-playlist-item-form { padding-top: 12px}
.playlist-form #edit-delete { float: right; border: 2px #9c9c9c solid; background-color: transparent; padding: 12px 28px}
.playlist-form #edit-delete:hover { color: #d88a59; border-color: #d88a59; }

.playlist-form .confirmation h2 { font-size: 30px; }
.playlist-form .confirmation em.placeholder { font-style: normal; font-weight: 700;}
.playlist-form .confirmation p { margin-top: 25px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size: 18px}
.playlist-form .confirmation .form-actions { border-top: 0; text-align: right}
.playlist-form .form-submit { background-color: #DB3626; }

.overlay-style .confirmation { background-color: #FFF; margin-bottom: 1px; padding-bottom: 0}
.overlay-style .confirmation .confirm-box { padding: 40px; background-color: #e5e5e5}
.overlay-style .confirmation h2 {color: #000}
.overlay-style .confirmation p { color: #4c4c4c; }
.overlay-style .form-actions {padding: 20px 0; margin: 0;}
.overlay-style .form-cancel { background-color: #adadad}
.overlay-style .form-cancel:hover { background-color: #000}

/* no playlists */
.view-user-playlist-list .view-empty {
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 30px 0 100px;
}

/**************************** End Playlists ***************************************/


/**************************** Share Button ****************************************/
.share-button {
  position: relative;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
}
.share-popup {
  position:absolute;
  z-index: 60;
  top: -62px;
  left: 130px;
  width: 500px;
  display: none;
}
.share-popup .inner {
  background-color: #DBDBDB;
  padding:32px 36px;
}
.share-popup h2 { color: #000}
.share-popup .close {
  position:absolute;
  width:50px;
  height:50px;
  top: 0;
  right: 0;
  cursor: pointer;
  text-indent: -9999em;
  background: url(../images/overlay-close.gif) 0 0 no-repeat;
  opacity: 0.5; filter: alpha(opacity=50);
}
.share-popup .arrow {
  position:absolute;
  top: 73px;
  left: -10px;
  width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right:10px solid #DBDBDB;
}
.share-popup .url {
  display: block;
  padding: 16px;
  background-color: #FFF;
  color: #363535;
  font-size: 16px;
}

.share-button .addthis_toolbox { margin-bottom: 20px}
.share-button .addthis_toolbox a {
  background: #808080;
  padding: 0;
  color: #FFF;
  float: left;
  width: 128px;
  line-height: 42px;
  margin: 0 20px 20px 0;
  border: 0;
}
.share-button .addthis_toolbox a img {
  margin: 0 10px 0 12px;
  vertical-align: middle; position: relative; top: -2px
}
.addthis_toolbox a.addthis_button_facebook { background-color: #3B5997}
.addthis_toolbox a.addthis_button_twitter { background-color: #2DAAE2; margin-right: 0}
.addthis_toolbox a.addthis_button_google_plusone_share { background-color: #DE4B3B}
.addthis_toolbox a.addthis_button_linkedin { background-color: #1C87BD}
.addthis_toolbox a.addthis_button_pinterest_share { background-color: #CB2229; margin-right: 0}
.addthis_toolbox a.addthis_button_reddit { background-color: #FF5700}
.addthis_toolbox a.addthis_button_stumbleupon { background-color: #E65229; margin-right: 0; font-size: 11px;}
.addthis_toolbox a.addthis_button_stumbleupon img { margin: 0 5px 0 10px;}

.touch-disabled .share-button .addthis_toolbox a:hover { background-color: #000; color: #FFF}

.share-button.style-right .share-popup { left: -520px; }
.share-button.style-right .share-popup .arrow {
  top: 73px;
  right: -10px;
  left: auto;
	border-right: 0;
	border-left:10px solid #DBDBDB;
}

.share-button.style-gray { background-color: #808080; width: 140px;}
.share-button.style-gray .share-toggle { color: #FFF;
  padding: 8px 0 5px 37px;
  display: block;
  background-position: 12px -109px;
}
.touch-disabled .share-button.style-gray:hover .share-toggle { color: #FFF }
.touch-disabled .share-button.style-gray:hover { background-color: #d88a59 }

.share-button.style-white .share-toggle { color: #7E7E7E;
  border: 2px #C0C0C0 solid;
  padding: 8px 20px 5px 37px;
  display: block;
  background-position: 12px 12px;
}
.touch-disabled .share-button.style-white .share-toggle:hover { color: #d88a59; border-color: #d88a59; background-position: 12px -228px;
}

.share-button.style-bottom .share-popup {top: auto;bottom: -60px;}
.share-button.style-bottom .share-popup .arrow {top: auto;bottom: 30px;}
.profile2-contributor .share-button.style-bottom .share-popup { bottom: -20px;}
.node-playlist-preview .share-button.style-bottom .share-popup { bottom: -28px;}


/**************************** End Share Button ************************************/


/**************************** Promotions  *****************************************/
.node-promo,
.node-promo p { font-family: 'Gotham SSm A', 'Gotham SSm B'; }
.node-promo {
  background: #000; overflow: hidden;
}
.node-promo .wrapper { padding: 42px 0}
.node-promo .wrapper .field { margin-left: 247px}
.node-promo h2 { margin-bottom: 3px}
.node-promo .field-name-field-source {
  font-weight: 800;
	font-size: 14px;
	line-height: 1;
	text-transform: uppercase;
	color: #69A77B;
	margin-bottom: 10px;
}
.node-promo p {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
  color: #cecfbc;
}
.node-promo .field-type-link-field a {
  color: #d98a59;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 12px;
  background: url(../images/arrow.png) right -18px no-repeat;
}
.node-promo .field-type-link-field a:hover {
	color: #fff;
	background: url(../images/arrow.png) right -38px no-repeat;
}
.node-promo .wrapper .field-name-field-video-thumbnail {
  height: auto;
  width: auto;
  float: left;
  max-width: 222px;
  margin-left: 0;
}
.node-promo .field-name-field-background-image {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.node-promo .field-name-field-background-image img { width: 100%;}
.external-promo { text-align: center;}
.external-promo .wrapper { padding: 25px}
.external-promo .wrapper .field { margin-left: 0}
.external-promo .field-name-title {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  color: #585858;
  line-height: 1;
  margin-bottom: 15px;
}



/**************************** End Promotions **************************************/


/**************************** Start Education *************************************/
.node-course.node-teaser {
  width: 219px;
  height: 216px;
  border: 3px #d98a59 solid;
  border-right: 0;
  background-color: transparent;
}
.node-course.node-teaser .teaser-text { padding-top: 36px}
.node-course.node-teaser h3.label {
  color: #6BA9A6;
  font-size: 12px;
}
.node-course.node-teaser .field-name-node-contributor-name {
  position: absolute;
  bottom: 20px;
  left: 22px;
}
.node-course.node-teaser .field-name-node-contributor-name h3 {
  text-transform: none;
  font-weight: 400;
  color: #FFF;
  font-size: 14px;
  margin-bottom: 0;
}
.node-course.node-teaser .field-name-node-contributor-name h4 {
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  margin-top: 0;
}
.aligntop { margin-top: 45px}
.node-education .banner {
  background-color: #d98a59;
  color: #000;
  height: auto;
  padding-bottom: 80px;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
}
.node-education .node-text h1 { margin-bottom: 6px; padding-right: 140px}
.node-education .node-text h3.label,
.node-education .node-text p { color: #000; width: auto}
.node-education .node-text h3.label { margin-bottom: 0}
.node-education .node-text .field-name-education-course-unit-hour {  color: #56321c; font-size: 20px }
.node-education .node-text .field-name-body { float: left; width: 580px; }
.node-education .node-text .field-name-contributor-profile-box,
.node-education .node-text .field-name-field-related-resources { float: right; width: 300px; margin-top: 6px}
.node-education .node-text .contributor-box { float: none; width: auto; clear: none; margin: 0}
.node-education .node-text .contributor-box img { max-width: 70px; float: left; margin-right: 15px; margin-bottom: 13px}
.node-education .node-text .contributor-box h3 { color: #FFF; position: absolute; top: 26px; left: 30px}
.node-education .node-text .contributor-box a.profile-link { display: none}
.node-education .node-text .contributor-box .view-content { border-color: #C37C50; padding-top: 60px; min-height: 70px}
.node-education .node-text .field-name-field-related-resources {
  border: 8px #C37C50 solid;
  padding: 25px 30px;
  -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   	box-sizing: border-box;
}
.node-education .node-text .field-name-field-related-resources h3 { color: #FFF; }
.node-education .node-text .field-name-field-related-resources a { font-size: 14px; color: #000; text-decoration: underline; float: left; clear: left; line-height: 1.25; margin-top: 10px}
.node-education .node-text .contributor-box p { margin-right: 0; font-size: 14px}
.introduction-wrapper { background: #000; padding: 50px 0}
.introduction-wrapper h3 { margin-bottom: 27px}
.introduction-wrapper .field-name-field-intro-video { width: 633px; height: 354px; float: left}
.introduction-wrapper .field-name-field-video-description { width: 300px; float: right;}
.introduction-wrapper .field-name-field-video-description p { font-size: 16px; line-height: 1.35; font-family: 'Gotham SSm A', 'Gotham SSm B';}
.node-education .field-collection-container { margin-bottom: 0; }
.node-unit.view-mode-full .field-collection-item-field-unit-videos { padding: 50px 0;}
.field-collection-item-field-unit-videos a.arrow { text-decoration: none}
.field-collection-item-field-unit-videos p { font-size: 16px; color: #cecfbc; line-height: 1.35; font-family: 'Gotham SSm A', 'Gotham SSm B'; }
.field-collection-item-field-unit-videos .field-name-field-video-thumbnail { position: relative; width: 140px; height: 140px; float: left; margin-right: 26px; cursor: pointer}
.field-collection-item-field-unit-videos .field-name-field-video-thumbnail .icon {
  top: 43px; left: 43px;
  background: url(../images/watch-icon-md.png) 0 0 no-repeat;
  width: 54px; height: 54px;
}
.field-collection-item-field-unit-videos .field-name-field-title {
  font-size: 26px;
  font-family: 'Mercury Display A', 'Mercury Display B'; margin-top: 0; margin-bottom: 10px;}
.field-collection-item-field-unit-videos .field-name-field-video { margin-bottom: 50px; display: none}
.field-collection-item-field-unit-videos.with-thumb .field-name-field-video-description { margin-left: 166px}
.node-unit.view-mode-full .style-black { background: #000}
.node-unit.view-mode-full .style-black .field-name-field-title { color: #d98a59; font-family: 'Gotham SSm A', 'Gotham SSm B'; }
.node-unit.node-teaser { width: auto; height: auto; float: none; cursor: default; margin: 0; padding: 50px 0}
.node-unit.node-teaser p { font-size: 16px; color: #cecfbc; line-height: 1.35; font-family: 'Gotham SSm A', 'Gotham SSm B'; }
.node-unit.node-teaser .field-name-body { margin-right: 485px; }
.node-unit.node-teaser .field-name-node-link { float: left; margin-top: 15px}
.node-unit.node-teaser .field-name-node-link a{
  font-weight: 700;
  background: none repeat scroll 0 0 #69A77B;
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #FFFFFF;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  text-transform: uppercase;
  font-size: 12px;
  padding: 14px 20px;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
}
.node-unit.node-teaser .field-name-node-link a:hover { background-color:#5DBD79; color: #FFF}
.node-unit.node-teaser .view-education-unit-videos { float: right; width: 390px; }
.node-unit.node-teaser .view-education-unit-videos .views-row {
  border-bottom: 1px #4b4a4a solid;
  background: url(../images/unit-numbers.png) no-repeat 0 10px;
  padding: 10px 0 10px 40px;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 700;
  font-size: 16px;
  line-height: 1.35;
  min-height: 27px;
}
.node-unit.node-teaser .view-education-unit-videos .views-row a { color: #FFF}
.node-unit.node-teaser .view-education-unit-videos .views-row a:hover { color: #69A77B }
.node-unit.node-teaser .view-education-unit-videos .views-row-2 {  background-position: 0 -90px;}
.node-unit.node-teaser .view-education-unit-videos .views-row-3 {  background-position: 0 -190px;}
.node-unit.node-teaser .view-education-unit-videos .views-row-4 {  background-position: 0 -290px;}
.node-unit.node-teaser .view-education-unit-videos .views-row-5 {  background-position: 0 -390px;}
.node-unit.node-teaser .view-education-unit-videos .more-link { text-align: left; margin-top: 20px}
.node-unit.node-teaser .view-education-unit-videos .more-link a {
  text-transform: uppercase;
  font-size: 12px;
  padding: 6px 18px 4px;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  border: 2px #2d2d2d solid;
  display: inline-block;
  font-weight: 700;
  color: #FFF;
}
.node-unit.node-teaser .view-education-unit-videos .more-link a:hover {
  border-color: #69A77B; color: #69A77B;
}
/**************************** End Education ***************************************/


/**************************** Start Transcripts ***********************************/
.field-name-field-transcript dt {
  float: left;
  clear: left;
  width: 200px;
}
.field-name-field-transcript dd {
  margin-left: 240px;
}
.field-name-field-transcript .transcript-wrapper {
  padding-top: 40px;
  clear: both;
}
.field-name-field-transcript .transcript {
  display: none;
}
.group-transcript {
  clear: both;
}

@media screen and (max-width: 767px) {
  .field-name-field-transcript dt {
    float: none;
    width: auto;
  }
  .field-name-field-transcript dd {
    margin-left: 0;
  }
}

/* Transcript buttons */
.btn-black, a.btn-black,
.btn-gray-outline, a.btn-gray-outline {
  font-family: "Gotham SSm A","Gotham SSm B";
  font-size: 12px;
  color: #FFF;
  font-weight: 600;
  letter-spacing: .3px;
  background-color: #363636;
  border: #363636 2px solid;
  text-decoration: none;
  text-transform: uppercase;
  padding: 2px 20px 1px;
  display: inline-block;
}
.btn-black:hover, .btn-black:focus, .btn-black:active {
  background-color: #d88a59;
  border-color: #d88a59;
}
.btn-gray-outline, a.btn-gray-outline {
  background-color: #FFF;
  border-color: #808080;
  color: #666666;
}
.btn-gray-outline:hover, .btn-gray-outline:focus, .btn-gray-outline:active {
  border-color: #d88a59;
  color: #d88a59;
}

.toggle-transcript,
.download-transcript,
.copy-transcript {
  float: left;
}
.toggle-transcript {
  margin-right: 30px;
  width: 190px;
  position: relative;
}
.toggle-transcript.view::after,
.toggle-transcript.hide::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #FFF transparent;
  position: absolute;
  right: 20px;
  top: 12px;
}
.toggle-transcript.view::after {
  border-width: 5px 5px 0 5px;
  border-color: #FFF transparent transparent transparent;
  top: 13px;
}
.field-name-field-transcript.open .toggle-transcript.hide,
.field-name-field-transcript.open a.copy-transcript {
  display: inline-block;
}
.toggle-transcript.hide,
a.copy-transcript,
.field-name-field-transcript.open .toggle-transcript.view {
  display: none;
}

@media screen and (max-width: 518px) {
  .download-transcript {
    clear: both;
    margin-top: 20px;
  }
  .toggle-transcript,
  .download-transcript,
  .copy-transcript {
    width: 100%;
  }
}

@media screen and (max-width: 887px) {
  .copy-transcript {
    clear: both;
    margin-top: 20px;
  }
}
@media screen and (min-width: 888px) {
  .copy-transcript {
    float: right;;
  }
}

/**************************** End Transcripts *************** *********************/


/************************* Admin elements *****************************************/

.contextual-links { font-family: Arial, sans-serif; font-weight: bold; text-transform: none; font-size: 11px}
ul.contextual-links li { float: none}

.about-section.sidebar-second .main-content-sidebar .contextual-links-wrapper { right: 280px;}

.node-interview.view-mode-teaser div.contextual-links-wrapper { right: 0; top: 1px}
.node-interview.view-mode-teaser ul.contextual-links { z-index: 9999; top: 0; right: 0px; padding: 0; background: transparent; border: 0; white-space: normal; }
.node-interview.view-mode-teaser div.contextual-links-wrapper a.contextual-links-trigger {
-moz-border-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius:0;
-webkit-border-top-right-radius: 0;
-webkit-border-top-left-radius: 0;
border-radius: 0;
}
.node-interview.view-mode-teaser ul.contextual-links a { color: #000 !important; padding: 0 3px; background: #FFF}

#messages-help-wrapper {
  background: #FFF;
  font-family: Arial, sans-serif;
  text-transform: none;
  font-size: 12px;
  padding: 8px 0}
div.messages { margin: 0}

.field-collection-view { padding: 0; margin: 0}
.field-collection-container,
.field-collection-view { position: relative; border: 0}
.field-collection-container ul.action-links-field-collection-add,
.field-collection-view ul.field-collection-view-links { position: absolute; top: 0; right: 0; display: none; font-size: 10px; font-weight: bold; font-family: Arial}
.field-collection-container:hover ul.action-links-field-collection-add,
.field-collection-view:hover ul.field-collection-view-links { display: block}

html.js .sf-menu div.contextual-links-wrapper { display: none}

.view-taxonomy-guide-2 {display: none;}

/************************* end Admin elements *************************************/


/** Hiding modal on login **/

#modalBackdrop {
  display: none !important;
}

#modalContent {
  display: none !important;
}




/* Landing Page */
.landingTabs:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;}
.landingTabs > ul {float:left;width: 35%; margin:0; position: relative; z-index: 2;
}
.landingTabs > ul li {margin:0;}
.landingTabs > ul li + li {margin-top: 2px;}
.landingTabs > ul li a {display: block; background: #2c2c2c; color:#fff; text-transform: uppercase; text-decoration: none; font-family: "Gotham SSm A","Gotham SSm B"; font-weight:800; font-size: 14px; padding: 18px 20px; height:58px; position: relative;}
.landingTabs > ul li a.current {background: #de8a56;}
.landingTabs > ul li a.current:after {position:absolute; right:-29px; height:0; width:0; content:" "; border-left:29px solid #de8a56; border-top:29px solid transparent; border-bottom:29px solid transparent; top:0;}
.landingTabs > .tab-panes {float:left; width: 65%; margin:0; position: relative;}
.landingTabs > .tab-panes > div {background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 40px 54px;}
.landingTabs > .tab-panes > div h2,
.landingTabs > .tab-panes > div h2 a {font-family: "Mercury Display A","Mercury Display B"; font-size:30px; color:#fff; text-transform: none; letter-spacing: normal; position: relative; z-index: 2;}
.landingTabs > .tab-panes > div h2 a:hover {color:#de8a56}
.landingTabs > .tab-panes > div p {font-size:18px; color:#ecebe6; font-family: "Gotham SSm A","Gotham SSm B"; margin: 0 0 20px; position: relative; z-index: 2;}
.landingTabs > .tab-panes > div a {font-size:16px; color:#69a77b; text-transform: uppercase; font-weight: 800; font-family: "Gotham SSm A","Gotham SSm B"; text-decoration: none; position: relative; z-index: 2;}
.landingTabs > .tab-panes > div a:hover {color: #d88a59;}
.landing-wrap .stripe-1 {background:#fff; padding:50px 0; color:#333; font-family: "Mercury Display A","Mercury Display B";}
.landing-wrap .stripe-1 p {color:#333; font-family: "Mercury Display A","Mercury Display B";}
.landing-wrap .stripe-1 h3 {font-family: "Gotham SSm A","Gotham SSm B"; font-size: 18px; color:#000; font-weight: 800;}
.landing-wrap  .shade-wrapper { background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0;  width: 100%; height: 100%; }
.landing-wrap .stripe-3 {background:#363535; padding:20px 0 50px 0; color:#bfbfbf; font-family: "Mercury Display A","Mercury Display B";}
.landing-wrap .stripe-2 {padding:50px 0 10px; background: #363535;}
.landing-wrap .stripe-3 p {color:#bfbfbf; font-family: "Mercury Display A","Mercury Display B";}
.landing-wrap .stripe-3 h3 {font-family: "Gotham SSm A","Gotham SSm B"; font-size: 18px; color:#bfbfbf; font-weight: 800;}
.landing-wrap .landing-links {display: none;}
.landing-wrap .landing-links ul {margin:0;}
.landing-wrap .landing-links ul li {margin:0;}
.landing-wrap .landing-links ul li + li {margin-top: 2px;}
.landing-wrap .landing-links ul li a {display: block; background: #2c2c2c; color:#fff; text-transform: uppercase; text-decoration: none; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 14px; padding: 18px 20px; height:58px; position: relative; text-align: center; font-weight: 800;}
/* main topic pages */
.node-type-topic .banner {height:auto !important;}
.node-type-topic .banner .field-name-kaltura-holder.mobi-hide {position:relative;}
.node-type-topic .field-name-kaltura-holder {position: absolute;}
.node-type-topic .region-highlighted { height:auto; }
.node-type-topic .region-highlighted .topic-wrapper {position: relative; padding:1px 0 40px; float:none; height:auto; background: none;}
.node-type-topic .region-highlighted .topic-wrapper .topic-text:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;}

@media screen and (min-width: 768px) and (max-width:990px) {
    .sf-menu span.nav-left, .sf-menu a.nav-left {padding-bottom: 21px;}
    .header-menu .region-header {font-size:11px;}
    ul.sf-menu li.nav-left {font-size:12px;}
    #parent-nav-account::before {background: none;}
    .sf-menu span.sf-depth-1, .sf-menu a.sf-depth-1 {padding:20px 10px 21px}
    #nav-account {padding-bottom: 22px; margin-left: 0; padding:20px 12px 21px 5px;}
    #nav-playlist {background: none; margin-left: 0; padding:20px 5px 21px}
    #parent-nav-account > a {margin-left: 0;}
}