@media only screen and (min-width: 992px) and (max-width: 3840px)  {
     .intro__copy {font-size: 16.4px;}
}
@media only screen and (min-width: 1440px) {
     body {font-size: 14.4px;}
}
	:root {
  --easing__in_out--cubic: cubic-bezier(0.65, 0, 0.35, 1);
  --line_height: 4em;
  --line_width: 1px;
  --animation_duration: 4s;
  --line_color: #000;
  --bg_color: #fff;
  --plyr-color-main: #fff;
  --plyr-color-rgba: 255, 255, 255;
}
/* define the line that will animate */
.intro__scroll {
	width: var(--line_width);
  height: var(--line_height);
  background-color: var(--line_color);
  animation: slideDown var(--animation_duration) infinite var(--easing__in_out--cubic);
 }
/* define the animation */
@keyframes slideDown {
  0%, 10%   { transform: scaleY(0); transform-origin: center top;    }
  49%       { transform: scaleY(1); transform-origin: center top;    }
  50%       { transform: scaleY(1); transform-origin: center bottom; }
  90%, 100% { transform: scaleY(0); transform-origin: center bottom; }
}
.intro__container {
	margin:0;
	padding:0;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  height:100%;
}
.pullquote:before{
	content:"\2018" attr(title) "\2019";
	font-family: "Abcarizonaserif", Baskervvile Times, serif;
	font-size:1.9em;
	text-align:center;
	line-height:1.2em;
	color:#fff;
	display:block;
}
.pullquote__drawn:before {
  float:left;
  width:46%;
  margin: -1em 1.2em 0.8em -4em;
  /*padding: 1em;*/
}
.pullquote__court:before {
  float: right;
  width:36%;
  height: 1em;
  margin: 0em -2.5em 2em 2em;
  /*padding: 1em;*/
}
.pullquote-modern-armour:before {
  float:left;
  width:46%;
  margin: -1em 1.2em 0em -2em;
}
.pullquote__costume:before {
  float: right;
  width:50%;
  height: 4em;
  margin: 0.5em -2.5em 2em 2em;
  /*padding: 1em;*/
}
@media only screen and (min-width: 768px) and (max-width: 991px)  {
.pullquote:before{
	font-size:1.6em;
	line-height:1.3em;
}
.pullquote__drawn:before {
    margin: -1em 1.2em 0.8em 0em;
  }
  .pullquote__court:before {
    margin: 0.5em 2em 2em 2em;
}
.pullquote-modern-armour:before {
  margin: 1em 1.2em 1em 0em;
}
.pullquote__costume:before {
  margin: 0.5em 0em 2em 2em;
  /*padding: 1em;*/
}
}
@media only screen and (max-width: 767px)  {
	.pullquote:before{
	font-size:1.3em;
	line-height:1.2em;
}
.pullquote__drawn:before {
    margin: 2.5em 1.2em 0.8em 0em;
  }
  .pullquote__court:before {
  	width:36%;
  	height: 4em;
    margin: 0.5em 1em 1em 1em;
}
.pullquote-modern-armour:before {
  margin: 1em 1.2em 1em 0em;
}
.pullquote__costume:before {
  margin: 0.5em 0em 2em 1em;
  /*padding: 1em;*/
}
}
@media only screen and (max-width: 487px)  {
	.pullquote:before{
	font-size:1.3em;
	line-height:1.2em;
  float: none;
  width: 100%;
  margin: 0 0 1em 0;
}
/*
.pullquote__drawn:before {
    margin: -2.5em 1.2em 0.8em 0em;
  }
  .pullquote__court:before {
  	width:36%;
  	height: 4em;
    margin: 0.5em 1em 1em 1em;
}
.pullquote-modern-armour:before {
  margin: 1em 1.2em 1em 0em;
}
.pullquote__costume:before {
  margin: 0.5em 0em 2em 1em;
}*/
}
/* Plyr plugin custom css */
.plyr--full-ui input[type=range] {
  color: var(--plyr-color-main);
}
.plyr__control--overlaid {
  background: rgba(var(--plyr-color-rgba), .8);
  color: #000;
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: var(--plyr-color-main);
	color: #000;
}
.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px rgba(var(--plyr-color-rgba), .5);
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: var(--plyr-color-main);
}
.plyr--video .plyr__control.plyr__tab-focus {
	color: #000;
}
.QA-1 {
  scroll-behavior: smooth;
}
.oval_img{
	clip-path: ellipse(35% 47% at 50% 50%);
}
.int__video{
  position: fixed;
  top: 0px;
  z-index: 6;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.95);
  cursor: auto;
}
.int__video--hide{
  /* display:none!important; */
  opacity: 0;
  visibility: hidden;
}
.int__video--show{
  display:flex!important;
    opacity: 1;
    visibility: visible;
}
/*sitecore hacks*/

._wf-container p{
  color: #9c9ba2!important;
}

.heading-4, .heading-5 {
 font-family: "Atlasgrotesk web", sans-serif;"
}

.chr-header-footer div, .chr-header-footer span, .chr-header-footer h1, .chr-header-footer h2, .chr-header-footer h3, .chr-header-footer h4, .chr-header-footer h5, .chr-header-footer h6, .chr-header-footer p, .chr-header-footer a, .chr-header-footer img, .chr-header-footer strong, .chr-header-footer ol, .chr-header-footer ul, .chr-header-footer li, .chr-header-footer fieldset, .chr-header-footer form, .chr-header-footer label, .chr-header-footer legend, .chr-header-footer footer, .chr-header-footer header, .chr-header-footer nav, .chr-header-footer section{
 z-index: 3!important;
}

.chr-live-chat{
  display: none!important;
}

/*.image__overlay--reveal{
  z-index: 3!important;
}*/