/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
	line-height: 1.25; /* 1 */
  /* -webkit-text-size-adjust: 100%; */
   /* 2 */
  
  -moz-text-size-adjust: none!important;
  -ms-text-size-adjust: none!important;
  -webkit-text-size-adjust: none!important;
  text-size-adjust: none!important;

}
  
  /* Sections
	 ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
	margin: 0;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
	display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
	font-size: 2em;
	margin: 0.67em 0;
  }
  
  /* Grouping content
	 ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
	/* font-family: monospace, monospace;  */
	font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
	 ========================================================================== */
  
  /**
   * Remove the rgb(0, 21, 255) background on active links in IE 10.
   */
  
  a {
	background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
	font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
	/* font-family: monospace, monospace;  */
	font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
	font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
  }
  
  sub {
	bottom: -0.25em;
  }
  
  sup {
	top: -0.5em;
  }
  
  /* Embedded content
	 ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img, .placeholder {
  border-style: none;
  
  }
  
  /* Forms
	 ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
	overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
	text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
	-webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
	padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
	vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
	overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
	height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
  }
  
  /* Interactive
	 ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
	display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
	display: list-item;
  }
  
  /* Misc
	 ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
	display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
	display: none;
  }
  
/* CSS */


@font-face {    
  
    font-family: 'gerstner'; 
    src: 
    url('fonts/Gerstner-ProgrammRegular.woff2') format('woff2'),
     /* Super Modern Browsers */
    url('fonts/Gerstner-ProgrammRegular.woff') format('woff'); /* Pretty Modern Browsers */
    }


html,body {
  --secondary-color: #F7F7F7;
  --placeholder-color: rgba(242, 242, 242, 0.3);
  
  /* width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden; */
  /* overflow:auto; */
  
  /* stop ios zooming text  on orientation change */
  /* -webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
  text-size-adjust: 100%; */

}
  

body{
  color: black;
  background-color:white;
  font-family:'gerstner', sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased; 
  /* -moz-osx-font-smoothing: rgb(0, 21, 255)scale; */
  /* text-rendering: optimizeLegibility !important; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin:0;
  font-size: 20px;
  letter-spacing: 0.4px;
  line-height: 1.25;
  top:0;
  width: 100vw;
  position:relative;
  overflow-x: hidden; 

  --padding:1.7rem;
  --column-gap:1rem;
  /* --padding:1.7rem;
  --column-gap:1rem; */
}

@media all and (max-width:779px) {
  body{
    --column-gap:0.5rem;
  }
}
@media all and (min-width: 780px) and (max-width:1080px) {
  body{
    --column-gap:0.8rem;
  }
}

@media all and (min-width: 1081px) and (max-width:1920px) { 
  body{
    --column-gap:0.95rem;
  }
}

@media all and (min-width: 1920px) and (max-width:2400px) and (-webkit-min-device-pixel-ratio: 1)  {
    body{
      --column-gap:1.15rem;
    }
}

@media all and (min-width: 2400px) and (-webkit-min-device-pixel-ratio: 1)  {
  body{
    --column-gap:1.35rem;
  }
}


/* IMAGES  */
img {
/* display: inline; */
vertical-align: middle; 
-o-object-fit: cover; 
   object-fit: cover;
-o-object-position: 50% 50%;
   object-position: 50% 50%; 
/* height:100%; */
}
.slide picture{
  /* height: 100vh; */
  height: calc(var(--vh, 1vh) * 100);
  /* object-fit: cover;  */
  /* object-position: 50% 50%; */
}
/* .image.loaded{
  height: 100%;
} */
.placeholder{
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; 
  -o-object-position: 50% 50%; 
     object-position: 50% 50%;
}

.mobile-slide img{
  height: 100%;
}
.hero .wrapper {
  height: 100%;
}
.hero img {
  height: 100%;
}

.slide picture img{
  height: 100%;
}


* { -webkit-box-sizing: border-box; box-sizing: border-box; }
p {margin:0;}

a {text-decoration: none;	}

a:hover, label:hover {
color: #a5a5a5;
-webkit-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}

a.link:hover{
  color: black;
}
a.inverted{
  color: #a5a5a5;
}

a.inverted:hover{
  color: black;
}

main {
	position: relative;
	width: 100%;
	padding: 0 1.7rem 1.7rem;
  margin: 0; 
	-webkit-box-sizing: border-box; 
	        box-sizing: border-box;
}



button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-line-pack: center;
    align-content: center;

border: none;
padding: 0.2rem 0.3rem 0.5rem;
margin: 0;
text-decoration: none;
background: var(--secondary-color);
border-radius: 2em;
color: black;
font-weight: inherit;
font-family: inherit;
font-size: 100%; 
cursor: pointer;
text-align: center;
-webkit-transition: background 250ms ease-in-out, 
			-webkit-transform 150ms ease;
transition: background 250ms ease-in-out, 
			-webkit-transform 150ms ease;
-o-transition: background 250ms ease-in-out, 
			transform 150ms ease;
transition: background 250ms ease-in-out, 
			transform 150ms ease;
transition: background 250ms ease-in-out, 
			transform 150ms ease, 
			-webkit-transform 150ms ease;
-webkit-appearance: none;
-moz-appearance: none;
}

@media all and (max-width:850px){
  button{
    padding: 0.5rem 0.5rem 0.3rem 0.5rem;
    /* max-width: ; */
  }
}


@supports (-moz-appearance:none) {
 button{ padding: 0.35rem 0.3rem 0.3rem;}
}

button:hover, button:focus {
  background: lightgray;
  }

  vime-control button.notTouch:focus, vime-control button.notTouch:hover, vime-control button.notTouch[aria-expanded=true]{
    /* transform: scale(calc(var(--vm-control-scale, 1) + 0.1)); */
      /* transform:scale(1); */
      -webkit-transform:scale(1.7);
          -ms-transform:scale(1.7);
              transform:scale(1.7)
  }

@media all and (max-width:1080px){
  button:hover, button:focus {
    background:none;
    }
}

button:hover a {
color: black;
}
button:focus {
/* outline: 1px solid #fff; */
outline: none;

/* outline-offset: -4px; */
}

button:active {
/* transform: scale(0.99); */
}

h1, h2, h3, h4, h5, h6, p, a {
	font-weight: 500;
}

a {	color: inherit;}

/*        RESPONSIVE    */


:root{
  --navHeight:2.4rem;
  --sliderPos:var(--navHeight);
}



/* MOBILE */

@media all and (max-width: 850px)  {
  :root{
  --navHeight:2.4rem;
  }

	body{	
		font-size: 20px !important;
		letter-spacing: 0.4px;
		line-height: 1.25;
    top:0;
    
    
}
main{	padding: 0 1.3rem 1.6rem;}
}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* TABLET */
@media only screen 
  and (min-device-width: 780px) 
  and (max-device-width: 1024px) 
   {
	body{	
		font-size: 19px ;
    letter-spacing: 0.4px;
    line-height: 1.25;
		top:0;
}
}

/* NON RETINA ABOVE 1920px */
/* LARGE SCREENS */
@media all and (min-width: 1920px) and (-webkit-min-device-pixel-ratio: 1)  {
	main{		padding: 0 2.25rem 2.25rem!important;
	}
	body{	
		font-size: 24px !important;
		letter-spacing: 0.4px;
		top:0;
}
}


/* FIREFOX */




  /* NPROGRESS */

  /* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: rgb(0, 21, 255);

  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

@media all and (min-width: 1920px) and (-webkit-min-device-pixel-ratio: 1)  {
  #nprogress .bar {
    height: 3px;
  }
  :root{
    --navHeight:3.1rem;
  }
}


/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  /* box-shadow: 0 0 3px rgb(0, 21, 255), 0 0 3px rgb(0, 21, 255); */
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
/* #nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
} 

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: rgb(0, 21, 255);
  border-left-color: rgb(0, 21, 255);
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} */