/*-- Hero Slider Settings --*/

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

.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;
display:block;padding:0;cursor:pointer;color:transparent;border:none;outline:0;background:0 0;}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:23px;line-height:1;color:#fff!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'\2190'}[dir=rtl] .slick-prev:before{content:'\2192'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'\2192'}[dir=rtl] .slick-next:before{content:'\2190'}.slick-dots{position:absolute;bottom:0px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 2px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{content:"";border-radius:30px;border:2px solid #BBBBBB;position:absolute;top:0;left:0;width:15px;height:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{background:#bdbdbd}

#hero .slider {
width: 100%; height: 100%;
}

#hero .slick-slide img {
width: 100%;
}
	
#hero .slick-list {
margin: 0px auto;
}

	
#hero .slick-list,
#hero .slick-track,
#hero .slick-slide,
#hero .slide,
#hero .slick-slide > div {
height: 100%; width: 100%;
}

#hero .slide {
position: relative;
background: linear-gradient(180deg, rgba(38, 38, 38, 0.65) 0%, rgba(75, 75, 75, 0.25) 48.96%, rgba(0, 0, 0, 0.47) 100%, #303030 100%);
}

/*-- Video --*/

#wrapper {
position: relative;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
background-position: center 0px;
height: 100%;
}

#page {
display: table;
margin: 0px;
}

#hero {
width: 100%; height: 100vh;
background: linear-gradient(180deg, rgba(38, 38, 38, 0.85) 0%, rgba(75, 75, 75, 0.25) 48.96%, rgba(0, 0, 0, 0.47) 100%, #303030 100%);
position: relative;
}

#hero .curve {
    height: calc(100% - 170px);
    width: 45%;
    position: absolute;
    z-index:8;
    bottom: -1px;
    right: 0px;
}

#hero .curve svg {
position: absolute;
width: auto; height: 100%; bottom: 0px; right: 0px;
}

#hero .vimeo-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
overflow: hidden;
}

#hero .vimeo-wrapper iframe {
width: 100vw;
height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
min-height: 100vh;
min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

#hero .tag-line {
position: absolute;
    bottom: 90px;
    left: 5%;
    z-index: 99999;
    color: #FFF;
	width: 70%;
}

#hero .tag-line .tag-head {
font-size: 2.2em; font-weight: 600; line-height: 1.3;margin-bottom: 20px;
}

#hero .tag-line .tag-small {
font-size: 3.8em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; line-height: 1.3;
}

#hero .tag-line .branding-logo {
height: 180px; width: 180px; margin-bottom: 40px;
}

#hero .tag-line .branding-logo svg,
#hero .tag-line .branding-logo img {
height: 180px; width: auto;
}

#hero .slick-dots {
width: 95%; left: 5%; z-index: 99; bottom: 40px;
}

#hero .slick-dots li {
float: left; display: table;
}

#hero .slick-dots li button:before {
border: 2px solid #FFF;
}

#hero .slick-dots li.slick-active button:before {
background: #FFF;
}

/*-- Latest News Slider Settings --*/

.regular.slider .slick-slide div {
 border-radius: 20px;
}

.regular.slider .slick-track {
padding: 15px 0px;
}

.regular.slider .slick-dots {
bottom: -100px;
}

.regular.slider article {
display: table !important;
text-align: center;
transition: all .2s ease-in-out; margin: 0px auto; height: 470px; width: 90% !important;box-shadow: 0px 0px 14px rgb(0 0 0 / 25%);
    border-radius: 30px;
}

.regular.slider article:hover {
opacity: 0.8;
}

.regular.slider .latest-news-title {
bottom: 70px;
    left: 0px;
    width: 90%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}

.regular.slider article h3 {
width: 90%; margin: 20px auto 10px;
font-size: 1.6em; line-height: 1.5; font-weight: 700;
display: table;
text-align: center;
}

.regular.slider article h3 a:link,
.regular.slider article h3 a:visited {
text-decoration: none;
color: #FFF;
}

.regular.slider article .date {
text-transform: uppercase;
letter-spacing: 3px;
font-size: 0.8em;
display: table;
width: 100%; color: #FFF; font-weight: 700;
}

.regular.slider article .postimage {
width: 100%; height: 470px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(180deg, #484848 0%, #000000 75%, #0D0D0D 99.99%, rgba(0, 0, 0, 0) 100%);
}

.regular.slider article .postimage img {
height: 100%;
    width: 100%;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
	opacity: 0.5;
}

.regular.slider .slick-next, .regular.slider .slick-prev {
background: #d25454; color: #FFF;
width: 60px;
height: 60px;
border-radius: 60px; -webkit-box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,0.3); 
box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,0.3);
z-index: 99;
right: -7%;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);

}

.regular.slider .slick-next:hover, .regular.slider .slick-prev:hover {
opacity: 0.8;
}

.regular.slider .slick-prev {
left: -7%;
}


@media (max-width: 1000px) {

.regular.slider .slick-list {
width: 100%;
margin: 0 auto 0 0%;
}

.regular.slider article {
width: 90% !important;
}

}

@media (max-width:505px) {

.regular.slider .slick-next, .regular.slider .slick-prev {
top: 50%; -ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
height: 50px;
right: -15px;
}

.regular.slider .slick-prev {
left: -15px; right: inherit;
}

.regular.slider .slick-list {
width: 90%;
margin: 0 auto 0 auto;
}

.regular.slider article {
width: 100% !important;
}

}

#latest-news {
padding: 50px 0px 185px; position: relative;
}

#latest-news .curve {
    height: calc(100%);
    width: 45%;
    position: absolute;
    z-index:8;
    top: 0px;
    left: 0px;
	z-index: -1;
}

#latest-news .curve svg {
position: absolute;
width: auto; height: 100%; top: 0px; left: 0px;
}


#latest-news .header {
display: table;width: 98%; position: relative; padding: 20px 1% 25px;
}

#latest-news .container {
margin: 0px auto;
display: block;
position: relative;
width: 80%;
}

#latest-news h2 {
text-align: left; font-size: 2.7em; letter-spacing: 0px; color: #555555; font-weight: 700;
float: left; width: auto;
}

#latest-news .button {
	 position: absolute;
  top: 50%;
  right:0%; height: 53px;
  transform: translate(0%, -50%);
}

#latest-news .button a:link,
#latest-news .button a:visited {
border-radius: 10px;
padding: 20px 40px; color: #FFF; text-decoration: none; text-transform: uppercase;letter-spacing: 4px; font-size: 0.75em; font-weight: 700;
}


/*-- Video --*/

.vimeo-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 90vh;
z-index: -1;
pointer-events: none;
overflow: hidden;
}

.vimeo-wrapper iframe {
width: 100vw;
height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
min-height: 100vh;
min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

/*-- Quicklink --*/

#quicklink {
padding: 80px 0px;
}

#quicklink .container {
width: 80%;
}

#quicklink .quick {
width: 100%; height: 450px; float: left; border-radius: 50px;
position: relative;
}

#quicklink .quick a {
position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;
}

#quicklink .quick .title-link {
    width: 80%;
    text-align: right;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#quicklink .quick .title-link .title {
color: #FFF; font-size: 3.2em; font-weight: 700;
}

#quicklink .quick .title-link .title-button {
 border-radius: 20px; color: #FFF; font-weight: 700; font-size: 0.9em; text-transform: uppercase; letter-spacing: 2px; float: right; display: table; padding: 15px 30px;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
}

#quicklink .branding-logo { height: 200px; width: 200px;
    position: absolute;
    bottom: 50px;
    left: 50px;
}

#quicklink .branding-logo svg,
#quicklink .branding-logo img {
height: 200px; width: auto;
}

/*-- Values --*/

#values {
display: table;
width: 100%;
position: relative;
padding: 140px 0px;
}

#values .curve {
position: absolute;
    left: 0px;
    width: 500px;
    height: 100%;
    top: 0px;
}

#values .curve svg  {
    position: absolute;
    width: auto;
    height: 100%;
    bottom: 0px;
    left: 0px;
}

#values .container {
width: 80%;
}

#values .branding-logo {
height: 400px; width: 400px;
    position: absolute;
 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

#values .branding-logo svg
{
height: 400px; width: auto; opacity: 0.3;
}

#values .branding-logo img  {
height: 400px; width: auto;
}

#values #values-one {
position: relative;
    font-size: 5em;
    color: rgba(255, 255, 255, 0.1);
    line-height: 1.4;
    font-weight: 700;
    z-index: 99;
    text-transform: uppercase;
	width: 40%;
}


#values #values-two {
float: right;
    width: 45%;
    font-size: 2.3em;
    line-height: 1.6;
    font-weight: 500;
    color: #FFF;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 5%; text-align: right;
}

#values #values-two .quote {
z-index: 2; position: relative;
}



@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */ 
  
}