/* FONT */
/* COLORS */
/* GLOBAL */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html {
  min-height: 100%;
  background: #eeeff0;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeff0), to(#ffffff));
  background: linear-gradient(to bottom, #eeeff0 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bg', endColorstr='#ffffff',GradientType=0 );
  font-size: 17px;
  line-height: 1.3;
}

@media (min-width: 1600px) {
  body {
    font-size: 110%;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 90%;
    /*line-height:1.4;*/
  }
}

@media (max-width: 768px) {
  .desktop {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .mobile {
    display: none !important;
  }
}

body, select {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-weight: normal;
  color: #434343;
}

/* CLEAR */
.clear:before,
.clear:after,
.content:before,
.content:after {
  content: ' ';
  display: table;
}

.clear:after,
.content:after {
  clear: both;
}

.clear {
  *zoom: 1;
}

dl, dd, dt {
  margin: 0;
}

b, strong {
  font-weight: 700;
}

img, svg {
  max-width: 100%;
  vertical-align: bottom;
  height: auto;
}

.ie8 img {
  width: auto;
}

a {
  color: #0080c9;
  text-decoration: none;
  -webkit-transition: color .3s ease-out 0s, background-color .3s ease-out 0s, border .3s ease-out 0s;
  transition: color .3s ease-out 0s, background-color .3s ease-out 0s, border .3s ease-out 0s;
}

a:hover {
  color: #003758;
  -webkit-transition: color .3s ease-out 0s, background-color .3s ease-out 0s, border .3s ease-out 0s;
  transition: color .3s ease-out 0s, background-color .3s ease-out 0s, border .3s ease-out 0s;
}

input,
button,
textarea,
input:hover,
button:hover,
textarea:hover {
  -webkit-transition: color .3s ease 0s, background-color .3s ease 0s, border .3s;
  transition: color .3s ease 0s, background-color .3s ease 0s, border .3s;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

h1, h2, h3, h4, h5, h6 {
  *font-weight: normal;
  color: #003758;
}

/*
ul, ol{
	margin:0;
	padding:0;
	list-style:none;
}
*/
figure {
  margin: 0;
  padding: 0;
}

small, .small {
  font-size: 90%;
  opacity: 0.6;
}

big, .big {
  font-size: 120%;
  line-height: 120%;
}

.m0 {
  margin: 0;
}

.up {
  text-transform: uppercase;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.to-left {
  float: left;
}

.to-right {
  float: right;
}

/* STRUCTURE START */
header, section, footer {
  text-align: center;
  position: relative;
  display: block;
  margin: 0px auto;
  width: 100%;
  padding-left: 12%;
  padding-right: 12%;
}

.content {
  position: relative;
  display: block;
  margin: 0px auto;
  width: 100%;
  max-width: 960px;
  *-webkit-box-shadow: 0 0 1px 1px rgba(67, 67, 67, 0.3) inset;
  *        box-shadow: 0 0 1px 1px rgba(67, 67, 67, 0.3) inset;
}

@media (max-width: 768px) {
  header, section, footer {
    padding-left: 5%;
    padding-right: 5%;
  }
}

header {
  position: fixed;
  z-index: 10;
}

header .content {
  padding-top: 2vh;
}

header a.logo {
  display: inline-block;
  width: 16vw;
  height: 16vw;
  max-width: 7em;
  max-height: 7em;
  background-image: url("../i/logo.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#hero-placeholder,
#hero {
  padding-top: 45%;
}

#hero-placeholder {
  position: relative;
  width: 100%;
  background-color: transparent;
}

#hero {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  *background-color: rgba(67, 67, 67, 0.1);
}

#hero figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  *background-color: rgba(67, 67, 67, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#hero figure img {
  width: 60%;
  margin-top: 11%;
  margin-left: 12%;
}

#hero figure img#hero-bg {
  margin-top: 13%;
  margin-left: 12%;
}

#hero h1 {
  position: absolute;
  font-size: 4vw;
  color: #ffffff;
  text-transform: uppercase;
  padding: .2em .4em;
  background: #0080c9;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 128, 201, 0.8)), to(#003758));
  background: linear-gradient(to right, rgba(0, 128, 201, 0.8) 0%, #003758 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$blueL', endColorstr='$blueD',GradientType=1 );
}

#hero #hero-line-1 {
  top: 27%;
}

#hero #hero-line-2 {
  top: 41%;
  margin-left: 2%;
}

@media (max-width: 1024px) {
  #hero-placeholder,
  #hero {
    padding-top: 50%;
  }
  #hero #hero-line-1 {
    top: 31%;
  }
  #hero #hero-line-2 {
    top: 43.3%;
  }
}

@media (max-width: 768px) {
  #hero-placeholder,
  #hero {
    padding: 65% 0 0 0;
  }
  #hero-placeholder h1,
  #hero h1 {
    font-size: 4.8vw;
  }
  #hero {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
  }
  #hero figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  #hero figure img {
    width: 100%;
    margin-top: 0%;
    margin-left: 0%;
  }
  #hero figure img#hero-bg {
    display: none;
  }
  #hero #hero-line-2 {
    margin-left: 0%;
  }
}

section {
  z-index: 11;
}

.got-bg {
  background: #eeeff0;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeff0));
  background: linear-gradient(to bottom, #ffffff 0%, #eeeff0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='$bg',GradientType=0 );
  padding-bottom: 2em;
}

.got-bg dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  justify-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*figcaption{
				position: absolute;
				top:0%;
				left:0%;
				width:100%;
				height: 80%;
					background: $blueL;
		background: linear-gradient(to bottom,  rgba($blueL,.8) 0%,$blueD 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$blueL', endColorstr='$blueD',GradientType=0 );
		
			}*/
}

.got-bg dl figure {
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
}

.got-bg dl img {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 97%;
  height: 100%;
}

.got-bg dl dt {
  width: 50%;
  text-align: left;
}

.got-bg dl dd {
  width: 50%;
}

@media (max-width: 768px) {
  .got-bg dl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .got-bg dl dt {
    width: 100%;
  }
  .got-bg dl dd {
    width: 100%;
  }
  .got-bg dl dd ul {
    text-align: left;
  }
  .got-bg dl.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

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

.col {
  display: table;
  text-align: left;
  margin: 0;
  padding: 0;
  list-style: none;
  border: solid 1px rgba(67, 67, 67, 0.5);
}

.col li {
  background: white;
  display: table-row;
}

.col li span {
  display: table-cell;
  padding: 0.25em .5em;
}

.col li:nth-child(2n) {
  background: #eeeff0;
}

.border {
  border: solid 1px rgba(67, 67, 67, 0.5);
}

.long {
  padding-top: 5em;
  padding-bottom: 10em;
}

.dimensions img {
  max-width: 50%;
}

@media (max-width: 768px) {
  .dimensions img {
    max-width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */