/* jost-100 - latin */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 100;
  src: local(""), url("../fonts/jost-v14-latin-100.woff2") format("woff2"), url("../fonts/jost-v14-latin-100.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-200 - latin */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 200;
  src: local(""), url("../fonts/jost-v14-latin-200.woff2") format("woff2"), url("../fonts/jost-v14-latin-200.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-300 - latin */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 300;
  src: local(""), url("../fonts/jost-v14-latin-300.woff2") format("woff2"), url("../fonts/jost-v14-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-regular - latin */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/jost-v14-latin-regular.woff2") format("woff2"), url("../fonts/jost-v14-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-500 - latin */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 500;
  src: local(""), url("../fonts/jost-v14-latin-500.woff2") format("woff2"), url("../fonts/jost-v14-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-600 - latin */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 600;
  src: local(""), url("../fonts/jost-v14-latin-600.woff2") format("woff2"), url("../fonts/jost-v14-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-700 - latin */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../fonts/jost-v14-latin-700.woff2") format("woff2"), url("../fonts/jost-v14-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-800 - latin */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 800;
  src: local(""), url("../fonts/jost-v14-latin-800.woff2") format("woff2"), url("../fonts/jost-v14-latin-800.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-900 - latin */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 900;
  src: local(""), url("../fonts/jost-v14-latin-900.woff2") format("woff2"), url("../fonts/jost-v14-latin-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-100italic - latin */
@font-face {
  font-family: "Jost";
  font-style: italic;
  font-weight: 100;
  src: local(""), url("../fonts/jost-v14-latin-100italic.woff2") format("woff2"), url("../fonts/jost-v14-latin-100italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-200italic - latin */
@font-face {
  font-family: "Jost";
  font-style: italic;
  font-weight: 200;
  src: local(""), url("../fonts/jost-v14-latin-200italic.woff2") format("woff2"), url("../fonts/jost-v14-latin-200italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-300italic - latin */
@font-face {
  font-family: "Jost";
  font-style: italic;
  font-weight: 300;
  src: local(""), url("../fonts/jost-v14-latin-300italic.woff2") format("woff2"), url("../fonts/jost-v14-latin-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-500italic - latin */
@font-face {
  font-family: "Jost";
  font-style: italic;
  font-weight: 500;
  src: local(""), url("../fonts/jost-v14-latin-500italic.woff2") format("woff2"), url("../fonts/jost-v14-latin-500italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-italic - latin */
@font-face {
  font-family: "Jost";
  font-style: italic;
  font-weight: 400;
  src: local(""), url("../fonts/jost-v14-latin-italic.woff2") format("woff2"), url("../fonts/jost-v14-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-600italic - latin */
@font-face {
  font-family: "Jost";
  font-style: italic;
  font-weight: 600;
  src: local(""), url("../fonts/jost-v14-latin-600italic.woff2") format("woff2"), url("../fonts/jost-v14-latin-600italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-700italic - latin */
@font-face {
  font-family: "Jost";
  font-style: italic;
  font-weight: 700;
  src: local(""), url("../fonts/jost-v14-latin-700italic.woff2") format("woff2"), url("../fonts/jost-v14-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-800italic - latin */
@font-face {
  font-family: "Jost";
  font-style: italic;
  font-weight: 800;
  src: local(""), url("../fonts/jost-v14-latin-800italic.woff2") format("woff2"), url("../fonts/jost-v14-latin-800italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-900italic - latin */
@font-face {
  font-family: "Jost";
  font-style: italic;
  font-weight: 900;
  src: local(""), url("../fonts/jost-v14-latin-900italic.woff2") format("woff2"), url("../fonts/jost-v14-latin-900italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "icomoon";
  src: url("../vendors/sominx-icons/fonts/icomoon.eot?orkqwr");
  src: url("../vendors/sominx-icons/fonts/icomoon.eot?orkqwr#iefix") format("embedded-opentype"), url("../vendors/sominx-icons/fonts/icomoon.ttf?orkqwr") format("truetype"), url("../vendors/sominx-icons/fonts/icomoon.woff?orkqwr") format("woff"), url("../vendors/sominx-icons/fonts/icomoon.svg?orkqwr#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-magnifying-glass:before {
  content: "\e900";
}

.icon-pin:before {
  content: "\e901";
}

.icon-email:before {
  content: "\e902";
}

.icon-phone:before {
  content: "\e903";
}

.icon-shopping-cart:before {
  content: "\e904";
}

.icon-right-arrow:before {
  content: "\e905";
}

.icon-innovation:before {
  content: "\e906";
}

.icon-cyber-security:before {
  content: "\e907";
}

.icon-webpage:before {
  content: "\e908";
}

.icon-check:before {
  content: "\e909";
}

.icon-computer:before {
  content: "\e90a";
}

.icon-conversation:before {
  content: "\e90b";
}

.icon-app-development:before {
  content: "\e90c";
}

.icon-cloud-storage:before {
  content: "\e90d";
}

.icon-social-media:before {
  content: "\e90e";
}

.icon-artificial-intelligence:before {
  content: "\e90f";
}

.icon-ai:before {
  content: "\e910";
}

.icon-right-quote:before {
  content: "\e911";
}

.icon-customer:before {
  content: "\e912";
}

.icon-play-button:before {
  content: "\e913";
}

.icon-learning:before {
  content: "\e914";
}

.icon-verify:before {
  content: "\e915";
}

.icon-cloud:before {
  content: "\e916";
}

.icon-laptop:before {
  content: "\e917";
}

.icon-teaching:before {
  content: "\e918";
}

.icon-health-check:before {
  content: "\e919";
}

.icon-bank:before {
  content: "\e91a";
}

.icon-telephone:before {
  content: "\e91b";
}

.icon-map:before {
  content: "\e91c";
}

.icon-email-1:before {
  content: "\e91d";
}

.icon-phone-call:before {
  content: "\e91e";
}

.icon-growth:before {
  content: "\e91f";
}

.icon-development:before {
  content: "\e920";
}

.icon-checking:before {
  content: "\e921";
}

.icon-consultant:before {
  content: "\e922";
}

.icon-medal:before {
  content: "\e923";
}

.icon-recruit:before {
  content: "\e924";
}

.icon-route:before {
  content: "\e925";
}

.icon-telephone-1:before {
  content: "\e926";
}

.icon-email-2:before {
  content: "\e927";
}

.icon-right-arrow-angle:before {
  content: "\e928";
}

@font-face {
  font-family: "lg";
  src: url("../fonts/lg.ttf?22t19m") format("truetype"), url("../fonts/lg.woff?22t19m") format("woff"), url("../fonts/lg.svg?22t19m#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  background: none;
  border: none;
  box-shadow: none;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: rgb(169, 7, 7);
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
  outline: medium none;
  border: none;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: rgb(169, 7, 7);
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}
.lg-autoplay-button:after {
  content: "\e01d";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  transform: scale3d(1, 1, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transform-origin: 0 0;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  transition-delay: 0s;
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 5px, 0);
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.lg-outer #lg-share {
  position: relative;
}
.lg-outer #lg-share:after {
  content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e904";
}
.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e907";
}
.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e905";
}
.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e906";
}

.lg-outer .lg-img-rotate {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}

.lg-rotate-left:after {
  content: "\e900";
}

.lg-rotate-right:after {
  content: "\e901";
}

.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
  font-size: 26px;
}

.lg-flip-ver:after {
  content: "\e903";
}

.lg-flip-hor:after {
  content: "\e902";
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  outline: none;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  transition-duration: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url("../img/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 0.7;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.om-cookie-panel {
  transition-duration: 0s !important;
  width: 100%;
  max-width: 100vw;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  border-radius: 0 0 0 0;
  border: 0;
  background: var(--thm-base);
  color: var(--thm-font);
}
.om-cookie-panel .cookie-panel__selection {
  margin-bottom: 10px;
}
.om-cookie-panel .cookie-panel__checkbox + label::before {
  background: var(--thm-base);
  border-color: var(--thm-black);
}
.om-cookie-panel .cookie-panel__link a {
  color: var(--thm-gray);
  font-size: 1rem;
}
.om-cookie-panel.active .cookie-panel__control .cookie-panel__button {
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 0 !important;
  border: none;
  background-size: 200% 100%;
  background-position: 0 0%;
  color: white;
  margin-top: 15px;
  transition: 0.3s;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: initial;
}
.om-cookie-panel.active .cookie-panel__control .cookie-panel__button:hover {
  background-position: -100% 0;
}
.om-cookie-panel.active .cookie-panel__control .cookie-panel__button.cookie-panel__button--color--green {
  background-color: var(--thm-primary);
  color: white;
}

.progress-wrap.active-progress {
  opacity: 1;
}

.progress-wrap {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 60px;
  height: 60px;
  cursor: pointer;
  display: block;
  border-radius: 100%;
  box-shadow: inset 0 0 0 0.1rem rgba(128, 130, 134, 0.25);
  z-index: 1040;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.75rem);
  transition: all 200ms linear, margin-right 0ms;
}
.progress-wrap i {
  color: var(--thm-primary);
  font-size: 37px;
  line-height: 58px;
  display: block;
  position: absolute;
  left: 19px;
  top: 0;
}

@media (prefers-reduced-motion: reduce) {
  .progress-wrap {
    transition: none;
  }
}
.progress-wrap.active-progress {
  visibility: visible;
  background-color: white;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

@media (prefers-reduced-motion: reduce) {
  .progress-wrap:after {
    transition: none;
  }
}
.progress-wrap svg path {
  fill: none;
}

.progress-wrap svg.progress-circle path {
  stroke: var(--thm-secondary);
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}

@media (prefers-reduced-motion: reduce) {
  .progress-wrap svg.progress-circle path {
    transition: none;
  }
}
/* default style if there is no class set

 */
.frame-space-after- {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 991px) {
  .frame-space-after- {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
/* default styles for extension "tx_frontend" */
.ce-align-left, .text-right {
  text-align: left;
}

.ce-align-center, .text-right {
  text-align: center;
}

.ce-align-right, .text-right {
  text-align: right;
}

.ce-table td, .ce-table th {
  vertical-align: top;
}

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
  overflow: hidden;
}

.ce-left .ce-gallery, .ce-column {
  float: left;
}

.ce-right .ce-gallery {
  float: right;
}

.ce-gallery figure {
  display: table;
  margin: 0;
}

.ce-gallery figcaption {
  display: table-caption;
  caption-side: bottom;
}

.ce-gallery img {
  display: block;
}

.ce-gallery iframe {
  border-width: 0;
}

.ce-border img,
.ce-border iframe {
  border: 2px solid #000000;
  padding: 0px;
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
  margin-bottom: 10px;
}

.ce-image .ce-gallery {
  margin-bottom: 0;
}

.ce-intext.ce-right .ce-gallery {
  margin-left: 10px;
}

.ce-intext.ce-left .ce-gallery {
  margin-right: 10px;
}

.ce-below .ce-gallery {
  margin-top: 10px;
}

.ce-column {
  margin-right: 10px;
}

.ce-column:last-child {
  margin-right: 0;
}

.ce-row {
  margin-bottom: 10px;
}

.ce-row:last-child {
  margin-bottom: 0;
}

.ce-above .ce-bodytext {
  clear: both;
}

.ce-intext.ce-left ol, .ce-intext.ce-left ul {
  padding-left: 40px;
  overflow: auto;
}

/* Headline */
.ce-headline-left {
  text-align: left;
}

.ce-headline-center {
  text-align: center;
}

.ce-headline-right {
  text-align: right;
}

/* Uploads */
.ce-uploads {
  margin: 0;
  padding: 0;
}

.ce-uploads li {
  list-style: none outside none;
  margin: 1em 0;
}

.ce-uploads img {
  float: left;
  padding-right: 1em;
  vertical-align: top;
}

.ce-uploads span {
  display: block;
}

/* Table */
.ce-table {
  width: 100%;
  max-width: 100%;
}

.ce-table th, .ce-table td {
  padding: 0.5em 0.75em;
  vertical-align: top;
}

.ce-table thead th {
  border-bottom: 2px solid #dadada;
}

.ce-table th, .ce-table td {
  border-top: 1px solid #dadada;
}

.ce-table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.ce-table-bordered th, .ce-table-bordered td {
  border: 1px solid #dadada;
}

/* Space */
.frame-space-before-extra-small {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.frame-space-before-small {
  margin-top: 0 !important;
  padding-top: 32px !important;
}

.frame-space-before-medium {
  margin-top: 0 !important;
  padding-top: 64px !important;
}

.frame-space-before-large {
  margin-top: 0 !important;
  padding-top: 96px !important;
}

.frame-space-before-extra-large {
  margin-top: 0 !important;
  padding-top: 128px !important;
}

.frame-space-after-extra-small {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.frame-space-after-small {
  margin-bottom: 0 !important;
  padding-bottom: 32px !important;
}

.frame-space-after-medium {
  margin-bottom: 0 !important;
  padding-bottom: 64px !important;
}

.frame-space-after-large {
  margin-bottom: 0 !important;
  padding-bottom: 96px !important;
}

.frame-space-after-extra-large {
  margin-bottom: 0 !important;
  padding-bottom: 128px;
}

/* Frame */
.frame-ruler-before:before {
  content: "";
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  margin-bottom: 2em;
}

.frame-ruler-after:after {
  content: "";
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  margin-top: 2em;
}

.frame-indent {
  margin-left: 15%;
  margin-right: 15%;
}

.frame-indent-left {
  margin-left: 33%;
}

.frame-indent-right {
  margin-right: 33%;
}

.video-embed-item {
  width: 100%;
}

/*--------------------------------------------------------------
# Allgemein
--------------------------------------------------------------*/
:root {
  --thm-font: "Jost", sans-serif;
  --thm-reey-font: "reeyregular";
  --thm-gray: #6f6f6f;
  --thm-lightgray: #f9f9f9;
  --thm-gray-rgb: 111, 111, 111;
  --thm-primary: rgba(228, 0, 57, 1);
  --thm-secondary: rgba(0, 100, 176, 1);
  --thm-primary-rgb: 228, 0, 57;
  --thm-secondary-rgb: 0, 100, 176;
  --thm-black: #0d0d0d;
  --thm-black-rgb: 13, 13, 13;
  --thm-base: #ffffff;
  --thm-base-rgb: 255, 255, 255;
  --thm-extra: #e8e8e8;
  --thm-extra-rgb: 232, 232, 232;
  --thm-white-rgb: 255, 255, 255;
}

.row {
  --bs-gutter-x: 30px;
}

.gutter-y-30 {
  --bs-gutter-y: 30px;
}

body {
  font-family: var(--thm-font);
  color: var(--thm-gray);
  font-size: 18px;
  line-height: 34px;
  font-weight: 400;
}

body.locked {
  overflow: hidden;
}

a {
  color: var(--thm-secondary);
}

a,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
}

::-moz-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4,
h5,
h6 {
  color: var(--thm-black);
  margin: 0;
  text-transform: uppercase;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}

::-moz-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
::placeholder {
  color: inherit;
  opacity: 1;
}

.section-separator {
  border-color: var(--thm-border);
  border-width: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

.link-primary {
  color: var(--thm-primary);
}

.btn {
  border-radius: 0 !important;
}

.thm-btn, .thm-btn-primary, .btn-primary {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  outline: none !important;
  background-color: var(--thm-base);
  color: var(--thm-black);
  font-size: 16px;
  font-weight: 600;
  padding: 16px 60px 16px;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
  border: 1px solid var(--thm-primary);
}

.thm-btn:after, .thm-btn-primary:after, .btn-primary:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 5px;
  background-color: var(--thm-primary);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
  opacity: 1;
  transform-origin: bottom;
  transform-style: preserve-3d;
  z-index: -1;
}

.thm-btn:hover:after, .thm-btn-primary:hover:after, .btn-primary:hover:after {
  width: 100%;
  opacity: 1;
}

.thm-btn:hover, .thm-btn-primary:hover, .btn-primary:hover {
  color: var(--thm-base);
  background-color: var(--thm-base);
}

.thm-btn-secondary, .btn-secondary {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  outline: none !important;
  background-color: var(--thm-base);
  color: var(--thm-black);
  font-size: 16px;
  font-weight: 600;
  padding: 16px 60px 16px;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
  border: 1px solid var(--thm-secondary);
}

.thm-btn-secondary:after, .btn-secondary:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 5px;
  background-color: var(--thm-secondary);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
  opacity: 1;
  transform-origin: bottom;
  transform-style: preserve-3d;
  z-index: -1;
}

.thm-btn-secondary:hover:after, .btn-secondary:hover:after {
  width: 100%;
  opacity: 1;
}

.thm-btn-secondary:hover, .btn-secondary:hover {
  color: var(--thm-base);
  background-color: var(--thm-base);
}

.btn-maps-selector {
  padding-left: 16px;
  padding-righT: 16px;
  cursor: pointer;
}

.bg-100, .frame-layout-5 {
  background-color: rgba(0, 0, 0, 0.02);
}

.section-title {
  margin-top: -8px;
  margin-bottom: 48px;
}

.section-title__tagline {
  display: inline-flex;
  color: var(--thm-gray);
  font-size: 16px;
  align-items: center;
  line-height: 30px;
  margin-bottom: 3px;
}

.section-title__tagline::before {
  content: "";
  background-color: var(--thm-primary);
  width: 3px;
  height: 15px;
  margin-right: 10px;
}

.section-title__title {
  margin: 0;
  color: var(--thm-black);
  font-size: 50px;
  line-height: 60px;
  font-weight: 400;
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show > .btn-light.dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
}

.bootstrap-select > .dropdown-toggle {
  box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
}

.bootstrap-select .dropdown-menu {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  z-index: 991;
  border-radius: 0;
}

.bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bootstrap-select .dropdown-menu > li.selected > a {
  background: var(--thm-primary);
  color: #fff;
}

.bootstrap-select .dropdown-menu > li > a {
  font-size: 16px;
  font-weight: 500;
  padding: 4px 20px;
  color: #ffffff;
  background: var(--thm-black);
  transition: all 0.4s ease;
}

.bootstrap-select .dropdown-menu > li > a:hover {
  background: var(--thm-primary);
  color: #fff;
  cursor: pointer;
}

.preloader {
  position: fixed;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.preloader__image {
  animation-fill-mode: both;
  animation-name: flipInY;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

/* scroll to top */
.scroll-to-top {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: var(--thm-secondary);
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  text-align: center;
  transition: all 0.4s ease;
  display: none;
  border-radius: 50%;
  transition: all 0.4s ease;
}

.scroll-to-top i {
  color: #ffffff;
  font-size: 37px;
  line-height: 58px;
}

.scroll-to-top:hover {
  background-color: var(--thm-black);
}

.scroll-to-top:hover i {
  color: #fff;
}

/*--------------------------------------------------------------
# Navigations One
--------------------------------------------------------------*/
.main-header {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  background: transparent;
  z-index: 999;
  transition: all 500ms ease;
}

.main-menu {
  position: relative;
  padding: 0 0;
  z-index: 91;
}

.main-menu-wrapper {
  position: relative;
  display: block;
  background-color: white;
}

.main-menu-wrapper:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  height: 5px;
  background-color: var(--thm-primary);
}

.main-menu-wrapper:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  height: 5px;
  background-color: var(--thm-secondary);
}

.main-menu-wrapper-inner {
  position: relative;
  display: block;
}

.main-menu-wrapper__left {
  position: relative;
  display: block;
  float: left;
}

.main-menu-wrapper__logo {
  position: relative;
  float: left;
  padding: 20px 60px 20px 50px;
  background-color: transparent;
  transition: 0.3s;
}

.main-menu-wrapper__logo img {
  max-height: 74px;
  transition: 0.3s;
}

.main-menu-wrapper__main-menu {
  position: relative;
  display: block;
  float: left;
}

.main-menu-wrapper__right {
  position: relative;
  float: right;
  padding: 29.5px 0;
  align-items: center;
}

.main-menu-wrapper__call {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 50px;
}

.main-menu-wrapper__call-icon {
  height: 50px;
  width: 50px;
  background-color: transparent;
  font-size: 24px;
  color: var(--thm-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 500ms ease;
  border: 1px solid var(--thm-primary);
  border-radius: 50%;
}

.main-menu-wrapper__call:hover .main-menu-wrapper__call-icon {
  background-color: var(--thm-primary);
  color: var(--thm-base);
}

.main-menu-wrapper__call-number {
  margin-left: 20px;
  transform: translateY(5px);
}

.main-menu-wrapper__call-number a {
  color: var(--thm-primary);
  font-size: 16px;
  font-weight: 500;
  transition: all 500ms ease;
}

.main-menu-wrapper__call-number a:hover {
  color: var(--thm-secondary);
}

.main-menu-wrapper__call-number p {
  font-size: 14px;
  margin: 0;
  line-height: 14px;
  font-weight: 300;
  opacity: 0.7;
  color: black;
}

.main-menu-wrapper__search-box {
  position: relative;
  display: block;
  float: right;
}

.main-menu-wrapper__search-box:before {
  position: absolute;
  top: -14px;
  bottom: -11px;
  left: 0;
  content: "";
  width: 1px;
  background-color: rgba(var(--thm-base-rgb), 0.1);
}

.main-menu-wrapper__search {
  position: relative;
  font-size: 24px;
  color: var(--thm-primary);
  width: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 500ms ease;
}

.main-menu-wrapper__search:hover {
  color: var(--thm-primary);
}

.stricky-header.main-menu {
  padding: 0 0;
  background-color: var(--thm-black);
}

.main-menu .main-menu__list,
.main-menu .main-menu__list ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  align-items: center;
  display: none;
}

@media (min-width: 1200px) {
  .main-menu .main-menu__list,
  .main-menu .main-menu__list ul,
  .stricky-header .main-menu__list,
  .stricky-header .main-menu__list ul {
    display: flex;
  }
}
.main-menu .main-menu__list > li,
.stricky-header .main-menu__list > li {
  padding-top: 38px;
  padding-bottom: 37px;
  position: relative;
}

.main-menu .main-menu__list > li + li,
.stricky-header .main-menu__list > li + li {
  margin-left: 50px;
}

.main-menu .main-menu__list > li > a,
.stricky-header .main-menu__list > li > a {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: black;
  position: relative;
  transition: all 500ms ease;
}
.main-menu .main-menu__list > li > a.current,
.stricky-header .main-menu__list > li > a.current {
  border-bottom: 1px solid var(--thm-primary);
}

.main-menu .main-menu__list > li > a::before,
.stricky-header .main-menu__list > li > a::before {
  content: "";
  height: 12px;
  width: 3px;
  border-radius: 0px;
  background-color: var(--thm-primary);
  position: absolute;
  top: 16px;
  bottom: 0;
  left: -12px;
  transition: transform 500ms ease;
  transform: scale(0) translateY(-50%);
  z-index: -1;
}

.main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a,
.stricky-header .main-menu__list > li.current > a,
.stricky-header .main-menu__list > li:hover > a {
  color: black;
}

.main-menu .main-menu__list > li.current > a::before,
.main-menu .main-menu__list > li:hover > a::before,
.stricky-header .main-menu__list > li.current > a::before,
.stricky-header .main-menu__list > li:hover > a::before {
  transform: scale(1) translateY(-50%);
}

.main-menu .main-menu__list > li.current > a::before {
  background-color: var(--thm-primary);
}

.main-menu .main-menu__list > li:hover > a::before {
  background-color: var(--thm-primary);
}

.main-menu .main-menu__list li ul,
.stricky-header .main-menu__list li ul {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  transition: 500ms ease;
  z-index: 99;
  box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.3);
}

.main-menu .main-menu__list li:hover > ul,
.stricky-header .main-menu__list li:hover > ul {
  opacity: 1;
  visibility: visible;
}

.main-menu .main-menu__list li ul li,
.stricky-header .main-menu__list li ul li {
  flex: 1 1 100%;
  width: 100%;
  position: relative;
}

.main-menu .main-menu__list li ul li + li,
.stricky-header .main-menu__list li ul li + li {
  border-top: 1px solid RGBA(var(--thm-black), 0.1);
}

.main-menu .main-menu__list li ul li a,
.stricky-header .main-menu__list li ul li a {
  font-size: 16px;
  line-height: 30px;
  color: var(--thm-black);
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: 500ms;
}

.main-menu .main-menu__list li ul li:hover > a,
.stricky-header .main-menu__list li ul li:hover > a {
  background-color: var(--thm-primary);
  color: #fff;
}

.main-menu .main-menu__list li ul li > ul,
.stricky-header .main-menu__list li ul li > ul {
  top: 0;
  left: 100%;
}

.main-menu .main-menu__list li ul li > ul.right-align,
.stricky-header .main-menu__list li ul li > ul.right-align {
  top: 0;
  left: auto;
  right: 100%;
}

.main-menu .main-menu__list li ul li > ul ul,
.stricky-header .main-menu__list li ul li > ul ul {
  display: none;
}

.stricky-header {
  position: fixed;
  z-index: 991;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  visibility: hidden;
  transform: translateY(-120%);
  transition: transform 500ms ease, visibility 500ms ease;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}

@media (max-width: 1199px) {
  .stricky-header {
    display: none !important;
  }
}
.stricky-header.stricky-fixed {
  transform: translateY(0);
  visibility: visible;
}

.stricky-header .main-menu__inner {
  box-shadow: none;
  padding-right: 0;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

.mobile-nav__buttons {
  display: flex;
  margin-left: auto;
  margin-right: 10px;
}

@media (min-width: 1200px) {
  .mobile-nav__buttons {
    display: none;
  }
}
.mobile-nav__buttons a {
  font-size: 20px;
  color: var(--thm-black);
  cursor: pointer;
}

.mobile-nav__buttons a + a {
  margin-left: 10px;
}

.mobile-nav__buttons a:hover {
  color: var(--thm-base);
}

.main-menu .mobile-nav__toggler {
  font-size: 20px;
  color: var(--thm-primary);
  cursor: pointer;
  transition: 500ms;
  margin-right: 20px;
}

.main-menu .mobile-nav__toggler:hover {
  color: var(--thm-base);
}

.main-menu-two .mobile-nav__toggler:hover {
  color: var(--thm-black);
}

@media (min-width: 1200px) {
  .main-menu .mobile-nav__toggler {
    display: none;
  }
}
/*--------------------------------------------------------------
# Navigations Two
--------------------------------------------------------------*/
.main-header-two {
  position: relative;
  display: block;
}

.main-menu-two {
  padding: 0 60px;
}

.main-menu-two-wrapper {
  position: relative;
  display: block;
}

.main-menu-two-wrapper__logo {
  position: relative;
  display: block;
  float: left;
  padding: 37.5px 0px;
}

.main-menu-two-wrapper__main-menu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 79%;
  float: left;
}

.main-menu-two .main-menu__list > li > a,
.stricky-header .main-menu-two .main-menu__list > li > a {
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: var(--thm-gray);
  position: relative;
  transition: all 500ms ease;
}

.main-menu-two .main-menu__list > li.current > a,
.main-menu-two .main-menu__list > li:hover > a,
.stricky-header.main-menu-two .main-menu__list > li.current > a,
.stricky-header.main-menu-two .main-menu__list > li:hover > a {
  color: var(--thm-black);
  text-shadow: 0 0 1px currentColor;
}

.main-menu-two-wrapper__right {
  position: relative;
  display: block;
  float: right;
  padding: 42.5px 0;
}

.main-menu-two-wrapper__search-box {
  position: relative;
  display: block;
  float: left;
}

.main-menu-two-wrapper__search-box:before {
  position: absolute;
  top: -10px;
  bottom: -10px;
  right: 0;
  content: "";
  width: 1px;
  background-color: var(--thm-extra);
}

.main-menu-two-wrapper__search {
  font-size: 24px;
  color: var(--thm-black);
  display: flex;
  align-items: center;
  padding-right: 50px;
  transition: all 500ms ease;
}

.main-menu-two-wrapper__search:hover {
  color: var(--thm-primary);
}

.main-menu-two__social {
  position: relative;
  display: flex;
  float: right;
  align-items: center;
  margin-left: 50px;
  padding: 4.5px 0;
}

.main-menu-two__social a {
  font-size: 15px;
  color: var(--thm-black);
  display: flex;
  align-items: center;
  transition: all 500ms ease;
}

.main-menu-two__social a:hover {
  color: var(--thm-primary);
}

.main-menu-two__social a + a {
  margin-left: 20px;
}

.stricky-header.main-menu-two {
  padding: 0 50px;
  background-color: var(--thm-base);
}

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  transform: translateX(-50%);
  transform-origin: right center;
  transition: transform 300ms ease-in, opacity 300ms linear, visibility 300ms ease-in;
  z-index: 999;
  visibility: hidden;
}

.mobile-nav__wrapper .container {
  padding-left: 0;
  padding-right: 0;
}

.mobile-nav__wrapper.expanded {
  opacity: 1;
  transform: translateX(0%);
  visibility: visible;
}

.mobile-nav__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.5;
  cursor: pointer;
}

.mobile-nav__content {
  width: 300px;
  background-color: var(--thm-black);
  z-index: 10;
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.mobile-nav__content .thm-btn {
  padding: 8px 0;
  width: 100%;
  text-align: center;
}

.mobile-nav__content .logo-box {
  margin-bottom: 40px;
  display: flex;
}

.mobile-nav__close {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 18px;
  color: var(--thm-text-dark);
  cursor: pointer;
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mobile-nav__content .main-menu__list ul {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list li a {
  display: flex;
  justify-content: space-between;
  line-height: 30px;
  color: #ffffff;
  font-size: 14px;
  font-family: var(--thm-font);
  font-weight: 500;
  height: 46px;
  align-items: center;
  transition: 500ms;
}

.mobile-nav__content .main-menu__list li a.expanded {
  color: var(--thm-secondary);
}

.mobile-nav__content .main-menu__list li a button {
  width: 30px;
  height: 30px;
  background-color: var(--thm-primary);
  border: none;
  outline: none;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: rotate(-90deg);
  transition: transform 500ms ease;
}

.mobile-nav__content .main-menu__list li a button.expanded {
  transform: rotate(0deg);
  background-color: #fff;
  color: var(--thm-black);
}

.mobile-nav__content .main-menu__list li.cart-btn span {
  position: relative;
  top: auto;
  right: auto;
  transform: translate(0, 0);
}

.mobile-nav__content .main-menu__list li.cart-btn i {
  font-size: 16px;
}

.mobile-nav__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.mobile-nav__top .main-menu__login a {
  color: var(--thm-text-dark);
}

.mobile-nav__container {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__social {
  display: flex;
  align-items: center;
}

.mobile-nav__social a {
  font-size: 16px;
  color: var(--thm-primary);
  transition: 500ms;
}

.mobile-nav__social a + a {
  margin-left: 30px;
}

.mobile-nav__social a:hover {
  color: #ffffff;
}

.mobile-nav__contact {
  margin-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.mobile-nav__contact li {
  color: var(--thm-text-dark);
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}

.mobile-nav__contact li + li {
  margin-top: 15px;
}

.mobile-nav__contact li a {
  color: #ffffff;
  transition: 500ms;
}

.mobile-nav__contact li a:hover {
  color: var(--thm-primary);
}

.mobile-nav__contact li > i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--thm-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 11px;
  margin-right: 10px;
  color: #fff;
}

.mobile-nav__container .main-logo,
.mobile-nav__container .topbar__buttons,
.mobile-nav__container .main-menu__language,
.mobile-nav__container .main-menu__login {
  display: none;
}

/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-110%);
  transition: transform 500ms ease, opacity 500ms ease;
}

.search-popup.active {
  transform: translateY(0%);
}

.search-popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--thm-black);
  opacity: 0.75;
  cursor: pointer;
}

.search-popup__content {
  width: 100%;
  max-width: 560px;
}

.search-popup__content form {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background-color: #fff;
  border-radius: 0px;
  overflow: hidden;
}

.search-popup__content form input[type=search],
.search-popup__content form input[type=text] {
  width: 100%;
  background-color: #fff;
  font-size: 16px;
  border: none;
  outline: none;
  height: 66px;
  padding-left: 30px;
}

.search-popup__content .thm-btn {
  padding: 0;
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 0;
  background-color: var(--thm-primary);
  color: var(--thm-base);
  border: 0;
}

.search-popup__content .thm-btn:hover {
  background-color: var(--thm-black);
}

.search-popup__content .thm-btn i {
  margin: 0;
}

/*--------------------------------------------------------------
# Banner One
--------------------------------------------------------------*/
.main-slider {
  overflow: hidden;
  position: relative;
  margin-bottom: -175px;
  border-bottom: 120px solid var(--thm-primary);
}
@media screen and (max-width: 768px) {
  .main-slider {
    margin-bottom: 0;
    border-bottom: 30px solid var(--thm-primary);
  }
}

.main-slider .swiper-container {
  height: 50vw;
  margin-top: 110px;
}
@media screen and (max-width: 768px) {
  .main-slider .swiper-container {
    height: 50vw !important;
    margin-top: 110px;
  }
}

.main-slider .swiper-slide {
  position: relative;
  background-color: var(--thm-black);
}

.main-slider .swiper-slide .container {
  position: relative;
  z-index: 30;
}

.main-slider .image-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1);
  transition: transform 7000ms ease;
  z-index: 1;
}

.main-slider .image-layer video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.main-slider .image-layer-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  /*background: rgba(var(--thm-black-rgb), .2);*/
  z-index: 2;
}

.main-slider .container {
  padding-top: 356px;
  padding-bottom: 255px;
}

.main-slider__content {
  position: relative;
  display: block;
  text-align: left;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 35px 60px 40px 50px;
  float: left;
}

.main-slider h2 {
  margin: 0;
  margin-bottom: 45px;
  color: var(--thm-base);
  font-weight: 700;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transform: translateY(120px);
  transition-delay: 1000ms;
  transition: transform 2000ms ease, opacity 2000ms ease;
  font-size: 50px;
  line-height: 50px;
  z-index: 2;
}

.main-slider .main-slider__sub-title {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: var(--thm-base);
  font-weight: 400;
  text-align: left;
  margin: 0;
  margin-bottom: 14px;
  line-height: 30px;
  opacity: 0;
  transform: translateY(100px);
  transition-delay: 2500ms;
  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease;
  z-index: 2;
}

.main-slider .main-slider__sub-title:before {
  position: absolute;
  top: 7px;
  left: -13px;
  bottom: 8px;
  content: "";
  width: 3px;
  background-color: var(--thm-primary);
}

.main-slider__btn {
  background-color: transparent;
  color: var(--thm-base);
  opacity: 0;
  transform: translateY(100px);
  transition-delay: 2500ms;
  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease;
  z-index: 2;
}

.main-slider .swiper-slide-active .main-slider__btn {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateX(0);
}

.main-slider .swiper-slide-active .main-slider__sub-title {
  visibility: visible;
  opacity: 0.7;
  transform: translateY(0) translateX(0);
}

.main-slider .swiper-slide-active .image-layer {
  transform: scale(1.15);
}

.main-slider .swiper-slide-active h2 {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateX(0);
}

.main-slider__nav {
  position: absolute;
  bottom: 40px;
  right: 50px;
  left: 50px;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 1;
  width: 50px;
  height: 50px;
  font-size: 11px;
  color: var(--thm-black);
  background-color: var(--thm-base);
  opacity: 1;
  margin: 0;
  text-align: center;
  border-radius: 50%;
  font-weight: 900;
  transition: all 500ms ease;
}

.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover {
  color: var(--thm-black);
  background-color: var(--thm-base);
  opacity: 0.15;
}

.main-slider__nav .swiper-button-next::after,
.main-slider__nav .swiper-button-prev::after {
  display: none;
}

.main-slider__nav .swiper-button-prev {
  margin-bottom: 0px;
}

.main-slider__nav .swiper-button-prev i {
  position: relative;
  display: inline-block;
  transform: rotate(180deg);
}

.main-slider__nav .swiper-button-prev .icon-right-arrow-angle,
.main-slider__nav .swiper-button-next .icon-right-arrow-angle {
  font-weight: bold;
}

#main-slider-pagination {
  z-index: 100;
  bottom: 59px;
  left: 50%;
  width: 100%;
  max-width: 1170px;
  transform: translate(-50%, calc(0% + 0px));
  text-align: center;
}

#main-slider-pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: var(--thm-base);
  opacity: 0.2;
  margin: 0px 2.5px;
  padding: 0px;
  border-radius: 50%;
  transition: all 100ms linear;
  transition-delay: 0.1s;
  border: 2px solid transparent;
}

#main-slider-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 2.5px;
}

#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: transparent;
  border: 2px solid var(--thm-base);
}

.main-slider__date-time {
  position: absolute;
  top: 50%;
  left: -60px;
  transform: translateY(-50%);
  z-index: 100;
}

.main-slider__date-time p {
  position: relative;
  display: block;
  font-size: 14px;
  color: var(--thm-base);
  transform: rotate(-90deg);
  margin: 0;
}

.main-slider__date-time p span {
  margin-left: 20px;
}

.main-slider__social {
  position: absolute;
  bottom: 80px;
  right: 46px;
  transform: translateY(-50%);
  display: flex;
  z-index: 100;
  align-items: center;
  flex-direction: column;
}

.main-slider__social a {
  font-size: 15px;
  color: var(--thm-base);
  display: flex;
  align-items: center;
  transition: all 500ms ease;
}

.main-slider__social a:hover {
  color: var(--thm-primary);
}

.main-slider__social a + a {
  margin-top: 25px;
}

/*--------------------------------------------------------------
# Main Slider Two
--------------------------------------------------------------*/
.main-slider-two {
  position: relative;
  display: block;
}

.main-slider-two .container {
  padding-top: 249px;
}

.main-slider-two .main-slider__content {
  text-align: left;
}

.main-slider-two .main-slider__sub-title:before {
  display: none;
}

/*--------------------------------------------------------------
# Welcome One
--------------------------------------------------------------*/
.welcome-one {
  position: relative;
  display: block;
  padding: 80px 0 40px;
}

.welcome-one__outer-img {
  position: absolute;
  top: 0;
  right: 0;
}

.welcome-one__outer-img img {
  filter: grayscale(100%);
}

.welcome-one__outer-img-overly {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--thm-secondary-rgb), 0.9);
}

.welcome-one-shape-1 {
  position: absolute;
  top: 170px;
  left: 0;
  animation-name: shapeMover;
  animation-duration: 9s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.welcome-one-shape-2 {
  position: absolute;
  bottom: 207px;
  left: 150px;
}

.welcome-one-shape-2 img {
  animation: animation1 5s ease-in infinite;
}

.welcome-one__left {
  position: relative;
  display: block;
  margin-right: 70px;
}

.welcome-one__left .section-title {
  margin-bottom: 39px;
}

.welcome-one__text-1 {
  color: var(--thm-black);
  margin: 0;
  padding-bottom: 34px;
}

.welcome-one__text-2 {
  margin: 0;
}

.welcome-one__points-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 51px;
}

.welcome-one__points li {
  display: flex;
  align-items: center;
}

.welcome-one__points li .icon {
  height: 16px;
  width: 16px;
  font-size: 9px;
  border: 2px solid var(--thm-primary);
  border-radius: 50%;
  color: var(--thm-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.welcome-one__points li .text {
  margin-left: 10px;
}

.welcome-one__points li .text p {
  color: var(--thm-black);
  margin: 0;
}

.welcome-one__right {
  position: relative;
  display: block;
}

.welcome-one__img-box {
  position: relative;
  display: block;
}

.welcome-one__img {
  position: relative;
  display: block;
  overflow: hidden;
}

.welcome-one__img::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 10;
}

.welcome-one__img:hover:before {
  animation: circle 0.75s;
}

.welcome-one__img img {
  width: 100%;
}

.welcome-one__completed {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--thm-base);
  padding: 35px 60px 30px;
}

.welcome-one__completed:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--thm-primary);
  width: 4px;
}

.welcome-one__completed h3 {
  font-size: 36px;
  color: var(--thm-black);
  font-weight: 400;
  font-family: var(--thm-font) !important;
  line-height: 36px !important;
}

.welcome-one__completed p {
  font-size: 16px;
  color: var(--thm-primary);
  font-weight: 400;
  margin: 0;
}

.welcome-one h3 {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .welcome-one img {
    margin-bottom: 30px;
  }
}

/*--------------------------------------------------------------
# Services One
--------------------------------------------------------------*/
.services-one {
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: 60px;
  z-index: 2;
}

.services-one__box {
  position: relative;
  display: block;
  text-align: center;
}

.services-one__single {
  display: block;
  position: relative;
  width: 100%;
  padding: 0px 60px 30px;
  background-color: var(--thm-base);
  transition: all 300ms ease;
  border: 1px solid var(--thm-primary);
}
@media screen and (max-width: 768px) {
  .services-one__single {
    padding: 10px 10px 10px 10px;
    text-align: center;
  }
  .services-one__single h3 {
    font-size: 20px;
    min-width: 200px;
  }
  .services-one__single img {
    width: 100px;
    height: 100px;
  }
}

.services-one__single:hover {
  background-color: var(--thm-lightgray);
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.3);
  z-index: 2;
  transform: translateY(-15px) scale(1.1);
  border: 5px solid var(--thm-primary);
}

.services-one__single:nth-child(2) {
  border-left: 0;
}

.services-one__single:nth-child(3) {
  border-left: 0;
}

.services-one__single:nth-child(4) {
  border-top: 0;
}

.services-one__single:nth-child(5) {
  border-left: 0;
  border-top: 0;
}

.services-one__icon {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .services-one__icon {
    display: inline-block;
    text-align: left;
  }
}

.services-one__icon span {
  font-size: 65px;
  color: var(--thm-black);
  transition: all 500ms ease;
}

.services-one__single:hover .services-one__icon span {
  color: var(--thm-primary);
}

.services-one__title {
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 14px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .services-one__title {
    display: inline-block;
    max-width: 50%;
    transform: translateY(19px);
  }
}

.services-one__title a {
  color: var(--thm-black);
  transition: all 500ms ease;
}

.services-one__single:hover .services-one__title {
  color: var(--thm-primary);
}

.services-one__text {
  margin: 0;
  font-weight: 300;
}

/*--------------------------------------------------------------
# Themenubersicht
--------------------------------------------------------------*/
.themenuebersicht-one {
  position: relative;
  display: block;
  padding: 0 0 120px;
}

.themenuebersicht-one__box {
  position: relative;
  display: block;
}

.themenuebersicht-one__single {
  position: relative;
  max-width: 390px;
  width: 100%;
  min-height: 286px;
  float: left;
  border: 2px solid var(--thm-extra);
  padding: 60px 60px 47px;
  background-color: var(--thm-base);
  transition: all 500ms ease;
}

.themenuebersicht-one__single:hover {
  background-color: var(--thm-base);
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.themenuebersicht-one__single:nth-child(2) {
  border-left: 0;
}

.themenuebersicht-one__single:nth-child(3) {
  border-left: 0;
}

.themenuebersicht-one__single:nth-child(4) {
  border-top: 0;
}

.themenuebersicht-one__single:nth-child(5) {
  border-left: 0;
  border-top: 0;
}

.themenuebersicht-one__icon span {
  font-size: 65px;
  color: var(--thm-black);
  transition: all 500ms ease;
}

.themenuebersicht-one__single:hover .themenuebersicht-one__icon span {
  color: var(--thm-primary);
}

.themenuebersicht-one__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  margin-top: 30px;
  margin-bottom: 14px;
}

.themenuebersicht-one__title a {
  color: var(--thm-black);
  transition: all 500ms ease;
}

.themenuebersicht-one__single:hover .themenuebersicht-one__title a {
  color: var(--thm-primary);
}

.themenuebersicht-one__text {
  margin: 0;
  font-weight: 300;
}

/*--------------------------------------------------------------
# Discover World
--------------------------------------------------------------*/
.discover-world {
  position: relative;
  display: block;
}

.discover-world__container {
  position: relative;
  display: block;
  max-width: 1440px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.discover-world__inner {
  position: relative;
  display: block;
  padding: 110px 0 120px;
  z-index: 1;
}

.discover-world-shape-1 {
  position: absolute;
  top: -183px;
  right: 225px;
  animation-name: squareMover;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  perspective: 100px;
  transform-origin: center center;
}

.discover-world-shape-2 {
  position: absolute;
  right: -95px;
  top: -90px;
  animation-name: shapeMover;
  animation-duration: 9s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  z-index: -1;
}

.discover-world-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.discover-world-bg:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(var(--thm-black-rgb), 0.7);
  z-index: -1;
}

.discover-world__title {
  font-size: 60px;
  color: var(--thm-base);
  font-weight: 500;
  line-height: 73px;
  margin-bottom: 45px;
  text-align: center;
}

.discover-world__video-link {
  position: relative;
  display: block;
}

.discover-world__video-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 108px;
  height: 108px;
  line-height: 108px;
  text-align: center;
  font-size: 25px;
  color: var(--thm-base);
  background-color: var(--thm-primary);
  border-radius: 50%;
  margin: 0 auto;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.discover-world__video-icon:hover {
  background-color: var(--thm-base);
  color: var(--thm-primary);
}

.discover-world__video-icon:before {
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  content: "";
  border-radius: 50%;
  background-color: var(--thm-base);
  z-index: -1;
  opacity: 0.05;
}

.discover-world__video-link .ripple,
.discover-world__video-icon .ripple:before,
.discover-world__video-icon .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 150px;
  transform: translate(-50%, -50%);
  -ms-box-shadow: 0 0 0 0 rgba(var(--thm-primary-rgb), 0.6);
  -o-box-shadow: 0 0 0 0 rgba(var(--thm-primary-rgb), 0.6);
  box-shadow: 0 0 0 0 rgba(var(--thm-primary-rgb), 0.6);
  animation: ripple 3s infinite;
  border-radius: 50%;
}

.discover-world__video-icon .ripple:before {
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.discover-world__video-icon .ripple:after {
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

.discover-world__running {
  position: absolute;
  bottom: -75px;
  right: 120px;
  background-color: var(--thm-primary);
  padding: 50px 72px 44px 60px;
}

.discover-world__running span {
  position: relative;
  display: inline-block;
  font-size: 65px;
  color: var(--thm-base);
  transition: all 500ms linear;
  transition-delay: 0.1s;
}

.discover-world__running:hover span {
  transform: rotateY(360deg);
}

.discover-world__running h3 {
  font-size: 30px;
  color: var(--thm-base);
  font-weight: 400;
  line-height: 32px;
  margin-top: 20px;
}

/*--------------------------------------------------------------
# We Shape
--------------------------------------------------------------*/
.we-shape {
  position: relative;
  display: block;
  background-color: var(--thm-black);
  margin-bottom: -95px;
}

.we-shape-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0.03;
}

.we-shape__top {
  position: relative;
  display: block;
  padding: 100px 0 100px;
  border-bottom: 1px solid rgba(var(--thm-base-rgb), 0.1);
  margin-bottom: 93px;
}

.we-shape__top-title {
  position: relative;
  display: block;
}

.we-shape__top-title h2 {
  font-size: 60px;
  color: var(--thm-base);
  font-weight: 500;
  line-height: 70px;
  margin-bottom: 46px;
}

.we-shape__top-btn {
  background-color: transparent;
  color: var(--thm-base);
}

.we-shape__bottom {
  position: relative;
  display: block;
  padding: 0 0 65px;
}

.we-shape__single {
  position: relative;
  display: flex;
  margin-bottom: 30px;
}

.we-shape__icon {
  position: relative;
  display: block;
  top: 6px;
}

.we-shape__icon span {
  font-size: 65px;
  color: var(--thm-primary);
  position: relative;
  display: inline-block;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.we-shape__single:hover .we-shape__icon span {
  transform: scale(1.2);
  color: var(--thm-base);
}

.we-shape__content {
  margin-left: 30px;
}

.we-shape__content h4 {
  font-size: 20px;
  color: var(--thm-base);
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 12px;
}

.we-shape__content p {
  font-size: 16px;
  color: var(--thm-base);
  opacity: 0.7;
  margin: 0;
  line-height: 30px;
}

/*--------------------------------------------------------------
# Grow And Experience
--------------------------------------------------------------*/
.grow-and-experience {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}
.grow-and-experience.frame-space-after-extra-large {
  padding-bottom: 220px;
}

.grow-and-experience-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: grayscale(100%);
}

.grow-and-experience-bg-overly {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(246, 246, 246);
  opacity: 0.75;
}

.grow-and-experience__left {
  position: relative;
  display: block;
  margin-right: 80px;
}

.grow-and-experience__left .section-title {
  margin-bottom: 28px;
}

.grow-and-experience__text {
  margin: 0;
  font-weight: 300;
  margin-bottom: 39px;
}

.grow-and-experience__progress {
  display: flex;
  align-items: center;
  line-height: 0;
}

.grow-and-experience__progress-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}

@media (min-width: 768px) {
  .grow-and-experience__progress-wrap {
    grid-template-columns: repeat(2, 249px);
  }
}
.grow-and-experience__progress-box {
  position: relative;
  display: inline-block;
}

.grow-and-experience__progress-box canvas {
  transform: rotate(90deg);
}

.grow-and-experience__progress-box span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: translateY(-50%) translateX(-50%);
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: var(--thm-gray);
}

.grow-and-experience__progress h3 {
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: var(--thm-black);
  width: 120px;
  margin-left: 20px;
}

.faq-one-accrodion .accrodion {
  position: relative;
  display: block;
  transition: all 500ms ease;
  border-radius: 0;
  background-color: var(--thm-base);
  border: 1px solid transparent;
}

.faq-one-accrodion .accrodion.active {
  border: 1px solid var(--thm-extra);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}

.faq-one-accrodion .accrodion:before {
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  height: 10px;
  content: "";
  background-color: var(--thm-primary);
  transform: scaleX(0);
  transition: all 500ms ease;
  z-index: 1;
}

.faq-one-accrodion .accrodion.active:before {
  transform: scaleX(1);
}

.faq-one-accrodion .accrodion-title {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 26px 40px 26px;
  padding-right: 34px;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  border-bottom: 1px solid transparent;
}

.faq-one-accrodion .accrodion-title h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: var(--thm-black);
  position: relative;
  transition: all 500ms ease;
  padding-right: 26px;
}

.faq-one-accrodion .accrodion + .accrodion {
  margin-top: 20px;
}

.faq-one-accrodion .accrodion.active .accrodion-title {
  background-color: var(--thm-base);
}

.faq-one-accrodion .accrodion.active .accrodion-title h4 {
  color: var(--thm-black);
}

.faq-one-accrodion .accrodion-title h4::before {
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 17px;
  color: var(--thm-black);
  position: absolute;
  top: 50%;
  right: 0;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
  transition: all 500ms ease;
}

.faq-one-accrodion .accrodion.active .accrodion-title h4::before {
  content: "\f107";
  color: var(--thm-primary);
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.faq-one-accrodion .accrodion-content {
  position: relative;
  padding: 0px 40px 40px;
}

.faq-one-accrodion .accrodion.active .accrodion-content {
  background-color: var(--thm-base);
}

.faq-one-accrodion .accrodion-content p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}

/*--------------------------------------------------------------
# Three Boxes
--------------------------------------------------------------*/
.three-boxes {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.three-boxes__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.three-boxes__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}

.three-boxes__img:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 10px;
  background-color: rgba(var(--thm-black-rgb), 0.8);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-30%);
  content: "";
  z-index: 1;
}

.three-boxes__single:hover .three-boxes__img:before {
  visibility: visible;
  transform: translateY(0%);
  opacity: 1;
}

.three-boxes__img img {
  width: 100%;
  transition: transform 500ms ease;
  transform: scale(1);
}

.three-boxes__single:hover .three-boxes__img img {
  transform: scale(1.05);
}

.three-boxes__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  z-index: 2;
}

.three-boxes__content h3 {
  font-size: 30px;
  color: var(--thm-base);
  font-weight: 500;
  line-height: 36px;
}

/*--------------------------------------------------------------
# Inspire
--------------------------------------------------------------*/
.inspire {
  position: relative;
  display: block;
  z-index: 1;
  margin-top: -95px;
}

.header + .inspire {
  margin-top: 100px;
  font-size: 20px;
}

.inspire__container {
  position: relative;
  display: block;
  max-width: 1410px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 0 80px;
}

.header + .inspire .inspire__container {
  padding: 40px 0 40px;
}

.inspire-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: -1;
}

.inspire-bg-overly {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: rgba(var(--thm-secondary-rgb), 1);
  z-index: -1;
}

.inspire-bg.jarallax div div {
  filter: grayscale(100%);
}

.inspire__left {
  position: relative;
  display: block;
  margin-right: 82px;
}

.inspire__carousel {
  position: relative;
  display: block;
  transform: translateY(-30px);
}

.inspire__single {
  position: relative;
  display: block;
}

.inspire__quote {
  position: relative;
  display: block;
  margin-bottom: 16px;
}

.inspire__quote span {
  font-size: 75px;
  color: var(--thm-base);
}

.header + .inspire .inspire__quote span {
  font-size: 40px;
}

.inspire__text {
  font-size: 30px;
  color: var(--thm-base);
  line-height: 50px;
  margin: 0;
}

.header + .inspire .inspire__text {
  font-size: 24px;
  line-height: 32px;
}

.inspire__client-info {
  position: relative;
  display: block;
  margin-top: 32px;
}
.inspire__client-info img {
  float: left;
  height: 307px;
  width: auto !important;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .inspire__client-info img {
    width: 50% !important;
    margin-bottom: 30px;
    height: auto;
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .inspire__client-info .inspire__text {
    clear: both;
    font-size: 20px;
    line-height: 1.5;
  }
}

.inspire__clinet-name {
  font-size: 34px;
  color: var(--thm-base);
  font-weight: 400;
  line-height: 44px;
  margin-bottom: 4px;
  transform: translateY(-8px);
}

.inspire__clinet-title {
  font-size: 16px;
  color: var(--thm-base);
  line-height: 26px;
  margin: 0;
}

.inspire__right {
  position: relative;
  display: block;
}

.inspire__counter {
  position: relative;
  display: block;
}

.inspire__counter li {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 50px;
  padding-top: 17px;
  padding-bottom: 21px;
  z-index: 1;
}

.inspire__counter li:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(var(--thm-black-rgb), 0.15);
  z-index: -1;
}

.inspire__counter li + li {
  margin-top: 2px;
}

.inspire__icon {
  display: flex;
  align-items: center;
  position: relative;
  top: 4px;
}

.inspire__icon span {
  position: relative;
  display: inline-block;
  font-size: 65px;
  color: var(--thm-base);
  transition: all 500ms ease;
}

.inspire__counter li:hover .inspire__icon span {
  transform: rotateY(180deg);
}

.inspire__content {
  margin-left: 30px;
}

.inspire__content h2 {
  font-size: 40px;
  color: var(--thm-base);
  font-weight: 400;
  line-height: 40px !important;
  font-family: var(--thm-font) !important;
}

.inspire__content p {
  font-size: 16px;
  color: var(--thm-base);
  margin: 0;
  line-height: 18px;
}

.inspire__content .odometer-formatting-mark {
  display: none;
}

/*--------------------------------------------------------------
# Inspire
--------------------------------------------------------------*/
.project-one {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.project-one .container {
  max-width: 1000px;
}

.project-one__carousel {
  position: relative;
  display: block;
}

.project-one__carousel.owl-carousel .owl-stage-outer {
  overflow: visible;
  padding: 0px 0px 0px;
}

.project-one__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: -50px;
  right: 0px;
  left: 0;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.project-one__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: var(--thm-black);
  opacity: 0.2;
  margin: 0px 2.5px;
  padding: 0px;
  border-radius: 50%;
  transition: all 100ms linear;
  transition-delay: 0.1s;
  border: 2px solid transparent;
}

.project-one__carousel.owl-carousel .owl-dot.active {
  opacity: 1;
  background-color: transparent;
  border: 2px solid var(--thm-primary);
}

.project-one__carousel.owl-carousel .owl-dot:focus {
  outline: none;
}

.project-one__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

.project-one__single {
  position: relative;
  display: block;
  margin-bottom: 60px;
}

.project-one__img {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
  z-index: 1;
}

.project-one__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(var(--thm-black-rgb), 0.3);
  transform: scale(1, 0);
  transition: transform 500ms ease;
  transform-origin: top center;
  z-index: 1;
}

.project-one__single:hover .project-one__img:before {
  transform: scale(1, 1);
  transform-origin: bottom center;
}

.project-one__img img {
  width: 100%;
  transform: scale(1);
  transition: transform 500ms ease;
  height: auto;
}

.project-one__single:hover .project-one__img img {
  transform: scale(1.05);
}

.project-one__content {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--thm-base);
  padding-top: 36px;
  padding-bottom: 36px;
  padding-left: 50px;
  padding-right: 100px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .project-one__content {
    position: relative;
  }
}

.project-one__content:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 0%;
  content: "";
  background-color: var(--thm-secondary);
  z-index: -1;
  transform: translateY(100%);
  transition: all 500ms ease;
}

.project-one__single:hover .project-one__content:before {
  transform: translateY(0);
  width: 100%;
}

.project-one__tagline {
  font-size: 12px;
  color: var(--thm-gray);
  font-weight: 300;
  line-height: 22px;
  transition: all 500ms ease;
}

.project-one__single:hover .project-one__tagline {
  color: var(--thm-base);
}

.project-one__tagline span {
  padding-right: 3px;
  padding-left: 3px;
}

.project-one__tilte {
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
}

.project-one__tilte > a {
  color: var(--thm-black);
  transition: all 500ms ease;
}

.project-one__tilte > a:hover {
  color: var(--thm-base);
}

.project-one__single:hover .project-one__tilte > a {
  color: var(--thm-base);
}

.project-one__arrow {
  position: absolute;
  top: 0;
  right: 0;
}

.project-one__arrow > a {
  height: 40px;
  width: 40px;
  background-color: #f3f3f3;
  color: var(--thm-black);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  transition: all 500ms ease;
}

.project-one__arrow > a .icon-right-arrow-angle {
  font-weight: bold;
}

.project-one__single:hover .project-one__arrow > a {
  background-color: var(--thm-black);
  color: var(--thm-base);
}

/*--------------------------------------------------------------
# Brand One
--------------------------------------------------------------*/
.brand-one {
  position: relative;
  display: block;
}

.brand-one__inner {
  position: relative;
  display: block;
  border-top: 1px solid var(--thm-extra);
  padding: 98px 0 99px;
}

.brand-one .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-one .swiper-slide img {
  transition: 500ms;
  opacity: 0.3;
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.brand-one .swiper-slide img:hover {
  opacity: 1;
}

/*--------------------------------------------------------------
# Google Map
--------------------------------------------------------------*/
.google-map {
  margin-top: 120px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .google-map {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.google-map {
  position: relative;
  display: block;
}

.googlemap {
  margin-top: -100px;
  height: 700px;
  position: relative;
  display: block;
}
@media screen and (max-width: 768px) {
  .googlemap {
    margin: 0 12px 0 12px;
  }
}

.google-map__one {
  position: relative;
  display: block;
  border: none;
  height: 550px;
  width: 100%;
}

.googlemap h4, .googlemap p {
  color: var(--thm-secondary);
}

/*--------------------------------------------------------------
# News One
--------------------------------------------------------------*/
.news-one {
  position: relative;
  display: block;
  padding: 120px 0 60px;
}

.news-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.news-one__img {
  position: relative;
  display: block;
  overflow: hidden;
}

.news-one__img img {
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1);
  height: auto;
}

.news-one__single:hover .news-one__img img {
  transform: scale(1.05);
}

.news-one__img > a {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--thm-black-rgb), 0.4);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: var(--thm-base);
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-30%);
}

.news-one__img > a > span {
  position: relative;
}

.news-one__img > a > span::before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: var(--thm-base);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 500ms ease;
}

.news-one__img > a > span::after {
  content: "";
  transition: all 500ms ease;
  width: 2px;
  height: 20px;
  background-color: var(--thm-base);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.news-one__img > a:hover > span::before,
.news-one__img > a:hover > span::after {
  background-color: var(--thm-primary);
}

.news-one__single:hover .news-one__img > a {
  visibility: visible;
  transform: translateY(0%);
  opacity: 1;
}

.news-one__date-box {
  position: absolute;
  bottom: 0;
  left: 50px;
  background-color: var(--thm-base);
  padding: 7px 20px 6px;
}

.news-one__date-box p {
  font-size: 12px;
  margin: 0;
  line-height: 22px;
}

.news-one__content {
  position: relative;
  display: block;
  padding: 20px 50px 50px;
  border: 1px solid var(--thm-extra);
  min-height: 144px;
  background-color: white;
}

.news-one__content:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: var(--thm-extra);
  height: 11px;
}

.news-one__meta {
  display: flex;
  align-items: center;
  margin: 0;
}

.news-one__meta li {
  font-size: 12px;
  color: var(--thm-gray);
  font-weight: 400;
}

.news-one__meta li + li {
  margin-left: 12px;
}

.news-one__meta li a {
  color: var(--thm-gray);
  transition: all 500ms ease;
}

.news-one__meta li a:hover {
  color: var(--thm-primary);
}

.news-one__meta li a i {
  color: var(--thm-primary);
}

.news-one__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.news-one__title a {
  color: var(--thm-black);
  transition: all 500ms ease;
}

.news-one__title a:hover {
  color: var(--thm-primary);
}

.news-one__read-more {
  position: relative;
  display: block;
  background-color: var(--thm-primary);
  margin-top: -11px;
  transform: scaleY(0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: all 0.4s linear;
  transform-origin: top center;
  z-index: 2;
}

.news-one__single:hover .news-one__read-more {
  transform: scaleY(1);
}

.news-one__read-more > a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--thm-base);
  padding-left: 50px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.news-one__read-more > a > i {
  font-size: 15px;
  margin-left: 15px;
  position: relative;
  top: 2px;
}

/*--------------------------------------------------------------
# News Two
--------------------------------------------------------------*/
.news-two {
  padding-bottom: 90px;
}

.news-two .news-one__content:before {
  width: 100%;
  transition: all 500ms ease;
}

.news-two .news-one__single:hover .news-one__content:before {
  width: 0%;
}

/*--------------------------------------------------------------
# Products One
--------------------------------------------------------------*/
.products-one {
  position: relative;
  display: block;
  padding: 0 0 60px;
}

.products-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.products-one__img {
  position: relative;
  display: block;
  overflow: hidden;
}

.products-one__img img {
  width: 100%;
  height: auto;
  transition: all 500ms ease;
  transform: scale(1);
}

.products-one__single:hover .products-one__img img {
  transform: scale(1.05);
}

.products-one__img > a {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--thm-black-rgb), 0.4);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: var(--thm-base);
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-30%);
}

.products-one__img > a > span {
  position: relative;
}

.products-one__img > a > span::before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: var(--thm-base);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 500ms ease;
}

.products-one__img > a > span::after {
  content: "";
  transition: all 500ms ease;
  width: 2px;
  height: 20px;
  background-color: var(--thm-base);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.products-one__img > a:hover > span::before,
.products-one__img > a:hover > span::after {
  background-color: var(--thm-secondary);
}

.products-one__single:hover .products-one__img > a {
  visibility: visible;
  transform: translateY(0%);
  opacity: 1;
}

.products-one__content {
  position: relative;
  display: block;
  padding: 20px 50px 50px;
  border: 1px solid var(--thm-extra);
  border-top: 0;
  background-color: white;
  min-height: 120px;
}

.products-one__content:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: var(--thm-secondary);
  height: 11px;
}

.products-one__meta {
  display: flex;
  align-items: center;
  margin: 0;
}

.products-one__meta li {
  font-size: 12px;
  color: var(--thm-gray);
  font-weight: 400;
}

.products-one__meta li + li {
  margin-left: 12px;
}

.products-one__meta li a {
  color: var(--thm-gray);
  transition: all 500ms ease;
}

.products-one__meta li a:hover {
  color: var(--thm-secondary);
}

.products-one__meta li a i {
  color: var(--thm-secondary);
}

.products-one__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.products-one__title a {
  color: var(--thm-black);
  transition: all 500ms ease;
}

.products-one__title a:hover {
  color: var(--thm-secondary);
}

.products-one__read-more {
  position: relative;
  display: block;
  background-color: var(--thm-secondary);
  margin-top: -11px;
  transform: scaleY(0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: all 0.4s linear;
  transform-origin: top center;
  z-index: 2;
}

.products-one__single:hover .products-one__read-more {
  transform: scaleY(1);
}

.products-one__read-more > a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--thm-base);
  padding-left: 50px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.products-one__read-more > a > i {
  font-size: 15px;
  margin-left: 15px;
  position: relative;
  top: 2px;
}

/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/
.site-footer {
  position: relative;
  display: block;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .site-footer {
    margin-top: 40px;
  }
}

.site-footer-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: grayscale(100%);
  z-index: -1;
}

.site-footer-bg-overly {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--thm-black-rgb), 0.7);
  z-index: -1;
}

.site-footer a {
  color: #fff;
}

.site-footer__top {
  position: relative;
  display: block;
  margin-bottom: 91px;
}

.site-footer__top-logo {
  background: white;
  padding: 15px 10px;
  margin-top: 15px;
}

.site-footer__top-logo img {
  height: 78px;
  widtH: auto;
}

.site-footer__call-and-social {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 70px;
}

.site-footer__call {
  /* margin-right: 40px;*/
}

.site-footer__call p {
  font-size: 24px;
  color: #fff;
  margin: 0;
  font-weight: 300;
}

.site-footer__call p a {
  color: var(--thm-base);
  font-weight: 400;
  transition: all 500ms ease;
}

.site-footer__call p a:hover {
  color: var(--thm-primary);
}

.site-footer__social {
  display: flex;
  align-items: center;
}

.site-footer__social a {
  position: relative;
  height: 40px;
  width: 40px;
  font-size: 14px;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 500ms ease;
  z-index: 1;
}

.site-footer__social a:hover {
  color: var(--thm-primary);
  border: 1px solid transparent;
}

.site-footer__social a:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--thm-base);
  transform: scale(0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  z-index: -1;
}

.site-footer__social a:hover:before {
  transform: scaleX(1);
}

.site-footer__social a + a {
  margin-left: 10px;
}

.footer-widget__title {
  font-size: 22px;
  color: var(--thm-base);
  line-height: 32px;
  margin-bottom: 30px;
}

.footer-widget__contact-text {
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  margin: 0;
}

.footer-widget__contact-phone-and-email {
  font-size: 16px;
  font-weight: 500;
  line-height: 34px;
}

.footer-widget__contact-email {
  color: var(--thm-base);
  transition: all 500ms ease;
}

.footer-widget__contact-email:hover {
  color: var(--thm-primary);
}

.footer-widget__contact-phone {
  color: var(--thm-base);
  transition: all 500ms ease;
}

.footer-widget__contact-phone:hover {
  color: var(--thm-primary);
}

.footer-widget__links {
  position: relative;
  display: block;
  margin-right: 38px;
}

.footer-widget__links-list {
  position: relative;
  display: block;
  float: left;
}

.footer-widget__links-list li a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #fff;
  transition: all 500ms ease;
}

.footer-widget__links-list li a:hover {
  color: var(--thm-base);
}

.footer-widget__links-list li a:before {
  position: absolute;
  top: 11px;
  bottom: 11px;
  left: -10px;
  content: "";
  width: 3px;
  background-color: var(--thm-primary);
  transition: transform 500ms ease;
  transform: scale(0);
}

.footer-widget__links-list li a:hover:before {
  transform: scale(1);
}

.footer-widget__links-list-two {
  float: right;
}

.footer-widget__newsletter-form {
  position: relative;
  display: block;
  margin-top: -17px;
}

.footer-widget__newsletter-input-box {
  position: relative;
  display: block;
}

.footer-widget__newsletter-input-box:before {
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  content: "";
  height: 1px;
  background-color: rgba(var(--thm-base-rgb), 0.2);
  border-radius: 0;
}

.footer-widget__newsletter-input-box input[type=email] {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  height: 70px;
  width: 100%;
  background: transparent;
  border: none;
  border-radius: 0;
  padding-right: 60px;
  outline: none;
}

.footer-widget__newsletter-btn {
  position: absolute;
  top: 50%;
  right: 0;
  height: 70px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: transparent;
  border: 0;
  opacity: 0;
  transform: translateY(-50%);
  transition: all 500ms ease;
  padding: 0;
}

.footer-widget__newsletter-bottom {
  display: flex;
  align-items: center;
  margin-top: 25px;
}

.footer-widget__newsletter-bottom-icon {
  height: 18px;
  width: 18px;
  border: 1px solid rgba(var(--thm-base-rgb), 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-widget__newsletter-bottom-icon i {
  font-size: 8px;
  color: #fff;
}

.footer-widget__newsletter-bottom-text {
  margin-left: 10px;
}

.footer-widget__newsletter-bottom-text p {
  font-size: 16px;
  margin: 0;
  color: #fff;
  font-weight: 400;
}

.site-footer__copy-right {
  position: relative;
  display: block;
  padding: 60px 0 52px;
}

.site-footer__copy-right-inner {
  position: relative;
  display: block;
}

.site-footer__copy-right-text {
  font-size: 12px;
  color: #fff;
  margin: 0;
}

.site-footer__copy-right-text a {
  color: #fff;
  transition: all 500ms ease;
}

.site-footer__copy-right-text a:hover {
  color: var(--thm-base);
}

/*--------------------------------------------------------------
# Get To Know
--------------------------------------------------------------*/
.get-to-know {
  position: relative;
  display: block;
  padding: 0 0 120px;
}

.get-to-know-shape-1 {
  position: absolute;
  top: 115px;
  right: 200px;
  animation-name: squareMover;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  perspective: 100px;
  transform-origin: center center;
}

.get-to-know-shape-2 {
  position: absolute;
  bottom: 145px;
  right: 125px;
}

.get-to-know-shape-2 img {
  animation: animation1 5s ease-in infinite;
}

.get-to-know__left {
  position: relative;
  display: block;
}

.get-to-know__img-box {
  position: relative;
  display: block;
  margin-left: -362px;
  margin-right: 321px;
}

.get-to-know__img {
  position: relative;
  display: block;
}

.get-to-know__img img {
  width: 100%;
}

.get-to-know__content {
  position: absolute;
  right: -300px;
  top: 0;
  max-width: 300px;
  width: 100%;
  background-color: var(--thm-primary);
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 58px;
  padding-right: 56px;
}

.get-to-know__icon span {
  position: relative;
  display: inline-block;
  font-size: 65px;
  color: var(--thm-base);
  transition: all 500ms linear;
  transition-delay: 0.1s;
}

.get-to-know__content:hover .get-to-know__icon span {
  transform: rotateY(180deg);
}

.get-to-know__text-1 {
  font-size: 30px;
  color: var(--thm-base);
  margin: 0;
  line-height: 40px;
  padding-top: 23px;
  padding-bottom: 42px;
}

.get-to-know__text-2 {
  color: var(--thm-base);
  margin: 0;
  padding-bottom: 123px;
}

.get-to-know__btn {
  border: 1px solid var(--thm-base);
  background-color: var(--thm-primary);
  padding: 11px 40px 11px;
  color: var(--thm-base);
}

.get-to-know__btn:after {
  background-color: var(--thm-base);
}

.get-to-know__btn:hover {
  color: var(--thm-primary);
}

.get-to-know__right {
  position: relative;
  display: block;
  padding-top: 120px;
  margin-left: 70px;
}

.get-to-know__right .section-title {
  margin-bottom: 29px;
}

.get-to-know__right-text-1 {
  color: var(--thm-black);
  font-weight: 500;
  margin: 0;
}

.get-to-know__right-text-2 {
  margin: 0;
  padding-top: 33px;
  padding-bottom: 39px;
}

.get-to-know__points {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 58px;
}

.get-to-know__points li {
  display: flex;
  align-items: center;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07);
  padding: 11px 25px 10px;
}

.get-to-know__points li + li {
  margin-left: 25px;
}

.get-to-know__points li .icon {
  height: 16px;
  width: 16px;
  border: 2px solid var(--thm-primary);
  border-radius: 50%;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--thm-primary);
}

.get-to-know__points li .text {
  margin-left: 10px;
}

.get-to-know__points li .text p {
  font-size: 16px;
  font-weight: 500;
  color: var(--thm-black);
  margin: 0;
}

.get-to-know__founder {
  font-size: 30px;
  color: var(--thm-primary);
  font-family: var(--thm-reey-font);
  line-height: 40px;
  font-weight: 400;
}

.get-to-know__founder span {
  font-size: 18px;
  color: var(--thm-black);
  font-family: var(--thm-font);
}

/*--------------------------------------------------------------
# Discover World Two
--------------------------------------------------------------*/
.discover-world-two {
  position: relative;
  display: block;
  padding: 110px 0 120px;
}

.discover-world-two-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.discover-world-two-bg:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(var(--thm-black-rgb), 0.7);
  z-index: -1;
}

/*--------------------------------------------------------------
# Project Two
--------------------------------------------------------------*/
.project-two {
  position: relative;
  display: block;
  padding: 120px 0 90px;
  z-index: 1;
}

.project-two:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  height: 410px;
  background-color: #f6f6f6;
  z-index: -1;
}

.project-two__carousel.owl-carousel .owl-stage-outer {
  margin-right: -360px;
  padding-bottom: 30px;
}

.project-two__carousel.owl-theme .owl-nav {
  position: absolute;
  top: -125px;
  right: 0;
}

.project-two__carousel.owl-theme .owl-nav .owl-next {
  height: 50px;
  width: 50px;
  background: var(--thm-base);
  border-radius: 50%;
  color: var(--thm-black);
  font-size: 12px;
  text-align: center;
  margin: 0;
  margin-left: 5px;
  transition: all 500ms ease;
}

.project-two__carousel.owl-theme .owl-nav .owl-prev {
  height: 50px;
  width: 50px;
  background: var(--thm-base);
  border-radius: 50%;
  color: var(--thm-black);
  font-size: 12px;
  text-align: center;
  margin: 0;
  margin-right: 5px;
  transition: all 500ms ease;
}

.project-two__carousel.owl-theme .owl-nav .owl-prev span {
  position: relative;
  display: inline-block;
  transform: rotate(180deg);
}

.project-two__carousel.owl-theme .owl-nav .owl-prev .icon-right-arrow-angle,
.project-two__carousel.owl-theme .owl-nav .owl-next .icon-right-arrow-angle {
  font-weight: bold;
}

.project-two__carousel.owl-theme .owl-nav .owl-next:hover,
.project-two__carousel.owl-theme .owl-nav .owl-prev:hover {
  color: var(--thm-base);
  background: var(--thm-primary);
}

/*--------------------------------------------------------------
# Brand Two
--------------------------------------------------------------*/
.brand-two {
  position: relative;
  display: block;
  padding: 0 0 120px;
}

.brand-two__inner {
  position: relative;
  display: block;
  border-bottom: 1px solid var(--thm-extra);
  padding-bottom: 112px;
}

.brand-two__left {
  position: relative;
  display: block;
}

.brand-two__left .section-title {
  margin-bottom: 28px;
}

.brand-two__text {
  margin: 0;
  font-weight: 300;
}

.brand-two__points {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.brand-two__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.brand-two__points li + li {
  margin-left: 40px;
}

.brand-two__points li .icon {
  height: 16px;
  width: 16px;
  border: 2px solid var(--thm-primary);
  border-radius: 50%;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--thm-primary);
}

.brand-two__points li .text {
  margin-left: 10px;
}

.brand-two__points li .text p {
  font-size: 16px;
  color: var(--thm-black);
  margin: 0;
}

.brand-two__right {
  position: relative;
  display: block;
  margin-left: -30px;
}

.brand-two__list {
  position: relative;
  display: block;
  overflow: hidden;
}

.brand-two__list li {
  position: relative;
  float: left;
}

.brand-two__list li:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: var(--thm-extra);
  width: 1px;
}

.brand-two__list li:nth-child(1):before {
  display: none;
}

.brand-two__list li:nth-child(4):before {
  display: none;
}

.brand-two__list li:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: var(--thm-extra);
  height: 1px;
}

.brand-two__list li:nth-child(4):after {
  display: none;
}

.brand-two__list li:nth-child(5):after {
  display: none;
}

.brand-two__list li:nth-child(6):after {
  display: none;
}

.brand-two__list li a img {
  transition: 500ms;
  opacity: 0.2;
}

.brand-two__list li:hover a img {
  opacity: 1;
}

/*--------------------------------------------------------------
# Team One
--------------------------------------------------------------*/
.team-one {
  position: relative;
  display: block;
  padding: 0 0 90px;
}

.team-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.team-one__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}

.team-one__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(var(--thm-black-rgb), 0.3);
  width: 0%;
  transform: translateY(100%);
  transition: all 500ms ease;
  z-index: 1;
}

.team-one__single:hover .team-one__img:before {
  transform: translateY(0);
  width: 100%;
}

.team-one__img img {
  width: 100%;
  transform: scale(1);
  transition: all 500ms ease;
}

.team-one__single:hover .team-one__img img {
  transform: scale(1.05);
}

.team-one__social {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 0;
  bottom: 0;
  background-color: var(--thm-base);
  padding: 40px 12px;
  transform: scaleY(0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: all 0.4s linear;
  transform-origin: bottom center;
  z-index: 3;
}

.team-one__single:hover .team-one__social {
  transform: scaleY(1);
}

.team-one__social a {
  font-size: 15px;
  color: var(--thm-black);
  position: relative;
  transform: rotate(-90deg);
  display: flex;
  align-items: center;
  transition: all 500ms ease;
}

.team-one__social a:hover {
  color: var(--thm-primary);
}

.team-one__social a + a {
  margin-top: 20px;
}

.team-one__content {
  position: relative;
  display: block;
  text-align: center;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  padding: 24px 0 24px;
}

.team-one__content:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: var(--thm-primary);
  content: "";
  width: 0%;
  opacity: 0;
  transition: all 500ms ease;
}

.team-one__single:hover .team-one__content:before {
  width: 100%;
  opacity: 1;
}

.team-one__name {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.team-one__title {
  font-size: 14px;
  margin: 0;
  line-height: 24px;
}

/*--------------------------------------------------------------
# Testimonial One
--------------------------------------------------------------*/
.testimonial-one {
  position: relative;
  display: block;
  background-color: #f6f6f6;
  padding: 120px 0 0;
}

.testimonial-one-shape {
  position: absolute;
  top: -89px;
  right: 90px;
  animation-name: squareMover;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  perspective: 100px;
  transform-origin: center center;
}

.testimonial-one__carousel {
  position: relative;
  display: block;
}

.testimonial-one__carousel.owl-carousel .owl-stage-outer {
  padding-top: 45px;
}

.testimonial-one__single {
  position: relative;
  display: block;
  text-align: center;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  padding: 77px 60px 37px;
  z-index: 3;
}

.testimonial-one__single:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: var(--thm-primary);
  content: "";
  width: 0%;
  opacity: 0;
  transition: all 500ms ease;
}

.testimonial-one__single:hover:before {
  width: 100%;
  opacity: 1;
}

.testimonial-one__img {
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
}

.testimonial-one__img img {
  width: auto !important;
  margin: 0 auto;
}

.testimonial-one__text {
  font-size: 20px;
  margin: 0;
  line-height: 36px;
}

.testimonial-one__client-name {
  color: var(--thm-black);
  margin: 0;
  font-weight: 500;
  padding-top: 18px;
  padding-bottom: 13px;
}

.testimonial-one__quote span {
  font-size: 65px;
  color: var(--thm-primary);
}

/*--------------------------------------------------------------
# The Only
--------------------------------------------------------------*/
.the-only {
  position: relative;
  display: block;
  padding: 240px 0 120px;
  background-color: var(--thm-black);
  margin-top: -120px;
}

.the-only-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0.03;
}

.the-only__knowledge {
  position: relative;
  display: block;
  background-color: var(--thm-primary);
  padding: 44px 50px 28px;
}

.the-only__knowledge h3 {
  font-size: 24px;
  color: var(--thm-base);
  line-height: 34px;
  font-weight: 400;
  margin-bottom: 25px;
}

.the-only__knowledge a {
  font-size: 14px;
  color: var(--thm-base);
  display: inline-block;
  font-weight: 500;
}

.the-only__scale-your-business {
  position: relative;
  display: block;
  margin-top: 63px;
  margin-left: 35px;
  margin-right: -14px;
}

.the-only__scale-your-business p {
  font-size: 24px;
  margin: 0;
  line-height: 40px;
  color: var(--thm-base);
}

.the-only__text-box {
  position: relative;
  display: block;
  margin-top: 50px;
  margin-left: 33px;
  margin-right: -30px;
}

.the-only__text-box p {
  color: #9e9e9e;
  font-weight: 300;
  margin: 0;
}

.the-only__points-box {
  position: relative;
  display: block;
  margin-top: 50px;
  margin-left: 32px;
}

.the-only__points {
  position: relative;
  display: block;
}

.the-only__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.the-only__points li .icon {
  height: 16px;
  width: 16px;
  border: 2px solid var(--thm-primary);
  border-radius: 50%;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--thm-primary);
}

.the-only__points li .text {
  margin-left: 20px;
}

.the-only__points li .text p {
  color: var(--thm-base);
  margin: 0;
}

/*--------------------------------------------------------------
# CTA One
--------------------------------------------------------------*/
.cta-one {
  position: relative;
  display: block;
  padding: 0 0 120px;
}

.cta-one__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f6f6f6;
  padding: 42px 0 0 0;
  padding-left: 100px;
}

.cta-one__inner:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -10000000px;
  content: "";
  background-color: #f6f6f6;
  left: 0;
  z-index: -1;
}

.cta-one__inner:after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  background-color: var(--thm-primary);
  left: 0;
  width: 20px;
}

.cta-one__inner-2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  background-color: #f6f6f6;
  padding: 40px 0 60px 0;
  padding-left: 100px;
}

.cta-one__inner-2 .apl img {
  max-width: 212px;
  margin-right: 70px;
  height: auto;
}

.cta-one__inner-2 .gruppe {
  background-color: white;
  padding: 0 30px;
  widtH: 467px;
}

.cta-one__inner-2 .gruppe a {
  display: block;
}

.cta-one__inner-2 .gruppe a {
  display: block;
}

.cta-one__inner-2 .gruppe a img {
  max-width: 205px;
  margin: 5px;
  height: auto;
}

.cta-one__inner-2:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -10000000px;
  content: "";
  background-color: #f6f6f6;
  left: 0;
  z-index: -1;
}

.cta-one__inner-2:after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  background-color: var(--thm-primary);
  left: 0;
  width: 20px;
}

.cta-one__title {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}

.cta-one__btn {
  border: 1px solid var(--thm-black);
  background-color: transparent;
}

.cta-one__btn:after {
  background-color: var(--thm-black);
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
  position: relative;
  display: block;
  padding: 226px 0 127px;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-header.product-header {
  padding: 550px 0 60px;
}

.page-header:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: rgba(var(--thm-black-rgb), 0.7);
}

.page-header__inner {
  position: relative;
  display: block;
  text-align: center;
}

.page-header__inner h2 {
  font-size: 50px;
  color: var(--thm-base);
  line-height: 52px;
  font-weight: 400;
  margin-top: 9px;
}

.thm-breadcrumb {
  padding-top: 5px;
}

.thm-breadcrumb li {
  position: relative;
  display: inline-block;
  color: var(--thm-base);
  font-size: 16px;
  font-weight: 400;
  transition: all 500ms ease;
}

.thm-breadcrumb li + li {
  margin-left: 5px;
}

.thm-breadcrumb li a {
  color: var(--thm-base);
  font-size: 16px;
  transition: all 500ms ease;
}

.thm-breadcrumb li:hover {
  color: var(--thm-primary);
}

.thm-breadcrumb li:hover a {
  color: var(--thm-primary);
}

/*Services Three*/
.services-three {
  padding-top: 120px;
}

/*Services Page The Only*/
.services-page-the-only {
  padding-top: 120px;
  margin-top: 0;
}

/*Services Page Brand*/
.services-page__brand .brand-two__inner {
  border-bottom: 0;
  padding-bottom: 0;
}

/*--------------------------------------------------------------
# Services Details
--------------------------------------------------------------*/
.service-details {
  position: relative;
  display: block;
  padding: 70px 0 120px;
}

.service-details__sidebar {
  position: relative;
  display: block;
}

.service-details__sidebar-service {
  position: relative;
  display: block;
  background: #f6f6f6;
  padding: 48px 30px 23px;
}

.service-details__sidebar-title {
  font-size: 20px;
  font-weight: 400;
  padding-left: 20px;
  margin-bottom: 18px;
}

.service-details__sidebar-service-list {
  margin: 0;
}

.service-details__sidebar-service-list li + li {
  margin-top: 2px;
}

.service-details__sidebar-service-list li a {
  color: var(--thm-gray);
  font-size: 18px;
  font-weight: 400;
  position: relative;
  transition: all 500ms ease;
  display: block;
  background: none;
  padding: 16px 20px;
}

.service-details__sidebar-service-list li a:hover {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  color: var(--thm-black);
}

.service-details__sidebar-service-list li a span {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: all 500ms ease;
  color: var(--thm-black);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}

.service-details__sidebar-service-list li a span.icon-right-arrow-angle {
  font-weight: bold;
}

.service-details__sidebar-service-list li a:hover span {
  color: var(--thm-primary);
}

.service-details__need-help {
  position: relative;
  display: block;
  padding: 60px 60px 49px;
  margin-top: 30px;
  text-align: center;
  z-index: 1;
}

.service-details__need-help-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: grayscale(100%);
  z-index: -1;
}

.service-details__need-help-bg-overly {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--thm-primary-rgb), 0.9);
  z-index: -1;
}

.service-details__need-help-icon {
  height: 85px;
  width: 85px;
  background-color: var(--thm-black);
  color: var(--thm-base);
  font-size: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 30px;
  transition: all 500ms ease;
}

.service-details__need-help-icon:hover {
  background-color: var(--thm-base);
  color: var(--thm-primary);
}

.service-details__need-help-title {
  font-size: 34px;
  color: var(--thm-base);
  font-weight: 400;
  line-height: 46px;
  font-family: var(--thm-reey-font);
}

.service-details__need-help-contact {
  position: relative;
  display: block;
  margin-top: 27px;
}

.service-details__need-help-contact p {
  font-size: 16px;
  color: var(--thm-base);
  margin: 0;
  line-height: 18px;
}

.service-details__need-help-contact a {
  font-size: 24px;
  color: var(--thm-base);
}

.service-details__right {
  position: relative;
  display: block;
}

.service-details__img {
  position: relative;
  display: block;
}

.service-details__img img {
  width: 100%;
}

.service-details__content {
  position: relative;
  display: block;
  margin-top: 22px;
}

.service-details__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  margin-bottom: 37px;
}

.service-details__text {
  font-weight: 300;
  margin: 0;
}

.service-details__benefits {
  position: relative;
  display: block;
  margin-top: 51px;
  margin-bottom: 60px;
}

.service-details__benefits-img {
  position: relative;
  display: block;
}

.service-details__benefits-img img {
  width: 100%;
}

.service-details__benefits-title {
  font-size: 26px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 26px;
  margin-top: -8px;
}

.service-details__benefits-text {
  font-size: 18px;
  margin: 0;
}

.service-details__benefits-list {
  position: relative;
  display: block;
  margin-top: 33px;
}

.service-details__benefits-list li {
  position: relative;
  display: flex;
  align-items: start;
}

.service-details__benefits-list li + li {
  margin-top: 6px;
}

.service-details__benefits-list li .icon {
  height: 16px;
  width: 16px;
  border: 2px solid var(--thm-primary);
  border-radius: 50%;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--thm-primary);
  margin-top: 9px;
}

.service-details__benefits-list li .text {
  margin-left: 10px;
}

.service-details__benefits-list li .text p {
  margin: 0;
}

.service-details__faq .faq-one-accrodion .accrodion {
  background-color: #f6f6f6;
}

.service-details__faq.jobs h1 {
  margin: 40px 0 30px;
}
.service-details__faq.jobs ul {
  margin-bottom: 40px;
}

/*--------------------------------------------------------------
# Project Page
--------------------------------------------------------------*/
.project-page {
  position: relative;
  display: block;
  padding: 108px 0 90px;
}

.project-filter {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 60px;
}

.project-filter.style1 li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  transition: all 500ms ease;
}

.project-filter.style1 li .filter-text {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  color: var(--thm-gray);
  font-size: 18px;
  font-weight: 400;
  display: block;
  cursor: pointer;
  transition: all 0.4s ease;
}

.project-filter.style1 li .filter-text:before {
  position: absolute;
  top: 8px;
  left: 2px;
  bottom: 10px;
  content: "";
  background: var(--thm-primary);
  width: 3px;
  transition: all 500ms ease;
  border-radius: 0;
  transform: scale(0);
}

.project-filter.style1 li .filter-text:hover:before,
.project-filter.style1 li.active .filter-text:before {
  transform: scale(1);
}

.project-filter.style1 li:hover .filter-text,
.project-filter.style1 li.active .filter-text {
  color: var(--thm-primary);
}

.project-filter.style1 li .count {
  color: var(--thm-black);
  font-size: 12px;
  line-height: 26px;
  font-weight: 500;
  display: inline-block;
  padding: 0 0;
  opacity: 0;
  transition: all 0.4s ease;
  position: relative;
  top: -4px;
}

.project-filter.style1 li:hover .count,
.project-filter.style1 li.active .count {
  color: var(--thm-primary);
  opacity: 1;
}

.project-filter.style1 li + li {
  margin-left: 4px;
}

.project-page .project-one__single {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Project Details
--------------------------------------------------------------*/
.project-details {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.project-details__img {
  position: relative;
  display: block;
}

.project-details__img img {
  width: 100%;
}

.project-details__info {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--thm-base);
  padding: 54px 60px;
}

.project-details__info-list {
  position: relative;
  display: flex;
  align-items: center;
}

.project-details__info-list li + li {
  margin-left: 105px;
}

.project-details__info-client {
  font-size: 18px;
  color: var(--thm-gray);
  font-weight: 400;
  margin-bottom: 2px;
}

.project-details__info-name {
  font-size: 16px;
  color: var(--thm-black);
  margin: 0;
}

.project-details__content {
  position: relative;
  display: block;
  margin-top: 33px;
}

.project-details__title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 37px;
}

.project-details__text-1 {
  margin: 0;
  font-weight: 300;
  padding-bottom: 34px;
}

.project-details__text-2 {
  margin: 0;
  font-weight: 300;
  padding-bottom: 37px;
}

.project-details__points {
  position: relative;
  display: block;
}

.project-details__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.project-details__points li + li {
  margin-top: 6px;
}

.project-details__points li .icon {
  height: 16px;
  width: 16px;
  border: 2px solid var(--thm-primary);
  border-radius: 50%;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--thm-primary);
}

.project-details__points li .text {
  margin-left: 10px;
}

.project-details__points li .text p {
  font-size: 20px;
  color: var(--thm-black);
  margin: 0;
  line-height: 30px;
}

.project-details__pagination-box {
  position: relative;
  display: block;
  text-align: center;
  border-top: 1px solid var(--thm-extra);
  border-bottom: 1px solid var(--thm-extra);
  padding: 50px 0;
  margin-top: 113px;
}

.project-details__pagination li {
  display: inline-block;
}

.project-details__pagination li.next {
  float: left;
  position: relative;
}

.project-details__pagination li a {
  font-size: 18px;
  color: var(--thm-black);
  font-weight: 400;
  display: flex;
  align-items: center;
  transition: all 500ms ease;
}

.project-details__pagination li a:hover {
  color: var(--thm-primary);
}

.project-details__pagination li.next i {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  font-size: 10px;
  transform: rotate(180deg);
}

.project-details__pagination li.previous {
  position: relative;
  float: right;
}

.project-details__pagination li.previous i {
  margin-left: 10px;
  font-size: 10px;
}

.project-details__pagination li.next .icon-right-arrow-angle,
.project-details__pagination li.previous .icon-right-arrow-angle {
  font-weight: bold;
}

/*--------------------------------------------------------------
# Similar Work
--------------------------------------------------------------*/
.simialr-work {
  position: relative;
  display: block;
  padding: 0 0 90px;
}

.simialr-work .project-one__single {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Grow And Experience
--------------------------------------------------------------*/
.grow-and-experience-two {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.grow-and-experience-two__left {
  position: relative;
  display: block;
  margin-right: 70px;
}

.grow-and-experience-two__left .section-title {
  margin-bottom: 28px;
}

.grow-and-experience-two__text {
  margin: 0;
  font-weight: 300;
  margin-bottom: 30px;
}

.grow-and-experience-two__list {
  position: relative;
  display: block;
  margin-bottom: 39px;
}

.grow-and-experience-two__list li {
  position: relative;
  display: flex;
  align-items: center;
}

.grow-and-experience-two__list li .icon {
  height: 16px;
  width: 16px;
  border: 2px solid var(--thm-primary);
  border-radius: 50%;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--thm-primary);
}

.grow-and-experience-two__list li .text {
  margin-left: 10px;
}

.grow-and-experience-two__list li .text p {
  margin: 0;
  color: var(--thm-black);
}

.grow-and-experience-two__btn {
  border: 1px solid var(--thm-black);
  background-color: transparent;
}

.grow-and-experience-two__btn:after {
  background-color: var(--thm-black);
}

.grow-and-experience-two__right {
  position: relative;
  display: block;
  margin-left: -26px;
}

.grow-and-experience-two__images {
  position: relative;
  display: block;
  overflow: hidden;
}

.grow-and-experience-two__images li {
  position: relative;
  display: block;
  float: left;
}

.grow-and-experience-two__images li + li {
  margin-left: 12px;
}

/*--------------------------------------------------------------
# About Page Discover World Two
--------------------------------------------------------------*/
.about-page-discover-world-two {
  padding-bottom: 240px;
}

/*--------------------------------------------------------------
# About Page Inspire
--------------------------------------------------------------*/
.about-page-inspire {
  margin-top: -120px;
}

/*--------------------------------------------------------------
# About Page Team
--------------------------------------------------------------*/
.about-page-team {
  padding-top: 120px;
}

/*--------------------------------------------------------------
# News Details
--------------------------------------------------------------*/
.news-details {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.news-details__left {
  position: relative;
  display: block;
}

.news-details__img {
  position: relative;
  display: block;
}

.news-details__img img {
  width: 100%;
}

.news-details__date-box {
  position: absolute;
  bottom: 0;
  left: 50px;
  background-color: var(--thm-base);
  padding: 7px 20px 6px;
}

.news-details__date-box p {
  font-size: 12px;
  margin: 0;
  line-height: 22px;
}

.news-details__content {
  position: relative;
  display: block;
  margin-top: 20px;
}

.news-details__meta {
  display: flex;
  align-items: center;
  margin: 0;
}

.news-details__meta li {
  font-size: 12px;
  color: var(--thm-gray);
  font-weight: 400;
}

.news-details__meta li + li {
  margin-left: 12px;
}

.news-details__meta li a {
  color: var(--thm-gray);
  transition: all 500ms ease;
}

.news-details__meta li a:hover {
  color: var(--thm-primary);
}

.news-details__meta li a i {
  color: var(--thm-primary);
}

.news-details__title {
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
  margin-bottom: 21px;
}

.news-details__text-1 {
  margin: 0;
  font-weight: 300;
}

.news-details__text-2 {
  margin: 0;
  font-weight: 300;
  padding-top: 35px;
  padding-bottom: 35px;
}

.news-details__text-3 {
  margin: 0;
  font-weight: 300;
}

.news-details__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 30px 0 30px;
  margin-top: 51px;
  border-top: 1px solid var(--thm-extra);
}

.news-details__bottom p {
  margin: 0;
}

.news-details__tags span {
  color: var(--thm-black);
  font-weight: 500;
  font-size: 18px;
  margin-right: 16px;
}

.news-details__tags-btn {
  position: relative;
  color: var(--thm-black);
  font-size: 14px;
  font-weight: 500;
  background-color: transparent;
  display: inline-block;
  padding: 2px 30px;
  border: 1px solid var(--thm-black);
  transition: all 500ms ease;
}

.news-details__tags-btn:after {
  background-color: var(--thm-black);
}

.news-details__tags a + a {
  margin-left: 6px;
}

.news-details__social-list {
  display: flex;
  align-items: center;
}

.news-details__social-list a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--thm-black);
  font-size: 18px;
  transition: all 500ms ease;
}

.news-details__social-list a + a {
  margin-left: 30px;
}

.news-details__social-list a:hover {
  color: var(--thm-primary);
}

/* author */
.author-one {
  background-color: #f6f6f6;
  padding: 60px 60px 60px;
  display: flex;
  margin-bottom: 53px;
}

.author-one__image img {
  border-radius: var(--thm-border-radius);
}

.author-one__content {
  margin-left: 35px;
}

.author-one__content h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.author-one__content p {
  margin: 0;
  margin-top: 21px;
  font-size: 16px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-one__title,
.comment-form__title {
  margin: 0;
  color: var(--thm-black);
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 53px;
}

.comment-one__single {
  display: flex;
  border-bottom: 1px solid var(--thm-extra);
  padding-bottom: 60px;
  margin-bottom: 58px;
}

.comment-one__content {
  position: relative;
  margin-left: 45px;
}

.comment-one__content h3 {
  margin: 0;
  font-size: 20px;
  color: var(--thm-black);
  font-weight: 400;
  margin-bottom: 25px;
}

.comment-one__content p {
  font-size: 16px;
  margin: 0;
}

.comment-one__btn {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--thm-black);
  font-size: 14px;
  font-weight: 500;
  background-color: transparent;
  display: inline-block;
  padding: 2px 30px;
  border: 1px solid var(--thm-black);
  transition: all 500ms ease;
}

.comment-one__btn:after {
  background-color: var(--thm-black);
}

.comment-one__image img {
  border-radius: 50%;
}

.comment-form .comment-form__title {
  margin-top: -5px;
}

.comment-one__form .row {
  --bs-gutter-x: 20px;
}

.comment-form__input-box {
  position: relative;
  display: block;
}

.comment-form__input-box input[type=text],
.comment-form__input-box input[type=email] {
  height: 68px;
  width: 100%;
  border: none;
  background: #f6f6f6;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
  border-radius: 0px;
  outline: none;
  font-size: 14px;
  color: var(--thm-gray);
  font-weight: 400;
  display: block;
}

.comment-form__input-box textarea {
  font-size: 14px;
  color: var(--thm-gray);
  font-weight: 400;
  height: 195px;
  width: 100%;
  background: #f6f6f6;
  padding: 20px 30px 30px;
  border: none;
  border-radius: 0px;
  outline: none;
  margin-bottom: 10px;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
@media (max-width: 991px) {
  .sidebar {
    margin-top: 50px;
  }
}
.sidebar__single + .sidebar__single {
  margin-top: 30px;
}

.sidebar__title {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 16px;
}

.sidebar__search {
  position: relative;
  display: block;
}

.sidebar__search-form {
  position: relative;
}

.sidebar__search-form input[type=search] {
  display: block;
  border: none;
  outline: none;
  background-color: var(--thm-primary);
  color: var(--thm-base);
  font-size: 16px;
  font-weight: 500;
  padding-left: 50px;
  height: 75px;
  border-radius: 0;
  width: 100%;
  padding-right: 80px;
}

.sidebar__search-form ::-moz-placeholder {
  color: var(--thm-base);
  opacity: 1;
}

.sidebar__search-form ::placeholder {
  color: var(--thm-base);
  opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
  color: var(--thm-base);
}

.sidebar__search-form ::-ms-input-placeholder {
  color: var(--thm-base);
}

.sidebar__search-form button[type=submit] {
  background-color: transparent;
  color: var(--thm-base);
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 18px;
  bottom: 0;
  width: 60px;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
}

.sidebar__post {
  position: relative;
  display: block;
  padding: 45px 50px 43px;
  background-color: #f6f6f6;
}

.sidebar__post-list {
  margin: 0;
}

.sidebar__post-list li {
  display: flex;
  align-items: center;
}

.sidebar__post-list li + li {
  margin-top: 19px;
}

.sidebar__post-image {
  margin-right: 20px;
}

.sidebar__post-image > img {
  width: 60px;
}

.sidebar__post-content h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  line-height: 26px;
}

.sidebar__post-content_meta {
  font-size: 12px;
  font-weight: 400;
  color: var(--thm-gray);
  display: block;
}

.sidebar__post-content_meta i {
  font-size: 12px;
  color: var(--thm-primary);
  padding-right: 4px;
}

.sidebar__post-content h3 a {
  color: var(--thm-black);
  transition: all 500ms ease;
}

.sidebar__post-list li:hover .sidebar__post-content h3 a {
  color: var(--thm-primary);
}

.sidebar__category {
  position: relative;
  display: block;
  background: #f6f6f6;
  padding: 45px 30px 36px;
}

.sidebar__category .sidebar__title {
  padding-left: 20px;
  margin-bottom: 13px;
}

.sidebar__category-list {
  margin: 0;
}

.sidebar__category-list li + li {
  margin-top: 9px;
}

.sidebar__category-list li a {
  color: var(--thm-gray);
  font-size: 16px;
  font-weight: 400;
  position: relative;
  transition: all 500ms ease;
  display: block;
  background: none;
  padding: 3px 20px;
}

.sidebar__category-list li a:hover {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  color: var(--thm-gray);
}

.sidebar__category-list li a span {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: all 500ms ease;
  color: var(--thm-black);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}

.sidebar__category-list li a span.icon-right-arrow-angle {
  font-weight: bold;
}

.sidebar__category-list li a:hover span {
  color: var(--thm-primary);
}

.sidebar__tags {
  position: relative;
  display: block;
  background: #f6f6f6;
  padding: 47px 45px 50px;
}

.sidebar__tags .sidebar__title {
  margin-left: 5px;
  margin-bottom: 24px;
}

.sidebar__tags-list {
  margin-top: -10px;
}

.sidebar__tags-btn {
  position: relative;
  color: var(--thm-black);
  font-size: 14px;
  font-weight: 500;
  background-color: transparent;
  display: inline-block;
  padding: 2px 30px;
  border: 1px solid var(--thm-black);
  margin-left: 5px;
  margin-top: 10px;
  transition: all 500ms ease;
}

.sidebar__tags-btn:after {
  background-color: var(--thm-black);
}

.sidebar__tags-list a + a {
  margin-left: 5px;
  margin-top: 10px;
}

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.contact-page {
  position: relative;
  display: block;
  padding: 20px 0 120px;
}

.contact-page__left {
  position: relative;
  display: block;
}

.contact-page__left .section-title {
  margin-bottom: 28px;
}

.contact-page__text {
  font-weight: 300;
  margin: 0;
}

.contact-page__points {
  position: relative;
  display: block;
  padding-top: 35px;
  padding-bottom: 41px;
}

.contact-page__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.contact-page__points li .icon {
  height: 16px;
  width: 16px;
  border: 2px solid var(--thm-primary);
  border-radius: 50%;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--thm-primary);
}

.contact-page__points li .text {
  margin-left: 10px;
}

.contact-page__points li .text p {
  font-size: 16px;
  margin: 0;
}

.contact-page__social {
  display: flex;
  align-items: center;
}

.contact-page__social a {
  position: relative;
  height: 40px;
  width: 40px;
  font-size: 14px;
  border: 1px solid var(--thm-extra);
  color: var(--thm-black);
  background-color: var(--thm-base);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 500ms ease;
  z-index: 1;
}

.contact-page__social a:hover {
  color: var(--thm-base);
  border: 1px solid transparent;
}

.contact-page__social a:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--thm-primary);
  transform: scale(0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  z-index: -1;
}

.contact-page__social a:hover:before {
  transform: scaleX(1);
}

.contact-page__social a + a {
  margin-left: 10px;
}

/*--------------------------------------------------------------
# Information
--------------------------------------------------------------*/
.information {
  position: relative;
  display: block;
}

.information .row {
  --bs-gutter-x: 0px;
}

.information__single {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid var(--thm-extra);
  padding-top: 77px;
  padding-bottom: 77px;
}

.information__icon {
  position: relative;
  font-size: 65px;
  color: var(--thm-primary);
  display: flex;
  align-items: center;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.information__single:hover .information__icon {
  transform: scale(1.2);
  color: var(--thm-black);
}

.information__text {
  margin-left: 30px;
}

.information__text p {
  font-size: 20px;
  font-weight: 300;
  margin: 0;
  line-height: 35px;
}

.information__text h4 {
  font-size: 20px;
  font-weight: 300;
  color: var(--thm-gray);
  line-height: 35px;
}

.information__number-1 {
  transition: all 500ms ease;
}

.information__single:hover .information__number-1 {
  color: var(--thm-primary);
}

.information__number-2 {
  transition: all 500ms ease;
}

.information__single:hover .information__number-2 {
  color: var(--thm-primary);
}

.information__mail-1 {
  transition: all 500ms ease;
}

.information__single:hover .information__mail-1 {
  color: var(--thm-primary);
}

.information__mail-2 {
  transition: all 500ms ease;
}

.information__single:hover .information__mail-2 {
  color: var(--thm-primary);
}

.information__single-1 {
  border-left: 0;
}

.information__single-2 {
  border-left: 0;
  padding-left: 78px;
}

.information__single-3 {
  border-left: 0;
  border-right: 0;
  padding-left: 105px;
}

/*--------------------------------------------------------------
# Contact Page Google Map
--------------------------------------------------------------*/
.contact-page-google-map {
  position: relative;
  display: block;
}

.contact-page-google-map__one {
  position: relative;
  display: block;
  border: none;
  height: 560px;
  width: 100%;
}

/*--------------------------------------------------------------
# News Page
--------------------------------------------------------------*/
.news-page {
  padding-bottom: 90px;
}

.news-page .news-one__single {
  margin-bottom: 0px;
  transform: translateY(0);
  transition: all 500ms ease;
}

.news-page .news-one__single:hover {
  transform: translateY(-30px);
}

.stroke-transparent {
  color: white;
  font-size: 1.5em;
  -webkit-text-stroke: 2px var(--thm-primary);
  -webkit-text-fill-color: transparent;
}

/* Lasche */
.lasche {
  display: block;
  position: fixed;
  left: calc(100vw - 104px);
  top: 130px;
  width: 500px;
  background-color: transparent;
  z-index: 3;
  transition: 0.4s;
  opacity: 1;
}
.lasche a {
  color: white;
}
@media screen and (max-width: 768px) {
  .lasche {
    width: calc(100vh + 104px);
    top: 110px;
  }
}
.lasche .fa {
  display: block;
  position: absolute;
  font-size: 60px;
  left: 20px;
  top: 25px;
  color: var(--thm-primary);
  transition: 0.5s;
}
.lasche .content {
  display: block;
  position: relative;
  left: 0;
  top: 10px;
  width: 500px;
  padding: 10px 30px 11px 104px;
  color: white;
  opacity: 0;
  transition: 0.3s;
}
.lasche .content h3, .lasche .content p {
  color: white;
}
@media screen and (max-width: 1200px) {
  .lasche.scrolled {
    top: 18px;
  }
}
.lasche.active {
  background-color: var(--thm-primary);
  left: calc(100vw - 500px);
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .lasche.active {
    left: calc(0vw - 81px);
  }
}
.lasche.active .content {
  opacity: 1;
}
.lasche.active .fa {
  color: white;
}

/* SCROLL DOWN */
.scroll-down {
  width: 1px;
  height: 80px;
  background: #fff;
  position: absolute;
  left: calc(50% - 0.5px);
  bottom: 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .scroll-down {
    display: none;
  }
}

.scroll-down:after {
  content: "";
  width: 1px;
  height: 0;
  animation: 3s scrolldown infinite;
  background: #bbbcaf;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

@keyframes scrolldown {
  0% {
    top: 0;
    height: 0;
  }
  50% {
    top: 0;
    height: 100%;
  }
  51% {
    top: auto;
    bottom: 0;
    height: 100%;
  }
  100% {
    top: auto;
    bottom: 0;
    height: 0;
  }
}
.line-wrapper {
  position: fixed;
  top: 0;
  z-index: 0;
  height: 100vh;
  width: 100vw;
  text-align: center;
}

.line-wrapper svg {
  display: inline-block;
  height: 100%;
}

.path {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
}

/* Particles *
https://codepen.io/hf666/pen/WVrpWe?editors=1100
 */
.particle-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  z-index: 0;
}

.circle-container {
  position: absolute;
  transform: translateY(-10vh);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  opacity: 0.2;
}

.circle-container .circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  mix-blend-mode: screen;
  background-color: var(--thm-secondary);
  animation: fadein-frames 200ms infinite, scale-frames 7s infinite, change-color 15s infinite;
}
@keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 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: 6px;
  height: 6px;
  animation-name: move-frames-1;
  animation-duration: 34152ms;
  animation-delay: 24264ms;
}
@keyframes move-frames-1 {
  from {
    transform: translate3d(38vw, 106vh, 0);
  }
  to {
    transform: translate3d(4vw, -112vh, 0);
  }
}
.circle-container:nth-child(1) .circle {
  animation-delay: 2858ms;
}

.circle-container:nth-child(2) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-2;
  animation-duration: 36782ms;
  animation-delay: 36662ms;
}
@keyframes move-frames-2 {
  from {
    transform: translate3d(61vw, 109vh, 0);
  }
  to {
    transform: translate3d(55vw, -126vh, 0);
  }
}
.circle-container:nth-child(2) .circle {
  animation-delay: 79ms;
}

.circle-container:nth-child(3) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-3;
  animation-duration: 31603ms;
  animation-delay: 8896ms;
}
@keyframes move-frames-3 {
  from {
    transform: translate3d(91vw, 108vh, 0);
  }
  to {
    transform: translate3d(24vw, -112vh, 0);
  }
}
.circle-container:nth-child(3) .circle {
  animation-delay: 1276ms;
}

.circle-container:nth-child(4) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-4;
  animation-duration: 30591ms;
  animation-delay: 28002ms;
}
@keyframes move-frames-4 {
  from {
    transform: translate3d(8vw, 103vh, 0);
  }
  to {
    transform: translate3d(23vw, -133vh, 0);
  }
}
.circle-container:nth-child(4) .circle {
  animation-delay: 3624ms;
}

.circle-container:nth-child(5) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-5;
  animation-duration: 29780ms;
  animation-delay: 102ms;
}
@keyframes move-frames-5 {
  from {
    transform: translate3d(8vw, 103vh, 0);
  }
  to {
    transform: translate3d(57vw, -112vh, 0);
  }
}
.circle-container:nth-child(5) .circle {
  animation-delay: 1862ms;
}

.circle-container:nth-child(6) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-6;
  animation-duration: 32279ms;
  animation-delay: 20432ms;
}
@keyframes move-frames-6 {
  from {
    transform: translate3d(100vw, 105vh, 0);
  }
  to {
    transform: translate3d(40vw, -109vh, 0);
  }
}
.circle-container:nth-child(6) .circle {
  animation-delay: 950ms;
}

.circle-container:nth-child(7) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-7;
  animation-duration: 29533ms;
  animation-delay: 28132ms;
}
@keyframes move-frames-7 {
  from {
    transform: translate3d(75vw, 106vh, 0);
  }
  to {
    transform: translate3d(25vw, -136vh, 0);
  }
}
.circle-container:nth-child(7) .circle {
  animation-delay: 297ms;
}

.circle-container:nth-child(8) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-8;
  animation-duration: 34420ms;
  animation-delay: 8727ms;
}
@keyframes move-frames-8 {
  from {
    transform: translate3d(47vw, 103vh, 0);
  }
  to {
    transform: translate3d(17vw, -128vh, 0);
  }
}
.circle-container:nth-child(8) .circle {
  animation-delay: 2457ms;
}

.circle-container:nth-child(9) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-9;
  animation-duration: 33480ms;
  animation-delay: 33849ms;
}
@keyframes move-frames-9 {
  from {
    transform: translate3d(84vw, 101vh, 0);
  }
  to {
    transform: translate3d(72vw, -127vh, 0);
  }
}
.circle-container:nth-child(9) .circle {
  animation-delay: 1000ms;
}

.circle-container:nth-child(10) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-10;
  animation-duration: 32577ms;
  animation-delay: 28955ms;
}
@keyframes move-frames-10 {
  from {
    transform: translate3d(28vw, 102vh, 0);
  }
  to {
    transform: translate3d(46vw, -128vh, 0);
  }
}
.circle-container:nth-child(10) .circle {
  animation-delay: 1731ms;
}

.circle-container:nth-child(11) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-11;
  animation-duration: 31777ms;
  animation-delay: 16396ms;
}
@keyframes move-frames-11 {
  from {
    transform: translate3d(78vw, 102vh, 0);
  }
  to {
    transform: translate3d(35vw, -132vh, 0);
  }
}
.circle-container:nth-child(11) .circle {
  animation-delay: 1194ms;
}

.circle-container:nth-child(12) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-12;
  animation-duration: 28548ms;
  animation-delay: 27767ms;
}
@keyframes move-frames-12 {
  from {
    transform: translate3d(100vw, 108vh, 0);
  }
  to {
    transform: translate3d(43vw, -133vh, 0);
  }
}
.circle-container:nth-child(12) .circle {
  animation-delay: 1696ms;
}

.circle-container:nth-child(13) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-13;
  animation-duration: 33012ms;
  animation-delay: 35533ms;
}
@keyframes move-frames-13 {
  from {
    transform: translate3d(68vw, 105vh, 0);
  }
  to {
    transform: translate3d(81vw, -106vh, 0);
  }
}
.circle-container:nth-child(13) .circle {
  animation-delay: 3665ms;
}

.circle-container:nth-child(14) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-14;
  animation-duration: 29047ms;
  animation-delay: 34685ms;
}
@keyframes move-frames-14 {
  from {
    transform: translate3d(49vw, 108vh, 0);
  }
  to {
    transform: translate3d(53vw, -125vh, 0);
  }
}
.circle-container:nth-child(14) .circle {
  animation-delay: 1173ms;
}

.circle-container:nth-child(15) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-15;
  animation-duration: 30166ms;
  animation-delay: 33070ms;
}
@keyframes move-frames-15 {
  from {
    transform: translate3d(93vw, 110vh, 0);
  }
  to {
    transform: translate3d(52vw, -121vh, 0);
  }
}
.circle-container:nth-child(15) .circle {
  animation-delay: 3789ms;
}

.circle-container:nth-child(16) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-16;
  animation-duration: 34266ms;
  animation-delay: 29195ms;
}
@keyframes move-frames-16 {
  from {
    transform: translate3d(41vw, 104vh, 0);
  }
  to {
    transform: translate3d(6vw, -111vh, 0);
  }
}
.circle-container:nth-child(16) .circle {
  animation-delay: 1835ms;
}

.circle-container:nth-child(17) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-17;
  animation-duration: 35503ms;
  animation-delay: 36159ms;
}
@keyframes move-frames-17 {
  from {
    transform: translate3d(6vw, 104vh, 0);
  }
  to {
    transform: translate3d(55vw, -129vh, 0);
  }
}
.circle-container:nth-child(17) .circle {
  animation-delay: 1044ms;
}

.circle-container:nth-child(18) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-18;
  animation-duration: 35525ms;
  animation-delay: 29883ms;
}
@keyframes move-frames-18 {
  from {
    transform: translate3d(84vw, 108vh, 0);
  }
  to {
    transform: translate3d(74vw, -118vh, 0);
  }
}
.circle-container:nth-child(18) .circle {
  animation-delay: 560ms;
}

.circle-container:nth-child(19) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-19;
  animation-duration: 35501ms;
  animation-delay: 16397ms;
}
@keyframes move-frames-19 {
  from {
    transform: translate3d(55vw, 108vh, 0);
  }
  to {
    transform: translate3d(44vw, -115vh, 0);
  }
}
.circle-container:nth-child(19) .circle {
  animation-delay: 220ms;
}

.circle-container:nth-child(20) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-20;
  animation-duration: 31674ms;
  animation-delay: 35277ms;
}
@keyframes move-frames-20 {
  from {
    transform: translate3d(19vw, 104vh, 0);
  }
  to {
    transform: translate3d(54vw, -117vh, 0);
  }
}
.circle-container:nth-child(20) .circle {
  animation-delay: 542ms;
}

.circle-container:nth-child(21) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-21;
  animation-duration: 32588ms;
  animation-delay: 20992ms;
}
@keyframes move-frames-21 {
  from {
    transform: translate3d(43vw, 102vh, 0);
  }
  to {
    transform: translate3d(68vw, -113vh, 0);
  }
}
.circle-container:nth-child(21) .circle {
  animation-delay: 2695ms;
}

.circle-container:nth-child(22) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-22;
  animation-duration: 35336ms;
  animation-delay: 19164ms;
}
@keyframes move-frames-22 {
  from {
    transform: translate3d(51vw, 105vh, 0);
  }
  to {
    transform: translate3d(55vw, -113vh, 0);
  }
}
.circle-container:nth-child(22) .circle {
  animation-delay: 3664ms;
}

.circle-container:nth-child(23) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-23;
  animation-duration: 32079ms;
  animation-delay: 27657ms;
}
@keyframes move-frames-23 {
  from {
    transform: translate3d(88vw, 101vh, 0);
  }
  to {
    transform: translate3d(20vw, -106vh, 0);
  }
}
.circle-container:nth-child(23) .circle {
  animation-delay: 370ms;
}

.circle-container:nth-child(24) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-24;
  animation-duration: 32630ms;
  animation-delay: 32590ms;
}
@keyframes move-frames-24 {
  from {
    transform: translate3d(78vw, 105vh, 0);
  }
  to {
    transform: translate3d(5vw, -108vh, 0);
  }
}
.circle-container:nth-child(24) .circle {
  animation-delay: 2545ms;
}

.circle-container:nth-child(25) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-25;
  animation-duration: 30649ms;
  animation-delay: 21219ms;
}
@keyframes move-frames-25 {
  from {
    transform: translate3d(89vw, 108vh, 0);
  }
  to {
    transform: translate3d(55vw, -119vh, 0);
  }
}
.circle-container:nth-child(25) .circle {
  animation-delay: 995ms;
}

.circle-container:nth-child(26) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-26;
  animation-duration: 32908ms;
  animation-delay: 32210ms;
}
@keyframes move-frames-26 {
  from {
    transform: translate3d(69vw, 110vh, 0);
  }
  to {
    transform: translate3d(97vw, -119vh, 0);
  }
}
.circle-container:nth-child(26) .circle {
  animation-delay: 1385ms;
}

.circle-container:nth-child(27) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-27;
  animation-duration: 32908ms;
  animation-delay: 36983ms;
}
@keyframes move-frames-27 {
  from {
    transform: translate3d(37vw, 106vh, 0);
  }
  to {
    transform: translate3d(61vw, -117vh, 0);
  }
}
.circle-container:nth-child(27) .circle {
  animation-delay: 2135ms;
}

.circle-container:nth-child(28) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-28;
  animation-duration: 36032ms;
  animation-delay: 26166ms;
}
@keyframes move-frames-28 {
  from {
    transform: translate3d(7vw, 105vh, 0);
  }
  to {
    transform: translate3d(49vw, -108vh, 0);
  }
}
.circle-container:nth-child(28) .circle {
  animation-delay: 802ms;
}

.circle-container:nth-child(29) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-29;
  animation-duration: 30796ms;
  animation-delay: 18054ms;
}
@keyframes move-frames-29 {
  from {
    transform: translate3d(48vw, 105vh, 0);
  }
  to {
    transform: translate3d(94vw, -125vh, 0);
  }
}
.circle-container:nth-child(29) .circle {
  animation-delay: 1256ms;
}

.circle-container:nth-child(30) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-30;
  animation-duration: 28099ms;
  animation-delay: 35893ms;
}
@keyframes move-frames-30 {
  from {
    transform: translate3d(59vw, 109vh, 0);
  }
  to {
    transform: translate3d(85vw, -122vh, 0);
  }
}
.circle-container:nth-child(30) .circle {
  animation-delay: 409ms;
}

.circle-container:nth-child(31) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-31;
  animation-duration: 36753ms;
  animation-delay: 4462ms;
}
@keyframes move-frames-31 {
  from {
    transform: translate3d(89vw, 103vh, 0);
  }
  to {
    transform: translate3d(5vw, -112vh, 0);
  }
}
.circle-container:nth-child(31) .circle {
  animation-delay: 305ms;
}

.circle-container:nth-child(32) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-32;
  animation-duration: 34325ms;
  animation-delay: 11878ms;
}
@keyframes move-frames-32 {
  from {
    transform: translate3d(100vw, 110vh, 0);
  }
  to {
    transform: translate3d(27vw, -138vh, 0);
  }
}
.circle-container:nth-child(32) .circle {
  animation-delay: 2940ms;
}

.circle-container:nth-child(33) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-33;
  animation-duration: 35710ms;
  animation-delay: 34065ms;
}
@keyframes move-frames-33 {
  from {
    transform: translate3d(7vw, 108vh, 0);
  }
  to {
    transform: translate3d(82vw, -134vh, 0);
  }
}
.circle-container:nth-child(33) .circle {
  animation-delay: 2297ms;
}

.circle-container:nth-child(34) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-34;
  animation-duration: 35357ms;
  animation-delay: 4819ms;
}
@keyframes move-frames-34 {
  from {
    transform: translate3d(42vw, 107vh, 0);
  }
  to {
    transform: translate3d(44vw, -117vh, 0);
  }
}
.circle-container:nth-child(34) .circle {
  animation-delay: 2259ms;
}

.circle-container:nth-child(35) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-35;
  animation-duration: 32510ms;
  animation-delay: 23280ms;
}
@keyframes move-frames-35 {
  from {
    transform: translate3d(90vw, 104vh, 0);
  }
  to {
    transform: translate3d(60vw, -122vh, 0);
  }
}
.circle-container:nth-child(35) .circle {
  animation-delay: 3225ms;
}

.circle-container:nth-child(36) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-36;
  animation-duration: 28882ms;
  animation-delay: 13073ms;
}
@keyframes move-frames-36 {
  from {
    transform: translate3d(31vw, 109vh, 0);
  }
  to {
    transform: translate3d(84vw, -118vh, 0);
  }
}
.circle-container:nth-child(36) .circle {
  animation-delay: 3946ms;
}

.circle-container:nth-child(37) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-37;
  animation-duration: 31275ms;
  animation-delay: 3778ms;
}
@keyframes move-frames-37 {
  from {
    transform: translate3d(30vw, 102vh, 0);
  }
  to {
    transform: translate3d(73vw, -120vh, 0);
  }
}
.circle-container:nth-child(37) .circle {
  animation-delay: 171ms;
}

.circle-container:nth-child(38) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-38;
  animation-duration: 35250ms;
  animation-delay: 25443ms;
}
@keyframes move-frames-38 {
  from {
    transform: translate3d(58vw, 109vh, 0);
  }
  to {
    transform: translate3d(3vw, -131vh, 0);
  }
}
.circle-container:nth-child(38) .circle {
  animation-delay: 49ms;
}

.circle-container:nth-child(39) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-39;
  animation-duration: 31245ms;
  animation-delay: 8638ms;
}
@keyframes move-frames-39 {
  from {
    transform: translate3d(29vw, 104vh, 0);
  }
  to {
    transform: translate3d(25vw, -118vh, 0);
  }
}
.circle-container:nth-child(39) .circle {
  animation-delay: 2874ms;
}

.circle-container:nth-child(40) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-40;
  animation-duration: 34802ms;
  animation-delay: 1338ms;
}
@keyframes move-frames-40 {
  from {
    transform: translate3d(33vw, 109vh, 0);
  }
  to {
    transform: translate3d(71vw, -137vh, 0);
  }
}
.circle-container:nth-child(40) .circle {
  animation-delay: 732ms;
}

.circle-container:nth-child(41) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-41;
  animation-duration: 32879ms;
  animation-delay: 2591ms;
}
@keyframes move-frames-41 {
  from {
    transform: translate3d(99vw, 106vh, 0);
  }
  to {
    transform: translate3d(3vw, -135vh, 0);
  }
}
.circle-container:nth-child(41) .circle {
  animation-delay: 1515ms;
}

.circle-container:nth-child(42) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-42;
  animation-duration: 28482ms;
  animation-delay: 4139ms;
}
@keyframes move-frames-42 {
  from {
    transform: translate3d(74vw, 102vh, 0);
  }
  to {
    transform: translate3d(91vw, -126vh, 0);
  }
}
.circle-container:nth-child(42) .circle {
  animation-delay: 3477ms;
}

.circle-container:nth-child(43) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-43;
  animation-duration: 35302ms;
  animation-delay: 16592ms;
}
@keyframes move-frames-43 {
  from {
    transform: translate3d(80vw, 105vh, 0);
  }
  to {
    transform: translate3d(17vw, -118vh, 0);
  }
}
.circle-container:nth-child(43) .circle {
  animation-delay: 67ms;
}

.circle-container:nth-child(44) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-44;
  animation-duration: 29234ms;
  animation-delay: 429ms;
}
@keyframes move-frames-44 {
  from {
    transform: translate3d(86vw, 105vh, 0);
  }
  to {
    transform: translate3d(80vw, -118vh, 0);
  }
}
.circle-container:nth-child(44) .circle {
  animation-delay: 1384ms;
}

.circle-container:nth-child(45) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-45;
  animation-duration: 31356ms;
  animation-delay: 25451ms;
}
@keyframes move-frames-45 {
  from {
    transform: translate3d(31vw, 106vh, 0);
  }
  to {
    transform: translate3d(65vw, -116vh, 0);
  }
}
.circle-container:nth-child(45) .circle {
  animation-delay: 2701ms;
}

.circle-container:nth-child(46) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-46;
  animation-duration: 29301ms;
  animation-delay: 34177ms;
}
@keyframes move-frames-46 {
  from {
    transform: translate3d(55vw, 103vh, 0);
  }
  to {
    transform: translate3d(84vw, -121vh, 0);
  }
}
.circle-container:nth-child(46) .circle {
  animation-delay: 3006ms;
}

.circle-container:nth-child(47) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-47;
  animation-duration: 35556ms;
  animation-delay: 11557ms;
}
@keyframes move-frames-47 {
  from {
    transform: translate3d(9vw, 105vh, 0);
  }
  to {
    transform: translate3d(57vw, -116vh, 0);
  }
}
.circle-container:nth-child(47) .circle {
  animation-delay: 66ms;
}

.circle-container:nth-child(48) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-48;
  animation-duration: 29441ms;
  animation-delay: 36080ms;
}
@keyframes move-frames-48 {
  from {
    transform: translate3d(100vw, 110vh, 0);
  }
  to {
    transform: translate3d(67vw, -118vh, 0);
  }
}
.circle-container:nth-child(48) .circle {
  animation-delay: 2932ms;
}

.circle-container:nth-child(49) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-49;
  animation-duration: 36700ms;
  animation-delay: 7729ms;
}
@keyframes move-frames-49 {
  from {
    transform: translate3d(14vw, 102vh, 0);
  }
  to {
    transform: translate3d(73vw, -104vh, 0);
  }
}
.circle-container:nth-child(49) .circle {
  animation-delay: 479ms;
}

.circle-container:nth-child(50) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-50;
  animation-duration: 32838ms;
  animation-delay: 33892ms;
}
@keyframes move-frames-50 {
  from {
    transform: translate3d(30vw, 110vh, 0);
  }
  to {
    transform: translate3d(62vw, -139vh, 0);
  }
}
.circle-container:nth-child(50) .circle {
  animation-delay: 777ms;
}

.circle-container:nth-child(51) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-51;
  animation-duration: 31839ms;
  animation-delay: 30306ms;
}
@keyframes move-frames-51 {
  from {
    transform: translate3d(45vw, 106vh, 0);
  }
  to {
    transform: translate3d(10vw, -124vh, 0);
  }
}
.circle-container:nth-child(51) .circle {
  animation-delay: 1149ms;
}

.circle-container:nth-child(52) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-52;
  animation-duration: 28814ms;
  animation-delay: 21034ms;
}
@keyframes move-frames-52 {
  from {
    transform: translate3d(63vw, 109vh, 0);
  }
  to {
    transform: translate3d(49vw, -136vh, 0);
  }
}
.circle-container:nth-child(52) .circle {
  animation-delay: 1289ms;
}

.circle-container:nth-child(53) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-53;
  animation-duration: 36409ms;
  animation-delay: 15811ms;
}
@keyframes move-frames-53 {
  from {
    transform: translate3d(20vw, 102vh, 0);
  }
  to {
    transform: translate3d(22vw, -132vh, 0);
  }
}
.circle-container:nth-child(53) .circle {
  animation-delay: 2380ms;
}

.circle-container:nth-child(54) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-54;
  animation-duration: 36614ms;
  animation-delay: 33026ms;
}
@keyframes move-frames-54 {
  from {
    transform: translate3d(58vw, 108vh, 0);
  }
  to {
    transform: translate3d(70vw, -117vh, 0);
  }
}
.circle-container:nth-child(54) .circle {
  animation-delay: 1798ms;
}

.circle-container:nth-child(55) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-55;
  animation-duration: 35874ms;
  animation-delay: 9541ms;
}
@keyframes move-frames-55 {
  from {
    transform: translate3d(77vw, 106vh, 0);
  }
  to {
    transform: translate3d(13vw, -119vh, 0);
  }
}
.circle-container:nth-child(55) .circle {
  animation-delay: 617ms;
}

.circle-container:nth-child(56) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-56;
  animation-duration: 35182ms;
  animation-delay: 30196ms;
}
@keyframes move-frames-56 {
  from {
    transform: translate3d(95vw, 110vh, 0);
  }
  to {
    transform: translate3d(52vw, -113vh, 0);
  }
}
.circle-container:nth-child(56) .circle {
  animation-delay: 1125ms;
}

.circle-container:nth-child(57) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-57;
  animation-duration: 30516ms;
  animation-delay: 35864ms;
}
@keyframes move-frames-57 {
  from {
    transform: translate3d(57vw, 106vh, 0);
  }
  to {
    transform: translate3d(81vw, -116vh, 0);
  }
}
.circle-container:nth-child(57) .circle {
  animation-delay: 929ms;
}

.circle-container:nth-child(58) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-58;
  animation-duration: 30600ms;
  animation-delay: 1982ms;
}
@keyframes move-frames-58 {
  from {
    transform: translate3d(71vw, 102vh, 0);
  }
  to {
    transform: translate3d(25vw, -111vh, 0);
  }
}
.circle-container:nth-child(58) .circle {
  animation-delay: 1282ms;
}

.circle-container:nth-child(59) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-59;
  animation-duration: 32767ms;
  animation-delay: 30964ms;
}
@keyframes move-frames-59 {
  from {
    transform: translate3d(71vw, 106vh, 0);
  }
  to {
    transform: translate3d(9vw, -123vh, 0);
  }
}
.circle-container:nth-child(59) .circle {
  animation-delay: 3122ms;
}

.circle-container:nth-child(60) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-60;
  animation-duration: 33668ms;
  animation-delay: 192ms;
}
@keyframes move-frames-60 {
  from {
    transform: translate3d(24vw, 107vh, 0);
  }
  to {
    transform: translate3d(72vw, -132vh, 0);
  }
}
.circle-container:nth-child(60) .circle {
  animation-delay: 1550ms;
}

.circle-container:nth-child(61) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-61;
  animation-duration: 33838ms;
  animation-delay: 29889ms;
}
@keyframes move-frames-61 {
  from {
    transform: translate3d(23vw, 101vh, 0);
  }
  to {
    transform: translate3d(30vw, -104vh, 0);
  }
}
.circle-container:nth-child(61) .circle {
  animation-delay: 2473ms;
}

.circle-container:nth-child(62) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-62;
  animation-duration: 29101ms;
  animation-delay: 8712ms;
}
@keyframes move-frames-62 {
  from {
    transform: translate3d(52vw, 102vh, 0);
  }
  to {
    transform: translate3d(86vw, -114vh, 0);
  }
}
.circle-container:nth-child(62) .circle {
  animation-delay: 3683ms;
}

.circle-container:nth-child(63) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-63;
  animation-duration: 32930ms;
  animation-delay: 5318ms;
}
@keyframes move-frames-63 {
  from {
    transform: translate3d(88vw, 101vh, 0);
  }
  to {
    transform: translate3d(62vw, -104vh, 0);
  }
}
.circle-container:nth-child(63) .circle {
  animation-delay: 842ms;
}

.circle-container:nth-child(64) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-64;
  animation-duration: 34052ms;
  animation-delay: 9121ms;
}
@keyframes move-frames-64 {
  from {
    transform: translate3d(56vw, 103vh, 0);
  }
  to {
    transform: translate3d(3vw, -114vh, 0);
  }
}
.circle-container:nth-child(64) .circle {
  animation-delay: 629ms;
}

.circle-container:nth-child(65) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-65;
  animation-duration: 30355ms;
  animation-delay: 11554ms;
}
@keyframes move-frames-65 {
  from {
    transform: translate3d(82vw, 101vh, 0);
  }
  to {
    transform: translate3d(61vw, -114vh, 0);
  }
}
.circle-container:nth-child(65) .circle {
  animation-delay: 3873ms;
}

.circle-container:nth-child(66) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-66;
  animation-duration: 31839ms;
  animation-delay: 31480ms;
}
@keyframes move-frames-66 {
  from {
    transform: translate3d(95vw, 103vh, 0);
  }
  to {
    transform: translate3d(84vw, -107vh, 0);
  }
}
.circle-container:nth-child(66) .circle {
  animation-delay: 494ms;
}

.circle-container:nth-child(67) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-67;
  animation-duration: 33423ms;
  animation-delay: 22530ms;
}
@keyframes move-frames-67 {
  from {
    transform: translate3d(97vw, 106vh, 0);
  }
  to {
    transform: translate3d(40vw, -124vh, 0);
  }
}
.circle-container:nth-child(67) .circle {
  animation-delay: 3669ms;
}

.circle-container:nth-child(68) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-68;
  animation-duration: 34219ms;
  animation-delay: 12682ms;
}
@keyframes move-frames-68 {
  from {
    transform: translate3d(47vw, 108vh, 0);
  }
  to {
    transform: translate3d(28vw, -132vh, 0);
  }
}
.circle-container:nth-child(68) .circle {
  animation-delay: 1739ms;
}

.circle-container:nth-child(69) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-69;
  animation-duration: 32171ms;
  animation-delay: 34518ms;
}
@keyframes move-frames-69 {
  from {
    transform: translate3d(55vw, 110vh, 0);
  }
  to {
    transform: translate3d(54vw, -133vh, 0);
  }
}
.circle-container:nth-child(69) .circle {
  animation-delay: 678ms;
}

.circle-container:nth-child(70) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-70;
  animation-duration: 34965ms;
  animation-delay: 7050ms;
}
@keyframes move-frames-70 {
  from {
    transform: translate3d(55vw, 104vh, 0);
  }
  to {
    transform: translate3d(66vw, -115vh, 0);
  }
}
.circle-container:nth-child(70) .circle {
  animation-delay: 3933ms;
}

.circle-container:nth-child(71) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-71;
  animation-duration: 36187ms;
  animation-delay: 5495ms;
}
@keyframes move-frames-71 {
  from {
    transform: translate3d(91vw, 102vh, 0);
  }
  to {
    transform: translate3d(18vw, -116vh, 0);
  }
}
.circle-container:nth-child(71) .circle {
  animation-delay: 617ms;
}

.circle-container:nth-child(72) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-72;
  animation-duration: 32982ms;
  animation-delay: 15856ms;
}
@keyframes move-frames-72 {
  from {
    transform: translate3d(72vw, 104vh, 0);
  }
  to {
    transform: translate3d(88vw, -132vh, 0);
  }
}
.circle-container:nth-child(72) .circle {
  animation-delay: 1875ms;
}

.circle-container:nth-child(73) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-73;
  animation-duration: 30732ms;
  animation-delay: 12833ms;
}
@keyframes move-frames-73 {
  from {
    transform: translate3d(14vw, 110vh, 0);
  }
  to {
    transform: translate3d(54vw, -134vh, 0);
  }
}
.circle-container:nth-child(73) .circle {
  animation-delay: 2696ms;
}

.circle-container:nth-child(74) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-74;
  animation-duration: 34860ms;
  animation-delay: 17270ms;
}
@keyframes move-frames-74 {
  from {
    transform: translate3d(85vw, 106vh, 0);
  }
  to {
    transform: translate3d(57vw, -133vh, 0);
  }
}
.circle-container:nth-child(74) .circle {
  animation-delay: 410ms;
}

.circle-container:nth-child(75) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-75;
  animation-duration: 31143ms;
  animation-delay: 25497ms;
}
@keyframes move-frames-75 {
  from {
    transform: translate3d(92vw, 110vh, 0);
  }
  to {
    transform: translate3d(23vw, -139vh, 0);
  }
}
.circle-container:nth-child(75) .circle {
  animation-delay: 3118ms;
}

.circle-container:nth-child(76) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-76;
  animation-duration: 29173ms;
  animation-delay: 9242ms;
}
@keyframes move-frames-76 {
  from {
    transform: translate3d(56vw, 105vh, 0);
  }
  to {
    transform: translate3d(63vw, -127vh, 0);
  }
}
.circle-container:nth-child(76) .circle {
  animation-delay: 2425ms;
}

.circle-container:nth-child(77) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-77;
  animation-duration: 34485ms;
  animation-delay: 15292ms;
}
@keyframes move-frames-77 {
  from {
    transform: translate3d(9vw, 104vh, 0);
  }
  to {
    transform: translate3d(19vw, -131vh, 0);
  }
}
.circle-container:nth-child(77) .circle {
  animation-delay: 2612ms;
}

.circle-container:nth-child(78) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-78;
  animation-duration: 30015ms;
  animation-delay: 30871ms;
}
@keyframes move-frames-78 {
  from {
    transform: translate3d(1vw, 104vh, 0);
  }
  to {
    transform: translate3d(4vw, -131vh, 0);
  }
}
.circle-container:nth-child(78) .circle {
  animation-delay: 205ms;
}

.circle-container:nth-child(79) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-79;
  animation-duration: 36424ms;
  animation-delay: 28999ms;
}
@keyframes move-frames-79 {
  from {
    transform: translate3d(75vw, 102vh, 0);
  }
  to {
    transform: translate3d(29vw, -120vh, 0);
  }
}
.circle-container:nth-child(79) .circle {
  animation-delay: 3734ms;
}

.circle-container:nth-child(80) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-80;
  animation-duration: 36291ms;
  animation-delay: 10058ms;
}
@keyframes move-frames-80 {
  from {
    transform: translate3d(7vw, 106vh, 0);
  }
  to {
    transform: translate3d(74vw, -112vh, 0);
  }
}
.circle-container:nth-child(80) .circle {
  animation-delay: 725ms;
}

.circle-container:nth-child(81) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-81;
  animation-duration: 36243ms;
  animation-delay: 6902ms;
}
@keyframes move-frames-81 {
  from {
    transform: translate3d(49vw, 109vh, 0);
  }
  to {
    transform: translate3d(87vw, -126vh, 0);
  }
}
.circle-container:nth-child(81) .circle {
  animation-delay: 2086ms;
}

.circle-container:nth-child(82) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-82;
  animation-duration: 29078ms;
  animation-delay: 10323ms;
}
@keyframes move-frames-82 {
  from {
    transform: translate3d(64vw, 108vh, 0);
  }
  to {
    transform: translate3d(64vw, -127vh, 0);
  }
}
.circle-container:nth-child(82) .circle {
  animation-delay: 235ms;
}

.circle-container:nth-child(83) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-83;
  animation-duration: 31685ms;
  animation-delay: 421ms;
}
@keyframes move-frames-83 {
  from {
    transform: translate3d(12vw, 105vh, 0);
  }
  to {
    transform: translate3d(37vw, -122vh, 0);
  }
}
.circle-container:nth-child(83) .circle {
  animation-delay: 3438ms;
}

.circle-container:nth-child(84) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-84;
  animation-duration: 34827ms;
  animation-delay: 29099ms;
}
@keyframes move-frames-84 {
  from {
    transform: translate3d(4vw, 110vh, 0);
  }
  to {
    transform: translate3d(31vw, -136vh, 0);
  }
}
.circle-container:nth-child(84) .circle {
  animation-delay: 3417ms;
}

.circle-container:nth-child(85) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-85;
  animation-duration: 34810ms;
  animation-delay: 2423ms;
}
@keyframes move-frames-85 {
  from {
    transform: translate3d(6vw, 102vh, 0);
  }
  to {
    transform: translate3d(97vw, -107vh, 0);
  }
}
.circle-container:nth-child(85) .circle {
  animation-delay: 2610ms;
}

.circle-container:nth-child(86) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-86;
  animation-duration: 33418ms;
  animation-delay: 19285ms;
}
@keyframes move-frames-86 {
  from {
    transform: translate3d(47vw, 101vh, 0);
  }
  to {
    transform: translate3d(15vw, -113vh, 0);
  }
}
.circle-container:nth-child(86) .circle {
  animation-delay: 1174ms;
}

.circle-container:nth-child(87) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-87;
  animation-duration: 30849ms;
  animation-delay: 20817ms;
}
@keyframes move-frames-87 {
  from {
    transform: translate3d(33vw, 101vh, 0);
  }
  to {
    transform: translate3d(89vw, -105vh, 0);
  }
}
.circle-container:nth-child(87) .circle {
  animation-delay: 2767ms;
}

.circle-container:nth-child(88) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-88;
  animation-duration: 32345ms;
  animation-delay: 3431ms;
}
@keyframes move-frames-88 {
  from {
    transform: translate3d(49vw, 106vh, 0);
  }
  to {
    transform: translate3d(63vw, -122vh, 0);
  }
}
.circle-container:nth-child(88) .circle {
  animation-delay: 2097ms;
}

.circle-container:nth-child(89) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-89;
  animation-duration: 28665ms;
  animation-delay: 25245ms;
}
@keyframes move-frames-89 {
  from {
    transform: translate3d(98vw, 108vh, 0);
  }
  to {
    transform: translate3d(96vw, -138vh, 0);
  }
}
.circle-container:nth-child(89) .circle {
  animation-delay: 2856ms;
}

.circle-container:nth-child(90) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-90;
  animation-duration: 29765ms;
  animation-delay: 2058ms;
}
@keyframes move-frames-90 {
  from {
    transform: translate3d(5vw, 106vh, 0);
  }
  to {
    transform: translate3d(44vw, -120vh, 0);
  }
}
.circle-container:nth-child(90) .circle {
  animation-delay: 560ms;
}

.circle-container:nth-child(91) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-91;
  animation-duration: 28440ms;
  animation-delay: 6218ms;
}
@keyframes move-frames-91 {
  from {
    transform: translate3d(28vw, 106vh, 0);
  }
  to {
    transform: translate3d(50vw, -120vh, 0);
  }
}
.circle-container:nth-child(91) .circle {
  animation-delay: 2433ms;
}

.circle-container:nth-child(92) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-92;
  animation-duration: 32713ms;
  animation-delay: 23712ms;
}
@keyframes move-frames-92 {
  from {
    transform: translate3d(82vw, 102vh, 0);
  }
  to {
    transform: translate3d(89vw, -125vh, 0);
  }
}
.circle-container:nth-child(92) .circle {
  animation-delay: 3884ms;
}

.circle-container:nth-child(93) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-93;
  animation-duration: 31942ms;
  animation-delay: 6373ms;
}
@keyframes move-frames-93 {
  from {
    transform: translate3d(41vw, 102vh, 0);
  }
  to {
    transform: translate3d(92vw, -131vh, 0);
  }
}
.circle-container:nth-child(93) .circle {
  animation-delay: 1552ms;
}

.circle-container:nth-child(94) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-94;
  animation-duration: 35203ms;
  animation-delay: 16253ms;
}
@keyframes move-frames-94 {
  from {
    transform: translate3d(16vw, 109vh, 0);
  }
  to {
    transform: translate3d(96vw, -118vh, 0);
  }
}
.circle-container:nth-child(94) .circle {
  animation-delay: 250ms;
}

.circle-container:nth-child(95) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-95;
  animation-duration: 35588ms;
  animation-delay: 11309ms;
}
@keyframes move-frames-95 {
  from {
    transform: translate3d(91vw, 106vh, 0);
  }
  to {
    transform: translate3d(39vw, -117vh, 0);
  }
}
.circle-container:nth-child(95) .circle {
  animation-delay: 9ms;
}

.circle-container:nth-child(96) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-96;
  animation-duration: 29937ms;
  animation-delay: 27447ms;
}
@keyframes move-frames-96 {
  from {
    transform: translate3d(57vw, 105vh, 0);
  }
  to {
    transform: translate3d(96vw, -112vh, 0);
  }
}
.circle-container:nth-child(96) .circle {
  animation-delay: 3702ms;
}

.circle-container:nth-child(97) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-97;
  animation-duration: 33032ms;
  animation-delay: 23745ms;
}
@keyframes move-frames-97 {
  from {
    transform: translate3d(50vw, 102vh, 0);
  }
  to {
    transform: translate3d(32vw, -128vh, 0);
  }
}
.circle-container:nth-child(97) .circle {
  animation-delay: 603ms;
}

.circle-container:nth-child(98) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-98;
  animation-duration: 34887ms;
  animation-delay: 36583ms;
}
@keyframes move-frames-98 {
  from {
    transform: translate3d(40vw, 109vh, 0);
  }
  to {
    transform: translate3d(94vw, -126vh, 0);
  }
}
.circle-container:nth-child(98) .circle {
  animation-delay: 195ms;
}

.circle-container:nth-child(99) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-99;
  animation-duration: 34998ms;
  animation-delay: 9990ms;
}
@keyframes move-frames-99 {
  from {
    transform: translate3d(34vw, 108vh, 0);
  }
  to {
    transform: translate3d(84vw, -118vh, 0);
  }
}
.circle-container:nth-child(99) .circle {
  animation-delay: 2907ms;
}

.circle-container:nth-child(100) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-100;
  animation-duration: 33310ms;
  animation-delay: 10176ms;
}
@keyframes move-frames-100 {
  from {
    transform: translate3d(73vw, 102vh, 0);
  }
  to {
    transform: translate3d(23vw, -131vh, 0);
  }
}
.circle-container:nth-child(100) .circle {
  animation-delay: 1249ms;
}

.circle-container:nth-child(101) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-101;
  animation-duration: 28936ms;
  animation-delay: 10148ms;
}
@keyframes move-frames-101 {
  from {
    transform: translate3d(27vw, 101vh, 0);
  }
  to {
    transform: translate3d(54vw, -109vh, 0);
  }
}
.circle-container:nth-child(101) .circle {
  animation-delay: 2681ms;
}

.circle-container:nth-child(102) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-102;
  animation-duration: 31718ms;
  animation-delay: 5960ms;
}
@keyframes move-frames-102 {
  from {
    transform: translate3d(69vw, 101vh, 0);
  }
  to {
    transform: translate3d(86vw, -117vh, 0);
  }
}
.circle-container:nth-child(102) .circle {
  animation-delay: 2100ms;
}

.circle-container:nth-child(103) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-103;
  animation-duration: 30067ms;
  animation-delay: 16148ms;
}
@keyframes move-frames-103 {
  from {
    transform: translate3d(18vw, 104vh, 0);
  }
  to {
    transform: translate3d(3vw, -108vh, 0);
  }
}
.circle-container:nth-child(103) .circle {
  animation-delay: 2707ms;
}

.circle-container:nth-child(104) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-104;
  animation-duration: 30610ms;
  animation-delay: 21287ms;
}
@keyframes move-frames-104 {
  from {
    transform: translate3d(75vw, 102vh, 0);
  }
  to {
    transform: translate3d(11vw, -104vh, 0);
  }
}
.circle-container:nth-child(104) .circle {
  animation-delay: 2238ms;
}

.circle-container:nth-child(105) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-105;
  animation-duration: 29284ms;
  animation-delay: 15478ms;
}
@keyframes move-frames-105 {
  from {
    transform: translate3d(69vw, 104vh, 0);
  }
  to {
    transform: translate3d(57vw, -109vh, 0);
  }
}
.circle-container:nth-child(105) .circle {
  animation-delay: 1201ms;
}

.circle-container:nth-child(106) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-106;
  animation-duration: 34674ms;
  animation-delay: 26602ms;
}
@keyframes move-frames-106 {
  from {
    transform: translate3d(13vw, 102vh, 0);
  }
  to {
    transform: translate3d(23vw, -132vh, 0);
  }
}
.circle-container:nth-child(106) .circle {
  animation-delay: 1643ms;
}

.circle-container:nth-child(107) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-107;
  animation-duration: 30209ms;
  animation-delay: 29955ms;
}
@keyframes move-frames-107 {
  from {
    transform: translate3d(58vw, 106vh, 0);
  }
  to {
    transform: translate3d(52vw, -132vh, 0);
  }
}
.circle-container:nth-child(107) .circle {
  animation-delay: 2403ms;
}

.circle-container:nth-child(108) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-108;
  animation-duration: 34156ms;
  animation-delay: 32087ms;
}
@keyframes move-frames-108 {
  from {
    transform: translate3d(10vw, 109vh, 0);
  }
  to {
    transform: translate3d(100vw, -133vh, 0);
  }
}
.circle-container:nth-child(108) .circle {
  animation-delay: 262ms;
}

.circle-container:nth-child(109) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-109;
  animation-duration: 32494ms;
  animation-delay: 22265ms;
}
@keyframes move-frames-109 {
  from {
    transform: translate3d(39vw, 108vh, 0);
  }
  to {
    transform: translate3d(19vw, -138vh, 0);
  }
}
.circle-container:nth-child(109) .circle {
  animation-delay: 3225ms;
}

.circle-container:nth-child(110) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-110;
  animation-duration: 29020ms;
  animation-delay: 19088ms;
}
@keyframes move-frames-110 {
  from {
    transform: translate3d(38vw, 108vh, 0);
  }
  to {
    transform: translate3d(92vw, -118vh, 0);
  }
}
.circle-container:nth-child(110) .circle {
  animation-delay: 3018ms;
}

.circle-container:nth-child(111) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-111;
  animation-duration: 28173ms;
  animation-delay: 28297ms;
}
@keyframes move-frames-111 {
  from {
    transform: translate3d(70vw, 103vh, 0);
  }
  to {
    transform: translate3d(36vw, -122vh, 0);
  }
}
.circle-container:nth-child(111) .circle {
  animation-delay: 1327ms;
}

.circle-container:nth-child(112) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-112;
  animation-duration: 35677ms;
  animation-delay: 6677ms;
}
@keyframes move-frames-112 {
  from {
    transform: translate3d(6vw, 105vh, 0);
  }
  to {
    transform: translate3d(25vw, -106vh, 0);
  }
}
.circle-container:nth-child(112) .circle {
  animation-delay: 2479ms;
}

.circle-container:nth-child(113) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-113;
  animation-duration: 31217ms;
  animation-delay: 12997ms;
}
@keyframes move-frames-113 {
  from {
    transform: translate3d(23vw, 103vh, 0);
  }
  to {
    transform: translate3d(28vw, -131vh, 0);
  }
}
.circle-container:nth-child(113) .circle {
  animation-delay: 2486ms;
}

.circle-container:nth-child(114) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-114;
  animation-duration: 34372ms;
  animation-delay: 18991ms;
}
@keyframes move-frames-114 {
  from {
    transform: translate3d(18vw, 108vh, 0);
  }
  to {
    transform: translate3d(49vw, -132vh, 0);
  }
}
.circle-container:nth-child(114) .circle {
  animation-delay: 1341ms;
}

.circle-container:nth-child(115) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-115;
  animation-duration: 35014ms;
  animation-delay: 32074ms;
}
@keyframes move-frames-115 {
  from {
    transform: translate3d(37vw, 108vh, 0);
  }
  to {
    transform: translate3d(36vw, -110vh, 0);
  }
}
.circle-container:nth-child(115) .circle {
  animation-delay: 1951ms;
}

.circle-container:nth-child(116) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-116;
  animation-duration: 29480ms;
  animation-delay: 22721ms;
}
@keyframes move-frames-116 {
  from {
    transform: translate3d(45vw, 101vh, 0);
  }
  to {
    transform: translate3d(7vw, -106vh, 0);
  }
}
.circle-container:nth-child(116) .circle {
  animation-delay: 294ms;
}

.circle-container:nth-child(117) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-117;
  animation-duration: 28944ms;
  animation-delay: 22079ms;
}
@keyframes move-frames-117 {
  from {
    transform: translate3d(46vw, 109vh, 0);
  }
  to {
    transform: translate3d(10vw, -111vh, 0);
  }
}
.circle-container:nth-child(117) .circle {
  animation-delay: 3947ms;
}

.circle-container:nth-child(118) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-118;
  animation-duration: 35037ms;
  animation-delay: 27330ms;
}
@keyframes move-frames-118 {
  from {
    transform: translate3d(87vw, 110vh, 0);
  }
  to {
    transform: translate3d(90vw, -132vh, 0);
  }
}
.circle-container:nth-child(118) .circle {
  animation-delay: 3555ms;
}

.circle-container:nth-child(119) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-119;
  animation-duration: 30020ms;
  animation-delay: 27813ms;
}
@keyframes move-frames-119 {
  from {
    transform: translate3d(83vw, 102vh, 0);
  }
  to {
    transform: translate3d(77vw, -129vh, 0);
  }
}
.circle-container:nth-child(119) .circle {
  animation-delay: 2143ms;
}

.circle-container:nth-child(120) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-120;
  animation-duration: 32662ms;
  animation-delay: 35151ms;
}
@keyframes move-frames-120 {
  from {
    transform: translate3d(16vw, 107vh, 0);
  }
  to {
    transform: translate3d(73vw, -122vh, 0);
  }
}
.circle-container:nth-child(120) .circle {
  animation-delay: 2276ms;
}

.circle-container:nth-child(121) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-121;
  animation-duration: 33624ms;
  animation-delay: 18326ms;
}
@keyframes move-frames-121 {
  from {
    transform: translate3d(54vw, 107vh, 0);
  }
  to {
    transform: translate3d(97vw, -137vh, 0);
  }
}
.circle-container:nth-child(121) .circle {
  animation-delay: 2559ms;
}

.circle-container:nth-child(122) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-122;
  animation-duration: 30690ms;
  animation-delay: 6755ms;
}
@keyframes move-frames-122 {
  from {
    transform: translate3d(33vw, 106vh, 0);
  }
  to {
    transform: translate3d(94vw, -127vh, 0);
  }
}
.circle-container:nth-child(122) .circle {
  animation-delay: 3239ms;
}

.circle-container:nth-child(123) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-123;
  animation-duration: 29865ms;
  animation-delay: 29265ms;
}
@keyframes move-frames-123 {
  from {
    transform: translate3d(29vw, 106vh, 0);
  }
  to {
    transform: translate3d(36vw, -133vh, 0);
  }
}
.circle-container:nth-child(123) .circle {
  animation-delay: 1663ms;
}

.circle-container:nth-child(124) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-124;
  animation-duration: 36049ms;
  animation-delay: 21617ms;
}
@keyframes move-frames-124 {
  from {
    transform: translate3d(32vw, 109vh, 0);
  }
  to {
    transform: translate3d(91vw, -118vh, 0);
  }
}
.circle-container:nth-child(124) .circle {
  animation-delay: 982ms;
}

.circle-container:nth-child(125) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-125;
  animation-duration: 29281ms;
  animation-delay: 15201ms;
}
@keyframes move-frames-125 {
  from {
    transform: translate3d(28vw, 109vh, 0);
  }
  to {
    transform: translate3d(14vw, -139vh, 0);
  }
}
.circle-container:nth-child(125) .circle {
  animation-delay: 2338ms;
}

.circle-container:nth-child(126) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-126;
  animation-duration: 35655ms;
  animation-delay: 23644ms;
}
@keyframes move-frames-126 {
  from {
    transform: translate3d(32vw, 107vh, 0);
  }
  to {
    transform: translate3d(50vw, -134vh, 0);
  }
}
.circle-container:nth-child(126) .circle {
  animation-delay: 1106ms;
}

.circle-container:nth-child(127) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-127;
  animation-duration: 34346ms;
  animation-delay: 15356ms;
}
@keyframes move-frames-127 {
  from {
    transform: translate3d(47vw, 101vh, 0);
  }
  to {
    transform: translate3d(81vw, -126vh, 0);
  }
}
.circle-container:nth-child(127) .circle {
  animation-delay: 597ms;
}

.circle-container:nth-child(128) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-128;
  animation-duration: 33886ms;
  animation-delay: 25606ms;
}
@keyframes move-frames-128 {
  from {
    transform: translate3d(13vw, 102vh, 0);
  }
  to {
    transform: translate3d(18vw, -118vh, 0);
  }
}
.circle-container:nth-child(128) .circle {
  animation-delay: 1107ms;
}

.circle-container:nth-child(129) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-129;
  animation-duration: 35396ms;
  animation-delay: 36371ms;
}
@keyframes move-frames-129 {
  from {
    transform: translate3d(24vw, 109vh, 0);
  }
  to {
    transform: translate3d(74vw, -127vh, 0);
  }
}
.circle-container:nth-child(129) .circle {
  animation-delay: 2551ms;
}

.circle-container:nth-child(130) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-130;
  animation-duration: 29589ms;
  animation-delay: 16317ms;
}
@keyframes move-frames-130 {
  from {
    transform: translate3d(76vw, 103vh, 0);
  }
  to {
    transform: translate3d(36vw, -118vh, 0);
  }
}
.circle-container:nth-child(130) .circle {
  animation-delay: 2348ms;
}

.circle-container:nth-child(131) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-131;
  animation-duration: 31868ms;
  animation-delay: 9734ms;
}
@keyframes move-frames-131 {
  from {
    transform: translate3d(53vw, 110vh, 0);
  }
  to {
    transform: translate3d(92vw, -140vh, 0);
  }
}
.circle-container:nth-child(131) .circle {
  animation-delay: 1731ms;
}

.circle-container:nth-child(132) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-132;
  animation-duration: 32683ms;
  animation-delay: 30715ms;
}
@keyframes move-frames-132 {
  from {
    transform: translate3d(23vw, 103vh, 0);
  }
  to {
    transform: translate3d(4vw, -106vh, 0);
  }
}
.circle-container:nth-child(132) .circle {
  animation-delay: 2362ms;
}

.circle-container:nth-child(133) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-133;
  animation-duration: 36014ms;
  animation-delay: 23249ms;
}
@keyframes move-frames-133 {
  from {
    transform: translate3d(14vw, 104vh, 0);
  }
  to {
    transform: translate3d(99vw, -118vh, 0);
  }
}
.circle-container:nth-child(133) .circle {
  animation-delay: 133ms;
}

.circle-container:nth-child(134) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-134;
  animation-duration: 34050ms;
  animation-delay: 26578ms;
}
@keyframes move-frames-134 {
  from {
    transform: translate3d(86vw, 105vh, 0);
  }
  to {
    transform: translate3d(61vw, -121vh, 0);
  }
}
.circle-container:nth-child(134) .circle {
  animation-delay: 3754ms;
}

.circle-container:nth-child(135) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-135;
  animation-duration: 33134ms;
  animation-delay: 5336ms;
}
@keyframes move-frames-135 {
  from {
    transform: translate3d(99vw, 101vh, 0);
  }
  to {
    transform: translate3d(88vw, -109vh, 0);
  }
}
.circle-container:nth-child(135) .circle {
  animation-delay: 3228ms;
}

.circle-container:nth-child(136) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-136;
  animation-duration: 36623ms;
  animation-delay: 31328ms;
}
@keyframes move-frames-136 {
  from {
    transform: translate3d(93vw, 108vh, 0);
  }
  to {
    transform: translate3d(59vw, -119vh, 0);
  }
}
.circle-container:nth-child(136) .circle {
  animation-delay: 472ms;
}

.circle-container:nth-child(137) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-137;
  animation-duration: 34473ms;
  animation-delay: 28058ms;
}
@keyframes move-frames-137 {
  from {
    transform: translate3d(52vw, 108vh, 0);
  }
  to {
    transform: translate3d(44vw, -137vh, 0);
  }
}
.circle-container:nth-child(137) .circle {
  animation-delay: 2106ms;
}

.circle-container:nth-child(138) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-138;
  animation-duration: 33313ms;
  animation-delay: 35180ms;
}
@keyframes move-frames-138 {
  from {
    transform: translate3d(85vw, 108vh, 0);
  }
  to {
    transform: translate3d(42vw, -131vh, 0);
  }
}
.circle-container:nth-child(138) .circle {
  animation-delay: 3997ms;
}

.circle-container:nth-child(139) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-139;
  animation-duration: 34276ms;
  animation-delay: 8592ms;
}
@keyframes move-frames-139 {
  from {
    transform: translate3d(57vw, 108vh, 0);
  }
  to {
    transform: translate3d(75vw, -109vh, 0);
  }
}
.circle-container:nth-child(139) .circle {
  animation-delay: 1390ms;
}

.circle-container:nth-child(140) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-140;
  animation-duration: 35462ms;
  animation-delay: 3253ms;
}
@keyframes move-frames-140 {
  from {
    transform: translate3d(3vw, 101vh, 0);
  }
  to {
    transform: translate3d(96vw, -116vh, 0);
  }
}
.circle-container:nth-child(140) .circle {
  animation-delay: 2822ms;
}

.circle-container:nth-child(141) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-141;
  animation-duration: 30466ms;
  animation-delay: 35560ms;
}
@keyframes move-frames-141 {
  from {
    transform: translate3d(51vw, 105vh, 0);
  }
  to {
    transform: translate3d(79vw, -125vh, 0);
  }
}
.circle-container:nth-child(141) .circle {
  animation-delay: 367ms;
}

.circle-container:nth-child(142) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-142;
  animation-duration: 30136ms;
  animation-delay: 27073ms;
}
@keyframes move-frames-142 {
  from {
    transform: translate3d(10vw, 109vh, 0);
  }
  to {
    transform: translate3d(91vw, -127vh, 0);
  }
}
.circle-container:nth-child(142) .circle {
  animation-delay: 1947ms;
}

.circle-container:nth-child(143) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-143;
  animation-duration: 32696ms;
  animation-delay: 6378ms;
}
@keyframes move-frames-143 {
  from {
    transform: translate3d(28vw, 101vh, 0);
  }
  to {
    transform: translate3d(41vw, -106vh, 0);
  }
}
.circle-container:nth-child(143) .circle {
  animation-delay: 3271ms;
}

.circle-container:nth-child(144) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-144;
  animation-duration: 32823ms;
  animation-delay: 12202ms;
}
@keyframes move-frames-144 {
  from {
    transform: translate3d(19vw, 106vh, 0);
  }
  to {
    transform: translate3d(56vw, -111vh, 0);
  }
}
.circle-container:nth-child(144) .circle {
  animation-delay: 922ms;
}

.circle-container:nth-child(145) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-145;
  animation-duration: 31952ms;
  animation-delay: 24953ms;
}
@keyframes move-frames-145 {
  from {
    transform: translate3d(10vw, 103vh, 0);
  }
  to {
    transform: translate3d(94vw, -109vh, 0);
  }
}
.circle-container:nth-child(145) .circle {
  animation-delay: 1878ms;
}

.circle-container:nth-child(146) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-146;
  animation-duration: 29574ms;
  animation-delay: 7212ms;
}
@keyframes move-frames-146 {
  from {
    transform: translate3d(82vw, 109vh, 0);
  }
  to {
    transform: translate3d(90vw, -129vh, 0);
  }
}
.circle-container:nth-child(146) .circle {
  animation-delay: 877ms;
}

.circle-container:nth-child(147) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-147;
  animation-duration: 30092ms;
  animation-delay: 15141ms;
}
@keyframes move-frames-147 {
  from {
    transform: translate3d(97vw, 103vh, 0);
  }
  to {
    transform: translate3d(55vw, -104vh, 0);
  }
}
.circle-container:nth-child(147) .circle {
  animation-delay: 1446ms;
}

.circle-container:nth-child(148) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-148;
  animation-duration: 30713ms;
  animation-delay: 16858ms;
}
@keyframes move-frames-148 {
  from {
    transform: translate3d(1vw, 101vh, 0);
  }
  to {
    transform: translate3d(33vw, -119vh, 0);
  }
}
.circle-container:nth-child(148) .circle {
  animation-delay: 3098ms;
}

.circle-container:nth-child(149) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-149;
  animation-duration: 31480ms;
  animation-delay: 36920ms;
}
@keyframes move-frames-149 {
  from {
    transform: translate3d(56vw, 110vh, 0);
  }
  to {
    transform: translate3d(100vw, -112vh, 0);
  }
}
.circle-container:nth-child(149) .circle {
  animation-delay: 1810ms;
}

.circle-container:nth-child(150) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-150;
  animation-duration: 30449ms;
  animation-delay: 4938ms;
}
@keyframes move-frames-150 {
  from {
    transform: translate3d(16vw, 109vh, 0);
  }
  to {
    transform: translate3d(32vw, -112vh, 0);
  }
}
.circle-container:nth-child(150) .circle {
  animation-delay: 2270ms;
}

.circle-container:nth-child(151) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-151;
  animation-duration: 31779ms;
  animation-delay: 8543ms;
}
@keyframes move-frames-151 {
  from {
    transform: translate3d(64vw, 105vh, 0);
  }
  to {
    transform: translate3d(9vw, -125vh, 0);
  }
}
.circle-container:nth-child(151) .circle {
  animation-delay: 1955ms;
}

.circle-container:nth-child(152) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-152;
  animation-duration: 30416ms;
  animation-delay: 22472ms;
}
@keyframes move-frames-152 {
  from {
    transform: translate3d(100vw, 108vh, 0);
  }
  to {
    transform: translate3d(58vw, -120vh, 0);
  }
}
.circle-container:nth-child(152) .circle {
  animation-delay: 2813ms;
}

.circle-container:nth-child(153) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-153;
  animation-duration: 28730ms;
  animation-delay: 36047ms;
}
@keyframes move-frames-153 {
  from {
    transform: translate3d(26vw, 105vh, 0);
  }
  to {
    transform: translate3d(74vw, -108vh, 0);
  }
}
.circle-container:nth-child(153) .circle {
  animation-delay: 1405ms;
}

.circle-container:nth-child(154) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-154;
  animation-duration: 33545ms;
  animation-delay: 9753ms;
}
@keyframes move-frames-154 {
  from {
    transform: translate3d(5vw, 109vh, 0);
  }
  to {
    transform: translate3d(92vw, -135vh, 0);
  }
}
.circle-container:nth-child(154) .circle {
  animation-delay: 173ms;
}

.circle-container:nth-child(155) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-155;
  animation-duration: 36630ms;
  animation-delay: 26598ms;
}
@keyframes move-frames-155 {
  from {
    transform: translate3d(39vw, 106vh, 0);
  }
  to {
    transform: translate3d(16vw, -122vh, 0);
  }
}
.circle-container:nth-child(155) .circle {
  animation-delay: 2341ms;
}

.circle-container:nth-child(156) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-156;
  animation-duration: 34509ms;
  animation-delay: 14156ms;
}
@keyframes move-frames-156 {
  from {
    transform: translate3d(50vw, 110vh, 0);
  }
  to {
    transform: translate3d(76vw, -114vh, 0);
  }
}
.circle-container:nth-child(156) .circle {
  animation-delay: 3790ms;
}

.circle-container:nth-child(157) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-157;
  animation-duration: 34687ms;
  animation-delay: 7691ms;
}
@keyframes move-frames-157 {
  from {
    transform: translate3d(49vw, 105vh, 0);
  }
  to {
    transform: translate3d(33vw, -134vh, 0);
  }
}
.circle-container:nth-child(157) .circle {
  animation-delay: 2507ms;
}

.circle-container:nth-child(158) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-158;
  animation-duration: 30614ms;
  animation-delay: 33693ms;
}
@keyframes move-frames-158 {
  from {
    transform: translate3d(10vw, 109vh, 0);
  }
  to {
    transform: translate3d(53vw, -113vh, 0);
  }
}
.circle-container:nth-child(158) .circle {
  animation-delay: 808ms;
}

.circle-container:nth-child(159) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-159;
  animation-duration: 34696ms;
  animation-delay: 30751ms;
}
@keyframes move-frames-159 {
  from {
    transform: translate3d(2vw, 103vh, 0);
  }
  to {
    transform: translate3d(91vw, -117vh, 0);
  }
}
.circle-container:nth-child(159) .circle {
  animation-delay: 3086ms;
}

.circle-container:nth-child(160) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-160;
  animation-duration: 31477ms;
  animation-delay: 21599ms;
}
@keyframes move-frames-160 {
  from {
    transform: translate3d(41vw, 101vh, 0);
  }
  to {
    transform: translate3d(17vw, -116vh, 0);
  }
}
.circle-container:nth-child(160) .circle {
  animation-delay: 341ms;
}

.circle-container:nth-child(161) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-161;
  animation-duration: 31737ms;
  animation-delay: 26988ms;
}
@keyframes move-frames-161 {
  from {
    transform: translate3d(41vw, 103vh, 0);
  }
  to {
    transform: translate3d(95vw, -127vh, 0);
  }
}
.circle-container:nth-child(161) .circle {
  animation-delay: 1724ms;
}

.circle-container:nth-child(162) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-162;
  animation-duration: 32996ms;
  animation-delay: 28956ms;
}
@keyframes move-frames-162 {
  from {
    transform: translate3d(8vw, 110vh, 0);
  }
  to {
    transform: translate3d(38vw, -111vh, 0);
  }
}
.circle-container:nth-child(162) .circle {
  animation-delay: 348ms;
}

.circle-container:nth-child(163) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-163;
  animation-duration: 31622ms;
  animation-delay: 21620ms;
}
@keyframes move-frames-163 {
  from {
    transform: translate3d(5vw, 105vh, 0);
  }
  to {
    transform: translate3d(8vw, -129vh, 0);
  }
}
.circle-container:nth-child(163) .circle {
  animation-delay: 2868ms;
}

.circle-container:nth-child(164) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-164;
  animation-duration: 33254ms;
  animation-delay: 5029ms;
}
@keyframes move-frames-164 {
  from {
    transform: translate3d(27vw, 106vh, 0);
  }
  to {
    transform: translate3d(89vw, -127vh, 0);
  }
}
.circle-container:nth-child(164) .circle {
  animation-delay: 2144ms;
}

.circle-container:nth-child(165) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-165;
  animation-duration: 28106ms;
  animation-delay: 32411ms;
}
@keyframes move-frames-165 {
  from {
    transform: translate3d(91vw, 109vh, 0);
  }
  to {
    transform: translate3d(64vw, -135vh, 0);
  }
}
.circle-container:nth-child(165) .circle {
  animation-delay: 3166ms;
}

.circle-container:nth-child(166) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-166;
  animation-duration: 28566ms;
  animation-delay: 6698ms;
}
@keyframes move-frames-166 {
  from {
    transform: translate3d(17vw, 109vh, 0);
  }
  to {
    transform: translate3d(25vw, -117vh, 0);
  }
}
.circle-container:nth-child(166) .circle {
  animation-delay: 1697ms;
}

.circle-container:nth-child(167) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-167;
  animation-duration: 33301ms;
  animation-delay: 5189ms;
}
@keyframes move-frames-167 {
  from {
    transform: translate3d(93vw, 106vh, 0);
  }
  to {
    transform: translate3d(92vw, -126vh, 0);
  }
}
.circle-container:nth-child(167) .circle {
  animation-delay: 1394ms;
}

.circle-container:nth-child(168) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-168;
  animation-duration: 33495ms;
  animation-delay: 19067ms;
}
@keyframes move-frames-168 {
  from {
    transform: translate3d(61vw, 107vh, 0);
  }
  to {
    transform: translate3d(91vw, -115vh, 0);
  }
}
.circle-container:nth-child(168) .circle {
  animation-delay: 3333ms;
}

.circle-container:nth-child(169) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-169;
  animation-duration: 32223ms;
  animation-delay: 5993ms;
}
@keyframes move-frames-169 {
  from {
    transform: translate3d(81vw, 105vh, 0);
  }
  to {
    transform: translate3d(22vw, -129vh, 0);
  }
}
.circle-container:nth-child(169) .circle {
  animation-delay: 3900ms;
}

.circle-container:nth-child(170) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-170;
  animation-duration: 35686ms;
  animation-delay: 22068ms;
}
@keyframes move-frames-170 {
  from {
    transform: translate3d(58vw, 104vh, 0);
  }
  to {
    transform: translate3d(65vw, -116vh, 0);
  }
}
.circle-container:nth-child(170) .circle {
  animation-delay: 3050ms;
}

.circle-container:nth-child(171) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-171;
  animation-duration: 29308ms;
  animation-delay: 32749ms;
}
@keyframes move-frames-171 {
  from {
    transform: translate3d(18vw, 107vh, 0);
  }
  to {
    transform: translate3d(60vw, -126vh, 0);
  }
}
.circle-container:nth-child(171) .circle {
  animation-delay: 2590ms;
}

.circle-container:nth-child(172) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-172;
  animation-duration: 32355ms;
  animation-delay: 14240ms;
}
@keyframes move-frames-172 {
  from {
    transform: translate3d(58vw, 102vh, 0);
  }
  to {
    transform: translate3d(7vw, -113vh, 0);
  }
}
.circle-container:nth-child(172) .circle {
  animation-delay: 1207ms;
}

.circle-container:nth-child(173) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-173;
  animation-duration: 30985ms;
  animation-delay: 14622ms;
}
@keyframes move-frames-173 {
  from {
    transform: translate3d(12vw, 109vh, 0);
  }
  to {
    transform: translate3d(45vw, -132vh, 0);
  }
}
.circle-container:nth-child(173) .circle {
  animation-delay: 1504ms;
}

.circle-container:nth-child(174) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-174;
  animation-duration: 36173ms;
  animation-delay: 36428ms;
}
@keyframes move-frames-174 {
  from {
    transform: translate3d(43vw, 107vh, 0);
  }
  to {
    transform: translate3d(23vw, -119vh, 0);
  }
}
.circle-container:nth-child(174) .circle {
  animation-delay: 2587ms;
}

.circle-container:nth-child(175) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-175;
  animation-duration: 32984ms;
  animation-delay: 33862ms;
}
@keyframes move-frames-175 {
  from {
    transform: translate3d(26vw, 107vh, 0);
  }
  to {
    transform: translate3d(95vw, -136vh, 0);
  }
}
.circle-container:nth-child(175) .circle {
  animation-delay: 3998ms;
}

.circle-container:nth-child(176) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-176;
  animation-duration: 32063ms;
  animation-delay: 18077ms;
}
@keyframes move-frames-176 {
  from {
    transform: translate3d(16vw, 110vh, 0);
  }
  to {
    transform: translate3d(58vw, -131vh, 0);
  }
}
.circle-container:nth-child(176) .circle {
  animation-delay: 1192ms;
}

.circle-container:nth-child(177) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-177;
  animation-duration: 30897ms;
  animation-delay: 26739ms;
}
@keyframes move-frames-177 {
  from {
    transform: translate3d(93vw, 104vh, 0);
  }
  to {
    transform: translate3d(65vw, -108vh, 0);
  }
}
.circle-container:nth-child(177) .circle {
  animation-delay: 1748ms;
}

.circle-container:nth-child(178) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-178;
  animation-duration: 30422ms;
  animation-delay: 14313ms;
}
@keyframes move-frames-178 {
  from {
    transform: translate3d(59vw, 107vh, 0);
  }
  to {
    transform: translate3d(37vw, -124vh, 0);
  }
}
.circle-container:nth-child(178) .circle {
  animation-delay: 1768ms;
}

.circle-container:nth-child(179) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-179;
  animation-duration: 29646ms;
  animation-delay: 36201ms;
}
@keyframes move-frames-179 {
  from {
    transform: translate3d(36vw, 103vh, 0);
  }
  to {
    transform: translate3d(89vw, -106vh, 0);
  }
}
.circle-container:nth-child(179) .circle {
  animation-delay: 1870ms;
}

.circle-container:nth-child(180) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-180;
  animation-duration: 28504ms;
  animation-delay: 27143ms;
}
@keyframes move-frames-180 {
  from {
    transform: translate3d(53vw, 101vh, 0);
  }
  to {
    transform: translate3d(69vw, -105vh, 0);
  }
}
.circle-container:nth-child(180) .circle {
  animation-delay: 720ms;
}

.circle-container:nth-child(181) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-181;
  animation-duration: 32585ms;
  animation-delay: 27276ms;
}
@keyframes move-frames-181 {
  from {
    transform: translate3d(13vw, 108vh, 0);
  }
  to {
    transform: translate3d(52vw, -120vh, 0);
  }
}
.circle-container:nth-child(181) .circle {
  animation-delay: 2513ms;
}

.circle-container:nth-child(182) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-182;
  animation-duration: 31609ms;
  animation-delay: 20173ms;
}
@keyframes move-frames-182 {
  from {
    transform: translate3d(97vw, 109vh, 0);
  }
  to {
    transform: translate3d(43vw, -117vh, 0);
  }
}
.circle-container:nth-child(182) .circle {
  animation-delay: 3679ms;
}

.circle-container:nth-child(183) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-183;
  animation-duration: 36157ms;
  animation-delay: 10427ms;
}
@keyframes move-frames-183 {
  from {
    transform: translate3d(24vw, 104vh, 0);
  }
  to {
    transform: translate3d(90vw, -130vh, 0);
  }
}
.circle-container:nth-child(183) .circle {
  animation-delay: 1458ms;
}

.circle-container:nth-child(184) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-184;
  animation-duration: 35558ms;
  animation-delay: 29832ms;
}
@keyframes move-frames-184 {
  from {
    transform: translate3d(54vw, 101vh, 0);
  }
  to {
    transform: translate3d(50vw, -130vh, 0);
  }
}
.circle-container:nth-child(184) .circle {
  animation-delay: 931ms;
}

.circle-container:nth-child(185) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-185;
  animation-duration: 35988ms;
  animation-delay: 31358ms;
}
@keyframes move-frames-185 {
  from {
    transform: translate3d(62vw, 105vh, 0);
  }
  to {
    transform: translate3d(72vw, -118vh, 0);
  }
}
.circle-container:nth-child(185) .circle {
  animation-delay: 1320ms;
}

.circle-container:nth-child(186) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-186;
  animation-duration: 35447ms;
  animation-delay: 30211ms;
}
@keyframes move-frames-186 {
  from {
    transform: translate3d(64vw, 109vh, 0);
  }
  to {
    transform: translate3d(7vw, -110vh, 0);
  }
}
.circle-container:nth-child(186) .circle {
  animation-delay: 2747ms;
}

.circle-container:nth-child(187) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-187;
  animation-duration: 31316ms;
  animation-delay: 28126ms;
}
@keyframes move-frames-187 {
  from {
    transform: translate3d(25vw, 109vh, 0);
  }
  to {
    transform: translate3d(93vw, -124vh, 0);
  }
}
.circle-container:nth-child(187) .circle {
  animation-delay: 829ms;
}

.circle-container:nth-child(188) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-188;
  animation-duration: 33991ms;
  animation-delay: 34401ms;
}
@keyframes move-frames-188 {
  from {
    transform: translate3d(53vw, 105vh, 0);
  }
  to {
    transform: translate3d(99vw, -120vh, 0);
  }
}
.circle-container:nth-child(188) .circle {
  animation-delay: 3541ms;
}

.circle-container:nth-child(189) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-189;
  animation-duration: 31816ms;
  animation-delay: 16431ms;
}
@keyframes move-frames-189 {
  from {
    transform: translate3d(42vw, 107vh, 0);
  }
  to {
    transform: translate3d(87vw, -121vh, 0);
  }
}
.circle-container:nth-child(189) .circle {
  animation-delay: 2864ms;
}

.circle-container:nth-child(190) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-190;
  animation-duration: 34264ms;
  animation-delay: 22440ms;
}
@keyframes move-frames-190 {
  from {
    transform: translate3d(79vw, 106vh, 0);
  }
  to {
    transform: translate3d(69vw, -136vh, 0);
  }
}
.circle-container:nth-child(190) .circle {
  animation-delay: 3944ms;
}

.circle-container:nth-child(191) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-191;
  animation-duration: 35327ms;
  animation-delay: 29793ms;
}
@keyframes move-frames-191 {
  from {
    transform: translate3d(87vw, 106vh, 0);
  }
  to {
    transform: translate3d(86vw, -128vh, 0);
  }
}
.circle-container:nth-child(191) .circle {
  animation-delay: 1536ms;
}

.circle-container:nth-child(192) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-192;
  animation-duration: 33329ms;
  animation-delay: 22029ms;
}
@keyframes move-frames-192 {
  from {
    transform: translate3d(41vw, 104vh, 0);
  }
  to {
    transform: translate3d(69vw, -131vh, 0);
  }
}
.circle-container:nth-child(192) .circle {
  animation-delay: 2419ms;
}

.circle-container:nth-child(193) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-193;
  animation-duration: 28688ms;
  animation-delay: 6777ms;
}
@keyframes move-frames-193 {
  from {
    transform: translate3d(2vw, 102vh, 0);
  }
  to {
    transform: translate3d(18vw, -117vh, 0);
  }
}
.circle-container:nth-child(193) .circle {
  animation-delay: 2774ms;
}

.circle-container:nth-child(194) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-194;
  animation-duration: 30606ms;
  animation-delay: 2507ms;
}
@keyframes move-frames-194 {
  from {
    transform: translate3d(76vw, 108vh, 0);
  }
  to {
    transform: translate3d(85vw, -135vh, 0);
  }
}
.circle-container:nth-child(194) .circle {
  animation-delay: 384ms;
}

.circle-container:nth-child(195) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-195;
  animation-duration: 34064ms;
  animation-delay: 21847ms;
}
@keyframes move-frames-195 {
  from {
    transform: translate3d(22vw, 102vh, 0);
  }
  to {
    transform: translate3d(89vw, -125vh, 0);
  }
}
.circle-container:nth-child(195) .circle {
  animation-delay: 1940ms;
}

.circle-container:nth-child(196) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-196;
  animation-duration: 29490ms;
  animation-delay: 29737ms;
}
@keyframes move-frames-196 {
  from {
    transform: translate3d(7vw, 103vh, 0);
  }
  to {
    transform: translate3d(11vw, -105vh, 0);
  }
}
.circle-container:nth-child(196) .circle {
  animation-delay: 2082ms;
}

.circle-container:nth-child(197) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-197;
  animation-duration: 33198ms;
  animation-delay: 25280ms;
}
@keyframes move-frames-197 {
  from {
    transform: translate3d(37vw, 101vh, 0);
  }
  to {
    transform: translate3d(11vw, -120vh, 0);
  }
}
.circle-container:nth-child(197) .circle {
  animation-delay: 302ms;
}

.circle-container:nth-child(198) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-198;
  animation-duration: 29552ms;
  animation-delay: 16917ms;
}
@keyframes move-frames-198 {
  from {
    transform: translate3d(35vw, 104vh, 0);
  }
  to {
    transform: translate3d(31vw, -131vh, 0);
  }
}
.circle-container:nth-child(198) .circle {
  animation-delay: 2408ms;
}

.circle-container:nth-child(199) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-199;
  animation-duration: 35859ms;
  animation-delay: 35884ms;
}
@keyframes move-frames-199 {
  from {
    transform: translate3d(35vw, 107vh, 0);
  }
  to {
    transform: translate3d(71vw, -122vh, 0);
  }
}
.circle-container:nth-child(199) .circle {
  animation-delay: 2884ms;
}

.circle-container:nth-child(200) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-200;
  animation-duration: 32637ms;
  animation-delay: 11617ms;
}
@keyframes move-frames-200 {
  from {
    transform: translate3d(74vw, 110vh, 0);
  }
  to {
    transform: translate3d(77vw, -112vh, 0);
  }
}
.circle-container:nth-child(200) .circle {
  animation-delay: 1872ms;
}

.message {
  position: absolute;
  right: 20px;
  bottom: 10px;
  color: white;
  font-family: "Josefin Slab", serif;
  line-height: 27px;
  font-size: 18px;
  text-align: right;
  pointer-events: none;
  animation: message-frames 1.5s ease 5s forwards;
  opacity: 0;
}
@keyframes message-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pageheadline {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}
.headerbild {
  position: relative;
  border-bottom: 2px solid var(--thm-secondary);
  margin-bottom: 100px;
  margin-top: 110px;
}
.headerbild.nomargin {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .headerbild {
    margin-bottom: 40px;
    height: 56vw !important;
  }
}
.headerbild img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .headerbild img {
    height: 56vw !important;
  }
}
.headerbild .col-12 .h1 {
  position: relative;
  color: white;
  font-size: 3rem;
  background-color: var(--thm-secondary);
  padding: 12px 20px 10px 20px;
  border-top: 5px solid white;
  border-left: 5px solid white;
  border-right: 5px solid white;
  transform: translate(-19px, 2px);
}
@media screen and (max-width: 768px) {
  .headerbild .col-12 .h1 {
    font-size: 20px;
  }
}
.headerbild .col-12 .h3 {
  color: white;
  background-color: var(--thm-secondary);
  padding: 0px 20px 10px 20px;
  border-left: 5px solid white;
  border-right: 5px solid white;
  transform: translate(-19px, 2px);
}

[data-filter-selector] {
  cursor: pointer;
}

.sketchfab {
  margin-top: 110px;
  margin-bottom: 100px;
  background-color: #272727;
}
@media screen and (max-width: 768px) {
  .sketchfab {
    margin-bottom: 40px;
  }
}
.sketchfab .col-12 {
  padding: 0;
}
.sketchfab .col-12 iframe {
  width: 100%;
}

.frame-type-form_formframework .input.checkbox {
  margin-top: 20px;
  margin-bottom: 60px;
}
.frame-type-form_formframework form input[type=text],
.frame-type-form_formframework form input[type=email] {
  height: 68px;
  width: 100%;
  border: none;
  background: #f6f6f6;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
  border-radius: 0px;
  outline: none;
  font-size: 14px;
  color: var(--thm-gray);
  font-weight: 400;
  display: block;
}
.frame-type-form_formframework form textarea {
  font-size: 14px;
  color: var(--thm-gray);
  font-weight: 400;
  height: 195px;
  width: 100%;
  background: #f6f6f6;
  padding: 20px 30px 30px;
  border: none;
  border-radius: 0px;
  outline: none;
  margin-bottom: 10px;
}

.site-footer h5 {
  text-transform: none;
}

/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .welcome-one__left {
    margin-right: 0;
  }
  .welcome-one__outer-img {
    display: none;
  }
  .services-one__single:nth-child(3) {
    border-left: 2px solid var(--thm-extra);
    border-top: 0;
  }
  .services-one__single:nth-child(4) {
    border-top: 0;
    border-left: 0;
  }
  .services-one__single:nth-child(5) {
    border-left: 2px solid var(--thm-extra);
  }
  .discover-world__running {
    display: none;
  }
  .grow-and-experience__left {
    margin-right: 0;
  }
  .grow-and-experience__progress-wrap {
    grid-template-columns: repeat(2, 210px);
  }
  .inspire__left {
    margin-right: 0;
  }
  .inspire__text {
    font-size: 29px;
  }
  .inspire__counter li {
    padding-left: 30px;
  }
  .footer-widget__links {
    margin-right: 0;
  }
  .get-to-know__img-box {
    margin-left: -2px;
  }
  .get-to-know__right {
    margin-left: 0;
  }
  .get-to-know {
    padding: 0 0 146px;
  }
  .project-one__content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .brand-two__left {
    max-width: 600px;
    margin: 0 auto 50px;
  }
  .brand-two__right {
    margin-left: 0;
    max-width: 600px;
    margin: 0 auto;
  }
  .testimonial-one__single {
    padding: 77px 30px 37px;
  }
  .news-one__content {
    padding: 20px 30px 50px;
  }
  .service-details__benefits-img {
    margin-top: 30px;
  }
  .contact-page__left .section-title__title {
    font-size: 41px;
    line-height: 51px;
  }
  .information__text p {
    font-size: 18px;
  }
  .information__single-2 {
    padding-left: 40px;
  }
  .information__text h4 {
    font-size: 18px;
  }
  .information__single-3 {
    padding-left: 40px;
  }
  .grow-and-experience-two__left {
    margin-right: 0;
    max-width: 600px;
    margin: 0 auto;
  }
  .grow-and-experience-two__right {
    margin-left: 0;
    max-width: 600px;
    margin: 50px auto 0;
  }
  .the-only__text-box {
    margin-left: 0;
    margin-right: 0;
  }
  .the-only__scale-your-business {
    margin-left: 0;
    margin-right: 0;
  }
  .the-only__points-box {
    margin-top: 50px;
    margin-left: 0;
  }
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome-one__left {
    margin-right: 0;
    margin-bottom: 50px;
  }
  .welcome-one__outer-img {
    display: none;
  }
  .services-one__single:nth-child(3) {
    border-left: 2px solid var(--thm-extra);
    border-top: 0;
  }
  .services-one__single:nth-child(4) {
    border-top: 0;
    border-left: 0;
  }
  .services-one__single:nth-child(5) {
    border-left: 2px solid var(--thm-extra);
  }
  .discover-world__running {
    display: none;
  }
  .we-shape__top-title h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .grow-and-experience__left {
    margin-right: 0;
    margin-bottom: 50px;
  }
  .inspire__left {
    margin-right: 0;
    margin-bottom: 45px;
  }
  .site-footer__call-and-social {
    align-items: inherit;
    flex-direction: column;
  }
  .site-footer__call {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .footer-widget__links {
    margin-right: 0;
  }
  .footer-widget__newsletter {
    position: relative;
    display: block;
    margin-top: 30px;
  }
  .get-to-know__img-box {
    margin-left: 0;
    margin-right: 0;
  }
  .get-to-know__content {
    right: 0;
  }
  .get-to-know {
    padding: 0 0 146px;
  }
  .get-to-know__right {
    margin-left: 0;
  }
  .project-one__content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .brand-two__left {
    max-width: 600px;
    margin: 0 auto 50px;
  }
  .brand-two__right {
    margin-left: 0;
    max-width: 600px;
    margin: 0 auto;
  }
  .testimonial-one__single {
    padding: 77px 30px 37px;
  }
  .cta-one__inner {
    flex-direction: column;
    text-align: center;
  }
  .cta-one__title {
    margin-bottom: 25px;
  }
  .project-details__info-list li + li {
    margin-left: 60px;
  }
  .project-details__info {
    padding: 39px 60px;
  }
  .service-details__benefits-img {
    margin-top: 30px;
  }
  .service-details__sidebar {
    margin-bottom: 50px;
  }
  .contact-page__left {
    margin-bottom: 50px;
  }
  .information__single {
    justify-content: center;
  }
  .information__single-1 {
    border-left: 1px solid var(--thm-extra);
  }
  .information__single-2 {
    border-left: 1px solid var(--thm-extra);
    padding-left: 0;
  }
  .information__single-3 {
    border-left: 1px solid var(--thm-extra);
    border-right: 1px solid var(--thm-extra);
    padding-left: 0;
  }
  .grow-and-experience-two__left {
    margin-right: 0;
    max-width: 600px;
    margin: 0 auto;
  }
  .grow-and-experience-two__right {
    margin-left: 0;
    max-width: 600px;
    margin: 50px auto 0;
  }
  .the-only__text-box {
    margin-left: 0;
    margin-right: 0;
  }
  .the-only__scale-your-business {
    margin-left: 0;
    margin-right: 0;
  }
  .the-only__points-box {
    margin-top: 50px;
    margin-left: 0;
  }
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
  .section-title__title {
    font-size: 30px;
    line-height: 40px;
  }
  .welcome-one__left {
    margin-right: 0;
    margin-bottom: 50px;
  }
  .welcome-one__outer-img {
    display: none;
  }
  .welcome-one__points-box {
    flex-direction: column;
  }
  .services-one__single {
    float: none;
    padding: 10px 10px 10px;
  }
  .services-one__box {
    text-align: center;
  }
  .services-one__single:nth-child(2) {
    border-left: 2px solid var(--thm-extra);
    border-top: 0;
  }
  .services-one__single:nth-child(3) {
    border-left: 2px solid var(--thm-extra);
    border-top: 0;
  }
  .services-one__single:nth-child(5) {
    border-left: 2px solid var(--thm-extra);
  }
  .discover-world__title br {
    display: none;
  }
  .discover-world__title {
    font-size: 25px;
    line-height: 35px;
  }
  .discover-world__running {
    display: none;
  }
  .we-shape__top-title {
    margin-top: 280px;
  }
  .we-shape__top-title h2 br {
    display: none;
  }
  .we-shape__top-title h2 {
    font-size: 39px;
    line-height: 49px;
  }
  .grow-and-experience__left {
    margin-right: 0;
    margin-bottom: 50px;
  }
  .inspire__left {
    margin-right: 0;
    margin-bottom: 45px;
  }
  .inspire__counter li {
    padding-left: 25px;
  }
  .site-footer__call-and-social {
    align-items: inherit;
    flex-direction: column;
  }
  .site-footer__call {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .footer-widget__links {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .get-to-know__img-box {
    margin-left: 0;
    margin-right: 0;
  }
  .get-to-know__content {
    display: none;
  }
  .get-to-know__right {
    margin-left: 0;
  }
  .get-to-know__points {
    flex-direction: column;
    align-items: inherit;
  }
  .get-to-know__points li + li {
    margin-left: 0;
    margin-top: 20px;
  }
  .get-to-know__founder {
    font-size: 29px;
  }
  .get-to-know {
    padding: 0 0 146px;
  }
  .project-one__content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .project-two__carousel.owl-theme .owl-nav {
    display: none;
  }
  .brand-two__points {
    flex-direction: column;
    align-items: inherit;
  }
  .brand-two__points li + li {
    margin-left: 0px;
  }
  .brand-two__list {
    text-align: center;
  }
  .brand-two__list li {
    float: none;
  }
  .brand-two__list li:before {
    display: none;
  }
  .brand-two__list li:after {
    display: none;
  }
  .brand-two__left {
    margin-bottom: 30px;
  }
  .testimonial-one__single {
    padding: 77px 30px 37px;
  }
  .cta-one__inner {
    flex-direction: column;
    text-align: center;
    padding-left: 0;
  }
  .cta-one__title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 25px;
  }
  .cta-one__inner:after {
    display: none;
  }
  .news-one__content {
    padding: 20px 30px 50px;
  }
  .news-details__bottom {
    flex-direction: column;
  }
  .news-details__social-list {
    margin-top: 20px;
  }
  .news-details__tags span {
    margin-right: 0;
  }
  .news-details__tags-btn {
    padding: 2px 25px;
  }
  .author-one {
    padding: 60px 30px 60px;
    flex-direction: column;
  }
  .author-one__content {
    margin-left: 0;
    margin-top: 25px;
  }
  .comment-one__single {
    flex-direction: column;
  }
  .comment-one__content {
    margin-left: 0;
    margin-top: 25px;
  }
  .comment-one__btn {
    position: relative;
    top: 20px;
  }
  .sidebar__post {
    padding: 45px 30px 43px;
  }
  .sidebar__tags {
    padding: 47px 30px 50px;
  }
  .project-details__info-list li + li {
    margin-left: 0px;
  }
  .project-details__info {
    padding: 39px 0px;
    bottom: -249px;
  }
  .project-details__info-list {
    flex-direction: column;
    align-items: inherit;
  }
  .project-details__content {
    margin-top: 250px;
  }
  .service-details__sidebar {
    margin-bottom: 50px;
  }
  .service-details__need-help {
    padding: 60px 30px 49px;
  }
  .service-details__benefits-img {
    margin-top: 30px;
  }
  .contact-page__left {
    margin-bottom: 50px;
  }
  .information__single {
    justify-content: center;
  }
  .information__single-1 {
    border-left: 1px solid var(--thm-extra);
  }
  .information__single-2 {
    border-left: 1px solid var(--thm-extra);
    padding-left: 0;
  }
  .information__single-3 {
    border-left: 1px solid var(--thm-extra);
    border-right: 1px solid var(--thm-extra);
    padding-left: 0;
  }
  .information__icon {
    font-size: 55px;
  }
  .information__text p {
    font-size: 16px;
    line-height: 26px;
  }
  .information__text h4 {
    font-size: 16px;
    line-height: 26px;
  }
  .grow-and-experience-two__left {
    margin-right: 0;
  }
  .grow-and-experience-two__right {
    margin-left: 0;
    margin-top: 50px;
  }
  .grow-and-experience-two__images li + li {
    margin-left: 0;
    margin-top: 20px;
  }
  .the-only__text-box {
    margin-left: 0;
    margin-right: 0;
  }
  .the-only__scale-your-business {
    margin-left: 0;
    margin-right: 0;
  }
  .the-only__points-box {
    margin-top: 50px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1217px) {
  .services-one__single {
    max-width: 384px;
  }
}
/*--------------------------------------------------------------
# Slider All Responsice Css
/////////
--------------------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #main-slider-pagination {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-slider h2 {
    font-size: 65px;
    line-height: 75px;
  }
  #main-slider-pagination {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .main-slider h2 br {
    display: none;
  }
  .main-slider h2 {
    font-size: 35px;
    line-height: 45px;
  }
  .main-slider__nav {
    display: none;
  }
  .main-slider__date-time {
    display: none;
  }
  .main-slider__social {
    display: none;
  }
  .main-slider .main-slider__sub-title:before {
    display: none;
  }
  .main-slider .container {
    padding-bottom: 120px;
  }
}
/*--------------------------------------------------------------
# Main Menu All Responsice Css
/////////
--------------------------------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1889px) {
  .main-menu-two-wrapper__main-menu {
    width: 65%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu .mobile-nav__toggler {
    margin-right: 0;
    padding: 37.5px 0;
    display: inline-block;
  }
  .main-menu-two-wrapper__main-menu {
    width: auto;
    display: block;
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-menu .mobile-nav__toggler {
    margin-right: 0;
    padding: 37.5px 0;
    display: inline-block;
  }
  .main-menu-two-wrapper__main-menu {
    width: auto;
    display: block;
    margin-left: 50px;
  }
}
@media (max-width: 767px) {
  .main-menu .mobile-nav__toggler {
    margin-right: 0;
    padding: 37.5px 0;
    display: inline-block;
  }
  .main-menu-wrapper__left {
    float: none;
  }
  .main-menu-wrapper__logo {
    margin-right: 0;
    padding-left: 30px;
  }
  .main-menu-wrapper__main-menu {
    float: right;
    padding-right: 50px;
  }
  .main-menu-wrapper__right {
    display: none;
  }
  .main-menu-two-wrapper__main-menu {
    display: block;
    float: right;
    width: auto;
  }
  .main-menu-two-wrapper__right {
    display: none;
  }
  .main-slider-two .container {
    padding-top: 115px;
  }
  .accrodion-content h1 {
    font-size: 19px;
  }
}

/*# sourceMappingURL=main.css.map */