@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap');
:root {
--brand-orange: #fac809;
var-brand-orange: #fac809;
	--bggrey:#f9f9f9;
	var-bggrey: #f9f9f9;
	--dkgrey: #58595b;
	var-dkgrey: #58595b;
	--sec-orange: #dfc401;
	var-sec-orange: #dfc401;
}
body {
	margin:0;
	font-family: 'Raleway', sans-serif;
	line-height:150%;
	position: relative;
}
body.stick {
	padding-top:150px;
}
.siteBody {
	width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 60vh;
    margin: 0;
    padding: 0;
	overflow:hidden;
}
#nav-top, .footer { 
	padding: 10px 40px;
    background-color: #fff;
    position: relative;
    z-index: 100;
}
.bottom {
	max-width: 100%;
    width: 100%;
}
.md-trigger {
	background-color: rgba(0,0,0,0.00);
	color:#000;
	border:none;
}.md-trigger:hover, .md-trigger:focus {
	color: var(brand-orange);
	color: var(--brand-orange);
	background-color: rgba(0,0,0,0.00);
	
}
.container {
	max-width:1200px;
}


.com-content-article, .below {
	min-height: 50vh;
    max-width: 800px;
    margin: auto;
	padding: 100px 0px 100px 0px;
}
#home .com-content-article {
	padding: 100px 0px 100px 0px;
	min-height: 20vh;
}
#shows .com-content-article {
	display:none;
}
#gallery .com-content-article {
	min-height: 50vh;
    max-width: 100%;
    margin: auto;
	padding: 200px 0px;
}
.below {
	padding:0px 0px;
	min-height:80px;
}
a:focus, button:focus, .btn-primary:focus, .btn-primary:active {
	border:none !important;
	outline:none !important;
	box-shadow: 0 0 0 0rem rgba(0, 0 ,0,.0);
}
a.btn-primary {
	text-decoration:none !important;
}

.bottomC {
	padding:30px 0px;
}
.creditsC {
	padding: 20px 40px;
    background-color: #414042;
    color: #fff;
}
.creditsC a {
	color:var(--brand-orange);
	color:var(brand-orange);
	text-decoration: none;
}
.creditsC a:hover, .creditsC a:focus {
	text-decoration:underline;
}
.creditsR {
	text-align:right;
}
.creditsL {
	text-align:left;
}

#banner {
	position:relative;
}
#banner .parallax-window {
	height:100% !important;
}
.pageBanner {
    max-width: 100%;
    height: 30vh;
    width: 100%;
    position: relative;
    float: left;
    background-size: cover;
    background-position: center right;
}
.pageBanner.bTopAlign {
	background-position: top right;
}
.pageBanner .bContent {
	position:absolute;
	bottom:0px;
	color:#fff;
}
.pageBanner .mod-custom {
	height:100%;
	background-size:cover;
	background-position:top right;
}
.bContent h1 {
	margin-bottom:10px;
	text-shadow: 0 0 3px #000000;
}
#mod-custom124 {
	padding-left:15px;
}
.sideCopy {
	padding: 70px 120px;
    background-color: var(bggrey);
	background-color: var(--bggrey);
}
.sideCopy.About {
	padding: 70px;
    background-color: var(bggrey);
	background-color: var(--bggrey);
}
.md-modal {
    top: 20%;
}
/*.ba-gallery-items:hover .ba-caption {
	background-color:var(--brand-orange);
	background-color:var(brand-orange);
}*/
.prod-hist thead {
	background-color: var(--brand-orange);
	background-color: var(brand-orange);
    color: #fff;
    padding: 5px 12px;
	font-weight:600;
}
.prod-hist tr {
	border-bottom: 1px dotted var(--dkgrey);
	border-bottom: 1px dotted var(dkgrey);
}
.prod-hist td {
	padding: 10px 12px 0px 12px;
}
.prod-hist thead td p {
	font-weight:600;
}
.bioPic {
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.bioPic.alexBio {
	background-image:url("/images/AlexBio.jpg");
}
.bioPic.LottieBio {
	background-image:url("/images/LottieBio.jpg");
}
.bioPic.TinaBio {
	background-image:url("/images/Tina.jpg");
}
.bioBox {
	padding:40px 60px;
	background-color:var(bggrey);
	background-color:var(--bggrey);
}
.mobileOnly {
	display:none;
}
#search-results {
	background-color: var(--bggrey);
	background-color: var(bggrey);
    padding: 40px;
}
.com-content-article__body ul {
	list-style:none;
}
.com-content-article__body ul > li {
	padding-left:32px;
	position:relative;
	margin-bottom: 15px;
    font-weight: 600;
}
.com-content-article__body ul > li:before {
	content:"•";
	position:absolute;
	left:0;
	top:0;
	font-size: 72px;
	color:var(--brand-orange);
	color:var(brand-orange);
}
.jmg-input-wrap .jmg-search-button {
    font-size: 28px;
    top: -7px;
}
.result__taxonomy li {
	display:none;
}
.result__title-text {
	font-weight:600;
	color:#000;
}
#search-query-explained {
	position:relative;
}
#search-query-explained:after {
	content:'';
	height:2px;
	width:100%;
	position:absolute;
	bottom:-5px;
	background-color:var(brand-orange);
	background-color:var(--brand-orange);
}
.fLogos .mod-custom {
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
.fLogos .mod-custom img {
	width:100% !important;
}
@media(max-width:767px) {
	.nav-top-left {
    width: 100%;
	justify-content: center;
}
	span.deskTop {
	display:none;
}
	.md-trigger[role="dialog"] {
		display:block;
		width:70px;
		height:33px;
	}
	
	.sideCopy {
    padding: 70px 20px;
}
	#mod-custom124 {
		padding:0px;
		display:flex;
		justify-content: center;
	}
	#mod-custom124 a {
		margin:10px 20px;
	}
	.creditsR, .creditsL {
	text-align:center;
}
	#nav-top, .footer {
padding: 10px 20px;
}
	.table, .tablerow, div[style="display: table-cell;"] {
		display:block !important;
	}
	body.stick {
	padding-top:0px;
}
	
}
@media(max-width:991px) {
	.bioPic {
		display:none;
	}
	.mobileOnly {
		display:block;
	}
}
/***************************************************************************LAYOUT*******************************************************************************************************/
#brand {
	width: calc(25% - 25px);
    float: right;
    background-color: var(--brand-orange);
}
#brand img {
	max-width:100%;
	height:87px;
	left:0;
	 -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
header .nav-wrapper {

	float:left;
}
header {
	width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 500;
    max-width: 100%;
	-webkit-box-shadow: 0 20px 20px 1px rgba(0,0,0,.1);
box-shadow: 0 20px 20px 1px rgba(0,0,0,.1);
}
header.stick {
	position:fixed;
	top:-64px;
}
header.stick #brand img {
	max-width: 100%;
    height: 63px;
	 -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	
}
.newBG {
	background-image:url("/images/newsBG.jpg");
	background-size:cover;
}
.alexBG {
	background-image:url("/images/Alex-Harvey2.jpg");
	background-size:cover;
	background-position: center;
}
.charBG {
	background-image:url("/images/Charlotte2.jpg");
	background-size:cover;
	background-position: center;
}
.alisonBG {
	background-image:url("/images/alison.jpg");
	background-size:cover;
	background-position: center;
}
.tkaBG {
	background-image: url(/images/tka.jpg);
    background-size: 170%;
    background-position: center 10%;
}
.tinaBG {
	background-image:url("/images/Tina-bio-2.jpg");
	background-size:cover;
	background-position: center;
}
.nathanBG {
	background-image:url("/images/Nathan-bio.jpg");
	background-size:cover;
	background-position: center;
}
.philBG {
	background-image:url("/images/Phil-bio.jpg");
	background-size:cover;
	background-position: center;
}
.tinabBG {
	background-image:url("/images/TinaBicat-bio.jpg");
	background-size:cover;
	background-position: center;
}
.steveBG {
	background-image:url("/images/steve-bio.jpg");
	background-size:cover;
	background-position: center;
}
.consultBG {
	background-image:url("/images/not-until-we-are-lost/NotUntilWeAreLost_OckhamsRazor_artsdepot_JHO-1382.jpg");
	background-size:cover;
	background-position: center;
}
.directBG {
	background-image:url("/images/Public/behind-the-scenes/Ockhams-Razor_DSC3677.jpg");
	background-size:cover;
	background-position: center;
}
.riggingBG {
	background-image:url("/images/the-mill/IMG_0071.jpg");
	background-size:cover;
	background-position: center;
}
.collabBG {
	background-image:url("/images/the-mill/Ockhamswarwick--38.jpg");
	background-size:cover;
	background-position: center;
}
.mentoringBG {
	background-image:url("/images/Public/behind-the-scenes/Ockhams-Razor_DSC3458.jpg");
	background-size:cover;
	background-position: center;
}
.paticBG {
	background-image:url("/images/participation.jpg");
	background-size:cover;
	background-position: center;
}
.aLink {
	background-color:var(--dkgrey);
	background-color:var(dkgrey);
	position:relative;
	padding:120px;
}
.aLink .btn {
	position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}
.com-content-article__body hr, .bottom hr, .below hr  {
	border: 4px solid var(--brand-orange);
	border: 4px solid var(brand-orange);
    opacity: 1;
    margin: 20px 0px 20px 0px;
}
.fullWidth {
	margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
	overflow: hidden;
    padding: 0px 40px;
}
.partWidth {
    margin-left: calc(-50vw + 60%);
    margin-right: calc(-50vw + 60%);
    overflow: hidden;
    padding: 0px 40px;
}

.desktop {
	display:block;
}
.mobile {
	display:none;
}
.mobile a.donate, .mobile a.mailing-list {
	position:relative;
	width:70px;
	padding:10px 20px;
}
.mobile a.donate:before {
	content:"";
	width:32px;
	height:32px;
	position:absolute;
	transform:translate(-50%, -50%) ;
	top:50%;
	left:50%;
	background-image:url("/images/icon-donate.svg");
	background-position:center;
	background-repeat:no-repeat;
}
.mobile a.mailing-list:before {
	content:"";
	width:32px;
	height:32px;
	position:absolute;
	transform:translate(-50%, -50%) ;
	top:50%;
	left:50%;
	background-image:url("/images/icon-mailing-list.svg");
	background-position:center;
	background-repeat:no-repeat;
}
.mobile a.mailing-list:hover:before {
	background-image:url("/images/icon-mailing-list-hover.svg");
}
.mobile a.donate:hover:before {
	background-image:url("/images/icon-donate-hover.svg");
}
#creditwrapper .creditColumn {
	width:50%;
}
@media(min-width:1680px) {
	.partWidth {
    margin-left: calc(-50vw + 80%);
    margin-right: calc(-50vw + 80%);
    overflow: hidden;
    padding: 0px 40px;
}
}
@media(max-width:991px) {
	
}
@media(max-width:767px) {
	.desktop {
	display:none;
}
.mobile {
	display:inline-flex;
}
	#brand {
	width: calc(50% - 25px);
    float: right;
    background-color: var(--brand-orange);
	background-color: var(brand-orange);
}
	.newBG {
    height:400px;
}
	#mod-custom122 {
		margin-bottom:30px;
	}
	#mod-custom122 a {
		display:flex;
		justify-content: center;
		height:100px;
	}
	#mod-custom122 a img {
		float:none !important;
	}
	header.stick {
	position:relative;
	top:0px;
}
	header.stick #brand img {
	max-width:100%;
	height:87px;
	
}
	#creditwrapper .creditColumn {
	width:100%;
}
}
/*********************************************************************NAVIGATION******************************************************************************************************/

#nav-bottom, #nav-top {
	width: 100%;
    z-index: 500;
    position: relative;
	max-width:1200px;
	margin:auto;
	float:none;
}
.nav-top-left {
    display: flex;
    font-size: 18px !important;
    color: #000;
    width: 50%;
    float: left;
    flex-wrap: nowrap;
}
.nav-top-right {
    float: right;
    width: calc(25% - 25px);
    margin-right: -25px;
}
.nav-top-left a {
	color: #000;
	text-decoration:none;
}
.nav-top-left a:hover, .nav-top-left a:focus {
	color:var(--brand-orange);
		color:var(brand-orange);
	text-decoration:none;
}
#nav-bottom {
	display:block;
	height: 88px;
	 -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
header.stick #nav-bottom {
	display:block;
	height: 63px;
	 -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.navbar-nav {
    font-size: 18px;
    width: 90%;
    margin-top: 60px;
    padding-left: 20px;
}
.nav-bottom-wrapper {
    width: 100%;
    position: relative;
    height: 88px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 15px 20px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 15px 20px 1px rgb(0 0 0 / 10%);
    z-index: 200;
	 -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
header.stick .nav-bottom-wrapper {
    width: 100%;
    position: relative;
    height: 65px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 15px 20px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 15px 20px 1px rgb(0 0 0 / 10%);
    z-index: 200;
	 -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.bottomC .navbar-nav {
    margin-top: 0px;
    padding-left: 8px;
}
ul.navbar-nav > li > a, ul.navbar-nav > li > span {
	color: #232323;
    font-size: 18px;
    text-decoration: none;
    padding: 5px 10px;
    width: 100%;
    float: left;
    line-height: 130%;
}
ul.navbar-nav > li > a:hover, ul.navbar-nav > li > span:hover, ul.navbar-nav > li > a:focus, ul.navbar-nav > li > span:focus, ul.navbar-nav > li.active > a {
	background-color:var(brand-orange);
	background-color:var(--brand-orange);
	text-decoration:none;
}
.nav-link {
    display: block;
    padding: 0.05rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;
}
.nav-border {
	width: 100%;
    border-top: solid #eee 2px;
    height: 2px;
    float: left;
	position:relative;
	z-index:600;
}
button.nav-button {
	display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: rgba(0,0,0,.0);
    border: none;
    text-align: center;
    text-decoration: none;
	position:absolute;
	top:50%;
	left:40px;
	transform: translate(0%,-50%);
}
#dropDown {
	position: absolute;
    max-width: 1200px;
    padding: 0px 25px 0px 25px;
	top:0px;
	transform: translate(-50%, -100%);
	left:50%;
    z-index: 100;
	background-color:#fff;
	border-bottom: 7px solid var(--brand-orange);
	-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0);
box-shadow: 0 0 0 1px rgba(0,0,0,0);
}
#dropDown.down {
	top: 146px;
    transform: translate(-50%, 0%);
    z-index: 100;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-box-shadow: 0 15px 20px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 15px 20px 1px rgb(0 0 0 / 10%);
}
header.stick #dropDown.down {
	top: 126px;
    z-index: 100;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
#dropDown .menu h2 {
    position: absolute;
    top: 90px;
    left: 20px;
    z-index: 500;
    font-size: 20px;
}
#dropDown .menu h2 a {
	color:#000;
	text-decoration:none;
}
#dropDown .menu h2 a:hover, #dropDown .menu h2 a:focus {
	color:var(--brand-orange);
	color:var(brand-orange);
	text-decoration:none;
}
#dropDown .menu1 h2, #dropDown .menu2 h2, #dropDown .menu3 h2 {
    left: 30px;
}
.menuShow h2 {
	color: #fff !important;
}
.menuShow h3 {
	position: absolute;
    top: 120px;
    font-size: 18px;
    color: var(--brand-orange);
    left: 20px;
}
button.nav-button:before {
	content: "\f0c9";
    display: inline-block;
    font-size: 68px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Fontawesome";
    font-weight: 900;
	color:var(--brand-orange);
	color:var(brand-orange);
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
header.stick button.nav-button:before {
    font-size: 42px;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
button.nav-button:hover:before, button.nav-button:focus:before {
	color:#747474;
}
.row .menu, .fSection {
	position: relative;
        padding: 68px 20px 15px 0px;
}
.row .menu:before, .fSection:before {
	content: "";
    position: absolute;
    left: 30px;
    right: 30px;
    top: 70px;
    height: 7px;
    background-color: var(brand-orange);
    background-color: var(--brand-orange);
	z-index: 200;
}
.fSection .moduletable {
	position: relative;
    margin: 70px 20px 15px 30px;
}
.fSection h2 {
	line-height: 110%;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.latestShow {
   background-color: #000;
    /* width: 100%; */
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 31px;
    right: -12px;
    z-index: 100;
}
.latestShow .mod-custom {
	    background-size: cover;
    position: absolute;
    /* width: 100%; */
    height: 100%;
    top: 0px;
    left: 0px;
    right: -1px;
}
.latestShow .menuShow {
	position: absolute;
    bottom: 0px;
    top: 0px;
    width: 100%;
}
.latestShow .menuShow h2, .latestShow .menuShow h3 {
	text-shadow: 0 0 3px #000000;
}
.btn {
    color: #212529;
    font-size: 1rem;
    border-radius: 0rem;
}
.btn-primary {
    color: #fff;
    background-color: var(--brand-orange);
	background-color: var(brand-orange);
	border:none;
}
joomla-hidden-mail.btn-primary, joomla-hidden-mail.btn, joomla-hidden-mail.btn-lg {
	padding:0px;
	background-color:rgba(0,0,0,.0);
}
.topC .btn {
	font-size:22px;
}
.bottomC .nav-link {
    padding: 0.0rem 0rem;
}
.bottom .mod-custom {
	margin:0px 0px;
	max-width: 100%;
	width:100%;
	padding: 80px 0px;
}
.ba-gallery {
    margin: 0px 0px 0px 0px;
	/*width: calc(100% + 20px) !important;*/
}
#mod-custom127 .row {
	margin: 0px 5px 0px 0px;
}
#home .load-more {
	display:none !important;
}
#sub-menu {
	width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 8px 40px;
	margin-top: -25px;
    border-bottom: 1px solid var(--dkgrey);
	border-bottom: 1px solid var(dkgrey);
}
#sub-menu ul {
	list-style: none;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-bottom: 0px;
}
#sub-menu li a {
	padding: 0px 10px;
    border-right: 1px solid var(--dkgrey);
    position: relative;
    text-decoration: none;
    color: var(--dkgrey);
}
#sub-menu li a:hover, #sub-menu li a:focus {
	text-decoration: none;
}
#sub-menu li a:hover::before {
	content: "";
    height: 4px;
    background-color: var(--brand-orange);
    background-color: var(brand-orange);
    bottom: -8px;
    left: 10px;
    right: 10px;
    position: absolute;
}

.menu3 .item-220 span, .menu3 .item-220 a {
	position: relative;
    height: 64px;
    line-height: 110%;
}
.menu3 .item-220 span:after, .menu3 .item-220 a:after {
	    content: "(Our employment policies and riders)";
    position: relative;
    line-height: 100%;
    font-size: 16px;
    width: 100%;
    float: left;
    margin-top: 5px;
}
.closeButton {
	display:none;
}
@media(max-width:767px) {
	button.nav-button:before {
		font-size:42px;
	}
	.latestShow {
    background-color: #000;
    width: 100%;
    position: relative;
    top: 0px;
    bottom: 0px;
    z-index: 100;
		left: 0px;
    right: 0px;
}
	.latestShow .menuShow {
	position: absolute;
    bottom: 0px;
    top: 0px;
		height:600px;
    width: 100%;
}
	.menu4 {
		height:700px;
	}
	.row .menu, .fSection {
	position: relative;
        padding: 68px 0px 15px 0px;
}
	.row .menu {
	position: relative;
        padding: 0px 0px 15px 0px;
}
	.bottomC .navbar-nav {
text-align: center;
}
	.navbar-nav {
    width: 80%;
    padding-left: 0px;
    margin: 60px auto 10px auto;
}
	.nav-top-right, .nav-top-left {
    float: left;
    width: 100%;
    margin-right: 0px;
		display:flex;
		justify-content: center;
		padding: 10px 10px;
}
	#nav-bottom {
    display: block;
    height: 73px;
}
	.nav-top-right a img {
		margin: 10px 22px;
	}
	#dropDown, #dropDown.down {
		position: absolute;
    width: 97%;
    z-index: 1000;
    top: 1vh;
    background-color: var(--sec-orange);
		display:none;
	}
	#dropDown.down {
		display:block;
	}
	.closeButton {
	display:block;
		width:64px;
		height:64px;
		background:transparent;
		border:none;
		background-image:url("/images/Close-button.png");
		background-size:100%;
		position:absolute;
		top:20px;
		right:20px;
}
	.row .menu:before, .fSection:before {
   display:none;
}
	#dropDown .menu h2 a, #dropDown .menu h2 {
	color:#fff;
	text-decoration:none;
}	
	#dropDown .menu h2 a:hover, #dropDown .menu h2 a:focus, #dropDown .menu h2:hover, #dropDown .menu h2:focus {
	color:#000;
	text-decoration:none;
}
	#dropDown .menu h2 {
    position: relative;
		top:30px;
}
	header.stick .nav-bottom-wrapper {
    position: relative;
    height: 88px;
}
	button.nav-button {
    top: 60%;
}
	#sub-menu {
    padding: 8px 0px;
}
	#sub-menu ul {
    padding-left: 0px;
}
}
@media(max-width:991px)  {
	button.nav-button:before {
    font-size: 48px;
}
}


/***************************************************************************FONTS*******************************************************************************************************/
p, P, body {
	font-size: 20px;
    font-weight: 300;
}
.fSection p, .creditsR, .creditsR a, .creditsL, .creditsL a, .bottomC ul.navbar-nav > li > a {
	font-size:16px;
	line-height:130%;
}
H1, h1 {
	font-size: 48px;
    font-weight: 600;
    margin-bottom: 40px;
}
h2, H2 {
	font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px;
}
a, A {
	color:var(--brand-orange);
	color:var(brand-orange);
	text-decoration:none;
}
a:hover, A:hover A, a:focus, A:focus {
	color:var(--dkgrey);
	color:var(dkgrey);
	text-decoration:underline;
}
/*#home .page-header h1 {
	text-align:center;
}*/
.page-header h1 {
	text-align:left;
}
.footer h2, .footer H2 {
	font-size: inherit;
    font-weight: 600;
}
h2, H2 {
	margin-bottom:20px;
}

h3,H3 {
	font-size: 34px;
    font-weight: 600;
    margin-bottom: 60px;
}
.com-content-article h3 {
	margin-bottom: 20px;
}
b, strong {
    font-weight: 600;
}
.OrangeUnderScore {
	color: var(--brand-orange);
    color: var(brand-orange);
    text-decoration: underline;
    font-size: 32px;
    margin-bottom: 40px;
}
.ba-gallery .ba-pagination a.ba-btn {
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-sizing: content-box;
    color: var(--color);
    cursor: pointer;
    font-weight: 300;
    line-height: 18px;
    margin-right: 10px;
    padding: 10px 0;
    text-align: center;
    width: 38px !important;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(/templates/j4starter/fonts/glyphicons-halflings-regular.eot);
  src: url(/templates/j4starter/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(/templates/j4starter/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(/templates/j4starter/fonts/glyphicons-halflings-regular.woff) format('woff'), url(/templates/j4starter/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(/templates/j4starter/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
@font-face {
  font-family: 'FontAwesome';
  src: url(/templates/j4starter/fonts/fontawesome-webfont.eot?v=4.3.0);
  src: url(/templates/j4starter/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(/templates/j4starter/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'), url(/templates/j4starter/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'), url(/templates/j4starter/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'), url(/templates/j4starter/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');
  font-weight: 400;
  font-style: normal
}
/***************************************************************************bootstrap*******************************************************************************************************/
.btn-lg, .btn-group-lg>.btn {
    padding: 0.5rem 1rem;
    font-size: 26px;
    border-radius: 0rem;
	margin-top: 30px;
}
.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color:#717171;
	border:none;
}

/***************************************************************************SLIDER*******************************************************************************************************/
#ruxin_testimonials_slider130 .owl-stage-outer .pic {
	display:none;
}
#ruxin_testimonials_slider134 .pic {
   width: 250px;
    height: 150px;
    border: 5px none #4b489b;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
}
#ruxin_testimonials_slider134 .testimonial:before {
    content: "";
    font-family: FontAwesome;
    font-weight: 900;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 50px;
    color: #4b489b;
    opacity: 0.5;
}
.ourrating .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -30px;
}
.owl-stage-outer .testimonial {
    border-top: none;
	margin: 20px auto 0;
}
.owl-stage-outer .testimonial .description {
    font-size: 36px;
    color: #000;
    line-height: 140%;
    margin-bottom: 0px;
	    font-weight: 700;
}
.owl-stage-outer .testimonial .testimonial-title {
    text-align: center;
    font-size: 19px;
    color: #000000;
    margin: 20px 0px;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}
.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    background: #fff;
    display: inline-block;
    cursor: pointer;
	position: absolute;
	top: 60%;
	transform: translate(0%,-50%);
}
.owl-next {
    right: 0px;
}
.owl-prev {
    left: 0px;
}
.owl-prev:before {
	content: "\f104";
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 102px;
    font-weight: 100;
    color: var(--brand-orange);
	color: var(brand-orange);
	top: 0px;
    transform: translate(0%,-50%);
    left: 50%;
}
.owl-next:before {
	content: "\f105";
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 102px;
    font-weight: 100;
    color: var(--brand-orange);
	color: var(brand-orange);
	top: 0px;
    transform: translate(0%,-50%);
    right: 50%;
}
#ruxin_testimonials_slider130 .owl-stage-outer .testimonial:before {
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    background-image: url(/images/speech-marks.svg);
    height: 40px;
    width: 40px;
    background-size: 100%;
    background-repeat: no-repeat;
    transform: translate(-50%, 0);
    opacity: 1;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: rgba(0,0,0,.0);
}
.owl-theme .owl-nav [class*=owl-] {
    color: rgba(0,0,0,.0);
    background: rgba(0,0,0,.0);
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--brand-orange);
	background: var(brand-orange);
}
.ruxin_testimonials_slider.theme1 {
    background: #fff;
    padding: 10px;
    border-radius: 0px;
}
.owl-carousel .owl-stage-outer {
    height: 230px;
}
@media(max-width:767px) {
	.owl-prev:before {
    left: 0%;
}
	.owl-next:before {
    right: 0%;
}
}

/***************************************************************************More about us panel*********************************************************************************/

.mau {
	min-height:400px;
	background-size:cover;
	background-repeat: no-repeat;
	border: 8px solid var(--bggrey);
	border: 8px solid var(bggrey);
    position: relative;
}
.mau h4 {
	background-color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px 20px 10px 20px;
	    margin: 0px;
}
.mau h4 a {
	color:#000;
	text-decoration:none;
	line-height: 100%;
    margin: 0px;
}
.mau h4 a:hover, .mau h4 a:focus {
	color:var(--brand-orange);
	color:var(brand-orange);
	text-decoration:none;
}
.fullwidthBG {
	position:relative;
	margin: 0px 7px;
}
.greyBG {
	background-color: var(--bggrey);
	background-color: var(bggrey);
    position: absolute;
    width: 130vw;
    top: 0px;
    bottom: 0px;
    margin: c;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
/*****************************************************************box backgrounds******************************************************/
.mau.shows {
	background-image:url(/images/mau-buttons/shows.jpg);
}
.mau.tourDates {
	background-image:url(/images/mau-buttons/tourdates.jpg);
}
.mau.aboutUs {
	background-image:url(/images/mau-buttons/aboutus.jpg);
}
.mau.consulting {
	background-image:url(/images/mau-buttons/consulting.jpg);
}
.mau.directing {
	background-image:url(/images/mau-buttons/directing.jpg);
}
.mau.riggingDesign {
	background-image:url(/images/mau-buttons/rigging.jpg);
}
.mau.collaberations {
	background-image:url(/images/mau-buttons/participation.jpg);
}
.mau.trainingWorkshops {
	background-image:url(/images/mau-buttons/trainingworkshops.jpg);
}
.mau.services {
	background-image:url(/images/mau-buttons/services.jpg);
}
.mau.mentoring {
	background-image:url(/images/mau-buttons/mentoring.jpg);
}
.ba-album.css-style-10 .ba-image:hover, .ba-gallery-grid.css-style-10 .ba-image:hover {
    overflow: hidden;
    background-color: rgba(250,200,9,1.0);
}
	
.whatwedo .ba-gallery-grid .ba-gallery-items:hover .ba-caption .ba-caption-content  {
	background-color: --brand-orange !important;
	background-color:var(--brand-orange) !important;
}








a {
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
a:hover, a:focus {
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
a:focus {
	outline: none !important;
}
/********************************************************Video Controls*****************************************************************/
.VcontrolWrapper {
    position: relative;
    display: flex;
    background-color: var(--brand-orange);
	background-color: var(brand-orange);
    padding: 10px 120px;
    margin-top: -25px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    max-width: 100%;
    width: 100%;
}
.VcontrolWrapper:hover, .VcontrolWrapper:focus {
	opacity:1;
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.VcontrolWrapper ul {
    max-width: 800px;
    margin: 0px auto;
    list-style: none;
    width: 800px;
    display: inline-flex !important;
    flex-wrap: wrap;
}
.VcontrolWrapper ul li {
	display:block;
	padding:5px 10px;
	float:left;
}
progress {
  color: red;
  background: green;
    display: flex;
    height: 20px;
    overflow: hidden;
    font-size: .75rem;
    border-radius: 0;
	width:100%;
}
.VcontrolWrapper .progress {
	width:100%;
}

progress::-webkit-progress-value {
  background: red;
}

progress::-moz-progress-bar {
  background: green;
}
#home #video-controls button {
	position:absolute;
}
#video-controls button {
	position:relative;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.0rem rgb(0 0 0 / 0%);
}
#play-pauseD, #play-pauseM {
	    padding: 15px 10px 15px 65px;
    color: #fff;
    background-color: Var(--brand-orange);
    background-color: Var(brand-orange);
    border: none;
    position: absolute;
    bottom: 8px;
    right: 0px;
    font-size: 22px;
    width: calc(25% - 25px);
    psotion: relative;
    text-align: left;
}
#play-pauseM {
	width: calc(50% - 25px);
	display:none;
}
#home #video-controls button.desktop {
		display:block;
	}
	#home #video-controls button.mobile {
		display:none;
	}
#playButton.pause {
	background-image: url("/images/pause-icon.svg");
	height: 32px;
	width:32px;
	background-size:99%;
	background-repeat:no-repeat;
}
#playButton.play {
	background-image: url("/images/play-icon.svg");
	height: 32px;
	width:32px;
	background-size:99%;
	background-repeat:no-repeat;
}
#volinc {
	background-image: url("/images/volume-up.svg");
	height: 32px;
	width:32px;
	background-size:99%;
	background-repeat:no-repeat;
}
#voldec {
	left:0px;
	background-image: url("/images/volume-down.svg");
	height: 32px;
	width:32px;
	background-size:99%;
	background-repeat:no-repeat;
}
#mute {
	left:0px;
	background-image: url("/images/volume-mute.svg");
	height: 32px;
	width:32px;
	background-size:99%;
	background-repeat:no-repeat;
}
.progress {
    display: flex;
    height: 1.5rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: rgba(0,0,0,.0); 
    border-radius: 0.0rem;
}
.button-wrap button.play::before,  .button-wrap button::before {
	content:"";
	position:absolute;
	left:25px;
	background-image: url("/images/play-icon.svg");
	height: 32px;
	width:32px;
	background-size:99%;
	background-repeat:no-repeat;
}

.button-wrap button.pause::before {
	content:"";
	position:absolute;
	left:25px;
	background-image: url("/images/pause-icon.svg");
	height: 32px;
	width:32px;
	background-size:99%;
	background-repeat:no-repeat;
}
@media(max-width:991px) {
	#play-pauseD {
    width: 100%;
}
	#home #video-controls button {
    position: relative;
		padding: 6px 10px 15px 80px;
}
	
}
@media(max-width:767px) {
	
	/*#play-pauseM {
		display:block;
		height:42px;
	}
	#play-pauseD {
		display:none;
	}*/
	
	.button-wrap button.play::before, .button-wrap button::before {
top: 7px;
		
}
}
/***************************************************************FORMS***************************************************************************************/
.form-control {
    padding: 0.6rem 0.9rem;
    color: #212529;
    background-color:var(--bggrey);
	background-color:var(bggrey);
    background-clip: padding-box;
    border: 1px none #ced4da;
    appearance: none;
    border-radius: 0.0rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.form-control:focus {
    color: #212529;
    background-color: var(brand-orange);
	background-color: var(--brand-orange);
    border-color: rgba(0,0,0,0.0);
    outline: 0;
    box-shadow: 0 0 0 0.0rem rgb(0 0 0 / 0%);
}
#Submit {
	padding: 0.5rem 1rem;
    font-size: 26px;
    border-radius: 0rem;
}
label input[disabled="disabled"] {
    display: none !important;
}
label[for="Ethnicity0"], label[for="Ethnicity6"], label[for="Ethnicity12"], label[for="Ethnicity19"], label[for="Ethnicity24"] {
   font-weight: 600 !important;
    padding-left: 0px;
    font-size: 20px;
    color: var(--dkgrey);
    opacity: 1 !important;
    margin-left: -32px;
}
.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0;
}
/***************************************************************GALLERY8*******************************************************************************/
/*.ba-album.css-style-12 .ba-caption, .ba-gallery-grid.css-style-12 .ba-caption:hover {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: relative !important;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: 1;
	opacity:1;
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.ba-album.css-style-12 .ba-caption, .ba-gallery-grid.css-style-12 .ba-caption {
    height: 100%;
    left: 0 !important;
    overflow: hidden;
    position: relative !important;
    top: 0 !important;
    visibility: visible;
    width: 100%;
    z-index: 1;
	opacity:0;
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}*/