/* ini: Preloader */
 
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#ffe37b; /* cor do background que vai ocupar o body */
    z-index:999; /* z-index para jogar para frente e sobrepor tudo */
}
#preloader .inner {
    position: absolute;
    top: 50%; /* centralizar a parte interna do preload (onde fica a animação)*/
    left: 50%;
    transform: translate(-50%, -50%);  
}
.bolas > div {
  display: inline-block;
  background-color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  margin: 3px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: animarBola;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
   
}
.bolas > div:nth-child(1) {
    animation-duration:0.75s ;
    animation-delay: 0;
}
.bolas > div:nth-child(2) {
    animation-duration: 0.75s ;
    animation-delay: 0.12s;
}
.bolas > div:nth-child(3) {
    animation-duration: 0.75s  ;
    animation-delay: 0.24s;
}
 
@keyframes animarBola {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  16% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
  33% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; 
  } 
}
/* end: Preloader */

 .u-section-1 {
  min-height: 1196px;
}

.u-section-1 .u-shape-1 {
  width: 1144px;
  height: 717px;
  background-image: none;
  margin: 151px calc(((100% - 1140px) / 2) + -123px) 0 auto;
}

.u-section-1 .u-layout-wrap-1 {
  width: 999px;
  margin: -638px auto 0 calc(((100% - 1140px) / 2));
}

.u-section-1 .u-image-1 {
  min-height: 705px;
  background-image: url("images/fachadaok.png");
  background-position: 50% 50%;
}

.u-section-1 .u-container-layout-1 {
  padding: 30px 0;
}

.u-section-1 .u-layout-cell-2 {
  min-height: 261px;
  background-image: none;
}

.u-section-1 .u-container-layout-2 {
  padding: 20px 200px 20px 0;
}

.u-section-1 .u-text-1 {
  margin: 8px 0 0;
}

.u-section-1 .u-text-2 {
  font-size: 1.125rem;
  margin: 21px 0 0;
}

@media (max-width: 1199px) {
   .u-section-1 {
    min-height: 1139px;
  }

  .u-section-1 .u-shape-1 {
    width: 504px;
    height: 753px;
    margin-right: calc(((100% - 940px) / 2));
  }

  .u-section-1 .u-layout-wrap-1 {
    width: 785px;
    margin-top: -642px;
    margin-bottom: 10px;
    margin-left: calc(((100% - 940px) / 2));
  }

  .u-section-1 .u-image-1 {
    min-height: 663px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 246px;
  }

  .u-section-1 .u-container-layout-2 {
    padding-right: 140px;
  }
}

@media (max-width: 991px) {
   .u-section-1 {
    min-height: 838px;
  }

  .u-section-1 .u-shape-1 {
    width: calc(((100% - 720px) / 2) + 592px);
    height: 680px;
    margin-right: calc(((100% - 720px) / 2));
  }

  .u-section-1 .u-layout-wrap-1 {
    width: 720px;
    margin-top: -569px;
    margin-bottom: 1px;
    margin-left: calc(((100% - 720px) / 2));
  }

  .u-section-1 .u-image-1 {
    min-height: 508px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-1 .u-container-layout-2 {
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
   .u-section-1 {
    min-height: 711px;
  }

  .u-section-1 .u-shape-1 {
    width: calc(((100% - 540px) / 2) + 377px);
    height: 816px;
    margin-right: calc(((100% - 540px) / 2));
  }

  .u-section-1 .u-layout-wrap-1 {
    width: 540px;
    margin-top: -726px;
    margin-left: auto;
    margin-bottom: 60px;
  }

  .u-section-1 .u-image-1 {
    min-height: 381px;
  }

  .u-section-1 .u-container-layout-2 {
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
   .u-section-1 {
    min-height: 570px;
  }

  .u-section-1 .u-shape-1 {
    width: calc(((100% - 340px) / 2) + 267px);
    height: 802px;
    margin-right: calc(((100% - 340px) / 2));
  }

  .u-section-1 .u-layout-wrap-1 {
    width: 340px;
    margin-top: -717px;
  }

  .u-section-1 .u-image-1 {
    min-height: 240px;
  }
}