@charset "UTF-8";
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O                     HOME                    O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */
/* .o° .o° .o° .o° .o° .o° Structure °o. °o. °o. °o. °o. °o. */
body.home .globalWrap {
  background-image: url("../img/home/homeBg");
  background-repeat: no-repeat;
  background-position: calc(50% + 372px) top; }
body.home header {
  background: none; }
body.home .mainContent {
  background: none; }
  body.home .mainContent::after {
    display: none; }
body.home.stickyHeader .stickyHeight {
  background: none; }
body.home .pageBody {
  background: #fff;
  border-top-right-radius: 15px; }

/* nunununununununununununununununununununununununununununununununununu */
/* .o° .o° .o° .o° .o° .o° Structure responsive °o. °o. °o. °o. °o. °o. */
/* nunununununununununununununununununununununununununununununununununu */
@media all and (max-width: 1220px) {
  body.home .globalWrap {
    background-position: calc(50% + 372px) -60px; } }
@media all and (max-width: 920px) {
  body.home .globalWrap {
    background-position: 50% top;
    background-size: 250% auto; }
  body.home.stickyHeader .stickyHeight, body.home .stickyHeight {
    background: none; } }
/* .o° .o° .o° .o° .o° .o° Top Logo °o. °o. °o. °o. °o. °o. */
.homeLogo {
  font-size: 0;
  line-height: 0;
  padding: 125px 0 197px 0; }
  .homeLogo img {
    width: 100%;
    height: auto; }

/* nununununununununununununununununununununununununununununununununun */
/* .o° .o° .o° .o° .o° .o° Top logo responsive °o. °o. °o. °o. °o. °o. */
/* nununununununununununununununununununununununununununununununununun */
@media all and (max-width: 1220px) {
  .homeLogo {
    padding: 125px 0 100px 0; } }
@media all and (max-width: 920px) {
  .homeLogo {
    padding: 75px 15px 40px 15px; } }
/* .o° .o° .o° .o° .o° .o° Content °o. °o. °o. °o. °o. °o. */
.homeContent {
  padding: 60px 45px 45px 45px; }
  .homeContent p {
    font: 400 19px/118% "HelveticaNeue", sans-serif;
    color: #000;
    text-align: justify;
    padding: 0 0 22px 0; }
    .homeContent p a {
      color: inherit;
      text-decoration: underline; }
  .homeContent h3 {
    font: 600 32px/118% "HelveticaNeue", sans-serif;
    color: #000;
    padding: 100px 0 20px 0; }

.homeContentColumn1,
.homeContentColumn2,
.homeContentColumn3,
.homeContentColumn4 {
  display: inline-block;
  vertical-align: top; }

.homeContentColumn1 {
  width: 495px;
  margin: 45px 45px 0 0; }
  .homeContentColumn1 .intercolorLogo {
    padding: 50px 0 0 0; }
    .homeContentColumn1 .intercolorLogo img {
      padding: 0 0 40px 0; }

.homeContentColumn2 {
  width: 570px;
  margin: 45px 0 0 0;
  border-top-right-radius: 15px;
  overflow: hidden; }
  .homeContentColumn2 img {
    width: 100%; }

.homeContentColumn3 {
  width: 188px;
  margin: 31px 0 0 0;
  border-top-right-radius: 15px;
  overflow: hidden; }
  .homeContentColumn3 img {
    width: 100%; }

.homeContentColumn4 {
  width: 877px;
  margin: 31px 0 0 45px; }

.homeContentFullWidthImg {
  border-top-right-radius: 15px;
  overflow: hidden; }
  .homeContentFullWidthImg img {
    width: 100%; }

/* nununununununununununununununununununununununununununununununununu */
/* .o° .o° .o° .o° .o° .o° Content responsive °o. °o. °o. °o. °o. °o. */
/* nununununununununununununununununununununununununununununununununu */
@media all and (max-width: 1220px) {
  .homeContent p {
    font-size: 16px;
    padding: 0 0 19px 0; }
  .homeContent h3 {
    font-size: 24px;
    padding: 60px 0 20px 0; }

  .homeContentColumn1 {
    width: 465px; }
    .homeContentColumn1 .intercolorLogo {
      padding: 0; }
      .homeContentColumn1 .intercolorLogo img {
        height: 80px;
        width: auto;
        padding: 0 0 20px 0; }

  .homeContentColumn2 {
    width: 300px; }

  .homeContentColumn4 {
    width: 577px; } }
@media all and (max-width: 920px) {
  .homeContent {
    padding: 30px;
    display: flex;
    flex-direction: column; }
    .homeContent > p {
      order: 1; }
    .homeContent p {
      padding: 0 0 15px 0; }
    .homeContent h3 {
      font-size: 20px;
      order: 4; }

  .homeContentColumn1,
  .homeContentColumn2,
  .homeContentColumn3,
  .homeContentColumn4 {
    display: block;
    width: auto;
    padding: 0 0 15px 0;
    margin: 0; }

  .homeContentColumn1 {
    order: 3; }

  .homeContentColumn2 {
    order: 2; }

  .homeContentColumn3 {
    order: 7;
    text-align: center; }
    .homeContentColumn3 img {
      max-width: 300px; }

  .homeContentColumn4 {
    order: 6; }

  .homeContentFullWidthImg {
    order: 5;
    padding: 0 0 15px 0; } }

/*# sourceMappingURL=home.css.map */
