@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,700,500,900);
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

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

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace,serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:before, .clearfix:after {
  display: table;
  content: ''; }

.clearfix:after {
  clear: both; }

body {
  background: #2b3e4e;
  color: #dbdbdb;
  font-weight: 400;
  font-size: 1em;
  font-family: 'Maven Pro', sans-serif; }

a {
  color: #36b6dd;
  text-decoration: none; }

a:hover,
a:focus {
  outline: none;
  color: #fff !important; }

.intro {
  position: fixed;
  z-index: 10;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #2b3e4e;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.container--open .intro {
  -webkit-transform: translate3d(0, -100%, 0) translate3d(0, 250px, 0);
  transform: translate3d(0, -100%, 0) translate3d(0, 250px, 0); }

/* Fullscreen image */
.intro__image {
  position: absolute;
  bottom: 0;
  /*	min-width: 100%;
  	min-height: 120%;
  	width: auto;
  	height: auto;*/
  width: 100%;
  height: 100%;
  background: url(../img/airplane.jpg) no-repeat center center;
  background-size: cover;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
  transition: transform 0.6s, opacity 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.container--open .intro__image {
  opacity: 0;
  -webkit-transform: translate3d(0, 20%, 0);
  transform: translate3d(0, 20%, 0); }

/* Intro content */
.intro__content {
  position: absolute;
  bottom: 0;
  padding: 1.8em;
  width: 100%;
  font-size: 1.15em; }
  .intro__content img {
    margin-bottom: 10px; }

.intro__subtitle {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }

.intro__description {
  margin: 0 auto 0 0;
  line-height: 1.2; }
  .intro__description span {
    font-size: 0.75em;
    color: #4f7290; }

/* Trigger button with SVG */
.trigger {
  position: relative;
  -webkit-flex: none;
  flex: none;
  overflow: hidden;
  margin: 0 0 0 20px;
  padding: 0;
  width: 40px;
  height: 40px;
  outline: none;
  border: none;
  background: none; }

/* Hide the text */
.trigger span {
  position: absolute;
  top: 100%; }

.icon rect,
.icon line {
  stroke: #dbdbdb;
  fill: none;
  stroke-width: 2px; }

.icon {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

/* Hide grid and show cross when opening */
.icon--cross,
.trigger--active .icon--grid {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1); }

.trigger--active .icon--cross {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

/* Main content */
.items-wrap {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 250px 5px 0; }

.items-wrap::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2b3e4e;
  content: '';
  opacity: 1;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  pointer-events: none; }

.container--open .items-wrap::after {
  opacity: 0; }

.item {
  position: relative;
  -webkit-flex: 0 0 33.333%;
  flex: 0 0 25%;
  overflow: hidden;
  height: 18vw;
  outline: none;
  border: 5px solid #2b3e4e;
  border-width: 0 5px 10px;
  background: #2b3e4e; }

.item__image {
  position: absolute;
  top: 50%;
  width: 100%;
  opacity: 0.7;
  -webkit-transform: translate3d(0, -50%, 0) scale3d(1.2, 1.2, 1);
  transform: translate3d(0, -50%, 0) scale3d(1.2, 1.2, 1);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s; }

.item:hover .item__image {
  opacity: 1;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.item__title {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 1em;
  color: #dbdbdb;
  font-size: 1.85em;
  line-height: 1;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s; }

.item:hover .item__title {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0); }

/* Media Queries */
@media screen and (max-width: 1440px) {
  .item {
    -webkit-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    height: 24vw; } }
@media screen and (max-width: 1000px) {
  .item {
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 35vw; }

  .item {
    font-size: 0.85em; } }
@media screen and (max-width: 590px) {
  .item {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 71vw; } }
section.contacts {
  text-align: center;
  padding: 100px 0; }
  section.contacts a {
    font-size: 40px; }

/*# sourceMappingURL=app.css.map */