/*
Theme Name: Tronic Klima
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Sngrl Consulting
Author URI: https://sngrlconsulting.com/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


.bounce2 {
    animation: bounce2 2s ease infinite;
  }
  
  @keyframes bounce2 {
      0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
      40% {transform: translateY(-30px);}
      60% {transform: translateY(-15px);}
  }

  :root {
    --site-header-height: 0px;
    font-size: calc(12px + 0.4vw);
  }
  
  .global-common h1,
  .global-common h2,
  .global-common h3,
  .global-common h4,
  .global-common h5,
  .global-common h6,
  .global-common p {
    margin: 0;
  }
  
  .global-common.font-viewport {
    font-size: 1vw;
  }
  
  .ng-layer {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
  }
  
  .ng-layer.background {
    z-index: -1;
    top: 0;
    left: 0;
  }
  
  .ng-layer.background .background-image,
  .ng-layer.background .background-image>.elementor-widget-container {
    height: 100%;
  }
  
  .ng-layer.background .background-image img {
    width: 100%;
    height: 100%;
  }
  
  .ng-custom-design .elementor-container,
  .ng-custom-design .elementor-widget-wrap,
  .ng-custom-design .elementor-widget-container {
    height: 100%;
  }
  
  [data-elementor-type=header] .global-site-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9990;
    width: 100%;
    box-shadow: 0 -2px 5px #5e5e5e;
  }
  
  .lb-data .lb-details {
    width: 50% !important;
  }
  
  @media (orientation: landscape) and (max-height: 500px) {
    .lb-outerContainer {
      height: 80vh !important;
    }
  }
  
  
  .slider-arrow-container {
    width: 2em !important;
    position:absolute !important;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    z-index: 10;
  }
  
  .slider-arrow-container img {
    transition: all ease-in 200ms;
  }
  
  .slider-arrow-container:hover {
    cursor: pointer;
  }
  
  .slider-arrow-container:hover img {
    transform: scale(1.1);
  }
  
  .slider-arrow-container--left {
    left: 0;
  }
  
  .slider-arrow-container--right {
    right: 0;
    transform: rotate(180deg);
  }