/*
Theme Name: LINKER
Version: 1.0
Author: Y.C
Author URI: http://linker.co.il
Text Domain: arbel-child
Template: arbel
*/

/*-------Fonts-------*/

/*STYLES
---------------------------------------*/

.row-style-default {
    background-color: #292d2f;
	color: #fff4e2;
}

.row-style-default h2 {
    font-size: 30px;
    font-weight: normal;
    color: #fff4e2;
}

.row-style-1 {
    background-color: #fff4e2;
    overflow: hidden;
}

.row-style-1::before {
    position: absolute;
    top: 0;
    left: -1000px;
    content: "";
    width: 100%;
    height: 50px;
    border-top: 70px solid rgb(41 45 47);
    border-left: 3000px solid rgba(0, 0, 0, 0);
    filter: drop-shadow(-60px 15px 10px rgb(0 0 0 / 40%));
    overflow: hidden;
    z-index: 1;
}

.row-style-1::after {
    position: absolute;
    bottom: 0;
    right: -1000px;
    content: "";
    float: left;
    width: 100%;
    height: 50px;
    border-bottom: 70px solid rgb(41 45 47);
    border-right: 3000px solid rgba(0, 0, 0, 0);
    filter: drop-shadow(-60px -15px 10px rgb(0 0 0 / 40%));
    z-index: 1;
}

.row-rotate .elementor-column {
    transform: rotate(1.2deg);
}

/*BODY
---------------------------------------*/
body.home,
body.home #main-content {
	background-color: #292d2f;
}

.linker-top-page-area {
    float: left;
    width: 100%;
    padding: 10px 0;
    background-color: #292d2f;
}

.linker-top-page-area h1 {
    float: left;
    width: 100%;
    font-size: 44px;
    color: #fff4e2;
}

.lf-breadcrumbs a + span a:before, .lf-breadcrumbs .breadcrumb_last:before {
    display: none;
}

.lf-breadcrumbs a, .lf-breadcrumbs span > span > span {
    margin: 0 5px 0 0;
    padding: 0px 8px;
    color: #fff4e2;
    background-color: #505050;
    border-radius: 50px;
}

.lf-breadcrumbs a:nth-child(2), .lf-breadcrumbs span > span > span:nth-child(2) {
    color: #fff4e2;
    background-color: #945900;
}

.lf-breadcrumbs a:nth-child(3), .lf-breadcrumbs span > span > span:nth-child(3) {
    color: #fff4e2;
    background-color: #563400;
}

.linker-subtitle h2 {
    display: inline-block;
}

.linker-subtitle h2::after {
    content: "";
    float: left;
    width: 100%;
    height: 2px;
    background-color: #f29400;
    margin-top: 5px;
}

.linker-subject-container {
    width: 100%;
    float: left;
    direction: ltr;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 36px;
    line-height: 70px;
}

.linker-subject-pre {
    font-size: 60px;
    font-weight: bold;
    color: #f29400;
}

.linker-subject-pre.pre-coler-2 {
    color: #ff6d6d;
}

.linker-subject-pre.pre-coler-3 {
    color: #6dffff;
}

.linker-page-action-button .elementor-button {
    width: 100%;
    padding: 10px 15px;
    border-radius: 50px;
    box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 60%);
}

.linker-page-action-button .elementor-button-text {
    font-size: 18px;
}

.linker-page-action-big-button .elementor-button {
    width: auto;
    padding: 15px 20px;
    border-radius: 50px;
    box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 60%);
}

.linker-page-action-big-button .elementor-button-text {
    font-size: 30px;
}

.linker-features-container {
    float: left;
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 1px solid #5a5a5a;
    border-radius: 10px;
}

.linker-features-icon {
    width: 70px;
    height: 70px;
}

.linker-features-icon i {
    width: 100%;
    height: auto;
    padding: 0;
}

.linker-features-icon i svg {
    float: right;
    width: 100%;
    height: 100%;
    fill: #fff4e2;
}

.linker-features-icon i svg image {
    width: 100%;
    height: 100%;
}

.linker-features-title {
    text-align: center;
    font-size: 20px;
    line-height: 1;
}

.linker-features-text {
    max-width: 150px;
    padding: 10px;
    text-align: center;
}

.linker-highlights-container {
    float: left;
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 1px solid #f29400;
    border-radius: 10px;
}

.linker-highlights-title {
    font-size: 22px;
    text-align: center;
}

.linker-highlights-text {
    font-size: 18px;
    padding: 20px;
    text-align: center;
}

.linker-type-container {
    float: left;
    width: 100%;
    min-height: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

.linker-type-icon {
    width: 70px;
    height: 70px;
}

.linker-type-icon i {
    width: 100%;
    height: auto;
    padding: 0;
}

.linker-type-icon i svg {
    float: right;
    width: 100%;
    height: 100%;
    fill: #fff4e2;
}

.linker-type-icon i svg image {
    width: 100%;
    height: 100%;
}

.linker-type-text-container {
    width: 100%;
    padding: 5px;
}

.linker-type-title {
    float: left;
    width: 100%;
    font-size: 22px;
    border-bottom: 1px dashed #5a5a5a;
}

.linker-type-text {
    float: left;
    width: 100%;
}

/*HOME PAGE
---------------------------------------*/

.linker-home-slider {
	direction: rtl;
    height: calc(100vh - 102px);
}

.customize-support .linker-home-slider {
    height: calc(100vh - 132px);
}

.linker-home-slider .swiper-slide {
    background-color: #292d2f;
	color: #fff4e2;
}

.linker-home-slider .lf-slider-content-container,
.linker-home-slider .linker-home-slider-container {
	position: relative;
    height: 100%;
}

.linker-home-slider .swiper-pagination {
    width: auto;
}

.linker-home-slider .swiper-pagination-bullets {
    right: auto;
    left: 10px;
}

.linker-home-slider .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}

.linker-home-slider-welcome-text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
}

.linker-home-slider-welcome-text h1 {
    font-size: clamp(40px, 10vw, 90px);
    line-height: clamp(40px, 10vw, 90px);
    font-weight: normal;
	margin: 0;
}

.linker-home-slider-welcome-text h2 {
    font-size: clamp(22px, 5vw, 50px);
    line-height: clamp(40px, 10vw, 90px);
    font-weight: normal;
    margin: 0;
}

.not-visible {
	opacity: 0;
}

.home-fadein {
	/* opacity: 0; */
	animation: home-fadein 2s both;
}

@keyframes home-fadein {
  from {
  	opacity: 0;
  }
  to {
 	opacity: 1;
  }
}

.linker-home-slider-parallax-container {
    position: absolute;
    top: 10%;
    left: 20%;
    width: 300px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.linker-home-slider-parallax div {
    width: 400px;
    height: 400px;
    display: flex!important;
    justify-content: center;
    align-items: center;
    border-radius: 400px;
    background-color: #8989892e;
}

.linker-home-slider-parallax-2-container {
    position: absolute;
    top: 10%;
    left: 20%;
    width: 300px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.linker-home-slider-parallax-2 div {
    width: 400px;
    height: 400px;
    display: flex!important;
    justify-content: center;
    align-items: center;
    border-radius: 400px;
    background-color: rgb(137 137 137 / 15%);
}

.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: 90vw;
}

.line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background: rgba(255, 255, 255, 0.0);
  overflow: hidden;
}
.line::after {
  content: "";
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
  -webkit-animation: drop 7s 0s infinite;
          animation: drop 7s 0s infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
          animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
.line:nth-child(1) {
  margin-left: -25%;
}
.line:nth-child(1)::after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.line:nth-child(3) {
  margin-left: 25%;
}
.line:nth-child(3)::after {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

@-webkit-keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

@keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

.particle-container {
    float: left;
    position: relative;
}

.circle-container {
  position: absolute;
  transform: translateY(-10vh);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.circle-container .circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  mix-blend-mode: screen;
  background-image: radial-gradient(#99ffff, #99ffff 10%, rgba(153, 255, 255, 0) 56%);
  -webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
          animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scale-frames {
  0% {
    transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    transform: scale3d(0.4, 0.4, 1);
  }
}
@keyframes scale-frames {
  0% {
    transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    transform: scale3d(0.4, 0.4, 1);
  }
}
.circle-container:nth-child(1) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-1;
          animation-name: move-frames-1;
  -webkit-animation-duration: 35249ms;
          animation-duration: 35249ms;
  -webkit-animation-delay: 15349ms;
          animation-delay: 15349ms;
}
@-webkit-keyframes move-frames-1 {
  from {
    transform: translate3d(47vw, 106vh, 0);
  }
  to {
    transform: translate3d(53vw, -132vh, 0);
  }
}
@keyframes move-frames-1 {
  from {
    transform: translate3d(47vw, 106vh, 0);
  }
  to {
    transform: translate3d(53vw, -132vh, 0);
  }
}
.circle-container:nth-child(1) .circle {
  -webkit-animation-delay: 2026ms;
          animation-delay: 2026ms;
}
.circle-container:nth-child(2) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-2;
          animation-name: move-frames-2;
  -webkit-animation-duration: 30093ms;
          animation-duration: 30093ms;
  -webkit-animation-delay: 23734ms;
          animation-delay: 23734ms;
}
@-webkit-keyframes move-frames-2 {
  from {
    transform: translate3d(7vw, 104vh, 0);
  }
  to {
    transform: translate3d(8vw, -131vh, 0);
  }
}
@keyframes move-frames-2 {
  from {
    transform: translate3d(7vw, 104vh, 0);
  }
  to {
    transform: translate3d(8vw, -131vh, 0);
  }
}
.circle-container:nth-child(2) .circle {
  -webkit-animation-delay: 863ms;
          animation-delay: 863ms;
}
.circle-container:nth-child(3) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-3;
          animation-name: move-frames-3;
  -webkit-animation-duration: 34285ms;
          animation-duration: 34285ms;
  -webkit-animation-delay: 9864ms;
          animation-delay: 9864ms;
}
@-webkit-keyframes move-frames-3 {
  from {
    transform: translate3d(11vw, 107vh, 0);
  }
  to {
    transform: translate3d(21vw, -109vh, 0);
  }
}
@keyframes move-frames-3 {
  from {
    transform: translate3d(11vw, 107vh, 0);
  }
  to {
    transform: translate3d(21vw, -109vh, 0);
  }
}
.circle-container:nth-child(3) .circle {
  -webkit-animation-delay: 3260ms;
          animation-delay: 3260ms;
}
.circle-container:nth-child(4) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-4;
          animation-name: move-frames-4;
  -webkit-animation-duration: 34698ms;
          animation-duration: 34698ms;
  -webkit-animation-delay: 24593ms;
          animation-delay: 24593ms;
}
@-webkit-keyframes move-frames-4 {
  from {
    transform: translate3d(54vw, 104vh, 0);
  }
  to {
    transform: translate3d(82vw, -106vh, 0);
  }
}
@keyframes move-frames-4 {
  from {
    transform: translate3d(54vw, 104vh, 0);
  }
  to {
    transform: translate3d(82vw, -106vh, 0);
  }
}
.circle-container:nth-child(4) .circle {
  -webkit-animation-delay: 814ms;
          animation-delay: 814ms;
}
.circle-container:nth-child(5) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-5;
          animation-name: move-frames-5;
  -webkit-animation-duration: 35152ms;
          animation-duration: 35152ms;
  -webkit-animation-delay: 12794ms;
          animation-delay: 12794ms;
}
@-webkit-keyframes move-frames-5 {
  from {
    transform: translate3d(100vw, 101vh, 0);
  }
  to {
    transform: translate3d(46vw, -102vh, 0);
  }
}
@keyframes move-frames-5 {
  from {
    transform: translate3d(100vw, 101vh, 0);
  }
  to {
    transform: translate3d(46vw, -102vh, 0);
  }
}
.circle-container:nth-child(5) .circle {
  -webkit-animation-delay: 527ms;
          animation-delay: 527ms;
}
.circle-container:nth-child(6) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-6;
          animation-name: move-frames-6;
  -webkit-animation-duration: 32521ms;
          animation-duration: 32521ms;
  -webkit-animation-delay: 18420ms;
          animation-delay: 18420ms;
}
@-webkit-keyframes move-frames-6 {
  from {
    transform: translate3d(38vw, 103vh, 0);
  }
  to {
    transform: translate3d(79vw, -106vh, 0);
  }
}
@keyframes move-frames-6 {
  from {
    transform: translate3d(38vw, 103vh, 0);
  }
  to {
    transform: translate3d(79vw, -106vh, 0);
  }
}
.circle-container:nth-child(6) .circle {
  -webkit-animation-delay: 334ms;
          animation-delay: 334ms;
}
.circle-container:nth-child(7) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-7;
          animation-name: move-frames-7;
  -webkit-animation-duration: 32727ms;
          animation-duration: 32727ms;
  -webkit-animation-delay: 4031ms;
          animation-delay: 4031ms;
}
@-webkit-keyframes move-frames-7 {
  from {
    transform: translate3d(20vw, 107vh, 0);
  }
  to {
    transform: translate3d(40vw, -128vh, 0);
  }
}
@keyframes move-frames-7 {
  from {
    transform: translate3d(20vw, 107vh, 0);
  }
  to {
    transform: translate3d(40vw, -128vh, 0);
  }
}
.circle-container:nth-child(7) .circle {
  -webkit-animation-delay: 2340ms;
          animation-delay: 2340ms;
}
.circle-container:nth-child(8) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-8;
          animation-name: move-frames-8;
  -webkit-animation-duration: 35229ms;
          animation-duration: 35229ms;
  -webkit-animation-delay: 6518ms;
          animation-delay: 6518ms;
}
@-webkit-keyframes move-frames-8 {
  from {
    transform: translate3d(76vw, 109vh, 0);
  }
  to {
    transform: translate3d(1vw, -120vh, 0);
  }
}
@keyframes move-frames-8 {
  from {
    transform: translate3d(76vw, 109vh, 0);
  }
  to {
    transform: translate3d(1vw, -120vh, 0);
  }
}
.circle-container:nth-child(8) .circle {
  -webkit-animation-delay: 726ms;
          animation-delay: 726ms;
}
.circle-container:nth-child(9) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-9;
          animation-name: move-frames-9;
  -webkit-animation-duration: 33424ms;
          animation-duration: 33424ms;
  -webkit-animation-delay: 17765ms;
          animation-delay: 17765ms;
}
@-webkit-keyframes move-frames-9 {
  from {
    transform: translate3d(73vw, 106vh, 0);
  }
  to {
    transform: translate3d(4vw, -108vh, 0);
  }
}
@keyframes move-frames-9 {
  from {
    transform: translate3d(73vw, 106vh, 0);
  }
  to {
    transform: translate3d(4vw, -108vh, 0);
  }
}
.circle-container:nth-child(9) .circle {
  -webkit-animation-delay: 3347ms;
          animation-delay: 3347ms;
}
.circle-container:nth-child(10) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-10;
          animation-name: move-frames-10;
  -webkit-animation-duration: 36480ms;
          animation-duration: 36480ms;
  -webkit-animation-delay: 1980ms;
          animation-delay: 1980ms;
}
@-webkit-keyframes move-frames-10 {
  from {
    transform: translate3d(8vw, 106vh, 0);
  }
  to {
    transform: translate3d(83vw, -116vh, 0);
  }
}
@keyframes move-frames-10 {
  from {
    transform: translate3d(8vw, 106vh, 0);
  }
  to {
    transform: translate3d(83vw, -116vh, 0);
  }
}
.circle-container:nth-child(10) .circle {
  -webkit-animation-delay: 3371ms;
          animation-delay: 3371ms;
}
.circle-container:nth-child(11) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-11;
          animation-name: move-frames-11;
  -webkit-animation-duration: 32234ms;
          animation-duration: 32234ms;
  -webkit-animation-delay: 19095ms;
          animation-delay: 19095ms;
}
@-webkit-keyframes move-frames-11 {
  from {
    transform: translate3d(47vw, 106vh, 0);
  }
  to {
    transform: translate3d(42vw, -132vh, 0);
  }
}
@keyframes move-frames-11 {
  from {
    transform: translate3d(47vw, 106vh, 0);
  }
  to {
    transform: translate3d(42vw, -132vh, 0);
  }
}
.circle-container:nth-child(11) .circle {
  -webkit-animation-delay: 1861ms;
          animation-delay: 1861ms;
}
.circle-container:nth-child(12) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-12;
          animation-name: move-frames-12;
  -webkit-animation-duration: 28465ms;
          animation-duration: 28465ms;
  -webkit-animation-delay: 10032ms;
          animation-delay: 10032ms;
}
@-webkit-keyframes move-frames-12 {
  from {
    transform: translate3d(21vw, 102vh, 0);
  }
  to {
    transform: translate3d(98vw, -113vh, 0);
  }
}
@keyframes move-frames-12 {
  from {
    transform: translate3d(21vw, 102vh, 0);
  }
  to {
    transform: translate3d(98vw, -113vh, 0);
  }
}
.circle-container:nth-child(12) .circle {
  -webkit-animation-delay: 2150ms;
          animation-delay: 2150ms;
}
.circle-container:nth-child(13) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-13;
          animation-name: move-frames-13;
  -webkit-animation-duration: 30276ms;
          animation-duration: 30276ms;
  -webkit-animation-delay: 15049ms;
          animation-delay: 15049ms;
}
@-webkit-keyframes move-frames-13 {
  from {
    transform: translate3d(9vw, 102vh, 0);
  }
  to {
    transform: translate3d(84vw, -113vh, 0);
  }
}
@keyframes move-frames-13 {
  from {
    transform: translate3d(9vw, 102vh, 0);
  }
  to {
    transform: translate3d(84vw, -113vh, 0);
  }
}
.circle-container:nth-child(13) .circle {
  -webkit-animation-delay: 575ms;
          animation-delay: 575ms;
}
.circle-container:nth-child(14) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-14;
          animation-name: move-frames-14;
  -webkit-animation-duration: 31898ms;
          animation-duration: 31898ms;
  -webkit-animation-delay: 20289ms;
          animation-delay: 20289ms;
}
@-webkit-keyframes move-frames-14 {
  from {
    transform: translate3d(23vw, 102vh, 0);
  }
  to {
    transform: translate3d(21vw, -111vh, 0);
  }
}
@keyframes move-frames-14 {
  from {
    transform: translate3d(23vw, 102vh, 0);
  }
  to {
    transform: translate3d(21vw, -111vh, 0);
  }
}
.circle-container:nth-child(14) .circle {
  -webkit-animation-delay: 1193ms;
          animation-delay: 1193ms;
}
.circle-container:nth-child(15) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-15;
          animation-name: move-frames-15;
  -webkit-animation-duration: 33417ms;
          animation-duration: 33417ms;
  -webkit-animation-delay: 36082ms;
          animation-delay: 36082ms;
}
@-webkit-keyframes move-frames-15 {
  from {
    transform: translate3d(16vw, 102vh, 0);
  }
  to {
    transform: translate3d(6vw, -119vh, 0);
  }
}
@keyframes move-frames-15 {
  from {
    transform: translate3d(16vw, 102vh, 0);
  }
  to {
    transform: translate3d(6vw, -119vh, 0);
  }
}
.circle-container:nth-child(15) .circle {
  -webkit-animation-delay: 766ms;
          animation-delay: 766ms;
}
.circle-container:nth-child(16) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-16;
          animation-name: move-frames-16;
  -webkit-animation-duration: 35479ms;
          animation-duration: 35479ms;
  -webkit-animation-delay: 16738ms;
          animation-delay: 16738ms;
}
@-webkit-keyframes move-frames-16 {
  from {
    transform: translate3d(12vw, 108vh, 0);
  }
  to {
    transform: translate3d(30vw, -116vh, 0);
  }
}
@keyframes move-frames-16 {
  from {
    transform: translate3d(12vw, 108vh, 0);
  }
  to {
    transform: translate3d(30vw, -116vh, 0);
  }
}
.circle-container:nth-child(16) .circle {
  -webkit-animation-delay: 893ms;
          animation-delay: 893ms;
}
.circle-container:nth-child(17) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-17;
          animation-name: move-frames-17;
  -webkit-animation-duration: 33117ms;
          animation-duration: 33117ms;
  -webkit-animation-delay: 11621ms;
          animation-delay: 11621ms;
}
@-webkit-keyframes move-frames-17 {
  from {
    transform: translate3d(16vw, 101vh, 0);
  }
  to {
    transform: translate3d(86vw, -120vh, 0);
  }
}
@keyframes move-frames-17 {
  from {
    transform: translate3d(16vw, 101vh, 0);
  }
  to {
    transform: translate3d(86vw, -120vh, 0);
  }
}
.circle-container:nth-child(17) .circle {
  -webkit-animation-delay: 2250ms;
          animation-delay: 2250ms;
}
.circle-container:nth-child(18) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-18;
          animation-name: move-frames-18;
  -webkit-animation-duration: 28091ms;
          animation-duration: 28091ms;
  -webkit-animation-delay: 21332ms;
          animation-delay: 21332ms;
}
@-webkit-keyframes move-frames-18 {
  from {
    transform: translate3d(26vw, 105vh, 0);
  }
  to {
    transform: translate3d(13vw, -106vh, 0);
  }
}
@keyframes move-frames-18 {
  from {
    transform: translate3d(26vw, 105vh, 0);
  }
  to {
    transform: translate3d(13vw, -106vh, 0);
  }
}
.circle-container:nth-child(18) .circle {
  -webkit-animation-delay: 3870ms;
          animation-delay: 3870ms;
}
.circle-container:nth-child(19) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-19;
          animation-name: move-frames-19;
  -webkit-animation-duration: 32100ms;
          animation-duration: 32100ms;
  -webkit-animation-delay: 30619ms;
          animation-delay: 30619ms;
}
@-webkit-keyframes move-frames-19 {
  from {
    transform: translate3d(77vw, 107vh, 0);
  }
  to {
    transform: translate3d(37vw, -118vh, 0);
  }
}
@keyframes move-frames-19 {
  from {
    transform: translate3d(77vw, 107vh, 0);
  }
  to {
    transform: translate3d(37vw, -118vh, 0);
  }
}
.circle-container:nth-child(19) .circle {
  -webkit-animation-delay: 346ms;
          animation-delay: 346ms;
}
.circle-container:nth-child(20) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-20;
          animation-name: move-frames-20;
  -webkit-animation-duration: 28360ms;
          animation-duration: 28360ms;
  -webkit-animation-delay: 33265ms;
          animation-delay: 33265ms;
}
@-webkit-keyframes move-frames-20 {
  from {
    transform: translate3d(59vw, 107vh, 0);
  }
  to {
    transform: translate3d(25vw, -113vh, 0);
  }
}
@keyframes move-frames-20 {
  from {
    transform: translate3d(59vw, 107vh, 0);
  }
  to {
    transform: translate3d(25vw, -113vh, 0);
  }
}
.circle-container:nth-child(20) .circle {
  -webkit-animation-delay: 1595ms;
          animation-delay: 1595ms;
}
.circle-container:nth-child(21) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-21;
          animation-name: move-frames-21;
  -webkit-animation-duration: 32039ms;
          animation-duration: 32039ms;
  -webkit-animation-delay: 1468ms;
          animation-delay: 1468ms;
}
@-webkit-keyframes move-frames-21 {
  from {
    transform: translate3d(58vw, 108vh, 0);
  }
  to {
    transform: translate3d(56vw, -115vh, 0);
  }
}
@keyframes move-frames-21 {
  from {
    transform: translate3d(58vw, 108vh, 0);
  }
  to {
    transform: translate3d(56vw, -115vh, 0);
  }
}
.circle-container:nth-child(21) .circle {
  -webkit-animation-delay: 2331ms;
          animation-delay: 2331ms;
}
.circle-container:nth-child(22) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-22;
          animation-name: move-frames-22;
  -webkit-animation-duration: 33405ms;
          animation-duration: 33405ms;
  -webkit-animation-delay: 19852ms;
          animation-delay: 19852ms;
}
@-webkit-keyframes move-frames-22 {
  from {
    transform: translate3d(85vw, 104vh, 0);
  }
  to {
    transform: translate3d(89vw, -107vh, 0);
  }
}
@keyframes move-frames-22 {
  from {
    transform: translate3d(85vw, 104vh, 0);
  }
  to {
    transform: translate3d(89vw, -107vh, 0);
  }
}
.circle-container:nth-child(22) .circle {
  -webkit-animation-delay: 2999ms;
          animation-delay: 2999ms;
}
.circle-container:nth-child(23) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-23;
          animation-name: move-frames-23;
  -webkit-animation-duration: 34156ms;
          animation-duration: 34156ms;
  -webkit-animation-delay: 18766ms;
          animation-delay: 18766ms;
}
@-webkit-keyframes move-frames-23 {
  from {
    transform: translate3d(44vw, 105vh, 0);
  }
  to {
    transform: translate3d(59vw, -115vh, 0);
  }
}
@keyframes move-frames-23 {
  from {
    transform: translate3d(44vw, 105vh, 0);
  }
  to {
    transform: translate3d(59vw, -115vh, 0);
  }
}
.circle-container:nth-child(23) .circle {
  -webkit-animation-delay: 2881ms;
          animation-delay: 2881ms;
}
.circle-container:nth-child(24) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-24;
          animation-name: move-frames-24;
  -webkit-animation-duration: 30905ms;
          animation-duration: 30905ms;
  -webkit-animation-delay: 30614ms;
          animation-delay: 30614ms;
}
@-webkit-keyframes move-frames-24 {
  from {
    transform: translate3d(55vw, 109vh, 0);
  }
  to {
    transform: translate3d(41vw, -139vh, 0);
  }
}
@keyframes move-frames-24 {
  from {
    transform: translate3d(55vw, 109vh, 0);
  }
  to {
    transform: translate3d(41vw, -139vh, 0);
  }
}
.circle-container:nth-child(24) .circle {
  -webkit-animation-delay: 3161ms;
          animation-delay: 3161ms;
}
.circle-container:nth-child(25) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-25;
          animation-name: move-frames-25;
  -webkit-animation-duration: 29746ms;
          animation-duration: 29746ms;
  -webkit-animation-delay: 3986ms;
          animation-delay: 3986ms;
}
@-webkit-keyframes move-frames-25 {
  from {
    transform: translate3d(9vw, 101vh, 0);
  }
  to {
    transform: translate3d(95vw, -117vh, 0);
  }
}
@keyframes move-frames-25 {
  from {
    transform: translate3d(9vw, 101vh, 0);
  }
  to {
    transform: translate3d(95vw, -117vh, 0);
  }
}
.circle-container:nth-child(25) .circle {
  -webkit-animation-delay: 467ms;
          animation-delay: 467ms;
}
.circle-container:nth-child(26) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-26;
          animation-name: move-frames-26;
  -webkit-animation-duration: 29613ms;
          animation-duration: 29613ms;
  -webkit-animation-delay: 17096ms;
          animation-delay: 17096ms;
}
@-webkit-keyframes move-frames-26 {
  from {
    transform: translate3d(93vw, 102vh, 0);
  }
  to {
    transform: translate3d(57vw, -120vh, 0);
  }
}
@keyframes move-frames-26 {
  from {
    transform: translate3d(93vw, 102vh, 0);
  }
  to {
    transform: translate3d(57vw, -120vh, 0);
  }
}
.circle-container:nth-child(26) .circle {
  -webkit-animation-delay: 2215ms;
          animation-delay: 2215ms;
}
.circle-container:nth-child(27) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-27;
          animation-name: move-frames-27;
  -webkit-animation-duration: 28487ms;
          animation-duration: 28487ms;
  -webkit-animation-delay: 26472ms;
          animation-delay: 26472ms;
}
@-webkit-keyframes move-frames-27 {
  from {
    transform: translate3d(55vw, 107vh, 0);
  }
  to {
    transform: translate3d(89vw, -136vh, 0);
  }
}
@keyframes move-frames-27 {
  from {
    transform: translate3d(55vw, 107vh, 0);
  }
  to {
    transform: translate3d(89vw, -136vh, 0);
  }
}
.circle-container:nth-child(27) .circle {
  -webkit-animation-delay: 2950ms;
          animation-delay: 2950ms;
}
.circle-container:nth-child(28) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-28;
          animation-name: move-frames-28;
  -webkit-animation-duration: 34895ms;
          animation-duration: 34895ms;
  -webkit-animation-delay: 12149ms;
          animation-delay: 12149ms;
}
@-webkit-keyframes move-frames-28 {
  from {
    transform: translate3d(51vw, 110vh, 0);
  }
  to {
    transform: translate3d(26vw, -134vh, 0);
  }
}
@keyframes move-frames-28 {
  from {
    transform: translate3d(51vw, 110vh, 0);
  }
  to {
    transform: translate3d(26vw, -134vh, 0);
  }
}
.circle-container:nth-child(28) .circle {
  -webkit-animation-delay: 992ms;
          animation-delay: 992ms;
}
.circle-container:nth-child(29) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-29;
          animation-name: move-frames-29;
  -webkit-animation-duration: 32582ms;
          animation-duration: 32582ms;
  -webkit-animation-delay: 6052ms;
          animation-delay: 6052ms;
}
@-webkit-keyframes move-frames-29 {
  from {
    transform: translate3d(13vw, 105vh, 0);
  }
  to {
    transform: translate3d(92vw, -127vh, 0);
  }
}
@keyframes move-frames-29 {
  from {
    transform: translate3d(13vw, 105vh, 0);
  }
  to {
    transform: translate3d(92vw, -127vh, 0);
  }
}
.circle-container:nth-child(29) .circle {
  -webkit-animation-delay: 169ms;
          animation-delay: 169ms;
}
.circle-container:nth-child(30) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-30;
          animation-name: move-frames-30;
  -webkit-animation-duration: 35285ms;
          animation-duration: 35285ms;
  -webkit-animation-delay: 20203ms;
          animation-delay: 20203ms;
}
@-webkit-keyframes move-frames-30 {
  from {
    transform: translate3d(87vw, 107vh, 0);
  }
  to {
    transform: translate3d(78vw, -115vh, 0);
  }
}
@keyframes move-frames-30 {
  from {
    transform: translate3d(87vw, 107vh, 0);
  }
  to {
    transform: translate3d(78vw, -115vh, 0);
  }
}
.circle-container:nth-child(30) .circle {
  -webkit-animation-delay: 976ms;
          animation-delay: 976ms;
}
.circle-container:nth-child(31) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-31;
          animation-name: move-frames-31;
  -webkit-animation-duration: 28927ms;
          animation-duration: 28927ms;
  -webkit-animation-delay: 28496ms;
          animation-delay: 28496ms;
}
@-webkit-keyframes move-frames-31 {
  from {
    transform: translate3d(35vw, 108vh, 0);
  }
  to {
    transform: translate3d(33vw, -117vh, 0);
  }
}
@keyframes move-frames-31 {
  from {
    transform: translate3d(35vw, 108vh, 0);
  }
  to {
    transform: translate3d(33vw, -117vh, 0);
  }
}
.circle-container:nth-child(31) .circle {
  -webkit-animation-delay: 3338ms;
          animation-delay: 3338ms;
}
.circle-container:nth-child(32) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-32;
          animation-name: move-frames-32;
  -webkit-animation-duration: 36285ms;
          animation-duration: 36285ms;
  -webkit-animation-delay: 1831ms;
          animation-delay: 1831ms;
}
@-webkit-keyframes move-frames-32 {
  from {
    transform: translate3d(82vw, 102vh, 0);
  }
  to {
    transform: translate3d(74vw, -107vh, 0);
  }
}
@keyframes move-frames-32 {
  from {
    transform: translate3d(82vw, 102vh, 0);
  }
  to {
    transform: translate3d(74vw, -107vh, 0);
  }
}
.circle-container:nth-child(32) .circle {
  -webkit-animation-delay: 1760ms;
          animation-delay: 1760ms;
}
.circle-container:nth-child(33) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-33;
          animation-name: move-frames-33;
  -webkit-animation-duration: 33879ms;
          animation-duration: 33879ms;
  -webkit-animation-delay: 23381ms;
          animation-delay: 23381ms;
}
@-webkit-keyframes move-frames-33 {
  from {
    transform: translate3d(46vw, 106vh, 0);
  }
  to {
    transform: translate3d(83vw, -134vh, 0);
  }
}
@keyframes move-frames-33 {
  from {
    transform: translate3d(46vw, 106vh, 0);
  }
  to {
    transform: translate3d(83vw, -134vh, 0);
  }
}
.circle-container:nth-child(33) .circle {
  -webkit-animation-delay: 3896ms;
          animation-delay: 3896ms;
}
.circle-container:nth-child(34) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-34;
          animation-name: move-frames-34;
  -webkit-animation-duration: 32174ms;
          animation-duration: 32174ms;
  -webkit-animation-delay: 20724ms;
          animation-delay: 20724ms;
}
@-webkit-keyframes move-frames-34 {
  from {
    transform: translate3d(95vw, 104vh, 0);
  }
  to {
    transform: translate3d(96vw, -125vh, 0);
  }
}
@keyframes move-frames-34 {
  from {
    transform: translate3d(95vw, 104vh, 0);
  }
  to {
    transform: translate3d(96vw, -125vh, 0);
  }
}
.circle-container:nth-child(34) .circle {
  -webkit-animation-delay: 534ms;
          animation-delay: 534ms;
}
.circle-container:nth-child(35) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-35;
          animation-name: move-frames-35;
  -webkit-animation-duration: 28401ms;
          animation-duration: 28401ms;
  -webkit-animation-delay: 32619ms;
          animation-delay: 32619ms;
}
@-webkit-keyframes move-frames-35 {
  from {
    transform: translate3d(14vw, 101vh, 0);
  }
  to {
    transform: translate3d(61vw, -122vh, 0);
  }
}
@keyframes move-frames-35 {
  from {
    transform: translate3d(14vw, 101vh, 0);
  }
  to {
    transform: translate3d(61vw, -122vh, 0);
  }
}
.circle-container:nth-child(35) .circle {
  -webkit-animation-delay: 3850ms;
          animation-delay: 3850ms;
}
.circle-container:nth-child(36) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-36;
          animation-name: move-frames-36;
  -webkit-animation-duration: 34452ms;
          animation-duration: 34452ms;
  -webkit-animation-delay: 33632ms;
          animation-delay: 33632ms;
}
@-webkit-keyframes move-frames-36 {
  from {
    transform: translate3d(89vw, 105vh, 0);
  }
  to {
    transform: translate3d(64vw, -122vh, 0);
  }
}
@keyframes move-frames-36 {
  from {
    transform: translate3d(89vw, 105vh, 0);
  }
  to {
    transform: translate3d(64vw, -122vh, 0);
  }
}
.circle-container:nth-child(36) .circle {
  -webkit-animation-delay: 3468ms;
          animation-delay: 3468ms;
}
.circle-container:nth-child(37) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-37;
          animation-name: move-frames-37;
  -webkit-animation-duration: 34012ms;
          animation-duration: 34012ms;
  -webkit-animation-delay: 7627ms;
          animation-delay: 7627ms;
}
@-webkit-keyframes move-frames-37 {
  from {
    transform: translate3d(47vw, 110vh, 0);
  }
  to {
    transform: translate3d(31vw, -111vh, 0);
  }
}
@keyframes move-frames-37 {
  from {
    transform: translate3d(47vw, 110vh, 0);
  }
  to {
    transform: translate3d(31vw, -111vh, 0);
  }
}
.circle-container:nth-child(37) .circle {
  -webkit-animation-delay: 588ms;
          animation-delay: 588ms;
}
.circle-container:nth-child(38) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-38;
          animation-name: move-frames-38;
  -webkit-animation-duration: 33139ms;
          animation-duration: 33139ms;
  -webkit-animation-delay: 22273ms;
          animation-delay: 22273ms;
}
@-webkit-keyframes move-frames-38 {
  from {
    transform: translate3d(19vw, 106vh, 0);
  }
  to {
    transform: translate3d(42vw, -121vh, 0);
  }
}
@keyframes move-frames-38 {
  from {
    transform: translate3d(19vw, 106vh, 0);
  }
  to {
    transform: translate3d(42vw, -121vh, 0);
  }
}
.circle-container:nth-child(38) .circle {
  -webkit-animation-delay: 3303ms;
          animation-delay: 3303ms;
}
.circle-container:nth-child(39) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-39;
          animation-name: move-frames-39;
  -webkit-animation-duration: 33678ms;
          animation-duration: 33678ms;
  -webkit-animation-delay: 9550ms;
          animation-delay: 9550ms;
}
@-webkit-keyframes move-frames-39 {
  from {
    transform: translate3d(20vw, 110vh, 0);
  }
  to {
    transform: translate3d(20vw, -128vh, 0);
  }
}
@keyframes move-frames-39 {
  from {
    transform: translate3d(20vw, 110vh, 0);
  }
  to {
    transform: translate3d(20vw, -128vh, 0);
  }
}
.circle-container:nth-child(39) .circle {
  -webkit-animation-delay: 1538ms;
          animation-delay: 1538ms;
}
.circle-container:nth-child(40) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-40;
          animation-name: move-frames-40;
  -webkit-animation-duration: 31864ms;
          animation-duration: 31864ms;
  -webkit-animation-delay: 29919ms;
          animation-delay: 29919ms;
}
@-webkit-keyframes move-frames-40 {
  from {
    transform: translate3d(63vw, 108vh, 0);
  }
  to {
    transform: translate3d(96vw, -112vh, 0);
  }
}
@keyframes move-frames-40 {
  from {
    transform: translate3d(63vw, 108vh, 0);
  }
  to {
    transform: translate3d(96vw, -112vh, 0);
  }
}
.circle-container:nth-child(40) .circle {
  -webkit-animation-delay: 2646ms;
          animation-delay: 2646ms;
}
.circle-container:nth-child(41) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-41;
          animation-name: move-frames-41;
  -webkit-animation-duration: 30803ms;
          animation-duration: 30803ms;
  -webkit-animation-delay: 14695ms;
          animation-delay: 14695ms;
}
@-webkit-keyframes move-frames-41 {
  from {
    transform: translate3d(69vw, 106vh, 0);
  }
  to {
    transform: translate3d(35vw, -123vh, 0);
  }
}
@keyframes move-frames-41 {
  from {
    transform: translate3d(69vw, 106vh, 0);
  }
  to {
    transform: translate3d(35vw, -123vh, 0);
  }
}
.circle-container:nth-child(41) .circle {
  -webkit-animation-delay: 1517ms;
          animation-delay: 1517ms;
}
.circle-container:nth-child(42) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-42;
          animation-name: move-frames-42;
  -webkit-animation-duration: 34863ms;
          animation-duration: 34863ms;
  -webkit-animation-delay: 24760ms;
          animation-delay: 24760ms;
}
@-webkit-keyframes move-frames-42 {
  from {
    transform: translate3d(32vw, 109vh, 0);
  }
  to {
    transform: translate3d(87vw, -132vh, 0);
  }
}
@keyframes move-frames-42 {
  from {
    transform: translate3d(32vw, 109vh, 0);
  }
  to {
    transform: translate3d(87vw, -132vh, 0);
  }
}
.circle-container:nth-child(42) .circle {
  -webkit-animation-delay: 460ms;
          animation-delay: 460ms;
}
.circle-container:nth-child(43) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-43;
          animation-name: move-frames-43;
  -webkit-animation-duration: 31969ms;
          animation-duration: 31969ms;
  -webkit-animation-delay: 14259ms;
          animation-delay: 14259ms;
}
@-webkit-keyframes move-frames-43 {
  from {
    transform: translate3d(14vw, 110vh, 0);
  }
  to {
    transform: translate3d(77vw, -128vh, 0);
  }
}
@keyframes move-frames-43 {
  from {
    transform: translate3d(14vw, 110vh, 0);
  }
  to {
    transform: translate3d(77vw, -128vh, 0);
  }
}
.circle-container:nth-child(43) .circle {
  -webkit-animation-delay: 2795ms;
          animation-delay: 2795ms;
}
.circle-container:nth-child(44) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-44;
          animation-name: move-frames-44;
  -webkit-animation-duration: 32274ms;
          animation-duration: 32274ms;
  -webkit-animation-delay: 24410ms;
          animation-delay: 24410ms;
}
@-webkit-keyframes move-frames-44 {
  from {
    transform: translate3d(31vw, 102vh, 0);
  }
  to {
    transform: translate3d(13vw, -125vh, 0);
  }
}
@keyframes move-frames-44 {
  from {
    transform: translate3d(31vw, 102vh, 0);
  }
  to {
    transform: translate3d(13vw, -125vh, 0);
  }
}
.circle-container:nth-child(44) .circle {
  -webkit-animation-delay: 2886ms;
          animation-delay: 2886ms;
}
.circle-container:nth-child(45) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-45;
          animation-name: move-frames-45;
  -webkit-animation-duration: 31924ms;
          animation-duration: 31924ms;
  -webkit-animation-delay: 21354ms;
          animation-delay: 21354ms;
}
@-webkit-keyframes move-frames-45 {
  from {
    transform: translate3d(98vw, 107vh, 0);
  }
  to {
    transform: translate3d(20vw, -134vh, 0);
  }
}
@keyframes move-frames-45 {
  from {
    transform: translate3d(98vw, 107vh, 0);
  }
  to {
    transform: translate3d(20vw, -134vh, 0);
  }
}
.circle-container:nth-child(45) .circle {
  -webkit-animation-delay: 2408ms;
          animation-delay: 2408ms;
}
.circle-container:nth-child(46) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-46;
          animation-name: move-frames-46;
  -webkit-animation-duration: 32253ms;
          animation-duration: 32253ms;
  -webkit-animation-delay: 28482ms;
          animation-delay: 28482ms;
}
@-webkit-keyframes move-frames-46 {
  from {
    transform: translate3d(54vw, 102vh, 0);
  }
  to {
    transform: translate3d(14vw, -118vh, 0);
  }
}
@keyframes move-frames-46 {
  from {
    transform: translate3d(54vw, 102vh, 0);
  }
  to {
    transform: translate3d(14vw, -118vh, 0);
  }
}
.circle-container:nth-child(46) .circle {
  -webkit-animation-delay: 3580ms;
          animation-delay: 3580ms;
}
.circle-container:nth-child(47) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-47;
          animation-name: move-frames-47;
  -webkit-animation-duration: 33201ms;
          animation-duration: 33201ms;
  -webkit-animation-delay: 26454ms;
          animation-delay: 26454ms;
}
@-webkit-keyframes move-frames-47 {
  from {
    transform: translate3d(20vw, 105vh, 0);
  }
  to {
    transform: translate3d(59vw, -111vh, 0);
  }
}
@keyframes move-frames-47 {
  from {
    transform: translate3d(20vw, 105vh, 0);
  }
  to {
    transform: translate3d(59vw, -111vh, 0);
  }
}
.circle-container:nth-child(47) .circle {
  -webkit-animation-delay: 1939ms;
          animation-delay: 1939ms;
}
.circle-container:nth-child(48) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-48;
          animation-name: move-frames-48;
  -webkit-animation-duration: 34444ms;
          animation-duration: 34444ms;
  -webkit-animation-delay: 26473ms;
          animation-delay: 26473ms;
}
@-webkit-keyframes move-frames-48 {
  from {
    transform: translate3d(5vw, 101vh, 0);
  }
  to {
    transform: translate3d(45vw, -127vh, 0);
  }
}
@keyframes move-frames-48 {
  from {
    transform: translate3d(5vw, 101vh, 0);
  }
  to {
    transform: translate3d(45vw, -127vh, 0);
  }
}
.circle-container:nth-child(48) .circle {
  -webkit-animation-delay: 3244ms;
          animation-delay: 3244ms;
}
.circle-container:nth-child(49) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-49;
          animation-name: move-frames-49;
  -webkit-animation-duration: 35164ms;
          animation-duration: 35164ms;
  -webkit-animation-delay: 12197ms;
          animation-delay: 12197ms;
}
@-webkit-keyframes move-frames-49 {
  from {
    transform: translate3d(1vw, 106vh, 0);
  }
  to {
    transform: translate3d(85vw, -120vh, 0);
  }
}
@keyframes move-frames-49 {
  from {
    transform: translate3d(1vw, 106vh, 0);
  }
  to {
    transform: translate3d(85vw, -120vh, 0);
  }
}
.circle-container:nth-child(49) .circle {
  -webkit-animation-delay: 1843ms;
          animation-delay: 1843ms;
}
.circle-container:nth-child(50) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-50;
          animation-name: move-frames-50;
  -webkit-animation-duration: 36431ms;
          animation-duration: 36431ms;
  -webkit-animation-delay: 34181ms;
          animation-delay: 34181ms;
}
@-webkit-keyframes move-frames-50 {
  from {
    transform: translate3d(68vw, 103vh, 0);
  }
  to {
    transform: translate3d(85vw, -109vh, 0);
  }
}
@keyframes move-frames-50 {
  from {
    transform: translate3d(68vw, 103vh, 0);
  }
  to {
    transform: translate3d(85vw, -109vh, 0);
  }
}
.circle-container:nth-child(50) .circle {
  -webkit-animation-delay: 3990ms;
          animation-delay: 3990ms;
}

@-webkit-keyframes message-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes message-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*WOO PRODUCT PAGE
---------------------------------------*/


/*CONTACT FORM
---------------------------------------*/

.wpcf7-form, .main-contact-form {
    float: left;
    width: 100%;
}

.wpcf7-form-control-wrap {
	float: left;
	width: 100%;
	text-align: center;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap select {
	width: 100%;
	max-width: 400px;
	height: 40px;
	background-color: transparent;
	border: 0;
	border-bottom: 2px solid #174172;
	line-height: 40px;
	font-size: 20px;
}

.wpcf7-form-control-wrap textarea {
	width: 100%;
	max-width: 400px;
	background-color: transparent;
	border: 2px solid #174172;
	line-height: 40px;
	font-size: 20px;
	margin: 10px;
}

.wpcf7-form .submit-container,
.wpcf7-form p {
    float: left;
    width: 100%;
    text-align: center;
}

.wpcf7-form .submit-container input {
    background-color: #174172;
	color: #fff4e2;
	font-size: 18px;
}

/*FAST CONTACT
---------------------------------------*/

.fast-contact .wpcf7-form-control-wrap {
    float: right;
    width: 33%;
}

.wpcf7-form-control-wrap.mailpoetsignup {
    width: 100%;
}

.fast-contact .wpcf7-form-control-wrap input {
    display: block;
    width: 90%;
    font-size: 20px;
    text-align: center;
    margin: auto;
    border: 0;
    border-bottom: 1px solid #dddddd;
    outline: 0;
}

.fast-contact .wpcf7-mailpoetsignup {
    display: block;
    font-size: 14px;
    text-align: right;
    margin: 5px 20px;
    border: 0;
    outline: 0;
}

.fast-contact .wpcf7-mailpoetsignup input {
    float: right;
    width: auto;
    margin: 0 0 0 5px;
}

.fast-contact input[type="submit"] {
    display: block;
    margin: 5px auto;
    padding: 0 10px;
    font-size: 26px;
    line-height: 40px;
    width: 90%;
    text-align: center;
    border: 0;
    background-color: #6fb51a;
    color: white;
    outline: 0;
    cursor: pointer;
}

.fast-contact-submit {
    position: relative;
    float: left;
    width: 100%;
}

.fast-contact .ajax-loader {
    position: absolute;
    top: 17px;
    right: -10px;
}

.wpcf7-response-output {
    float: right;
    width: 90%;
    margin: 5px 5%!important;
    text-align: center;
    border: 2px solid #174172!important
}

.fast-contact .wpcf7-not-valid-tip {
    text-align: center;
}


/*MOBILE CONTACT
----------------------*/

.mobile-contact-open i {
    background-color: #0060b3;
	color: white;
}
.mobile-contact-call i {
    background-color: #0060b3;
	color: white;
}

.mobile-contact-whatsapp {
    background-color: #0060b3;
	color: white;
}

.mobile-contact-waze {
    background-color: #0060b3;
	color: white;
}

.mobile-contact-newsletter {
    background-color: #0060b3;
	color: white;
}

.mobile-contact-newsletter i {
	background-color: #0060b3;
	color: white;
}

/*RESPONSIVE
---------------------------------------*/

@media screen and (max-width: 950px) {

.home-slider {
    height: 300px;
}

.linker-top-page-area h1 {
    font-size: 32px;
}

.linker-highlights-container {
    height: 300px;
}

.linker-page-action-big-button .elementor-button {
    padding: 10px 15px;
}

.linker-page-action-big-button .elementor-button-text {
    font-size: 24px;
}

}

@media screen and (max-width: 600px) {

.home-slider {
    height: 200px;
}

.linker-type-icon {
    width: 50px;
    height: 50px;
}

.linker-highlights-container {
    height: 200px;
}

.linker-page-action-big-button .elementor-button {
    padding: 5px 10px;
}

.linker-page-action-big-button .elementor-button-text {
    font-size: 18px;
}

}