:root {
	--true-black: #000000;
	--off-black: #222222;
	--graphite: #333333;
	/*
	--brick-red:#D24B29;
	*/
	--brick-red:#666666;
	--bs-link-hover-color-rgb: #666666;
	--middle-gray:#666666;
	--light-gray:#999999;
	--aircraft-gray:#CCCCCC;
	--eggshell:#EAEAEA;
	--off-white:#F1F1F1;
	--true-white:#FFFFFF;
	--construction-green:#00F251;
	--bs-body-line-height:130%;

	}
	
	button,
	a {
	  -webkit-tap-highlight-color: transparent !important;
	  /*
	  color: #000 !important;
	  */
	  fill: #000 !important;
	}
	.back__ a:active {
	  opacity: 1 !important;
	}
	
	.back__ svg path {
	  fill: #222222 !important;
	}
	
	a:active {
	  color: inherit !important;
	}
	
	a.h4.active {
		border-bottom: 1px solid var(--brick-red);
	  
	}
	.back__ a,
	.back__ a svg {
	  color: inherit !important;
	  fill: currentColor !important; /* ensure SVG uses text color */
	}

	/* Force desired link color for all states */
	.back__ a:link,
	.back__ a:visited,
	.back__ a:hover,
	.back__ a:focus,
	.back__ a:active {
	  color: #000 /* or your desired color */ !important;
	}

	.nav-pills .nav-link.active, nav-link.h4.active {
		
		color: #D24B29 !important;
	}
	
	/*
	a:focus-visible, a:link, a svg, a:hover svg, a:hover, a:active svg, a svg, a {
		color: blue;
		fill: blue;	

}	
	*/
	
	/*
	.row > * 
	{
	  padding-right: 10px;
	  padding-left: 10px;
	}
	*/
	
	::placeholder {
  color: #222 !important;
  opacity: 1 !important; /* keep it fully visible, browsers fade it by default */
}


.offcanvas-backdrop {


}

.mnull {
margin-left: 0 !important;
margin-right: 0 !important;	
	
}


ol, ul {
	padding: 0 ;
	margin: 0;
}
	
	.navbar-toggler { 
	padding-top: 10px;
	padding-bottom: 10px;	
	}
	
	
	input,
	select,
	textarea {
	  font: inherit !important;
	  line-height: 1.2 !important;
	  padding: 0.5rem 0.75rem !important;
	  box-sizing: border-box !important;
	}
	
	
	/*
	
	
	* {
 box-shadow: inset 0 0 0 1px red; 

	}

*/
	.header__box {
		padding: 25px;
	}
	
	.header__box p {
		font-size: 18px;
	}

@media screen and (max-width:1800px) {
	
	.container-fluid.cont__ {
		max-width: 1400px;
	}
	
}



.row {
	   --bs-gutter-x: 1.5em;
}

.row.title {
	border-bottom: 1px solid #ccc;
	background: #fff !important;
}
	
.col {
	
}




.flickity-prev-next-button.next {
    right: 30px;
}

.flickity-prev-next-button.previous {
    left: 30px;
}
	
/* sort this */

.navbar.fy-2 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.offcanvas-header {
	margin-top: 20px;
	margin-right: 20px;
	
}
	
	
	.container {
		max-width: 1800px;
	
	}
	
	.container-fluid, .container  {
		padding-left:25px;
		padding-right:25px;
	}
	
	body {
		font-family: "DM Sans";
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
	    -webkit-font-smoothing: antialiased;
	     -moz-osx-font-smoothing: grayscale;
	     text-rendering: optimizeLegibility;
		     font-optical-sizing: auto;
		leading-trim: both;
text-edge: cap;
		
	}
	
	
	code {
		font-family: "DM Mono";
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%; /* 16.8px */
		text-transform: uppercase;
	}

a {
    text-decoration: none;
    color: var(--off-black)

	

 
}
a:hover, .active, span.current {
    color: var(--brick-red);
	transition: all .3s ;	  
}
ul.personal-list li .active, span.current  {
    border-bottom: 1px solid var(--brick-red);
	  
}

#pills-home.active,  .pills-home-tab, .tab-pane.active {
color:#222 !important
}


.brand-logo:hover svg, .brand-logo svg  {
/* 	transition: all .3s ;*/
	
}

/* typography from funk */

.huge {
font-family: "DM Sans";
font-size: 90px;
font-style: normal;
font-weight: 600;
line-height: 99px
}



h1, .h1 {
	font-family: "DM Sans";
     font-optical-sizing: auto;
	 font-size: 70px;
	 font-style: normal;
	 font-weight: 400;
	 line-height: 77px
}


h2, .h2 {

	font-family: "DM Sans";
	font-size: 50px;
	font-style: normal;
	font-weight: 600;
line-height: 110%;}







.ls-2 {
	letter-spacing: 2px 
}


h2.dotfive, .h2.dotfive {
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: 110%; /* 38.5px */

}

h3, .h3, .sfilm {
	/* 42 H3 */
	font-family: "DM Sans";
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
	line-height:  27.5px
}

span.h3 {
display:block
}
h4, .h4, .large_p {
	
font-family: "DM Sans";
font-size: 18px;
font-style: normal !important;
font-weight: 500;
line-height:  19.8px

}

.h4 em {font-style: normal !important;
}

.small_p {
/* 42 Body Copy Small */
font-family: "DM Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
}


a.h4 {
margin: 0 10px
}
⁨
a.h4.active {
color: var(--brick-red);
}

h1.page_title {
	font-size: 1em;
    font-weight: 400;
	font-size: 25px;
	line-height: 1.1;
	margin: 0 0 20px 0;
	
}

.smallprint {
color: var(--off-black);
leading-trim: both;
text-edge: cap;
	font-family: "DM Mono";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 16.8px */
	text-transform: uppercase;
}

button.button__smallprint {
margin-top:-2px;
height: 50px;
border: 0px;
vertical-align: baseline;
padding: 15px 26px;
width:  auto;
position:absolute;
margin-top:20px;
}

.button__smallprint, input::placeholder {
leading-trim: both;
text-edge: cap;
font-family: "DM Mono";
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 120%; /* 16.8px */
	text-transform: uppercase;
}


.page__num a, .page__num span.current {
	font-family: "DM Sans";
		font-size: 16px !important;
		font-style: normal !important;
		font-weight: 400 !important;
		padding: 0 2px;
} 

.flickity-page-dots {
    bottom: 40px !important;
}


/*
.search_box {
display: flex;
max-width: 1420px;
align-items: center;
gap: 6px;
align-self: stretch;
}
.search_box input {
display: flex;
padding: 20px 25px;
align-items: center;
gap: 10px;
flex: 1 0 0;
}
.search_box button {
display: flex;
width: 121px;
height: 50px;
padding: 15px 26px;
justify-content: center;
align-items: center;
gap: 10px;
}
*/

.subt {
	display:inline-block;
}

.credits_hash:before  {
content: url("/assets/arrows/icon-down.svg");	
margin-right: 5px;
}

.roll-link {
    display: block;
    overflow: hidden;
    vertical-align: top;     
    font-size: 1.2rem;
	  
}




.roll-link:hover {text-decoration:none;}

.roll-link span {
    display: block;
    position: relative;
	transition: all 400ms ease;
text-transform: capitalize;
}


.credits_hash span  {
    display: inline-block !important;
	
	
}


.roll-link:hover span, .boxforhover:hover .roll-link span, .talent__box:hover .roll-link span {
/*         
transform: translateY(-37px);
*/
	transform: translateY(-51px);

}

.roll-link span:after {
    content: attr(data-title);

    display: block;
    position: absolute;
    left: 0;
    top: 0;

    color:  #D24b29;
    color: var(--brick-red);
	
		/*
	transform: translateY(37px);
	
*/
	
	transform: translateY(51px);
	
}


/* NAV LINKS ARE GREY */

.navbar-nav .nav-link.roll-link span:after {

	color: #888;
	transform: translateY(51px);
	
}

.navbar-toggler:hover .navbar-toggler-icon--bottom, .navbar-toggler:hover .navbar-toggler-icon--top {
    margin: 2px 0;
    border-color:     var(--brick-red) !important;
    --bs-btn-close-color:     var(--brick-red) !important;
    fill:  var(--brick-red)  !important;
}




.h1 .roll-link {
		 font-size: 70px;
}

.h3 {
	font-size: 25px;
	
}


.h1 .roll-link:hover span, .carousel__text:hover .h1 .roll-link span {
         
transform: translateY(-77px);
}

.h1 .roll-link span:after {
    content: attr(data-title);
   color: var(--true-white);
	transform: translateY(77px);
}




.h3 .roll-link:hover span, .carousel__text:hover .h3 .roll-link span {
         
transform: translateY(-37px);
}

.h3 .roll-link span:after {
    content: attr(data-title);
color: var(--true-white);
	transform: translateY(37px);
	
	
}

/* HOME LINK SIzes ------------------------------------------------- */

.carousel__text .h3 .roll-link:hover span, .carousel__text:hover .h3 .roll-link span {
         
transform: translateY(-51px);
}

.carousel__text .h3 .roll-link span:after {
    content: attr(data-title);
color: var(--true-white);
	transform: translateY(51px);
	
	
}



.mw-1280 {
	max-width: 1280px;
}

.mw-1400 {
	max-width: 1400px;
}
.mw-1800 {
	max-width: 1800px;
}

.tp-50 {
padding-top: 50px;	
}

.pb-50 {
padding-bottom: 50px;	
}

.pb-25 {
padding-bottom: 25px;	
}


.py-25 {
padding-top: 25px ;
	padding-bottom: 25px;
}

.mt-15 {
	margin-top: 15px;
}


.mt-25 {
	margin-top: 15px;
}

.nop-y, .nop {
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.nopl {
padding-left: 0 !important;
}

.nopr {
padding-right: 0 !important;
}



.nop-x, .nop {
	padding-left: 0!important;
	padding-right: 0!important;
}

.nom-y, .nom {
	margin-top: 0!important;
	margin-bottom: 0!important;
}

.nom-x, .nom {
	margin-left: 0!important;
	margin-right: 0!important;
}

.brand-logo:hover svg {
fill: var(--brick-red);
}

li.nav-item {
	padding: .2rem;
	line-height: 1.5
}


.tiny--text {
	font-size: .8rem
}

.nav-link {
 }

#manSub, #manSub .roll-link span{
  background: var(--off-black);
	color: var(--true-white);!important;
	cursor: pointer; 
}

.flink{
cursor: crosshair; 
}

#manSub:before {
    height: 180px;
    content: '';
    background: var(--off-black);
    width: 100vw;
    position: absolute;
    margin-left: -800px;
	margin-left: calc( -1 * (100vw - 384px ));
}



.nav-item .nav-link.roll-link {
	font-size: 25px}


.offcanvas-body .nav-item .roll-link:hover span{
         
transform: translateY(-51px);
}

.navbar-toggler {
	border: 0;
}

.navbar-toggler:focus, .btn-close:focus {
	box-shadow: none;
}

.btn-close {
    transition: transform .4s ease-in-out;
    --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24.2 24.2"><g><g id="Layer_1"><path id="path2" class="cls-1" d="M4.2,18.5l14.2-14.2,1.4,1.4-14.2,14.2-1.4-1.4Z"/><path id="path2-2" data-name="path2" class="cls-1" d="M8.5,14.2L22.7,0l1.4,1.4-14.2,14.2-1.4-1.4Z"/><path id="path2-3" data-name="path2" class="cls-1" d="M0,22.7l14.2-14.2,1.4,1.4L1.4,24.2,0,22.7Z"/><path id="path2-4" data-name="path2" class="cls-1" d="M18.5,20L4.3,5.7l1.4-1.4,14.2,14.2-1.4,1.4Z"/><path id="path2-5" data-name="path2" class="cls-1" d="M14.2,15.7L0,1.4,1.4,0l14.2,14.2-1.4,1.4Z"/><path id="path2-6" data-name="path2" class="cls-1" d="M22.7,24.2l-14.2-14.2,1.4-1.4,14.2,14.2-1.4,1.4Z"/></g></g></svg>');
    --bs-btn-close-opacity: 1;
	  --bs-btn-close-bg-size: 2rem; 
	 padding: 0;
     opacity: 1;
	 margin-right: -5px !important;
	 margin-top: -10px !important;
		 
	   
}

.offcanvas-header .btn-close  {
	
 
    background-size: 1.5rem;
	
	
	
}

.back__ a {
    transition-property: opacity, transform;
	
  display: inline-block;
  line-height: 0;              /* removes extra inline spacing around the svg */
  transition: transform .4s ease; /* this makes the spin visible */
  transform-origin: 50% 50%;
}


.btn-close:hover, .back__ a:hover {
	
  transform: rotate(-180deg);
  color: var(--brick-red);
  --bs-btn-close-color: var(--brick-red); !important;
color:#D24b29 !important;
/*
filter: invert(48%) sepia(79%) saturate(5199%) hue-rotate(350deg) brightness(49%) contrast(84%);	
*/
}




.brand-logo {
	font-weight: 600;
	
}

.navbar-brand.brand-logo img, .navbar-brand.brand-logo svg {
	height: 75px !important;
	width:auto;
}

.brand-logo span {
	color: var(--brick-red);
}

.navbar {
	background: rgba(255,255,255,.9);
	/*
    backdrop-filter: blur(10px);
*/
}

.blur {
    backdrop-filter: blur(10px);
	
}

.noblur {
	backdrop-filter: none
}


/* -----------NAVBAR MENU ANIMATION  ---------------------------------------*/
.navbar-toggler-icon--top, .navbar-toggler-icon--bottom {
height: 6px;
background: transparent;
display: block;
width: 1.5em;
vertical-align: middle;
transition: all .2s ease-out;	   
}

.navbar-toggler-icon--top {
		margin-bottom: 8px;
		border-bottom: 2px solid #222;
}

 .navbar-toggler-icon--bottom {
	 	margin-top: 8px;
	 	border-top: 2px solid #222;
 }


.navbar-toggler:hover .navbar-toggler-icon--top, .navbar-toggler:hover .navbar-toggler-icon--bottom  {
	margin: 2px 0;
	border-color: #D24b29;
	--bs-btn-close-color:  #D24b29 !important;
	fill:  #D24b29 !important;
}

/* -----------NAVBAR MENU ANIMATION  END     -------------------------------*/


/* -----------NAVBAR MENU ANIMATION  ------------------------------------
.navbar-toggler-icon--top, .navbar-toggler-icon--bottom {
height: 2px;
background: #222;
display: block;
width: 1.5em;
vertical-align: middle;
transition: all .2s ease-out;	   
}

.navbar-toggler-icon--top {
		margin-bottom: 4px;
}

 .navbar-toggler-icon--bottom {
	 	margin-top: 8px;
 }


.navbar-toggler:hover .navbar-toggler-icon--top, .navbar-toggler:hover .navbar-toggler-icon--bottom  {
	margin: 2px 0;
	background: #D24b29;
	--bs-btn-close-color:  #D24b29 !important;
	fill:  #D24b29 !important;
}

----------NAVBAR MENU ANIMATION  END     -------------------------------*/


.offcanvas-body {
	
    display: flex;
    align-items: center;
}

.offcanvas {	


    background-color: #ededed;
	
}
.offcanvas.offcanvas-end {
	border-left: 0;
}

.offcanvas-backdrop {
	/*

    background-color: rgba(237,237,237, .98)
    */
}

.offcanvas-backdrop.show {
opacity: 1;
    background-color: rgba(237,237,237, .97)
}


.offcanvas-end.noblur.show {
background: transparent
}

.offcanvas-end.noblur.hiding {

    background-color: rgba(237,237,237, 0)
}


.osr {
	margin-right: -12px;
	margin-top: -2px;
}
.offcanvas-body .nav-link {

color: #222
}

/* mrs popup */

.popuptext {
	opacity: 0;
	display:block;
	transition: all 600ms ease;
	font-size: 18px;
		 transform: translateY(4px);
	}
	
.boxforhover {
	padding: 0px;
}

.pager--info--holder {
	padding: 1.5rem
}


.pager--info--holder p {
font-size: 18px
}

.boxforhover .roll-link {
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: 110%; /* 27.5px */
text-transform: capitalize
}

.boxforhover:hover .popuptext {
	opacity: 1;
	 color: var(--brick-red) !important;
     transition-delay: 0.05s;
     transition-duration: 0.55s;
	 transform: translateY(0);
	 
}

.grid_image {
	overflow:hidden;
    aspect-ratio: 16 / 9;
     width: 100%;
	margin-bottom: 20px;

	}
	
	.grid_image img.fit {
		background: #ededed;
		width: 100%;
		  height: 100%;
		  object-fit: cover; 
	
	}
	
	.col-md-6 {
		margin-bottom: 30px
	}
	
	.carousel-cell img {
		max-width: 100%;
		height:auto;
	}
	
	.pt__25 {
padding-top: 25px	
}



	
/* LIST ITEMS */
	
	ul.personal-list {
		text-align:center;
		list-style:none;
	
	}	
	
	ul.personal-list li {
		display:inline-block;
		padding: 4px 7.5px;
	}
	.carousel-cell {
	background: black
	}
.flickity-slider::before {
width: 33vw;
height: 100%;
background: blue;
display:block;
top:0;
left:0
}

.back__ {
position:absolute;
right: 75px;
top: 17px
}

img.objfit {
	object-fit: contain;
	height:100%;
	width:100%;

}

 .picture {
    overflow: hidden;
    padding-top: 100%;
   position: relative;
    width: 100%;

	
}

 .picture img {
    height: 100%;
    position: absolute;
	left:0;
	right:0;
   top: 0;
    width: 100%;
object-fit:cover;
 
}

 .picture img:hover {
 }
 
  .about__container {
      display: flex;
      margin: 0 50px 50px 50px;
      width: calc(100% - 100px);
      height: calc(100vh - 167px) ;
	  /*
      background: url("/assets/test-data/Office Image.png");
      background-size: cover;
	  background-position: center;
    */
	  background: #000;
	}

    .quarter {
      margin-left: auto;   /* Push to right side */
      margin-top: auto;    /* Push to bottom side */
      width: 50%;
      height: 45%;
      display: flex;
      justify-content: center;  /* Center horizontally inside quarter */
      align-items: center;      /* Center vertically inside quarter */
color: white;

    }

    .quarter p {
font-size: 25px;
      margin: 50px 205px 50px 50px;
    }
 
	.main-carousel {
		top:0;
		left:0;
		position:absolute;
		/*
		width:100vw;
		*/
		height:100vh;
	}
	
	.main-carousel,.carousel-cell {
	width:100vw;
	height: 100vh;	
	}
	
	.carousel-cell  img 
	{
	object-fit: cover;
    display: block;
	width:100%;
	
     max-width: 100vw;
     height: 100vh;
}


.flickity-page-dots {
}

.flickity-page-dots {
	width:calc(100vw - 100px);
	margin-left: 50px;
}

.flickity-page-dots .dot {
	height: 2px;
	width:300px;
	width: calc((100vw - 100px) / 7);
	border-radius: 0;
	background: rgba(255,255,255,.9);
	margin:0;
}


.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 0;
  transform: translateY(-50%);
}

.flickity-prev-next-button {

background: rgba(0,0,0,.75);
  border: none;
  color: #fff;
}

.flickity-prev-next-button:hover

{
	background: rgba(0,0,0,.9);
	
}


.carousel__text {
bottom: 100px;
	left: 200px;
	position:absolute;
	color: #fff;
}

.carousel__text span, .bottom-left-quarter span {
	display:block;
	color: #fff;
	
}

.line1 {
	margin-bottom: 10px;
}

.line2 {
	margin-bottom: 15px;
	
}

.flickity-prev-next-button, .flickity-button-icon
{
-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.flickity-prev-next-button.next::before {
    position:absolute;
    display:inline-block;
	height: 255px;
	width: 10vw;
	right: -30px;
	top: calc(-110px);
	content:"";
	
}

.flickity-prev-next-button.previous::before {
    position:absolute;
       display:inline-block;
	width: 10vw;
	left: -30px;
	content:"";
	height: 255px;
	right: -30px;
	top: calc(-110px);
}


.flickity-prev-next-button.next, .flickity-button-icon, .flickity-prev-next-button.previous {
 background: rgba(0, 0, 0, 1);
opacity:0;

}

.flickity-prev-next-button.next:hover, .flickity-prev-next-button.next:hover .flickity-button-icon, .flickity-prev-next-button.previous:hover, .flickity-prev-next-button.previous:hover .flickity-button-icon {
	opacity: 1;
}



.line1.h1 {
	font-family: "DM Sans";
	font-size: 70px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
}


.line2.h3, .line3.h3  {
	/* 42 H3 */
	font-family: "DM Sans";
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%; /* 27.5px */
}

.line2.h3 {
	margin-bottom: 25px;
}

.h3 .roll-link {
	font-size: 25px;
}

.flickity-button:focus {
box-shadow: none
}

.flickity-prev-next-button .flickity-button-icon {
    left: 15%;
 
}

.flickity-prev-next-button.previous
.flickity-button-icon {
    left: 25%;

}
 
 
.indent {
/*
	padding-left: 75px;
	padding-right: 75px;
*/
}

.contact-pods, .top-text-holder {
display: flex;
max-width: 1500px;
padding: 0 50px ;
justify-content: space-between;
align-items: flex-start;flex-wrap: wrap;
}

.top-pod {
display: flex;
width: 168px;
flex-direction: column;
align-items: flex-start;
gap: 15px;
flex-shrink: 0;
padding: 50px 0

}

 .contact-pod {
display: flex;
width: 210px;
flex-direction: column;
align-items: flex-start;
gap: 22px;
flex-shrink: 0;
padding: 50px 0

}
 .contact-pod p, .getintouch p {
 margin: 0 !important
 
 }
.tint-scrim {
width: 100vw;

flex-shrink: 0;
padding:67px 0;
background:black;
margin-top: 230px;
background: var(--True-Black, #000)
}

.getintouch {
  flex-direction: column;
display: flex;
width: 603px;
padding: 50px;
justify-content: center;
align-items: flex-start;
gap: 25px;
color: white
}


.capsflc {
	margin-top: .2rem;
	text-transform: capitalize;
}


.crumbs {
	height: 100%;
	display: flex;
	justify-content: center; /* vertical (if flex-direction is column) */
	/*
	align-items: center;   
*/
	flex-direction: column;
}

.crumbs h4 {
	margin: 0 !important;
}
	

.crumbs h4 span.aircraft {
	color: var(--aircraft-gray);
}



#pills-home .row {
 margin-left:0;
 margin-right: 0;
 
}


#pills-home .row > * {
padding-left:0 
}
	/* ******************************************* END OF BASE ******************************************* */
 
	/* EXTRA BIG */ 
 
  @media screen and (min-width:1281px) {
  	
 	 .carousel__text {
 	     bottom: 182px !important;
 	     min-width:50vw
 	 }
	 .line1.h1 {
		 margin-bottom: 13px;
		 letter-spacing: 4px !important;
 	
	 }
 
	 .line2.h3 {
		 margin-bottom: 20px;
	 }
	 
	 .row {
	     --bs-gutter-x: 10px;
	 }
	 
	 
  }
  
  /* NORMAL */ 
 .mb-100 {
margin-bottom: 100px !important
}
  .mb-50 {
margin-bottom: 50px !important
}
  .mt-50 {
margin-top: 50px !important
}

.mt-25 {
	margin-top: 25px !important
	
}

  .mb-25 {
margin-bottom: 25px !important
}

  .mb-30 {
margin-bottom: 30px !important
}

  .mb-0 {
margin-bottom: 0 !important
}

 .quarter p {
	 font-size: 25px;
	 font-style: normal;
	 font-weight: 500;
 }
 @media screen and (max-width:1280px) {
	 .carousel__text {
	     left: 50px !important;
	  
	 }
	.grid_image img.fit {
height: calc((100vw - 60px) / 3 * .9);
}

.grid_image img.fit {
margin-bottom: 20px;
}
 .quarter p {

      margin: 50px 50px 50px 50px;
 }
 
 
 .carousel__text {
 	bottom: 128px !important;
 	left: 50px;
 	position:absolute;
 	color: #fff;
 }
 
 .line1.h1 {
	 margin-bottom: 13px;
 	
 }
 
 .line2.h3 {
	 margin-bottom: 20px;
 }
 
 
 .row {
     --bs-gutter-x: 25px;
 }
 
 
 }
 
 /* SMALL */ 
 
 @media screen and (max-width:900px) {
  	.grid_image img.fit {
height: calc((100vw - 60px) / 3 * .9);
}


.navbar-brand {

margin-left: 18px;
  margin-right: 0


}
 h1.h2 {

	font-size: 35px !important;
}

  .quarter {
 
      width: 80%;


    }

    .about__container {
        display: flex;
        margin: 0 25px 25px 25px;
        width: calc(100% - 50px);
        height: calc(100dvh - 142px) ;
		
		
	}


 }
 
 /* CRUTCH BETWEEN MOB and PORTRAIT */ 
 
  @media screen and (max-width:780px) {
  	.grid_image img.fit {
height: calc((100vw - 20px) * .56);
}

.nav-pills {
  padding-left: 10px !important;
  padding-right: 10px !important;
}



.contact-pods {
padding: 0 25px
}

 .getintouch {
 padding: 50px 25px
 }
.container-fluid, .container {
    padding-left: 10px;
    padding-right: 10px;
}

.grid_image img.fit {
margin-bottom: 13px;
}

.boxforhover .roll-link {
	 font-size: 18px !important;
 }
 
 span.popup {
 opacity:1;
 font-size: 14px !important;
 
 }
 
 
 .popuptext {
	 font-size: 14px !important;
 	
 	}
nav .col-md-3.text-end {
padding-right: 20px !important
} 

.navbar-toggler {
  padding: 10px 0 
  
}
 
   .quarter {
      height: 50%;
      width: 100%;
    }
    
.quarter p {
 font-size: 25px !important;
    line-height: 130%; 
    margin: 25px;
     } 
     
.navbar-brand.brand-logo img, .navbar-brand.brand-logo svg
{
height: 34px !important;
width: auto;
}

.mb-2 {
margin-bottom: 0 !important
}


.carousel__text {
		 	bottom: 100px !important;
	left: 20px !important;

}

.h3 .roll-link {
	font-size: 16px !important;
}

.h1 .roll-link {
	font-size: 50px !important;
	line-height: 110% !important; /* 55px */
}

.line1.h1 {
    margin-bottom: 10px !important;
	font-size: 50px !important;
	line-height: 110% !important;
}

.line2.h3 {
    margin-bottom: 10px !important;
}

.back__ {
    position: absolute;
    right: 75px;
    top: -2px;
}

.about__container {
    display: flex;
    margin: 20px 20px 20px 20px;
    width: calc(100% - 40px);
    height: calc(100dvh - 75px) ;
	
	
}

.quarter {

  align-items: end;
}

.popuptext {
	opacity: 1;
	transform: none;
}


     }
	 
	 

	 
	 	@media screen and (min-width: 500px) and (max-width: 780px) {
	 	
	 	.agent_head img {
	 width: 50% !important;
	 margin-left: 50%
	 	}
	 	
	 	}
	 
	 @media screen and (max-height: 1000px) {
	 .carousel__text {
		 	bottom: 100px !important;

	 	}

	
	 	 }
	 	 
		 
 /* PORTRAIT TWEAKS */
		 
		 @media screen and (max-height: 800px) {
		 .carousel__text {
		 	bottom: 100px !important;

		 	}

		 	 }		 
	 
	 
 /* SMALL/MOBILE */	 
	 
   	 @media screen and (max-width: 600px) {
		 
		 
		 .text-content {
		   max-height: 125.2px !important;
		   
	   }
		 
		 .sfilm {
			 font-size: 18px;
		 }
		 
		 .header__box p {
			 font-size: 14px;
			
		 }
		 
		 
		 
		 .main-carousel, .carousel-cell {
		   width: 100vw;
		   height: 100dvh; /* Best choice */
		 }
		 
		 
		 .crumbs h4 {
			 
			 font-size: 13px;
		 }
		 
		 .crumbs h4 span.last {
			 display:block;
		 }
		 
		 .crumbs h4 {
			 position:absolute;
			 top:5px;
			 margin-left: -5px;
		 }
		 
		 
   	 .carousel__text {
   	 bottom: 100px !important;

   	 	}
		
		.contact-pods {
padding: 0 20px
}

.getintouch {
padding: 50px 20px
}
		
		h1, .h1
	
		 {
			 font-weight: 500;
		 }
		
		.flickity-page-dots {
		    bottom: -7vh;
		}
		
		.line2, .line3 {
			
	
		line-height: 130%; 
	}	
	.nav-pills {
  padding-left: 10px !important;;
  padding-right: 10px !important;
}

.navbar-toggler-icon--top, .navbar-toggler-icon--bottom {
  height: 4px;
width:20px;
}
	
.navbar-toggler-icon--top {
  margin-bottom: 4px;
}

.navbar-toggler-icon--bottom {
  margin-top: 4px;
  
}
	
	}
	    
	  
/* child indent? */	
	
	/* taletnt grid fudge*/	
	
	 
	@media screen and (min-width: 769px) and (max-width: 1280px) {
		
		
	 h1.h2 {

	font-size: 35px !important;
}


		
		
		.col-md-3.grid {
			width: 33.33333% !important;
		}
		
	}
	 
	 
	 
	 @media screen and (min-width:767px) {
		 /*
.indent .row.tp-50  .col-md-6:first-child, div.col-md-6:nth-child(1) {
padding-right: 50px !important
} 
.indent .row.tp-50  .col-md-6:nth-child(2){
padding-left: 50px !important

}
		 */
}

	 
	
	 
 /*
 @media screen and (max-width:375px) {
 	.grid_image img.fit {
height: calc((100vw - 20px) * .56);
}
 }
 */
 
 
 
 
 /* TALENT ONLY ----------------------------------------------------------------------------- */
 .item 

 {
 float:left
 }

 .filmd {
 color: #222
 }

 ul.personal-list {
     margin-right: 0px;
 	margin-left: 0;
     margin-top: -15px;

 }

 img.objfit {
 	object-fit: contain;
 	height:100%;
 	width:100%;

 }

  .picture {
     overflow: hidden;
     padding-top: 100%;
    position: relative;
     width: 100%;

	
 }

  .picture img {
     height: 100%;
     position: absolute;
 	left:0;
 	right:0;
    top: 0;
     width: 100%;
 object-fit:cover;
 
 }

  .picture img:hover {
  }

  .col-md-3.grid {
      max-height: none;
      overflow: hidden;
  }

 
 
 
  form input {
 	 margin: 20px 0;
 	 width:calc(100% - 110px);
 	 font-size: 1.3em;
 	 border:1px solid #000;
 	 padding: 5px 10px;
 	 height: 50px;
  }

  [type=submit] {
      -webkit-appearance: button;
 	 height: 50px;
 	 width:70px;
 	 border:1px solid #000;
 	 background: #000;
 	 color: white;
 	 font-size: 1.3em;
 	 font-weight: bold;
	 
  }
 
  ul.personal-list {
      margin-right: 0px;
      margin-left: 0;
      margin-top: 0px;
      margin-bottom: 0px;
  }
 
  .col-md-3.grid, img.fit {
      max-height: none;
      height: auto;
  }
 
  li a.buttonb {
  background: black;
  color: white;	
	
  }
 
  .line {
 	 height: 1px;
 	 background: #ccc;
 	 margin-bottom: 25px;
  }
 
 
  .inset-xy{
 	padding: 0 35px 50px 35px
  }
 
  .grid_spacing {
  --bs-gutter-x: 20px; /* horizontal gutter */
 }

 .mb-40 {

 margin-bottom: 40px
 }

 @media screen and (min-width:1800px) {
 .col-xxl-2 {

   width: calc(100% / 7);
 }
 
 
 
 }

  @media screen and (max-width:600px) {
 
	  body, html {
		  max-width: 100vw;
		  overflow-x: hidden !important;
	  }
	  
	  .main-carousel, .main-carousel .cell {

		  overflow-x: hidden !important;
	

	  }
	  
 
   .inset-xy{
 	padding: 0 0px 15px 0px !important
  }
  
  .grid_spacing {
  --bs-gutter-x: 10px;
}
			iframe.video, .video-wrapper {
			
				max-width: calc(100vw - 20px) !important;
						width: calc(100vw - 20px) !important;
				
			}
			 .video-wrapper {
			 margin-top: 50px;
							width: calc(100vw - 20px) !important;
			max-width: calc(100vw - 20px) !important
		}	
	.section-container {	
	padding:0 15px !important;
	justify-content:start !important
	
	}
	
		.section-container .row>* {
padding-right:10px;
padding-left:10px;
}
		
.books_container, .mobt50  {
padding-top:50px;	 
	    }

.mb-40.talent__box {
	margin-bottom: 25px !important;
}


 .contact-pod {

padding: 20px 0 10px 0

}
.v-container {
height:auto !important;
padding-bottom:20px !important;
}

/* ************************************************************************************ */
/* TYPOGRAPHY */
/* ************************************************************************************ */


.indent {
        padding-left: 20px;
        padding-right: 20px;
    }


.bio-grid-content h1.h2, .bio-grid-content .h2, .col__fixed h1.h2, .h2.dotfive.mb-50 p, h1.h2.dotfive, .h2.dotfive.mb-50   {
font-size: 30px !important;
font-weight: 600!important;
line-height: 110% ;
}


	    h1.h2, .h2 {
	    font-size: 25px !important;
	    }
		
	   .crumbs h4 {
		   font-size: 14px  !important;
	   }
	  
		span.h3 {
		margin-bottom:-5px}
  
	 h4, h3, .h3, .boxforhover .roll-link, h1.sfilm, .nav-item .nav-link.roll-link, button.h4, .basic__button, .col-md-6 b, .col-md-6 strong  {
	    font-size: 22px !important;
	  }	
	  
	 .h4, .center-box .h3.roll-link, #credit__buttons a.credit_button, .col-12 .personal-list li  {
	  	    font-size: 20px !important;
	  	  }
		  
		  .smallprint {
			  font-size: 16px;
		  }
		  
		  .col__fixed .mb-30, .columns ul li, .small_p, .bookbody h4 {
			  font-size: 18px !important;
		  }
		  
		   .bookbody h4 {
			line-height: 1.5;   
		   }
		   
		 
		  .center-box {
		  	    padding: 0 10px !important;
		  }
		  
		  #credit__buttons a.credit_button {
		
		      min-width: 150px !important;
		  }
	.h4.last {
		display:block;
		margin-top: 5px;
		margin-bottom: 5px;
	}  
	   
	.mob-10 {
		margin-top: 11px;
	}
	
	.mob-50 {
		margin: 0 40px;
	}
	
	.mob-50 .col, .mob-50 .col-md-10 {
		padding: 0 !important ;
	}
	
	
	.pb-25	 {
	    padding-bottom: 25px !important;
	}
	
    h4.an	 {
   	    padding-bottom: 15px !important;
   	}
	
	.mt-50.m5 {
		margin-top: 40px !important;
	}
	.mt-50.m5:first-child {
		margin-bottom: 30px !important;
	}
	.agent {
		padding-bottom: 30px;
	}
	
	.personal-list.pb-25{
	    padding-bottom: 20px !important;
	}
	
	.personal-list.books{
	    padding: 20px 10px !important;
	}
	
	
	
	
    .mb25b {
		padding-top: 20px;
   	    padding-bottom: 10px !important;
   	}
	
	button.button__smallprint {

	    padding: 17px 7px;
		margin-top: 25px;
	}
	
	form input {
	    margin: 25px 0;
	    width: calc(100% - 64px);
	}
	    
p, .h3 .roll-link{
font-size: 18px !important
}	  

 .popuptext, #expandableText p, .nav-link.roll-link 
 
 {
 font-size: 16px !important
 }	  
 
 ul.personal-list {
 padding:0px 00px;
 font-size:18px
 
 }
 
 .bookbody {
	 margin-top: 50px;
 }
 
 .picture {
 margin-bottom: 10px !important;
 }
 
 .offcanvas-header {
  margin-top: 0px;
  margin-right: 0px;
}
 .btn-close {

  margin-right: -12px !important;
  margin-top: -12px !important;
}
 
 .offcanvas-header .btn-close {
  padding: 12px;
 
  }
  
  .offcanvas .btn-close {
  background-size: 15.5px; /* icon size */
}
 
 
 .books_container:first-child, .bp-50 {
	 margin-bottom: 0 !important;
	 padding-bottom: 0 !important;
 } 
  
  
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {

  --bs-offcanvas-width: 60vw; 
  /*
  --bs-offcanvas-width: clamp(400px, 50vw, 60vw);
*/

 } 
  
  
  .nav-item .nav-link.roll-link {   font-size: 18px;
}
  #manSub:before {
height: 166px;
margin-left:-45vw;
width: 109vw;
}  
  
  
 .mt-25.agent:nth-child(2)
{  
  margin-top:50px !important
  }
  
  
  .h1 .roll-link span:after {

    transform: translateY(120px);
}

.h1 .roll-link:hover span, .carousel__text:hover .h1 .roll-link span {
 transform: translateY(-120px);
}

.frame {
padding: 0 20px 20px 20px !important;
}

.frame .roll-link span::after {
    transform: none;
}

.frame .roll-link span:after {
display:none
}


.flickity-page-dots {
  width: calc(100vw - 20px) !important;
  margin-left: 10px !important;
}

.text-content, .text-content p {
  line-height: 130% !important;
}

.text-content.expanded {
	max-height: 1000px !important;
}


.grid_image {
        margin-bottom: 10px !important;
    }
	
	.back__ {
	        right: 48px;
	      top: -4px;
    
	    }	  
		.ls-2 {
		    letter-spacing: 0px;
		}

a#toggleButton 
{
font-size: 19px 
}

.btn-close:hover, .back__ a:hover, .btn-close:active, .back__ a:active {
	
  color: var(--brick-red) !important;
  --bs-btn-close-color: var(--brick-red); !important;
	
}

a.active {
  color: var(--brick-red) !important;
}

a:hover, a {
--bs-link-color-rgb: black !important;
}
.back__ a, .back__ a:active,.back__ a:focus  {
	color: black !important;
}


.vh-100 {
	
	height:auto !important:;
}



	/* apple shit */

	a {
	  color: #000;
	  text-decoration: none;
	}
	
	a:visited {
  	  color: #000;
  	  text-decoration: none;
	}

	a:hover {
	  color: #000;
	}

	a:active, a:active span {
	  color: #000;
	}

	a:focus,
	a:focus-visible {
	  color: #000;
	  outline: none;
	}


	.flickity-prev-next-button.next, .flickity-button-icon, .flickity-prev-next-button.previous {
	  background: rgba(0, 0, 0, 1);
	  opacity: 1;
	}

	.line1.h1 {
	
	  font-weight: 600 !important;
	  letter-spacing: 3px;
	}


	.flickity-prev-next-button.previous {
	  left: 10px;
	}
	
	.flickity-prev-next-button.next {
	  right: 10px;
	}
	
    .line3.h3 {

     max-width: 70%;
   }
   
   .carousel__text {
      bottom: 47px !important;
	  width: calc(100vw - 40px);
    }
  
  
  .flickity-page-dots {
    bottom: 15px !important;
  }
  
  .navbar.fy-2 {
    max-width: 100vw;
  }
  
  .show .offcanvas-header {
  
  }
  
  /* TAB PANES */
  
 
  
  .whitewrap {
      margin-top: 0px !important;
  }
  
  .col__fixed {
	  padding-right: 20px !important;
	  padding-left: 20px !important;
  }


  #profile {
	  padding: 0 !important;
  }
  
  .mb-30 {
	  margin-bottom: 10px !important;
  }
  
  .osr {
    margin-right: -6px;
    margin-top: -2px;
  }
  
 /*   */
  .roll-link span::after {
display:none;	  
  }
  
  .roll-link:hover {
      color: var(--brick-red);
  	
  }
  
  .roll-link span {

    transition: none !important;
  }
 

.roll-link:hover span, .boxforhover:hover .roll-link span, .talent__box:hover .roll-link span {

	transform: none;

}
 
.offcanvas-body .nav-item .roll-link:hover span
 {
 	transform: none;
}
 
  

a:visited {
  color: #000;
  text-decoration: none;
}

a:hover {
    color: var(--brick-red);
}

a:active {
  color: #000;
  text-decoration: none;
}

a:focus,
a:focus-visible {
  color: #000;
  outline: none;
}



  
  .contact-pod p, .getintouch p {
  margin: -5px 0 !important;

}
  

	@supports (not (-webkit-text-size-adjust: none)) and (font: -apple-system-body) {
	    .text-content {
	      max-height: 123px !important;
	    }
	  }
  
 }  

 @media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .text-content {
      max-height: 123px !important;
    }
	
	
	a:focus-visible, a:link {

}	
	

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

	a:visited {
  	  color: #000;
	}

	a:hover {
	    color: var(--brick-red);
	}

	a:active {
	    color: var(--brick-red);
	}

	a:focus,
	a:focus-visible {
	  color: #000;
	  outline: none;
	}
	
 }


 #manSub .roll-link.active {
  color: var(--true-white);
  cursor: pointer;
}
 
 
.offcanvas-body .nav-link.roll-link.active {
	 text-decoration:underline;
	 text-decoration-thickness: 2px;
 }