/*!
Theme Name: Transitec
Theme URI: https://www.templatemonster.com/vendors/zemez
Author: Zemez
Author URI: https://zemez.io/wordpress
Description: Kava child theme.
Template: kava
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: transitec
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
DocumentationID: transitec
Template Id: prod-24743
*/

/*--------------------------------------------------------------
## Preloader
--------------------------------------------------------------*/
.page-preloader-cover {
  position: fixed;
  z-index: 1200;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff; }

.scene {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 300px;
  height: 200px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.plane,
.cloud {
  position: absolute; }

/* Plane Animation */
.plane {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: anim-plane;
  animation-name: anim-plane;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  display: block;
  margin: 0 auto;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
  left: 30%; }

@-webkit-keyframes anim-plane {
  to {
    -webkit-transform: translateY(95px);
    transform: translateY(95px); } }

@keyframes anim-plane {
  to {
    -webkit-transform: translateY(95px);
    transform: translateY(95px); } }

/* Cloud Animation */
@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes move {
  from {
    left: 125px; }
  to {
    left: 0px; } }

@keyframes move {
  from {
    left: 125px; }
  to {
    left: 0px; } }

.cloud {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: move, fade;
  animation-name: move, fade;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iY2xvdWQiIHZpZXdCb3g9IjAgMCA1MiA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MnB4IiBoZWlnaHQ9IjQwcHgiPgoJPGRlZnM+CgkJPGZpbHRlciBpZD0iZjEiIHg9Ii0xMDAlIiB5PSItMTAwJSIgd2lkdGg9IjMwMCUiIGhlaWdodD0iMzAwJSI+IAoJCQk8ZmVPZmZzZXQgcmVzdWx0PSJvdXQiIGluPSJTb3VyY2VHcmFwaGljIiBkeD0iMCIgZHk9IjEiLz4KCQkJPGZlQ29sb3JNYXRyaXggcmVzdWx0PSJvdXQiIGluPSJvdXQiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgIDAgMCAwIDAgMCAgMCAwIDAgMCAwICAwIDAgMCAwLjQgMCIvPgoJCQk8ZmVHYXVzc2lhbkJsdXIgcmVzdWx0PSJvdXQiIGluPSJvdXQiIHN0ZERldmlhdGlvbj0iMiIvPgoJCQk8ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJvdXQiIG1vZGU9Im5vcm1hbCIgcmVzdWx0PSJkcCIvPgoJCTwvZmlsdGVyPgoJPC9kZWZzPiAKCTxwYXRoIGlkPSJmZy1jbG91ZCIgZmlsdGVyPSJ1cmwoI2YxKSIgZD0iTTYuMyAzNS4xQzQuNyAzNC4yLTAuNCAzMi4zIDEuNCAyNSAzLjEgMTguMSA4LjcgMTkuNSA4LjcgMTkuNSA4LjcgMTkuNSAzLjIgMTQuMSAxMC40IDYuOCAxNi45IDAuMiAyMy4xIDQuNiAyMy4xIDQuNiAyMy4xIDQuNiAzMC0xLjcgMzUuMiAyLjQgNDQuNiA5LjcgNDIuOCAyNS4zIDQyLjggMjUuMyA0Mi44IDI1LjMgNDggMjIuNiA0OS44IDI4LjYgNTEgMzIuNyA0NiAzNS44IDQyLjggMzYuNyAzOS43IDM3LjUgOC45IDM2LjYgNi4zIDM1LjFaIiBzdHJva2U9IiNjY2NjY2MiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI2ZmZmZmZiIvPgo8L3N2Zz4=);
  height: 40px;
  width: 52px;
  margin: 0 auto; }

.cloud--small {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  top: 65px;
  -webkit-transform: scaleX(0.5) scaleY(0.5);
  -ms-transform: scaleX(0.5) scaleY(0.5);
  transform: scaleX(0.5) scaleY(0.5); }

.cloud--medium {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  top: 95px;
  -webkit-transform: scaleX(0.7) scaleY(0.7);
  -ms-transform: scaleX(0.7) scaleY(0.7);
  transform: scaleX(0.7) scaleY(0.7); }
/*
.cloud--large {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  top: 105px;
  -webkit-transform: scaleX(0.8) scaleY(0.8);
  -ms-transform: scaleX(0.8) scaleY(0.8);
  transform: scaleX(0.8) scaleY(0.8); }*/

.whoami {
  padding-top: 3em;
  text-align: center; }