/* new overrides */

section.main-wrapper {
  padding: 20px 0 0 0;
}

body.front {
  text-align: initial;
}

/**************************************************
  #### NEW LAYOUT
**************************************************/

.fp-container {
  max-width: 2480px;
  margin: 0 auto;
}

.fp-container section.main-wrapper {
  padding: 0px 0 0 0;
}

.fp-grid {
  overflow: hidden;
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fp-grid a.fp-grid-item {
  text-decoration: none;

  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */
}

/*
  Vertically center
*/

.fp-grid .fp-grid-v-center,
.fp-grid .gw .fp-grid-v-center {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*
  Color schemes
*/

.fp-grid-item.fp-grid-c-white h1,
.fp-grid-item.fp-grid-c-white h2,
.fp-grid-item.fp-grid-c-white h3,
.fp-grid-item.fp-grid-c-white h4 {
  color: #FFF;
}

.fp-grid-item.fp-grid-c-black h1,
.fp-grid-item.fp-grid-c-black h2,
.fp-grid-item.fp-grid-c-black h3,
.fp-grid-item.fp-grid-c-black h4 {
  color: #383838;
}

/*
  Typography size
*/

.fp-grid-item h1 { font-size: 65px; } /* Large tiles Headline */
.fp-grid-item h3 { font-size: 20px; } /* Large tiles Subtext */
.fp-grid-item h2 { font-size: 45px; line-height: 55px; } /* Small tiles Headline */
.fp-grid-item h4 { font-size: 18px; } /* Small tiles Subtext */

@media only screen and (max-width: 767px) {
  .fp-grid-item h1 { font-size: 35px; line-height: 40px; } /* Large tiles Headline */
  .fp-grid-item h3 { font-size: 20px; } /* Large tiles Subtext */
  .fp-grid-item h2 { font-size: 35px; line-height: 40px; } /* Small tiles Headline */
  .fp-grid-item h4 { font-size: 18px; } /* Small tiles Subtext */
}

/*
  Columns in FP grid.
*/

.fp-grid-top-space {
  padding: 70px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .fp-grid-top-space {
    padding: 40px 0 0 0;
  }
}


/*
  Hero
*/

.fp-grid .fp-grid-item.fp-grid-item-hero {
  height: 600px;
}

@media only screen and (max-width: 767px) {
  .fp-grid .fp-grid-item-hero {
    height: 530px;
  }
}

.fp-grid-item-hero.fp-grid-c-white .fp-grid-item-button-2.btn.outlined {
  color: #FFF;
  border-color: #FFF;
}
.fp-grid-item-hero.fp-grid-c-black .fp-grid-item-button-2.btn.outlined {
  color: #000;
  border-color: #FFF;
}

/*
  Large Tile
*/

.fp-grid .col-large {
  position: relative;
  width: 100%;
  height: 530px;
  /*margin-bottom: 10px;*/
  background-color: #F0F0F0;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  padding-left: 20px;
  padding-right: 20px;
}

/*
  Small Tile
*/

.fp-grid .col-small {
  position: relative;
  background-color: #F0F0F0;
  /*margin-bottom: 10px;*/
  height: 530px;
  width: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  padding-left: 20px;
  padding-right: 20px;
}


/*
  Hide for JS Animation
*/

.sr .fp-grid-item {
  visibility: hidden;
}

/*
  Set columns height.
*/

.fp-grid .g12,
.fp-grid .g7,
.fp-grid .gw {
  height: 100%;
}

.fp-grid .col-large .g12,
.fp-grid .col-large .g7 {
  position: relative;
}

.fp-grid .col-large .text-center-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*
  Align image to bottom of section
*/

.fp-grid .fp-grid-bottom-align {
  position: relative;
}

.fp-grid .fp-grid-bottom-align .col-image {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
}

.fp-grid .fp-grid-bottom-align .col-image img {
  margin: 0 auto;
}

/*
  Image background
*/

.fp-grid .fp-grid-bg-image {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

@media only screen and (min-width: 1960px) {
  .fp-grid .fp-grid-bg-image {
    background-size: 100%;
  }
}

@media only screen and (min-width: 767px) {
  .fp-grid .col-small {
    /* width: calc(1 / 2 * 100% - (1 - 1/2) * 10px); */
    /*width: calc(1 / 2 * 100% - (1 - 1/2) * 1px);*/
    width: 50%;
    padding-left: 40px;
    padding-right: 40px;
  }
  .fp-grid .col-large {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .fp-grid .col-small {
    padding-left: 100px;
    padding-right: 100px;
  }
}
/**************************************************
  #### FRONTPAGE FOOTER IN WHITE
**************************************************/

.front footer.main-footer div.wrapper {
  background: #FFF;
  color: #5A5A5B;
}

.front footer.main-footer div.checkbox label {
  color: #5A5A5B;
}

.front footer.main-footer div.wrapper a {
  color: #5A5A5B;
}

.front footer.main-footer p.lbl {
  color: #383838;
}

.front footer.main-footer div.newsletter input.btn {
  background-color: #000;
}

.front footer.main-footer .bb {
  display: none;
}

.front footer.main-footer div.partner a {
  background-image: url('../../images/ui/sprites/partners-sprite.png');
  opacity: 0.5;
}
.front footer.main-footer a.to-top:before {
  background: url(../../images/ui/sprites/core-sprite.png) -231px -78px no-repeat !important;
}

/**************************************************
  #### OVERIDES
**************************************************/

header.main-header {
  background: transparent;
}

div#content-wrapper {
  padding-bottom: 0;
}

div.main-navigation ul li a {
  font-weight: 400;
}

h1,
h2,
h3,
h4 {
  font-weight: 400;
  color: #1A1A1A;
  letter-spacing: -0.015em;
}

.c-udg {
  color: #002835;
}

h1,
h2 {
  font-weight: 700;
  line-height: 1.1em;
}

h1 {
  font-size: 4em;
}

h2 {
  font-size: 2.9em;
}

h3 {
  font-size: 2em;
}

h4 {
  font-size: 1.4em;
}

.front div.main-navigation:before {
  background: transparent;
}


/**************************************************
  #### Icons
**************************************************/

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/material-icons/MaterialIcons-Regular.eot');
  /* For IE6-8 */
  src: url('../../fonts/material-icons/MaterialIcons-Regular.woff2') format('woff2'), url('../../fonts/material-icons/MaterialIcons-Regular.woff') format('woff'), url('../../fonts/material-icons/MaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  font-size: 3.2em;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 3em;
  }
  h2 {
    font-size: 2.2em;
  }
  h3 {
    font-size: 1.8em;
  }
  h4 {
    font-size: 1.25em;
  }
}

@media only screen and (min-width: 150px) and (max-width: 767px) {
  /* Grid */
  .gw {
    padding: 0 15px;
  }
  .g1,
  .g2,
  .g1-5,
  .g3,
  .g4,
  .g5,
  .g6,
  .g7,
  .g8,
  .g9,
  .g10,
  .g11,
  .g12 {
    padding: 15px;
  }
  .g1 {
    width: 8.33333333333%
  }
  .g2 {
    width: 16.6666666667%
  }
  .g1-5 {
    width: 50%
  }
  .g3 {
    width: 50%
  }
  .g4 {
    width: 100%
  }
  .g5 {
    width: 100%
  }
  .g6 {
    width: 100%
  }
  .g7 {
    width: 100%
  }
  .g8 {
    width: 100%
  }
  .g9 {
    width: 100%
  }
  .g10 {
    width: 100%
  }
  .g11 {
    width: 91.666666667%
  }
  .g12 {
    width: 100%
  }
  .group,
  .group.nest {
    padding: 5px !important;
  }
}