:root {
	--text-color: #f1f1f1;

	--content-bg-color: #656565;

	--old-highlihght-color: #969cd4;
	--highlight-color: #dc5e29;
	--secondary-highlight-color: #005D91;
}

html {
    font-family: "Lato", "Helvetica Neue", Helvetica, Univers, "Liberation Sans", Arial, "Nimbus Sans L", sans-serif;
		/*font-family:'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;*/
    font-size: 87.5%
}

@media screen and (min-width: 992px) {
    html {
        font-size: 100%
    }
}

body {
    background: #1a1a1a;
    color: #f1f1f1;
}

a {
    color: #dc5e29;
    text-decoration: none
}

a:focus {
    outline: 1px dotted #dc5e29
}

a:hover,
a:active {
}

h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.125;
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0
}

h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.2857;
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0;
}

h3 {
    color: #dc5e29;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0
}

h4 {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.42857;
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0
}

h5,
h6 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.333;
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0
}

p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2;
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0
}

h1,
h2,
h3,
h4 {
    font-style: normal;
    font-weight: bold
}

h5 {
    font-style: italic;
    font-weight: normal
}

h6 {
    font-style: normal;
    font-weight: normal
}

.highlight {
		color: #dc5e29; 
}

.px18 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0
}

.px14 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2857;
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0
}

.px12 {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0
}

.px10 {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.2;
    margin: 0 0 18px 0;
    margin: 0 0 1.125rem 0
}

blockquote {
    border-left-style: solid;
    border-left-color: gray;
    border-left-width: 4px;
    border-left-width: 0.25rem;
    color: #d9d9d9;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin: 24px 40px;
    margin: 1.5rem 2.5rem;
    padding: 8px 16px 8px 12px;
    padding: 0.5rem 1rem 0.5rem 0.75rem
}

blockquote:first-child {
    margin-top: 0
}

blockquote:last-child {
    margin-bottom: 0
}

blockquote blockquote {
    border: none;
    font-style: italic;
    padding: 0
}

blockquote cite {
    font-style: italic
}

blockquote.pretty {
    border-left: none;
    color: #f1f1f1;;
    padding: 8px 0 0 24px;
    padding: 0.5rem 0 0 1.5rem;
    position: relative
}

blockquote.pretty:before {
    content: "\201C";
    font-size: 144px;
    font-size: 9rem;
    font-style: italic;
    font-family: Georgia, serif;
    display: block;
    padding-left: 12px;
    padding-left: 0.75rem;
    position: absolute;
    left: -72px;
    left: -4.5rem;
    top: -40px;
    top: -2.5rem
}

code {
    font-family: "Courier New", "Nimbus Mono L", FreeMono, Courier, monospace
}

pre {
    font-family: "Lucida Console", "Lucida Sans Typewriter", "Liberation Mono", "Andale Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Consolas, monospace
}

ul,
ol {
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0;
    padding: 0 0 0 40px;
    padding: 0 0 0 2.5rem
}

ul+*:not(p),
ol+*:not(p) {
    margin-top: 48px;
    margin-top: 3rem
}

dl {
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0;
    padding: 0
}

dl+*:not(p) {
    margin-top: 48px;
    margin-top: 3rem
}

ul {
    list-style: square
}

ol {
    list-style: decimal
}

ol ol {
    list-style: lower-alpha
}

ol ol ol {
    list-style: lower-roman
}

li,
dt,
dd {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 12px 0;
    margin: 0 0 0.75rem 0
}

li ol,
li ul,
dt ol,
dt ul,
dd ol,
dd ul {
    margin-top: 0.75rem;
    margin-bottom: 0
}

dt {
    font-style: normal;
    font-weight: bold
}

dd {
    padding-left: 40px;
    padding-left: 2.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

table {
    border: none;
    margin: 0 0 48px;
    margin: 0 0 3rem;
    padding: 0
}

caption {
    font-size: 19px;
    font-size: 1.192rem;
    line-height: 1.263;
    padding: 8px 0;
    padding: 0.5rem 0
}

th,
td {
    border-right: solid 1px #454853;
    font-size: 12px;
    line-height: 1.5;
    padding: 0px 8px;
}

th:first-child,
td:first-child {
    border-left: none
}

th:last-child,
td:last-child {
    border-right: none
}

th {
    background: #17181b
}

.page_title,
.page_subtitle {
    color: #dc5e29;
    font-family: TexGyreAdventorRegular, "Century Gothic", "URW Gothic L", "Gill Sans", "Gill Sans MT", Univers, Euphemia, "Euphemia UCAS", Futura, Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-weight: 400;
    text-transform: uppercase
}

.page_title a:focus,
.page_title a:hover,
.page_title a:active,
.page_subtitle a:focus,
.page_subtitle a:hover,
.page_subtitle a:active {
    text-decoration: none;
    background-image: linear-gradient(to bottom, #dc5e29 50%, rgba(0, 217, 102, 0.3) 50%);
    background-repeat: repeat-x;
    background-size: 2px 2px;
    background-position: 0 93%
}

.page_title {
    background: #17181b;
    margin: 24px -24px;
    margin: 1.5rem -1.5rem;
    padding: 24px;
    padding: 1.5rem
}

.page_centered_title {
		font-size: 36px;
		font-weight: normal;
		text-align: center;
		text-transform: uppercase;
    color: #dc5e29;
    margin: 24px -24px;
    margin: 1.5rem -1.5rem;
    padding: 24px;
    padding: 1.5rem;
    background: #17181b;
}

@media screen and (min-width: 768px) {
    .page_title {
        background: none;
        margin: 0 0 24px 0;
        margin: 0 0 1.5rem 0;
        padding: 0
    }

    .page_centered_title {
			font-size: 48px;
        background: none;
        margin: 0;
        padding: 0;
    }
}

.page_subtitle2 {
    color: #d9d9d9;
    font-style: italic;
    font-weight: normal
}

.section-header,
.subsection-header {
    font-family: TexGyreAdventorRegular, "Century Gothic", "URW Gothic L", "Gill Sans", "Gill Sans MT", Univers, Euphemia, "Euphemia UCAS", Futura, Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-weight: 400;
    padding: 6px;
    padding: 0.375rem;
    margin-left: -6px;
    margin-left: -0.375rem;
    margin-right: -6px;
    margin-right: -0.375rem;
    text-transform: uppercase
}

.section-header a:focus,
.section-header a:hover,
.section-header a:active,
.subsection-header a:focus,
.subsection-header a:hover,
.subsection-header a:active {
    text-decoration: none;
    background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.6) 50%);
    background-repeat: repeat-x;
    background-size: 2px 2px;
    background-position: 0 93%
}

.headroom {
    margin-top: 48px;
    margin-top: 3rem
}

.no-cssgradients .page_title a:focus,
.no-cssgradients .page_title a:hover,
.no-cssgradients .page_title a:active,
.no-cssgradients .page_subtitle a:focus,
.no-cssgradients .page_subtitle a:hover,
.no-cssgradients .page_subtitle a:active,
.no-cssgradients .section-header a:focus,
.no-cssgradients .section-header a:hover,
.no-cssgradients .section-header a:active,
.no-cssgradients .subsection-header a:focus,
.no-cssgradients .subsection-header a:hover,
.no-cssgradients .subsection-header a:active {
    background-image: none
}

.orig_case {
    text-transform: none
}

.podcast.endmark>p:last-child:after {
    font-family: "FontAwesome";
    content: "\f130";
    display: inline-block;
    padding-left: 8px;
    padding-left: 0.5rem;
    color: #dc5e29;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img,
img[class*="align"] {
    height: auto;
    max-width: 100%;
    -ms-interpolation-mode: bicubic
}

a img {
    border: none
}

object,
embed,
iframe {
    max-width: 100%
}

object+p,
embed+p,
iframe+p,
video+p,
.post_media_object {
    margin-top: 24px;
    margin-top: 1.5rem
}

.video_item {
    background: #17181b;
    border: solid 1px #000;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
    margin: 24px 0;
    margin: 1.5rem 0;
    padding: 0
}

.video_item .video_banner {
    margin: 0;
    padding: 0
}

.video_item .video_item_wrapper {
    padding: 24px;
    padding: 1.5rem;
    margin: 0
}

.video_item .video_item_wrapper:last-child {
    margin-bottom: 0
}

.video_metadata {
    color: #d9d9d9;
    font-style: italic
}

.photo_box {
    background: #17181b;
    border: solid 1px #000;
    padding: 6px;
    padding: 0.375rem
}

.photo_box img {
    display: block;
    margin: 0 auto
}

.photo_box.dark {
    background: #000;
    border: solid 1px #000;
    border-color: #000
}

.photo_box.dark .caption,
.photo_box.dark .caption p {
    color: #f1f1f1;
}

.photo_box .page_subtitle {
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.photo_box .caption,
.photo_box .caption p {
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2857;
    margin: 12px 0 0 0;
    margin: 0.75rem 0 0 0
}

.photo_box .credit {
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.2857;
    margin: 0;
    text-align: right
}

.photo_box_plain {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.photo_box_plain img {
    display: block;
    margin: 0 auto
}

.photo_box_plain .caption,
.photo_box_plain .caption p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2857;
    margin: 6px 0 0 0;
    margin: 0.375rem 0 0 0
}

.photo_box_plain .credit {
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.2857;
    margin: 0
}

.photo_box_card img {
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12)
}

.gallery_row:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.gallery_item {
    float: left;
    margin-bottom: 48px;
    margin-bottom: 3rem
}

.gallery_item img {
    width: 90%;
    height: auto;
    margin: 0 auto;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16)
}

.gallery_item .caption {
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2857;
    margin: 12px 0 0 0;
    margin: 0.75rem 0 0 0
}

.col-2 .gallery_item {
    width: 100%
}

@media screen and (min-width: 480px) {
    .col-2 .gallery_item {
        width: 50%
    }
}

.col-3 .gallery_item {
    width: 100%
}

@media screen and (min-width: 768px) {
    .col-3 .gallery_item {
        width: 33.3%
    }
}

.col-4 .gallery_item {
    width: 100%
}

@media screen and (min-width: 480px) {
    .col-4 .gallery_item {
        width: 50%
    }
}

@media screen and (min-width: 992px) {
    .col-4 .gallery_item {
        width: 25%
    }
}

.transcript .speaker {
    font-weight: bold
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mobile {
    display: block
}

@media screen and (min-width: 768px) {
    .mobile {
        display: none
    }
}

.tablet {
    display: none
}

@media screen and (min-width: 768px) {
    .tablet {
        display: block
    }
}

@media screen and (min-width: 992px) {
    .tablet {
        display: none
    }
}

.not-mobile {
    display: none !important
}

@media screen and (min-width: 768px) {
    .not-mobile {
        display: block !important
    }
}

html,
header,
#banner,
footer {
    margin: 0;
    padding: 0;
		z-index: 10;
}

#banner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
				 z-index: 1000;
}

body {
	margin: 0;
	padding: 0
}

.page-wrapper {
    margin: 0;
    padding: 0
}

.navbar {
    margin: 0;
    padding: 0
}

.navbar-wrapper {
    margin: 0;
    padding: 0
}
.banner-wrapper {
    margin: 0;
    padding: 0
}

#content {
    background: #656565;
    /*margin-top: 70px;*/
    padding: 0;
}

.footer-wrapper {
    margin: 0;
    padding: 24px 12px;
    padding: 1.5rem 0.75rem
}

.floating-image img{
    margin-bottom: -150px;
		position:relative;
		float: right;
		top:-150px;
		right:50px;
		width: 80%;
		z-index: 1;
}

@media screen and (min-width: 768px) {
    .floating-image img {
			width: 500px;
			margin-bottom: -180px;
    }
}

.second-column-floating-image img{
		position: static;
		width: 100%;
		z-index: 1;
}

@media screen and (min-width: 768px) {
    .second-column-floating-image img {
			position:relative;
			float: right;
			top:-150px;
			right:50px;
			width: 500px;
			margin-bottom: -130px;
    }
}

@media screen and (min-width: 768px) {
    .footer-wrapper {
        padding: 24px;
        padding: 1.5rem
    }
}

#main {
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 768px) {
    #main {
        float: left;
				margin-top: 20px;
    }
}

.third-wrapper {
    margin: 0;
    padding: 0px 20px;
}

.third-wrapper h3{
		text-align: center;
}

@media screen and (min-width: 992px) {
    .third-wrapper {
        float: left;
        width: 33%
    }
}

.half-wrapper {
    margin: 0;
    padding: 0;
		float: left;
}

@media screen and (min-width: 768px) {
    .half-wrapper {
        width: 50%;
    }
}

.title-wrapper {
    margin: 0 12px 24px;
    margin: 0 0.75rem 1.5rem;
    padding: 0 12px;
    padding: 0 0.75rem;
}

@media screen and (min-width: 768px) {
    .title-wrapper {
        margin: 0 12px 24px 24px;
        margin: 0 0.75rem 1.5rem 1.5rem;
        padding: 24px 24px 0;
        padding: 1.5rem 1.5rem 0;
    }
}

.main-wrapper {
    margin: 0 12px 24px;
    margin: 0 0.75rem 1.5rem;
    padding: 0 12px;
    padding: 0 0.75rem;
}

@media screen and (min-width: 768px) {
    .main-wrapper {
        margin: 0 12px 24px 24px;
        margin: 0 0.75rem 1.5rem 1.5rem;
        padding: 24px;
        padding: 1.5rem;
        border-bottom: none
    }
    .main-wrapper:last-child {
        margin-bottom: 0
    }
}

#breadcrumbs {
    display: none
}

@media screen and (min-width: 768px) {
    #breadcrumbs {
        display: block;
        margin: 0;
        padding: 24px 48px;
        padding: 1.5rem 3rem
    }
}

#breadcrumbs .breadcrumb-item {
    display: inline-block;
    margin: 0;
    padding: 0
}

#breadcrumbs .breadcrumb-item:after {
    content: "  >  "
}

#breadcrumbs .breadcrumb-item:last-child:after {
    content: ""
}

#breadcrumbs .breadcrumb-item.current a a.current {
    color: #f1f1f1;;
    text-decoration: none;
    cursor: default
}

#sidebar {
    padding: 0
}

@media screen and (min-width: 768px) {
    #sidebar {
					margin: 40px 0px 0px 0px;
        float: left;
        width: 40%
    }
}

.sidebar-wrapper {
    margin: 0;
    padding: 0
}

@media screen and (min-width: 768px) {
    .sidebar-wrapper {
        margin: 0 24px 24px 12px;
        margin: 0 1.5rem 1.5rem 0.75rem;
        padding: 24px 0;
        padding: 1.5rem 0;
    }
}

.sidebar_item {
    margin: 0 24px 48px 24px;
    margin: 0 1.5rem 3rem 1.5rem;
    padding: 0
}

.sidebar_item:last-child {
    margin-bottom: 0
}

.sidebar_item h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.333;
    text-transform: uppercase
}

.sidebar_item h2 a {
    color: #f1f1f1;
}

.sidebar_item ul {
    padding-left: 12px;
    padding-left: 0.75rem
}

.sidebar_item ul li {
    background: url(/img/square-bullet-005fbe.svg) no-repeat left 0.625rem;
    background-size: 6px;
    background-size: 0.375rem;
    padding-left: 16px;
    padding-left: 1rem;
}

.photo_item {
    margin: 0 0 36px 0;
    margin: 0 0 2.25rem 0;
    padding: 0
}

.photo_item img {
    border: solid 1px #000;
    display: block;
    margin: 0 auto
}

.photo_item.shadow img {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16)
}

.photo_item .caption,
.photo_item .caption p {
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2857;
    margin: 12px 0 0 0;
    margin: 0.75rem 0 0 0
}

.photo_item .credit {
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.2857;
    margin: 0;
    text-align: right
}

.sidebar_text_box {
    background: #17181b;
    margin: 0 0 24px 24px;
    margin: 0 0 1.5rem 1.5rem;
    padding: 24px;
    padding: 1.5rem;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12)
}

.sidebar_text_box p,
.sidebar_text_box li {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5
}

#section_links {
    display: none
}

@media screen and (min-width: 768px) {
    #section_links {
        display: block
    }
}

#top-nav {
    top: 0;
    width: 100%;
    z-index: 1000;
}

@media screen and (min-width: 992px) {
    #top-nav {
        position: relative;
        top: auto;
        z-index: auto
    }
}

#top-nav .navbar-wrapper {
		background: #17181b;
}

@media screen and (min-width: 768px) {
  #top-nav .navbar-wrapper {
			background: url(/pages/index/images/banner_blend_top.png) no-repeat center center;
			background-size: 100%;
	}

  #top-nav .navbar-wrapper a{
			color: #17181b;
	}

}

#bottom-nav .navbar-wrapper {
	padding-top: 4px;
	padding-left: 280px;
	position: relative;
	float: left;
}

#bottom-nav a:link,
#bottom-nav a:visited {
}

#bottom-nav a:focus {
    outline: 1px dotted #dc5e29
}

#bottom-nav a:hover,
#bottom-nav a:active {
    color: #e3ce1f
}

.menu-container {
    margin: 0;
}

.menu-container .menubar {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2000;
}

.menu-container .menubar ul {
    margin: 0;
    padding: 0
}

.menu-container .menubar li {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 38px;
    line-height: 2.375rem;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left
}

.menu-container .menubar li li {
    float: none
}

.menu-container .menubar li a {
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 0 18px;
    padding: 0 1.125rem
}

.menu-container .menubar li a:hover {
    outline: none;
}

.menu-container .menubar li.current>a,
.menu-container .menubar li a.current {
    text-decoration: none;
    cursor: default
}

#bottom-nav {
    -webkit-transition: display 300ms ease;
    -moz-transition: display 300ms ease;
    -o-transition: display 300ms ease;
    transtion: display 300ms ease;
    display: none;
}

@media screen and (min-width: 992px) {
    #bottom-nav {
        display: block;
    }
}

#bottom-nav .menubar li a {
    border: none
}

#bottom-nav .menubar li.current>a,
#bottom-nav .menubar li a.current {
    color: #dc5e29
}

#bottom-nav .menubar li li {
    text-transform: none
}

#bottom-nav .menubar li li a:link,
#bottom-nav .menubar li li a:visited {
    color: #f1f1f1;
}

#bottom-nav .menubar li li a:focus {
    outline: 1px dotted #f1f1f1;
}

#bottom-nav .menubar li li a:hover,
#bottom-nav .menubar li li a:active {
    color: #f1f1f1;
}

#bottom-nav .menubar li li.current>a,
#bottom-nav .menubar li li a.current {
    color: #f1f1f1;
}

.dropdown .menu-items li ul {
    width: 224px;
    width: 14rem;
    position: absolute;
    left: -9999px;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		background-color: #656565;
}

.dropdown .menu-items li ul li {
    width: 224px;
    width: 14rem;
    padding: 0;
    margin: 0
}

.dropdown .menu-items li:hover ul,
.dropdown .menu-items li.hover ul {
    left: auto
}

.table #bottom-menubar {
    padding: 12px 0 24px 0;
    padding: 0.75rem 0 1.5rem 0;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12)
}

.table .menu-items li li {
    -webkit-transition: font-size 200ms ease;
    -moz-transition: font-size 200ms ease;
    -o-transition: font-size 200ms ease;
    transtion: font-size 200ms ease;
    line-height: 1.75;
    font-size: 12px;
    font-size: 0.75rem
}

.table .menu-items li a {
    -webkit-transition: padding 200ms ease;
    -moz-transition: padding 200ms ease;
    -o-transition: padding 200ms ease;
    transtion: padding 200ms ease;
    padding: 0 16px;
    padding: 0 0.975rem
}

#side-nav {
    background: #656565;
    color: #f1f1f1;;
    opacity: 1;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 70%;
    z-index: 2010;
    max-width: 320px;
    max-width: 20rem;
    -webkit-transition: All 300ms ease;
    -moz-transition: All 300ms ease;
    -o-transition: All 300ms ease;
    transtion: All 300ms ease;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16)
}

@media screen and (min-width: 992px) {
    #side-nav {
        display: none
    }
}

#side-nav li {
    margin: 0;
    padding: 0
}

#side-nav li a,
#side-nav li button {
    border-bottom: solid 1px #3a3c45;
    display: inline-block;
    margin: 0;
    padding: 16px 24px;
    padding: 1rem 1.5rem;
    text-align: left;
    width: 100%;
    color: #dc5e29;
    border-left: 4px solid #656565
}

#side-nav li a:focus,
#side-nav li button:focus {
    outline: 1px dotted #dc5e29
}

#side-nav li a:hover,
#side-nav li a:active,
#side-nav li button:hover,
#side-nav li button:active {
    background-color: #3a3c45;
    border-left-color: #dc5e29;
    color: #dc5e29;
    text-decoration: none
}

#side-nav li a .fa,
#side-nav li button .fa {
    float: right;
    font-size: 20px;
    font-size: 1.25rem
}

#side-nav li a.menu-toggle-button .fa,
#side-nav li button.menu-toggle-button .fa {
		color: black;
    font-size: 32px;
    font-size: 2rem
}

#side-nav li.current a {
    border-left: 4px solid #dc5e29
}

#side-nav li li.current a {
    border-left: 4px solid #f1f1f1;
}

#side-nav li li a {
    color: #f1f1f1;;
    border-left: 4px solid #656565;
    padding-left: 72px;
    padding-left: 4.5rem
}

#side-nav li li a:focus {
    outline: 1px dotted #f1f1f1;
}

#side-nav li li a:hover,
#side-nav li li a:active {
    border-left-color: #f1f1f1;;
    color: #f1f1f1;;
    text-decoration: none
}

#side-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#side-nav ul .active>a+ul {
    display: block
}

#side-nav ul li ul {
    display: none
}

#side-nav button {
    background-color: transparent;
    border: none
}

li.menu-toggle button {
    background: transparent;
    border: none
}

li.menu-toggle button:focus {
    outline: 1px dotted #f1f1f1;
}

@media screen and (min-width: 992px) {
    li.menu-toggle {
        display: none
    }
}

.menu-hidden {
    left: -70%
}

.menu-show {
    left: 0
}

.navbar .social {
    float: right;
    margin: 0 0 0 24px;
    margin: 0 0 0 1.5rem;
    padding: 0
}

ul.social-links {
    margin: 0;
    padding: 0
}

ul.social-links li {
    float: right;
    list-style: none;
    margin: 0 0 0 16px;
    margin: 0 0 0 1rem;
    padding: 0;
    text-align: center;
    font-size: 32px;
    font-size: 2rem;
    line-height: 64px;
    line-height: 4rem;
    width: 32px;
    width: 2rem
}

@media screen and (min-width: 768px) {
    ul.social-links li {
        font-size: 32px;
        font-size: 2rem;
        line-height: 64px;
        line-height: 4rem;
        width: 32px;
        width: 2rem
    }
}

ul.social-links a {
    display: inline-block;
    width: 100%;
}

ul.social-links a:link,
ul.social-links a:visited {
   /* color: #f1f1f1;;*/
    text-decoration: none
}

ul.social-links a:focus {
    outline: 1px dotted #f1f1f1;
}

ul.social-links a:hover,
ul.social-links a:active {
    color: #e3ce1f;
    outline: none;
    text-decoration: none
}

.banner-spacer {
	height:70px;
	width: 100%;
}

.banner-wrapper .banner-image {
    margin: 0;
    padding: 0;
}

.banner-wrapper .banner-image img {
    margin: 0;
    padding: 0;
}

.banner-image-page {
	overflow: visible;
}

.banner-image-page img {
	width:100%;
}


.banner-image .content {
	position: static;
}

@media screen and (min-width: 768px) {
	.banner-image .content {
		color: white;
		position: relative;
		top: -220px;
		left: 20px;
		width: 640px;
		height: 0px;
	}
}

@media screen and (min-width: 768px) {
	.content h2{
		padding-left: 20px;
	}
}

.content #intro{
	color: white;
	text-decoration: none;
}


@media screen and (min-width: 768px) {
	.content #intro{
		max-height: 140px;
	}
}


.page-home .home-link {
    cursor: default
}

.top-nav-icons {
    margin: 0;
    padding: 0 24px;
    padding: 0 1.5rem;
}

@media screen and (min-width: 768px) {
    .top-nav-icons {
    }
}

.branding a:link,
.branding a:visited {
	color: black;
}

.branding {
    clear: both;
    margin: 0;
    padding: 12px 24px 12px 96px;
    padding: 0.75rem 3rem 0.75rem 0.5rem;
		height: 70px;
		/*background: url(/img/bst_logo_black.svg) no-repeat 8px 10px;
		background-size: 220px 50px;*/
}

.branding img {
	display: none;
}

.branding .show-first img {
	display: block;
}


.scrolled-nav .branding {
		background: none;
    background-color: #656565;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
    -webkit-transition: All 300ms ease;
    -moz-transition: All 1000ms ease;
    -o-transition: All 1000ms ease;
    transtion: All 1000ms ease
}

.scrolled-nav .branding .show-first img {
	display: none;
}

.scrolled-nav .branding img {
	display: block;
    -webkit-transition: All 1000ms ease;
    -moz-transition: All 1000ms ease;
    -o-transition: All 1000ms ease;
    transtion: All 1000ms ease
}

.scrolled-nav .branding a:link,
.scrolled-nav .branding a:visited {
	color: white;
    -webkit-transition: All 1000ms ease;
    -moz-transition: All 1000ms ease;
    -o-transition: All 1000ms ease;
    transtion: All 1000ms ease
}


.branding img{
	  height: 50px;
		z-index: 500;
		position: absolute;
		float: left;
		top: 10px;
		margin: 0;
		padding: 0;
}


.branding h1 {
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    margin: 0;
    padding: 0;
    -webkit-transition: All 300ms ease;
    -moz-transition: All 300ms ease;
    -o-transition: All 300ms ease;
    transtion: All 300ms ease
}

.branding h1 a {
    color: #f1f1f1;;
    text-decoration: none;
    display: inline-block
}

@media screen and (min-width: 768px) {
    .branding h1 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 18px;
        line-height: 1.125rem
    }
}

.separator{
    background: url(/img/border.png) repeat-x;
		min-height: 102px;
		width:100%;
		float: left;
		padding: 50px 0px;
		margin-top: 50px;
}

@media screen and (min-width: 768px) {
	.separator{
		margin-top: 40px;
		padding: 0;
	}
}

.separator1{
    background: url(/img/border1.png) repeat-x;
		min-height: 102px;
		width:100%;
		float: left;
		padding: 50px 0px;
		margin-top: 50px;
}

@media screen and (min-width: 768px) {
	.separator1{
		margin-top: 40px;
		padding: 0;
	}
}

.separator2{
    background: url(/img/border2.png) repeat-x;
		min-height: 102px;
		width:100%;
		float: left;
		padding: 50px 0px;
		margin-top: 50px;
}

@media screen and (min-width: 768px) {
	.separator2{
		margin-top: 0;
		padding: 0;
	}
}

.footer-wrapper {
    background: url(/img/footer.png) repeat-x;
		padding-top: 80px;
}

.footer-wrapper p,
.footer-wrapper li {
    color: #f1f1f1;;
    line-height: 1.7142857;
    font-size: 14px;
    font-size: 0.875rem
}

.footer-wrapper a {
    color: #f1f1f1;;
    font-weight: normal;
    text-decoration: none
}

.footer-wrapper a:focus {
    outline: 1px dotted #f1f1f1;
}

.footer-wrapper a:hover,
.footer-wrapper a:active {
}

.footer-wrapper ul {
    list-style: none;
    padding: 0
}

.footer-wrapper h2 {
    color: white;
    font-weight: bold;
    line-height: 1.5;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.footer_left {
    margin: 0 12px;
    margin: 0 0.75rem;
    padding: 0;
    -webkit-transition: All 300ms ease;
    -moz-transition: All 300ms ease;
    -o-transition: All 300ms ease;
    transtion: All 300ms ease
}

@media screen and (min-width: 768px) {
    .footer_left {
        background: url(/img/bst_logo_white.svg) no-repeat 20px 0px;
        background-size: 200px 50px;
        float: left;
        margin: 0;
        width: 50%
    }
}

.footer_left ul {
    margin-top: 48px;
    margin-top: 3rem
}

.footer_left p,
.footer_left li {
    -webkit-transition: All 300ms ease;
    -moz-transition: All 300ms ease;
    -o-transition: All 300ms ease;
    transtion: All 300ms ease
}

@media screen and (min-width: 768px) {
    .footer_left p,
    .footer_left li {
        margin-left: 240px
    }
}

.footer_center_right {
    margin: 0;
    padding: 24px 0 0 0;
    padding: 1.5rem 0 0 0;
    -webkit-transition: All 300ms ease;
    -moz-transition: All 300ms ease;
    -o-transition: All 300ms ease;
    transtion: All 300ms ease
}

@media screen and (min-width: 768px) {
    .footer_center_right {
        float: left;
        padding: 0;
        width: 50%
    }
}

.footer_center,
.footer_right {
    margin: 0;
    padding: 0 12px;
    padding: 0 0.75rem;
    float: left;
    width: 50%
}

@media screen and (min-width: 768px) {
    .footer_center,
    .footer_right {
        padding: 0 24px;
        padding: 0 1.5rem
    }
}

#connect_list li {
    margin-bottom: 0;
    padding-top: 12px;
    padding-top: 0.75rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem
}

@media screen and (min-width: 768px) {
    #connect_list li {
        line-height: 32px;
        line-height: 2rem;
        padding-top: 6px;
        padding-top: 0.375rem;
        padding-bottom: 6px;
        padding-bottom: 0.375rem
    }
}

#connect_list .fa {
    font-size: 32px;
    font-size: 2rem;
    margin-top: -8px;
    margin-top: -0.5rem;
    margin-right: 8px;
    margin-right: 0.5rem;
    width: 32px;
    width: 2rem;
    vertical-align: middle
}

.alignright-nobreak {
    float: right;
    margin-left: 24px;
    margin-left: 1.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.alignleft-nobreak {
    float: left;
    margin-right: 24px;
    margin-right: 1.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.aligncenter {
    display: block;
    max-width: 100%;
    margin: 24px auto;
    margin: 1.5rem auto
}

.alignnone {
    margin: 24px 0;
    margin: 1.5rem 0
}

.center_text {
    text-align: center
}

.left_text {
    text-align: left
}

.right_text {
    text-align: right
}

.alignleft {
    display: block;
    margin: 24px auto;
    margin: 1.5rem auto
}

@media screen and (min-width: 480px) {
    .alignleft {
        float: left;
        max-width: 50%;
        margin: 0 24px 24px 0;
        margin: 0 1.5rem 1.5rem 0
    }
}

.alignright {
    display: block;
    margin: 24px auto;
    margin: 1.5rem auto
}

@media screen and (min-width: 480px) {
    .alignright {
        float: right;
        max-width: 50%;
        margin: 0 0 24px 24px;
        margin: 0 0 1.5rem 1.5rem
    }
}

.clearboth {
    clear: both
}

.clearfix:after,
.cf:after,
.group:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.cf2 {
    overflow: hidden;
}

.screen-reader-text,
.screenreader-text,
.assistive-text,
#skip-to-content,
.skip-link {
    display: block;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    height: 0;
    width: 0;
    overflow: hidden
}

.word-wrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page_item {
    background: #17181b;
    margin: 24px 0;
    margin: 1.5rem 0;
    padding: 24px;
    padding: 1.5rem
}

.page_item:last-child {
    margin-bottom: 0
}

.red_emphasis {
    color: #cd2026;
    font-weight: bold
}

.emphasis_box {
    background: #fff;
    border: 1px solid #bbdaca;
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0;
    padding: 24px;
    padding: 1.5rem
}

.emphasis_box *:last-child {
    margin-bottom: 0
}

.emphasis_box2 {
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0;
    padding: 24px;
    padding: 1.5rem;
    border: 3px double #dc5e29
}

.emphasis_box2>*:last-child {
    margin-bottom: 0
}

.offsite_link {
    background: url(/img/external.svg) no-repeat right;
    background-size: 12px 12px;
    background-size: 0.75rem 0.75rem;
    padding-right: 16px;
    padding-right: 1rem
}

.offsite_link_new:after {
    content: url(/img/external.png);
    padding-left: 2px
}

.restricted_link {
    background: url(/img/locked.svg) no-repeat right;
    background-size: 12px 12px;
    background-size: 0.75rem 0.75rem;
    padding-right: 16px;
    padding-right: 1rem
}

.restricted_link_new:after {
    content: url(/img/locked.png);
    padding-left: 2px
}

.acrobat_link {
    background: url(/img/pdf_tiny.gif) no-repeat right;
    background-size: 12px 12px;
    background-size: 0.75rem 0.75rem;
    padding-right: 16px;
    padding-right: 1rem
}

.msword_link {
    background: url(/img/msword_tiny.gif) no-repeat right;
    background-size: 12px 12px;
    background-size: 0.75rem 0.75rem;
    padding-right: 16px;
    padding-right: 1rem
}

.adobereader_link {
    background: url(/img/GetAdobeReader.png) no-repeat left;
    display: inline-block;
    line-height: 39px;
    padding-left: 170px
}

.gradient-button-link {
    display: inline-block;
    padding: 16px 24px;
    padding: 1rem 1.5rem;
    -webkit-border-radius: 0.75rem;
    -moz-border-radius: 0.75rem;
    border-radius: 0.75rem;
    background: #dc5e29;
    background: -moz-linear-gradient(top, #0dff7f 0%, #dc5e29 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #0dff7f), color-stop(100%, #dc5e29));
    background: -webkit-linear-gradient(top, #0dff7f 0%, #dc5e29 100%);
    background: -o-linear-gradient(top, #0dff7f 0%, #dc5e29 100%);
    background: -ms-linear-gradient(top, #0dff7f 0%, #dc5e29 100%);
    background: linear-gradient(to bottom, #0dff7f 0%, #dc5e29 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0dff7f', endColorstr='#dc5e29', GradientType=0);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
    color: #fff
}

.gradient-button-link:hover {
    background: #00f372;
    background: -moz-linear-gradient(top, #27ff8c 0%, #00f372 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #27ff8c), color-stop(100%, #00f372));
    background: -webkit-linear-gradient(top, #27ff8c 0%, #00f372 100%);
    background: -o-linear-gradient(top, #27ff8c 0%, #00f372 100%);
    background: -ms-linear-gradient(top, #27ff8c 0%, #00f372 100%);
    background: linear-gradient(to bottom, #27ff8c 0%, #00f372 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#27ff8c', endColorstr='#00f372', GradientType=0);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12)
}

.material-button-link,
.material-button-link-1,
.material-button-link-0-1,
.material-button-link-2,
.material-button-link-0-2,
.material-button-link-3,
.material-button-link-0-3,
.material-button-link-0 {
    display: inline-block;
    padding: 16px 24px;
    padding: 1rem 1.5rem;
    background-color: #dc5e29;
    color: #fff
}

.material-button-link-1,
.material-button-link-0-1 {
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12)
}

.material-button-link-2,
.material-button-link-0-2 {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16)
}

.material-button-link-3,
.material-button-link-0-3 {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19)
}

.material-button-link:hover,
.material-button-link-1:hover,
.material-button-link-0-1:hover,
.material-button-link-2:hover,
.material-button-link-0-2:hover,
.material-button-link-3:hover,
.material-button-link-0-3:hover,
.material-button-link-0:hover {
    background-color: #0dff7f;
    color: #fff;
    text-decoration: none
}

.ghost-button-link {
    display: inline-block;
    padding: 16px 24px;
    padding: 1rem 1.5rem;
    background: transparent;
    border: 1px solid #dc5e29;
    color: #dc5e29
}

.ghost-button-link:hover {
    border: 1px solid #f3fff8;
    color: #f3fff8;
    text-decoration: none
}

.iframe-shadow iframe {
    border: solid 1px #000;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16)
}

.normalcase {
    text-transform: none
}

ul.compact,
ol.compact {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

ul.compact li,
ol.compact li {
    margin-bottom: 0;
    padding-top: 12px;
    padding-top: 0.75rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem
}

@media screen and (min-width: 768px) {
    ul.compact li,
    ol.compact li {
        padding-top: 6px;
        padding-top: 0.375rem;
        padding-bottom: 6px;
        padding-bottom: 0.375rem
    }
}

@media screen and (min-width: 992px) {
    ul.compact li,
    ol.compact li {
        padding-top: 0;
        padding-bottom: 0
    }
}

.list-none {
    list-style: none;
    padding-left: 24px;
    padding-left: 1.5rem
}

.fancybox-title sub,
.fancybox-title sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.fancybox-title sup {
    top: -0.5em
}

.fancybox-title sub {
    bottom: -0.25em
}

.fancybox-title *:last-child {
    margin-bottom: 0
}

.fancybox-nav:focus,
.fancybox-nav:hover,
.fancybox-nav:active {
    outline: none
}

.fancybox-hidden {
    display: none
}

.js .fb-video-content {
    display: none
}

.jwplayer+p {
    margin-top: 24px;
    margin-top: 1.5rem
}

.jwplayer ~ p.youtube-link {
    margin-top: 12px;
    margin-top: 0.75rem
}

.galleria+p {
    margin-top: 24px;
    margin-top: 1.5rem
}

.galleria ~ p.flickr-link {
    margin-top: 12px;
    margin-top: 0.75rem
}

.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.google-maps iframe,
.google-maps .iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.sidebar_item ul li {
    background: url(/projects/vortexse/img/square-bullet-00c25b.svg) no-repeat left 0.625rem;
    background-size: 6px;
    background-size: 0.375rem
}

.sidebar_item ul li.current {
    background: url(/projects/vortexse/img/square-bullet-ffffff.svg) no-repeat left 0.625rem;
    background-size: 6px;
    background-size: 0.375rem
}

.sidebar_item h2 {
    text-transform: none
}

.photo_item .credit {
    color: #989898
}

.photo_item img {
    border: solid 1px #17181b
}

.page_title,
.page_subtitle {
    text-transform: none
}

.section-header,
.subsection-header {
    text-transform: uppercase;
		color: #dc5e29;
		border: none;
		font-size: 26px;
}

@media screen and (min-width: 768px) {
    .page_title+.section-header,
    .page_title+.subsection-header {
        margin-top: 48px;
        margin-top: 3rem;
    }
		.section-header {
			font-size: 30px;
		}
}

.sidebar_item h2 {
    font-size: 26px;
    font-size: 1.5rem;
    line-height: 1.333;
    text-transform: uppercase;
}


.red_emphasis {
    color: #980000
}

.emphasis_box {
    font-size: 14px;
    font-size: 0.875rem;
    background: #41434d;
    border: 1px solid #585c69
}

a:focus,
a:hover,
a:active {
    color: #e3ce1f
}

.page_item .page_title,
.page_item .page_subtitle {
    color: #07c35f
}

.product {
	width: 100%;
  position: relative;
  float: right;
	margin-bottom: 10px;
	padding: 0px;
}

.product #image{
    margin: 0px;
    padding: 10px;
		width: 100%;
	  text-align: center;
}

@media screen and (min-width: 768px) {
    .product #image {
			  position: relative;
        float: left;
        width: 20%;
    }
}

.product #text {
    margin: 0;
    padding: 0px 10px;
}

@media screen and (min-width: 768px) {
    .product #text {
        border-left: solid 1px #454853;
			  position: relative;
        float: left;
				width: 80%;
    }
}

#copyright {
	width:100%;
	text-align: right;
	color: #444;
}

#copyright a{
	text-decoration: none;
	color: #444;
}

/*----[ Index ]----*/
#banner_image {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0;
	margin: 0;
}

#vision {
	position: absolute;
	top: 134px;
	left: 68px;
	width: 480px;
	display:none;
}

#safety {
	position: absolute;
	top: 224px;
	left: 588px;
	width: 480px;
	display:none;
}

#design {
	position: absolute;
	top: 240px;
	left: 60px;
	width: 480px;
	display:none;
}

#on_your_side {
	position: absolute;
	top: 454px;
	left: 508px;
	width: 480px;
	display:none;
}

#on_your_side p{
	position: absolute;
	top: 25px;
	left: 0px;
}

#on_your_side span{
 color: #e3ce1f;
}

#banner_content {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	position: relative;
	top: -923px;
	left: -22px;
	display: none;
}


#banner_content a{
	text-decoration: none;
	color: black;
}


#banner_content a:hover {
	color: #e3ce1f;
}

.call-to-action {
	padding: 10px 20px;
	margin: 10px 20px;
	/*max-width: 200px;*/
	font-weight: bold;
	background: orange;
	color: white;
	border-top: 1px solid yellow;
	border-left: 1px solid yellow;
	border-bottom: 1px solid #c08200;
	border-right: 1px solid #c08200;
	border-radius: 5px;
	text-align: center;
}

@media screen and (min-width: 992px) {
    .call-to-action {
			position: relative;
			float: right;
    }
}