@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0) translate(-165px) rotate(0);
    transform: rotate(0) translate(-165px) rotate(0); }
  100% {
    -webkit-transform: rotate(360deg) translate(-165px) rotate(-360deg);
    transform: rotate(360deg) translate(-165px) rotate(-360deg); } }
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0) translate(-165px) rotate(0);
    transform: rotate(0) translate(-165px) rotate(0); }
  100% {
    -webkit-transform: rotate(360deg) translate(-165px) rotate(-360deg);
    transform: rotate(360deg) translate(-165px) rotate(-360deg); } }
@-webkit-keyframes anti-clockwise {
  0% {
    -webkit-transform: rotate(0) translate(165px) rotate(0);
    transform: rotate(0) translate(165px) rotate(0); }
  100% {
    -webkit-transform: rotate(-360deg) translate(165px) rotate(360deg);
    transform: rotate(-360deg) translate(165px) rotate(360deg); } }
@keyframes anti-clockwise {
  0% {
    -webkit-transform: rotate(0) translate(165px) rotate(0);
    transform: rotate(0) translate(165px) rotate(0); }
  100% {
    -webkit-transform: rotate(-360deg) translate(165px) rotate(360deg);
    transform: rotate(-360deg) translate(165px) rotate(360deg); } }
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@keyframes rotating {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@-webkit-keyframes rotating-diagonal {
  0% {
    -webkit-transform: translate(-300px, 150px) rotate(0);
    transform: translate(-300px, 150px) rotate(0); }
  100% {
    -webkit-transform: translate(300px, -150px) rotate(180deg);
    transform: translate(300px, -150px) rotate(180deg); } }
@keyframes rotating-diagonal {
  0% {
    -webkit-transform: translate(-300px, 150px) rotate(0);
    transform: translate(-300px, 150px) rotate(0); }
  100% {
    -webkit-transform: translate(300px, -150px) rotate(180deg);
    transform: translate(300px, -150px) rotate(180deg); } }
.animation-clockwise {
  -webkit-animation: clockwise 30s linear infinite normal;
  animation: clockwise 30s linear infinite normal; }

.animation-anti-clockwise {
  -webkit-animation: anti-clockwise 30s linear infinite normal;
  animation: anti-clockwise 30s linear infinite normal; }

.animation-rotating {
  -webkit-animation: rotating 15s linear infinite normal;
  animation: rotating 15s linear infinite normal; }

.animation-rotating-diagonal {
  -webkit-animation: rotating-diagonal 15s linear infinite alternate;
  animation: rotating-diagonal 15s linear infinite alternate; }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes jump {
  0% {
    top: 0; }
  50% {
    top: 50px; }
  100% {
    top: 0; } }
@keyframes jump {
  0% {
    top: 0; }
  50% {
    top: 50px; }
  100% {
    top: 0; } }
.animation {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.typed-cursor {
  opacity: 1;
  -webkit-animation: blink .7s infinite;
  animation: blink .7s infinite; }

@-webkit-keyframes floating {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  65% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes floating {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  65% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
.floating {
  -webkit-animation: floating 4s ease-in-out infinite;
  animation: floating 4s ease-in-out infinite;
  -webkit-filter: none;
  filter: none; }

@-webkit-keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes bubble-v {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-640px);
    transform: translateY(-640px); } }
@keyframes bubble-v {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-640px);
    transform: translateY(-640px); } }
@-webkit-keyframes bubble-v-left {
  0% {
    margin-bottom: 0;
    opacity: .1; }
  20% {
    opacity: 1; }
  100% {
    margin-bottom: 640px;
    opacity: 1;
    left: 0; } }
@keyframes bubble-v-left {
  0% {
    margin-bottom: 0;
    opacity: .1; }
  20% {
    opacity: 1; }
  100% {
    margin-bottom: 640px;
    opacity: 1;
    left: 0; } }
@-webkit-keyframes bubble-v-right {
  0% {
    margin-bottom: 0;
    opacity: .1; }
  20% {
    opacity: 1; }
  100% {
    margin-bottom: 640px;
    opacity: 1;
    left: 100%; } }
@keyframes bubble-v-right {
  0% {
    margin-bottom: 0;
    opacity: .1; }
  20% {
    opacity: 1; }
  100% {
    margin-bottom: 640px;
    opacity: 1;
    left: 100%; } }
.block-banner-home-top {
  position: relative;
  height: 570px;
  width: 100%;
  overflow: hidden; }
  .block-banner-home-top:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #ec6220, #f9af36);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 455px); }
  .block-banner-home-top:after {
    content: '';
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    height: 100px;
    background: #e9ecef;
    clip-path: polygon(0 0, 100% 0, 80% 0, 0 100%);
    z-index: -1; }

.animation-shape {
  position: absolute; }

.static-shape {
  position: absolute; }

.shape-ring {
  top: 75%;
  left: 25%; }

.shape-ring div {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  border: 5px solid rgba(255, 255, 255, 0.09); }

.shape-ring-3 {
  border-radius: 50%;
  height: 400px;
  width: 400px;
  border: 2px solid #edf4f8;
  -webkit-animation-duration: 45s;
  animation-duration: 45s;
  border-style: dashed;
  right: 39%;
  bottom: -234px;
  margin: 0 auto;
  -webkit-transform: translate3d(50%, -50%, 0);
  transform: translate3d(50%, -50%, 0); }

.shape-ring-4 {
  right: 49.5%;
  bottom: -339px;
  -webkit-transform: translate3d(50%, -50%, 0);
  transform: translate3d(50%, -50%, 0); }

.shape-ring-4 div {
  border-style: dashed;
  border-radius: 50%;
  height: 300px;
  width: 300px;
  border: 1px dashed #d3d4d5;
  -webkit-animation-duration: 60s;
  animation-duration: 60s;
  transform-style: preserve-3d; }

/* shape-circle */
.shape-circle {
  top: 20%;
  left: 50%;
  position: absolute; }

.shape-circle div {
  width: 15px;
  height: 15px;
  background: rgba(237, 244, 248, 0.3);
  border-radius: 50%;
  margin: 0; }

/* shape-triangle */
.shape-triangle {
  top: 50%;
  left: 50%;
  position: absolute; }

.shape-triangle div {
  width: 15px;
  height: 15px;
  border-top-right-radius: 30%;
  opacity: .1;
  position: relative;
  background-color: #fff;
  text-align: left;
  -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
  transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866); }

.shape-triangle div:before {
  content: '';
  position: absolute;
  background-color: inherit;
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  border-top-right-radius: 30%;
  -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); }

.shape-triangle div:after {
  content: '';
  position: absolute;
  background-color: inherit;
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  border-top-right-radius: 30%;
  -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); }

/* shape-diamon */
.shape-diamon {
  top: 35%;
  left: 25%;
  position: absolute; }

.shape-diamon div {
  opacity: .5;
  width: 0;
  height: 0;
  border: 18px solid transparent;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  position: relative;
  top: -18px; }

.shape-diamon div:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -18px;
  top: 18px;
  border: 18px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.1); }

/* ============ static-shape ================*/
.shape-ring-1 {
  border-radius: 50%;
  height: 80px;
  width: 80px;
  border: 15px solid rgba(255, 255, 255, 0.5);
  top: 15%;
  left: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.shape-ring-2 {
  border-radius: 50%;
  height: 120px;
  width: 120px;
  border: 15px solid rgba(255, 255, 255, 0.5);
  top: 5%;
  right: 0;
  -webkit-transform: translateX(50%);
  transform: translateX(50%); }

.shape-circle-1 {
  width: 120px;
  height: 120px;
  background: rgba(255, 255, 255, 0.09);
  border-radius: 50%;
  margin: 0;
  top: 35%;
  left: 24%; }

.shape-dot-1 {
  top: 0;
  right: 0;
  width: 250px;
  height: 50%;
  background-color: transparent;
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 3px, transparent 3px);
  background-size: 30px 30px; }

.shape-dot-2 {
  left: 0;
  bottom: 0;
  width: 150px;
  height: 20%;
  background-color: transparent;
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 3px, transparent 3px);
  background-size: 30px 30px; }

.shape-bg {
  opacity: .3;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 120px; }

.shape-bg-1 {
  top: 70px;
  -webkit-transform: translate3D(30%, -93%, 0) skewX(35deg) rotate(-12deg);
  transform: translate3D(30%, -93%, 0) skewX(35deg) rotate(-12deg);
  background-color: #d98736;
  max-height: 560px;
  -webkit-box-shadow: none;
  box-shadow: none; }

.content-container {
  z-index: 9;
  position: relative;
  margin: 0 auto;
  color: #fff;
  padding-top: 106px !important;
  height: 100%; }
  .content-container .header-title {
    font-size: 32px;
    margin-bottom: 20px;
    display: block;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; }
    .content-container .header-title span {
      font-size: 34px;
      display: block;
      margin-bottom: 15px;
      font-family: 'Montserrat', sans-serif;
      font-weight: 200; }
  .content-container .describe {
    font-size: 18px;
    width: 520px; }
  .content-container .header-btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 40px 0 0 0; }
    .content-container .header-btn a {
      outline: 0;
      text-decoration: none;
      padding: 12px 24px 12px 24px;
      border-radius: 25px;
      font-size: 18px;
      border: 1px solid white;
      text-transform: uppercase;
      font-weight: 700; }
      .content-container .header-btn a:hover {
        color: #f07c27;
        background: #fff; }
    .content-container .header-btn .btn-1 {
      color: #5d5d5d;
      background-color: #fff;
      border-color: #fff;
      margin-right: 20px; }
    .content-container .header-btn .btn-2 {
      color: #fff; }
  .content-container .isometric {
    right: 0;
    bottom: 0;
    position: absolute; }
    .content-container .isometric img {
      width: 615px; }

@media (max-width: 960px) {
  .content-container .header-title {
    font-size: 50px; }

  .content-container .describe {
    font-size: 40px;
    width: auto; } }

/*# sourceMappingURL=block-banner-home.top.css.map */