/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

html {
  overflow-x: hidden !important;
}

/*====CURSORS====*/

/*--Example 2--*/
.your-cursor2 {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index: 100;
  top: 50%;
  left: 50%;
  position: absolute;
  background-color: aqua;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  z-index: 1;
  transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
    0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
  z-index: 10000;
  transform: scale(1);
  width: 10px;
  height: 10px;
  background: #58ead2;
  border-radius: 50%;
}

/* .your-cursor2.active {
  opacity: 0.5;
  transform: scale(0);
} */
.your-cursor2.hovered {
  transition: all 0.3s;
  background: #58ead2;
  opacity: 0.2;
  width: 60px;
  height: 60px;
}

.appCursor {
  pointer-events: none;
}
.appCursor__cursor {
  height: var(--size);
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 0.4s var(--ease-out-quint);
  transition: 0.4s var(--ease-out-quint);
  -webkit-transition-property: width, height;
  transition-property: width, height;
  width: var(--size);
}
.appCursor__cursor:after,
.appCursor__cursor:before {
  -webkit-transition: 0.4s var(--ease-out-quint);
  transition: 0.4s var(--ease-out-quint);
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.appCursor__cursor:after {
  opacity: 0;
}
.appCursor__cursor:before {
  background-color: var(--c-green);
  border-radius: 100%;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.appCursor__cursor:after {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.appCursor__cursor--default {
  --size: 16px;
}
.appCursor__cursor--default:before {
  opacity: 1;
}
.appCursor__cursor--button {
  --size: 64px;
}
.appCursor__cursor--button:before {
  opacity: 0.3;
}
.appCursor__cursor--explore {
  --size: 160px;
}
.appCursor__cursor--explore:before {
  opacity: 0.3;
}
.appCursor__cursor--explore:after {
  content: "explore";
  font-family: var(--font-avenir-semibold);
  font-size: 16px;
  letter-spacing: 0.2em;
  opacity: 1;
  text-align: center;
  text-transform: uppercase;
}

/* .app-cursor {
  position: absolute;
  background: #58ead2;
  width: 16px;
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-property: width, height;
  transition-property: width, height;
  border-radius: 100%;
  z-index: 1;
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  transform: translate(4px, 4px);
  -webkit-transition: background 0.5s cubic-bezier(0.14, 0.99, 0.43, 0.99),
    -webkit-transform 0.5s cubic-bezier(0.14, 0.99, 0.43, 0.99);
  transition: background 0.5s cubic-bezier(0.14, 0.99, 0.43, 0.99),
    -webkit-transform 0.5s cubic-bezier(0.14, 0.99, 0.43, 0.99);
  transition: transform 0.5s cubic-bezier(0.14, 0.99, 0.43, 0.99),
    background 0.5s cubic-bezier(0.14, 0.99, 0.43, 0.99);
  transition: transform 0.5s cubic-bezier(0.14, 0.99, 0.43, 0.99),
    background 0.5s cubic-bezier(0.14, 0.99, 0.43, 0.99),
    -webkit-transform 0.5s cubic-bezier(0.14, 0.99, 0.43, 0.99);
  top: 0;
  left: 0;
} */

.app-cursor {
  pointer-events: none;
}

#app-cursor {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
}

.app-cursor__cursor {
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-property: width, height;
  transition-property: width, height;
  width: 16px;
  z-index: 999999;
  pointer-events: none;
}
.app-cursor__cursor:after,
.app-cursor__cursor:before {
  -webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.app-cursor__cursor:after {
  opacity: 0;
}

.app-cursor__cursor::before {
  background-color: #58ead2;
  border-radius: 100%;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.app-cursor__cursor::after {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.app-cursor__cursor.active {
  opacity: 0.2;
  width: 64px;
  height: 64px;
}

.app-cursor__cursor.active.input {
  width: 5px;
  height: 48px;
  border-radius: 0;
  opacity: 1;
}

.app-cursor__cursor.active.input::before {
  border-radius: 0;
}

.app-cursor__cursor.active.social-media {
  opacity: 0.8;
}

.app-cursor__cursor.active.social-media i {
  font-size: 26px;
  color: #222121;
  display: flex;
  line-height: 21px;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  height: 100%;
}

::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f580;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 159, 0, 0.3);
  background-color: #00968880;
}

.footer_top .q_social_icon_holder:hover i.simple_social {
  color: #222121 !important;
}

.follow2.active {
  opacity: 0.2;
  width: 64px;
  height: 64px;
}

.follow2.active.input {
  width: 2px;
  border-radius: 0;
  transform: scale(2);
  opacity: 1;
}

.follow2.active.social-media {
  opacity: 0.8;
}

.follow2.active.social-media i {
  font-size: 11px;
  color: #222121;
  display: flex;
  line-height: 21px;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

#pointer .text {
  position: absolute;
  bottom: 0;
  left: 70%;
  right: 0;
  top: 3em;
  width: 200px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  height: auto;
  font-weight: 100;
  letter-spacing: 0;
  transition: all 0.3s;
  /* transform: translateX(-50%); */
  /* opacity: 0 */
}

#pointer .text.init {
  opacity: 0;
}

#pointer .text span {
  position: absolute;
  background-color: #000000d4;
  padding: 5px 8px;
  white-space: nowrap;
  /* width: 110px; */
  display: flex;
  left: 0;
  height: auto;
  opacity: 0.9;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  -webkit-transition: opacity 0.25s, margin 0.25s;
  -moz-transition: opacity 0.25s, margin 0.25s;
  -ms-transition: opacity 0.25s, margin 0.25s;
  transition: opacity 0.25s, margin 0.25s;
}

#pointer.display-text .text {
  opacity: 1;
  bottom: 20px;
}

#pointer.display-text.on-hover .text {
  bottom: 0;
}

#pointer.hide:not(.on-hover) .text,
#pointer.drag .text {
  opacity: 0;
  bottom: 10px;
  transition-delay: 0s;
}

.preview__screenshot img {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  top: 0;
  left: 0;
}

.preview__screenshot {
  left: 6%;
  top: 12%;
  width: 82%;
  height: 63%;
  -webkit-transform: skewX(-11deg) skewY(-1deg) rotateX(13deg) rotateY(-21deg)
    rotateZ(2.5deg);
  transform: skewX(-11deg) skewY(-1deg) rotateX(13deg) rotateY(-21deg)
    rotateZ(2.5deg);
}

.preview__screenshot {
  position: absolute;
  left: 19%;
  top: 19%;
  height: 40%;
  overflow: hidden;
  outline: 1px solid transparent;
}

.preview__screenshot img {
  -webkit-animation: screenshotAni 60s alternate linear infinite;
  animation: screenshotAni 60s alternate linear infinite;
}

/* .preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 50px;
  display: flex;
  justify-content: center;
  align-items: center;
} */

.preview__screenshot {
  position: absolute;
  left: 19%;
  top: 19%;
  height: 40%;
  overflow: hidden;
  outline: 1px solid transparent;
}

.preview__screenshot img {
  position: absolute;
  width: 100%;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  top: 0;
  left: 0;
}

.preview--mobile .preview__device {
  -webkit-transform: translate(130%, 50%);
  transform: translate(130%, 50%);
}

.preview__device {
  position: relative;
}

.preview__device > img {
  display: block;
}

.preview__device {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-perspective: 1490px;
  perspective: 1490px;
}

.preview--laptop .preview__screenshot {
  left: 12.5%;
  top: 5%;
  width: 74.5%;
  height: 82.5%;
}

.preview--mobile .preview__screenshot {
  left: 30.5%;
  top: 10%;
  width: 58%;
  height: 77%;
}

.preview--tablet .preview__screenshot {
  left: 3.8%;
  top: 8%;
  width: 92%;
  height: 84%;
}

.preview__screenshot {
  left: 6% !important;
  top: 12% !important;
  width: 81%;
  height: 63% !important;
  -webkit-transform: skewX(-11deg) skewY(-1deg) rotateX(13deg) rotateY(-21deg)
    rotateZ(2.5deg);
  transform: skewX(-11deg) skewY(-1deg) rotateX(9deg) rotateY(-25deg)
    rotateZ(1.5deg);
}

@media only screen and (min-width: 1581px) and (max-width: 1900px) {
  .preview--mobile .preview__device {
    -webkit-transform: translate(120%, 40%) scale(0.8);
    transform: translate(120%, 40%) scale(0.8);
  }
}

@-webkit-keyframes screenshotAni {
  0%,
  90%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
  }
}

@keyframes screenshotAni {
  0%,
  90%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
  }
}

@keyframes clickEffect {
  0% {
    opacity: 1;
       width: 0.5em;
    height: 0.5em;
        margin: -0.25em;
        border-width: 0.5em;
  }

  100% {
    opacity: 0.2;
        width: 15em;
    height: 15em;
        margin: -7.5em;
        border-width: 0.03em;
  }
}

@media screen and (max-width: 800px) {
  .your-cursor2,
  .follow2 {
    display: none !important;
  }

  body
    > div.wrapper
    > div
    > div
    > div
    > div
    > div
    > div.vc_row.wpb_row.section.vc_row-fluid.vc_custom_1558937472584.grid_section
    > div
    > div
    > div
    > div
    > div
    > div.q_elements_holder.two_columns.responsive_mode_from_768.eh-with-shadow {
    background-color: #ffffff00 !important;
  }

  div.grid_section .section_inner,
  nav.content_menu ul {
    width: 368px !important;
  }

  .side_menu_button {
    display: none;
  }
}

div.section {
  padding: 2% 0;
}

.header_animate.active .image_reveal {
  -webkit-transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
  transition: transform 2s ease, opacity 0.5s ease;
  -webkit-transition: -webkit-transform 2s ease, opacity 0.5s ease;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

.reveal {
  visibility: hidden;
  position: relative;
  /*   width: 80%;
  height: 80%;
  max-width: 500px; */
  overflow: hidden;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  div.grid_section .section_inner/* ,
  nav.content_menu ul */ {
    width: 100% !important;
  }
  /*   .div-space {
    margin-top: -130px;
  } */
  .qode-btn-default-hover {
    width: 100%;
  }

  .isometric-pic {
    display: none;
  }
  .qode-btn.qode-btn-with-shadow {
    width: 100%;
  }
}

.vaata-veel {
  float: left;
}

.qode-banner .qode-banner-content {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

#slider-1-slide-1-layer-8 > img:hover {
  transform: rotate(45deg);
}

#teenused {
  word-break: break-word;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  color: #dc3232;
}

.wpcf7 form.sent .wpcf7-response-output {
  /* color: #46b450; */
  border-color: #46b450;
}

.qode-btn.qode-btn-with-shadow {
  border: 0;
  background: transparent;
  border-radius: 0;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-transform: uppercase;
  background-color: #009688;
  color: #fff;
  position: relative;
  z-index: 0;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: color 0.3s ease-in-out 0s,
    background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
    box-shadow 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
  transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s,
    border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s,
    -webkit-transform 0.3s ease-in-out 0s;
  transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s,
    border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s,
    transform 0.3s ease-in-out 0s;
  transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s,
    border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s,
    transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
  text-align: center;
}

.qode-btn.qode-btn-with-shadow:active,
.qode-btn.qode-btn-with-shadow:focus,
.qode-btn.qode-btn-with-shadow:hover,
[type="button"]:active,
[type="button"]:focus,
[type="button"]:hover,
[type="reset"]:active,
[type="reset"]:focus,
[type="reset"]:hover,
[type="submit"]:active,
[type="submit"]:focus,
[type="submit"]:hover,
button:active,
button:focus,
button:hover {
  color: #fff !important;
}

.qode-btn.qode-btn-with-shadow:active:before,
.qode-btn.qode-btn-with-shadow:focus:before,
.qode-btn.qode-btn-with-shadow:hover:before,
[type="button"]:active:before,
[type="button"]:focus:before,
[type="button"]:hover:before,
[type="reset"]:active:before,
[type="reset"]:focus:before,
[type="reset"]:hover:before,
[type="submit"]:active:before,
[type="submit"]:focus:before,
[type="submit"]:hover:before,
button:active:before,
button:focus:before,
button:hover:before {
  bottom: -180px;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.qode-btn.qode-btn-with-shadow:before,
.wpcf7-submit.hoverable:before {
  position: absolute;
  z-index: -1;
  bottom: -230px;
  left: 50%;
  width: 250px;
  height: 200px;
  -webkit-animation: wave 10s linear infinite;
  animation: wave 10s linear infinite;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  background-color: #064851;
  border-radius: 40%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

button.wpcf7-submit {
  min-width: 180px;
}

@-webkit-keyframes wave {
  0% {
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0);
  }

  to {
    -webkit-transform: translateX(-50%) rotate(1turn);
    transform: translateX(-50%) rotate(1turn);
  }
}

@keyframes wave {
  0% {
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0);
  }

  to {
    -webkit-transform: translateX(-50%) rotate(1turn);
    transform: translateX(-50%) rotate(1turn);
  }
}

canvas.pixi {
  max-width: 100%;
}

.q_social_icon_holder a {
  padding: 0.8rem;
  font-size: 30px !important;
}

.q_social_icon_holder i {
  font-size: 30px !important;
}

.footer_col1 .column_inner {
  text-align: center;
}

/* teenused */

#teenused-akordion .qode-title-holder {
  background: none;
  color: black;
  margin-bottom: 1em;
}

#teenused-akordion .qode-accordion-content-inner p {
  font-size: 20px;
}

#teenused-akordion .qode-accordion-mark-icon {
  background: #009688;
  padding: 0 18px;
  /* height: 33px; */
  color: white;
  float: right;
}

.grecaptcha-badge {
  opacity: 0 !important;
}

.qode-accordion-holder .qode-title-holder .qode-tab-title .qode-tab-title-icon {
  text-align: start;
  width: 46px;
  padding: 0;
}

.qode-accordion-holder .qode-title-holder .qode-accordion-mark {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 60px;
  color: inherit;
  box-sizing: border-box;
}

.qode-accordion-holder .qode-title-holder .qode-tab-title {
  width: 73%;
}

header .header_bottom:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  left: 0;
  background: #fff;
  background: hsl(0deg 0% 100% / 80%);
  /* border-bottom: .1rem solid rgba(0,0,0,.1); */
  opacity: 0;
  transition: background 0.6s, opacity 0.4s;
  backdrop-filter: blur(10px);
}

.underline-brush {
  display: none !important;
}

.underline-title {
  font-size: 25px !important;
  color: #000 !important;
}

.underline-title:after {
  content: "";
  overflow: hidden;
  background-image: url(./assets/gfx/brush-green.svg);
  background-repeat: no-repeat;
  position: absolute;
  height: 10px;
  width: 195px;
  background-size: cover;
  display: block;
  z-index: -1;
  bottom: -23px;
  -webkit-animation: typing 0.3s steps(40, end);
  animation: typing 0.3s steps(40, end);
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.logo_wrapper {
  height: 100% !important;
}

.q_logo img,
.q_logo {
  height: 42.5px !important;
  width: auto;
  display: flex;
  align-items: center;
}

.q_logo img {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

header.sticky .q_logo a {
  height: 40px !important;
  width: auto;
}

header.sticky .q_logo img {
  height: 30px !important;
  width: auto;
  align-items: normal !important;
  display: block;
  top: -16px;
}

.logo-fortune--animated path {
  stroke-dasharray: 200;
  animation: dash 10s linear infinite;
}
@keyframes dash {
  to {
    stroke-dashoffset: 2000;
  }
}

header.sticky .header_bottom:before {
  opacity: 1;
}

.footer_top {
  padding: 52px 0 32px;
}

div:nth-child(1) > div > div > div > span.counter.zero.executed::after {
  content: "K+";
}

div:nth-child(2) > div > div > div > span.counter.zero.executed::after,
div:nth-child(4) > div > div > div > span.counter.zero.executed::after {
  content: "+";
}

#teenused .vc_column_container {
  margin-bottom: 1em;
}

header {
  /* position: absolute; */
}

.revo-slider-home {
  padding-top: 0 !important;
  margin-top: 0;
}

.content .container .container_inner.page_container_inner,
.full_page_container_inner {
  padding: 0;
}
/* 
canvas {
  touch-action: auto !important;
} */

@media only screen and (max-width: 480px) {
  .q_logo img,
  .q_logo {
    height: 40.5px !important;
    width: auto;
    top: 10px;
  }
  .mobile_menu_button {
    height: 60px;
  }
  .footer_top {
    padding: 0;
  }

  /*  .revo-slider-home {
    height: 352px;
} */
  .responsive-marg {
    background-color: unset !important;
  }

  .qode-accordion-holder
    .qode-title-holder
    .qode-tab-title
    span.qode-tab-title-inner {
    font-size: 20px;
  }

  .qode-accordion-holder .qode-accordion-content.qode-acc-title-with-icon {
    padding-left: 0;
  }

  #teenused-akordion .qode-accordion-content-inner p {
    font-size: 16px;
  }
}