/*-- 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: calc( 100vh - 30px );
background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(75, 75, 75, 0.4) 48.96%, rgba(0, 0, 0, 0.6) 100%, #303030 100%);
position: relative;
}

#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 { 
	text-align: center;
    z-index: 99;
    color: #FFF;
	width: 100%;
	height: 100%;

}

#hero .tag-small span {
font-size: 32px;
}

#hero .tag {
	  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75% !important;
}

#hero .tag-line .tag-head {
font-size: 2em; font-weight: 600; line-height: 1.3;margin-bottom: 20px; text-transform: uppercase;letter-spacing: 1px;
}

#hero .tag-line .tag-small {
font-size: 3.5em; font-weight: 700;  line-height: 1.1;
}

#hero .tag-line .buttons {
margin-top: 40px;
    margin-bottom: 20px;
}

#hero .tag-line .buttons a:link,
#hero .tag-line .buttons a:visited {
border-radius: 30px; border: 3px solid #FFF; padding: 15px 40px; text-decoration: none; letter-spacing: 1px; font-size: 1em; color: #FFF; font-weight: 600; margin: 0px 15px;
}


#hero .tag-line .buttons svg {
height: 10px;
    width: auto; margin-left: 10px;
}


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

#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-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: 410px; width: 90% !important;box-shadow: 0px 0px 14px rgb(0 0 0 / 25%);
}

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

.regular.slider .latest-news-title {
bottom: 0px;
    left: 0px;
    width: 100%;
    position: absolute;
    background: #FFF;
    padding: 10px;
}

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

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

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

.regular.slider article .postimage {
width: 100%; height: 410px;
    overflow: hidden;
    position: relative;border-bottom: 6px solid rgba(255,255,255,0.2);
}

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

.regular.slider .slick-next, .regular.slider .slick-prev {
background: #f7f7f714; 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 .header {
display: table;width:100%; position: relative; padding: 20px 0px 5px;
}

#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;
}


#latest-news h2 {
width: 100% !important; text-align: center !important;
color: #FFF!important;
}

#latest-news .button {
display: none;
}

#latest-news h2:after {
margin: 30px auto;
}



/*-- 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%);
}


#welcome .branding-logo {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    width: 700px;
    height: auto;
	z-index: 1;
	opacity: 0.4;

}

#welcome .branding-logo svg {
width: 700px; height: auto;
}

#values {
overflow: hidden;
}

#values .branding-logo {
position: absolute;
right: -200px; bottom: 0px;
    width: 700px;
    height: auto;
	z-index: 1;
	opacity: 0.2;

}

#values .branding-logo svg {
width: 700px; height: auto;
}


/*-- Quicklink --*/

#quicklink {
padding: 100px 0px 0px;
}

#quicklink .container {
width: 70%;
}

#quicklink .quick {
width: 100%; padding-top: 100%;  float: left; margin-bottom: 40px;
position: relative; border-radius: 20px;
}

#quicklink .quick:hover {
opacity: 0.7;
}


#quicklink .quick a:link,
#quicklink .quick a:visited {
text-decoration: none;
}

#quicklink .quick h3 {
 font-size: 1.3em;
text-transform: uppercase;
line-height: 1.2; letter-spacing: 3px;
margin: 0px;
text-align: right;
color: #FFF;
text-decoration: none;
width: 90%;
 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); text-align: center;
}

#quicklink .quick h3 a:link,
#quicklink .quick h3 a:visited {
text-decoration: none;
}

#quicklink .column {
width: 28%; margin: 0px 2.5%; float: left;
}

/*-- Values --*/

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


#values .container {
width: 80%;
}

#values h2 {
color: #FFF; font-size: 35px; font-weight: 800;
}

#values .sep {
height: 5px ; width: 50px; background: #FFF; margin: 30px 0px 30px; 
display: table;
}

#values p {
color: #FFF; font-size: 16.5px; font-weight: 600; margin-bottom: 40px;width: 600px;
}

#values .button a:link,
#values .button a:visited {
background: #FFF;
    display: table;
    margin-top: 20px;
    border-radius: 7px;
    padding: 12px 30px;
    color: #4088B1;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 800;
}

#values .button a:hover {
padding: 12px 40px;
}


#welcome {
    background: #F0F5F7; padding: 90px 0px 70px; position: relative;
}

#welcome .container,
#values .container {
width: 1100px;
position: relative; z-index: 99;
}

#welcome .message {
width: 60%;
    float: left; position: relative; z-index: 2;
}

#welcome h1 {
color: #555555; font-size: 35px; font-weight: 800;
}

#welcome .from {
font-weight: 800;
    color: #327298;
    font-size: 18px;
}

#welcome .sep {
height: 5px ; width: 50px; background: #9FC3D8; margin: 30px 0px 30px; 
display: table;
}

#welcome p {
color: #2E2E2E; font-size: 16.5px; font-weight: 600; margin-bottom: 40px;
}

#welcome .button a:link,
#welcome .button a:visited {
display: table; margin-top: 20px;
border-radius: 7px; padding: 12px 30px; color: #FFF; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: 800;
}

#welcome .button a:hover {
padding: 12px 40px;
}

.welcome-image {
width: 35%; float: right; position: relative; z-index: 2
;
}

.welcome-image img {
border-radius: 400px; width: 100%; height: auto;
}




#welcome-alt {
  padding: 90px 0px 70px; position: relative;
}

#welcome-alt .container {
width: 1100px;
position: relative; z-index: 99;
}

#welcome-alt .message {
width: 60%;
    float: right; position: relative; z-index: 2;
}

#welcome-alt h1 {
color: #555555; font-size: 35px; font-weight: 800;
}

#welcome-alt .from {
font-weight: 800;
    font-size: 18px;
}

#welcome-alt .sep {
height: 5px ; width: 50px; background: #9FC3D8; margin: 30px 0px 30px; 
display: table;
}

#welcome-alt p {
color: #2E2E2E; font-size: 16.5px; font-weight: 600; margin-bottom: 40px;
}

#welcome-alt .button a:link,
#welcome-alt .button a:visited {
display: table; margin-top: 20px; 
border-radius: 7px; padding: 12px 30px; color: #FFF; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: 800;
}

#welcome-alt .button a:hover {
padding: 12px 40px;
}

#welcome-alt .welcome-image {
float: left;
;
}

.curve {
position: absolute; bottom: 0px;width: 100%;
height: 100%; overflow: hidden;
}

#hero .curve svg {
width: 100%;
    position: absolute;
    bottom: -1px;
	
}

#welcome .curve svg {
width: 100%;
    position: absolute;
    bottom: -1px;
}

#values .curve svg {
width: 100%;
    position: absolute;
    bottom: -1px; z-index: 2;
}

#values .curve.top svg {
top: 0px; bottom: inherit;
}




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