@charset "UTF-8";
/*
Theme Name: Ertri
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
 
 /* Global Styles */
 
 /* Override/additional UI Kit */
 
 html {
	 color:#160F23;
 }
 
 .uk-padding-medium {
	 padding:40px;
 }
 
 .uk-padding-xlarge {
	 padding:80px;
 }
 
 .uk-flex-gap {
	 gap: 30px;
 }
 
 .brice-ft-1 {
	 font-family:'Brice';
 }
 
 .brice-ft-2 {
	 font-family:'Brice Black SemiExpanded';
 }
 
 .brice-ft-3 {
	 font-family:'Brice Semibold';
 }
 
 .matahari-ft-1 {
	 font-family: 'Matahari 400';
 }
 
 .matahari-ft-2 {
	 font-family: 'Matahari 600';
 }
 
 .matahari-ft-3 {
	 font-family: 'Matahari 700';
 }
 
 .main-link-toggle {
	 left:32px;
	 top:32px;
 }
 
 .main-menu-toggle {
	 right:32px;
	 top:32px;
 }
 
 .right-float-container {
	 right:1rem;
	 top:50%;
 }
 
 .right-float-nav {
	 width:8px;
	 height:24px;
	 background-color:#cbcbcb;
	 display:block;
	 margin-top:2px;
	 margin-bottom:2px;
	 border-radius:33%;
	 border:2px solid white;
 }
 
 .right-float-nav.active {
	 background-color:#F25A54;
 }
 
 .right-float-nav:hover {
	 cursor:pointer;
 }
 
 .bg-r {
	 background-color:#F25A54!important;
 }
 
 .bg-w {
	 background-color:white!important;
 }
 
 .bg-gr {
	 background-color:#17804A!important;
 }
 
 .bg-y {
	 background-color:#FCB940;
 }
 
 .color-b {
	 color:black!important;
 }
 
 .color-w {
	 color:white!important;
 }
 
 .color-r {
	 color:#F25A54!important;
 }
 
 .color-cr {
	 color:#F2D4AA;
 }
 
 .txt-sz-medium {
	 font-size:3rem;
	 line-height:3rem;
 }
 
 .txt-sz-xsmall {
	 font-size:0.75rem;
	 line-height:0.75rem;
 }
 
 .txt-sz-small {
	 font-size:1rem;
	 line-height:1rem;
 }
 
 .txt-sz-large {
	 font-size:2.4rem;
	 line-height:2.4rem;
 }
 
 .uk-text-medium {
	 font-size:1.3rem;
 }
 
 .uk-text-xlarge {
	 font-size:1.8rem;
 }
 
 .uk-text-xxlarge {
	 font-size:3rem;
	 line-height:4rem;
 }
 
 .uk-text-xtlarge {
	 font-size:4rem;
	 line-height:4rem;
 }
 
 .uk-offcanvas-bar {
	 width:100%;
 }
 
 .uk-text-xsmall {
	 font-size:0.8rem;
	 line-height:1rem;
 }
 
 /* Menu */
 
 .main-link-toggle {
	 width:3rem;
	 height:3rem;
	 background:url('static/img/main-logo.png') no-repeat center center transparent;
	 background-size:contain;
	 left:2rem;
	 top:2rem;
	 z-index:100;
 }
 
 .main-menu-toggle {
	 width:2rem;
	 height:2rem;
	 background:url('static/img/menu-bar.png') no-repeat center center transparent;
	 background-size:contain; 
	 right:2rem;
	 top:2rem;
	 z-index:100;
 }
 
 .main-link-toggle-w {
	 width:3rem;
	 height:3rem;
	 background:url('static/img/main-logo-w.png') no-repeat center center transparent;
	 background-size:contain;
	 left:2rem;
	 top:2rem;
	 z-index:100;
 }
 
 .main-menu-toggle-w {
	 width:2rem;
	 height:2rem;
	 background:url('static/img/menu-bar-w.png') no-repeat center center transparent;
	 background-size:contain; 
	 right:2rem;
	 top:2rem;
	 z-index:100;
 }
 
 .main-menu-link {
	 color:#FCB940!important;
	 font-size:1.2rem;
	 margin-bottom:0.8rem;
 }
 
 .menu-socmed-container {
	 padding-top:2rem;
 }
 
 .menu-socmed-link {
	 margin-right:1rem;
 }
 
 .main-menu-text {
	 color:#F2D4AA;
 }
 
 .floating-socmed {
	 left:2rem;
	 bottom:2rem;
 }
 
 /* End Menu Styles */
 
 /* Footer Styles */
 
 .footer-link {
	 font-family:'Matahari 400';
	 color:white;
 }
 
 .footer-column-2 {
	 padding-top:3rem;
	 padding-left:10rem;
 }
 
 .footer-sub {
	 border-top:1px solid #A53A3A;
 }
 
 .footer-sub-right {
	 padding-right:3rem;
 }
 
 .footer-sublink {
	 margin-right:3rem;
 }
 
 .footer-copyright,.footer-sublink {
	 color:#892929;
 }
 
 /* Homepage */
 
 .home-nav-1 {
	 position:relative;
	 animation:homenavbounce 1s infinite;
 }
 
 .home-nav-1:hover {
	 cursor:pointer;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
 }
 
 .homepage-container-1 {
	background-color:#FCB940;
	padding-top:128px;
	padding-bottom:32px;
 }
 
	.homepage-txt-1 {
		font-size:8rem;
		color:white;
		text-shadow:2px 2px 2px red;
		letter-spacing: 1rem;
	}
	
	.homepage-txt-2 {
		color:#F25A54;
		font-size:1.7rem;
		font-weight:bold;
	}
	
	.homepage-txt-3 {
		color:#312249;
		font-size:1.1rem;
	}
	
	.homepage-txt-1-decoration {
		background:url('static/img/homepage-04.png') no-repeat center center transparent;
		width:192px;
		height:192px;
		background-size:contain;
		right:-8rem;
		bottom:-3rem;
	}
 
 .homepage-container-2 {
	height:128px;
	background:url('static/img/homepage-06.png') no-repeat center center transparent;
	background-size:cover;
 }
 
 .homepage-container-top {
	height:128px;
	background:url('static/img/homepage-29.png') no-repeat center center transparent;
	background-size:cover;
 }
 
 .homepage-container-bottom {
	height:128px;
	background:url('static/img/homepage-15.png') no-repeat center center transparent;
	background-size:cover;
 }
 
 .homepage-container-3 {
	opacity:0.9;
 }
 
	.homepage-container-3-left {
		background-color:#F25A54;
		color:white;
	}
	
	.homepage-container-3-right {
		background-color:#FCB940;
	}
	
	.container-3-right-column-1 {
		background-color:#7D64AE;
		color:white;
	}
	
	.container-3-right-column-2 {
		background-color:#312249;
		color:white;
	}
 
 
 .homepage-container-5-left-2 {
	background-color:#17804A;
 }
 
 .homepage-container-5-right {
	background-color:#F25A54;
 }
 
 .homepage-container-6-left {
	background-color:#F2D4AA;
 }
 
 .homepage-container-6-right-1 {
	background-color:#17804A; 
 }
	.container-6-right-column-1 {
		background-color:#F25A54;
	}
	
	.container-6-right-column-2 {
		background-color:#FCB940;
	}
	
.container-7-left-column-1 {
	background-color:#F2D4AA;
}

.container-7-left-column-2 {
	background-color:#312249;
}

.homepage-container-7-left-2 {
	background-color:#FCB940;
}

.homepage-container-8-left {
	background-color:#FCB940;
}

.homepage-container-8-right-1 {
	padding-top:5rem;
	background-color:#F25A54;
}

.container-8-right-column-1 {
	background-color:#F2D4AA;
}

.container-8-right-column-2 {
	background-color:#7D64AE;
}

.homepage-container-10 {
	background-color:#FCB940;
}

.download-compro-container {
	height:96px;
	background:url('static/img/homepage-25.png') no-repeat center center transparent;
	background-size:100% auto;
}

.compro-email-input {
	background-color:#F2D4AA;
	color:black;
}

.compro-button-input {
	background-color:#F25A54;
	color:black;
}

.homepage-container-12 {
	background-color:#F25A54;
}

.homepage-container-13 {
	background:url('static/img/homepage-34.jpg') repeat-y center center transparent;
	background-size:100% auto;
}

.gaptek-wrap {
	border:5px solid #FCB940;
	border-radius:30px;
	width:20rem;
	height:20rem;
	display:block;
}

.gaptek-hanger {
	width:10rem;
	height:3rem;
	left:50%;
	top:-2.9rem;
	margin-left:-5rem;
	background:url('static/img/gaptek-hanger.png') no-repeat center center transparent;
	background-size:cover;
}

.homepage-container-14 {
	background-color:#F25A54;
}

.manajemen-socmed-detail {
	right:-10%;
	top:50%;
}

.homepage-portofolio-link {
	left:0;
	bottom:0;
}

.socmed-detail {
	left:12.5%;
	bottom:-40%;
}

.kol-detail {
	top:7%;
	right:7%;
}

.web-portofolio {
	right:-11%;
	bottom:34%;
}

.web-detail {
	left:-3%;
	top:7%;
}

.ads-detail {
	left:30%;
	top:7%;
}
.ads-portofolio {
	left:-12%;
	bottom:34%;
}

.visual-portofolio {
	right:-12%;
	top:52%;
}

.visual-detail {
	left:2%;
	top:21%;
}

/* Contact */

.contact-container-2 {
	background-color:#F25A54;
}

.contact-color-1 {
	color:#F2D4AA;
}

.footer-contact-container {
	background-color:#FCB940;
	padding:3rem 5rem;
}

.bg-bl {
	background-color:#312249;
	color:white;
}

.kol-portofolio {
	left:9%;
	top:51%;
}

.portofolio-card {
	background-size:100% auto;
}

.portofolio-content {
	z-index:1;
	background-color:transparent;
	position:relative;
}

.bg-overlay {
	background:url('static/img/portofolio-bg.png') no-repeat center center transparent;
	background-size:100% 100%;
	opacity:0.8;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}

.overlay-container {
	width:100%;
	height:100%;
}

.portofolio-overlay {
	width:100%;
	height:100%;
	background-color:#FCB940;
	z-index:2;
	left:0;
	top:0;
	transition:all 1s linear;
}

.portofolio-card:hover > .portofolio-overlay {
	top:-100%;
}

.portofolio-divider {
	display:block;
	width:33%;
	height:3px;
	background-color:black;
}

/* Contact Form 7 */

.wpcf7-form input,.wpcf7-form textarea {
	background-color:#F2D4AA;
	color:black;
	border:0 none;
}

.wpcf7-form select,.wpcf7-form .wpcf7-submit {
	background-color:#17804A;
	border:0 none;
	color:white;
}
	
 /* About */
 .about-grid-1 {
	 background-color:#17804A;
 }
 
	.about-grid-1-1 {
		background-color:#
	}
 
	.about-grid-1-bg1 {
		background:url('static/img/about-02.png') no-repeat center center transparent;
		background-size:100% 100%;
		height:100%;
		z-index:9;
		left:0;
		top:0;
	}
	
	.page-id-15 .about-grid-1-bg1 {
		left:5%;
	}
	
	.about-grid-1-1-sub {
		width:20%;
		height:50%;
		left:-20%;
		top:0;
		z-index:8;
	}
	
	.about-grid-1-2-sub {
		width:30%;
		height:100%;
		left:-26%;
		top:0;
		z-index:8;
	}
	
	.about-grid-1-bg2 {
		background:url('static/img/about-05.png') no-repeat center center transparent;
		background-size:contain;
		width:200px;
		height:200px;
		right:-32px;
		top:-64px;
	}
	
	.about-us-title {
		font-size:4rem;
	}
	
	.about-icon-1 {
		height: 130%;
		left: 50%;
		margin-left: -40%;
		margin-top: -7%;
	}
	
	.about-grid-top {
		margin-right:-10%;
	}
 
 .about-grid-2 {
	 background-color:#F25A54;
 }

.about-grid-3 {
	background-color:#F2D4AA;
	padding-bottom:3rem;
}

.about-grid-4 {
	background-color:#7D64AE;
}

.about-grid-5 {
	background-color:#312249;
}

.about-color-1 {
	color:#312249;
}
.about-color-2 {
	color:#F25A54;
}

.about-vision {
	background-size:100% auto;
}

/* Services */

.services-smm-container-1 {
	background-color:#312249;
}

.services-smm-container-2 {
	background-color:#17804A;
}

.services-smm-container-3 {
	background-color:#F25A54;
}

.smm-wording-1 {
	width:50%;
	height:auto;
	background:url('static/img/services/smm-box-06.png') no-repeat center center transparent;
	background-size:auto 100%;
}

.smm-wording-1 p {
	padding-left:48px;
	padding-top:15px;
	padding-bottom:15px;
}

.smm-wording-2 {
	width:75%;
	height:auto;
	background:url('static/img/services/smm-box-07.png') no-repeat center center transparent;
	background-size:auto 100%;
	left:25%;
	top:-32px;
}

.smm-wording-2 p {
	padding-right:40px;
	padding-top:18px;
	padding-bottom:25px;
	line-height:1rem;
}

.services-smm-container-2 {
	min-height:280px;
	background:url('static/img/services/smm-bg-01.png') no-repeat center center transparent;
	background-size:cover;
}

.smm-wording-3 {
	width:75%;
	height:auto;
	background:url('static/img/services/smm-box-08.png') no-repeat center center transparent;
	background-size:auto 100%;
	left:30%;
	margin-top:10%;
}

.smm-wording-3 p {
	padding-left:48px;
	padding-top:15px;
	padding-bottom:15px;
	line-height:1rem;
}

.services-smm-container-4 {
	min-height:320px;
	background:url('static/img/services/smm-bg-02.jpg') no-repeat center center transparent;
	background-size:cover;
}

.services-smm-container-5 {
	background-color:#312249;
}

.services-web-1 {
	background-color:#312249;
}

.services-web-2 {
	background-color:#F2D4AA;
}

/* End Serives SMM */


/* Preloader */

.loading-page {
    background-color: #312249;
    background-position: 0% 0%;
    background-size: 100% 100%;
    position: fixed;
	left:0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100vh;
	overflow:hidden;
}

.loading-row {
  position:relative;height:100%;width:100%;
}
.fadeIn {
  -webkit-animation: fadeIn ease 1s; /* Safari 4+ */
  -moz-animation:    fadeIn ease 1s; /* Fx 5+ */
  -o-animation:      fadeIn ease 1s; /* Opera 12+ */
  animation:         fadeIn ease 1s; /* IE 10+, Fx 29+ */
}
.preloader_bar {
  position:absolute;bottom:30%;left:34.5%;
}
.preloader_row {
  position:relative;width:60%;
}
.preloader_img {
  width:100%;
}

.ufo-1 {
position:absolute;
-webkit-animation: ufo1 2s infinite; /* Safari 4+ */
-moz-animation:    ufo1 2s infinite; /* Fx 5+ */
-o-animation:      ufo1 2s infinite; /* Opera 12+ */
animation:         ufo1 2s infinite; /* IE 10+, Fx 29+ */
}
.ufo-2 {
position:absolute;
-webkit-animation: ufo2 2s infinite; /* Safari 4+ */
-moz-animation:    ufo2 2s infinite; /* Fx 5+ */
-o-animation:      ufo2 2s infinite; /* Opera 12+ */
animation:         ufo2 2s infinite; /* IE 10+, Fx 29+ */
}
.ufo-3 {
position:absolute;
-webkit-animation: ufo3 2s infinite; /* Safari 4+ */
-moz-animation:    ufo3 2s infinite; /* Fx 5+ */
-o-animation:      ufo3 2s infinite; /* Opera 12+ */
animation:         ufo3 2s infinite; /* IE 10+, Fx 29+ */
}
.ufo-1 img, .ufo-2 img, .ufo-3 img {
  width:58%;
}
.ufo-logo {
position:absolute;
top: 30%;
right:33%;
-webkit-animation: ufologo 2s infinite; /* Safari 4+ */
-moz-animation:    ufologo 2s infinite; /* Fx 5+ */
-o-animation:      ufologo 2s infinite; /* Opera 12+ */
animation:         ufologo 2s infinite; /* IE 10+, Fx 29+ */
}
.ufo-logo img {
  width:60%;
}
.pacman {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f2d648;
  position: absolute;
  top:18%;
  left:30%;
  animation:pacman-walk 4s linear infinite;
     animation-delay: 0.8s;

}
.pacman__mouth {
  background: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  clip-path: polygon(100% 74%, 44% 48%, 100% 21%);
  animation-name: eat;
animation-duration: 0.7s;
animation-iteration-count: infinite;
}
.pacman_enemy{
  position: absolute;right:20%;top:18%;
  animation:pacman-enemy 5s linear infinite;
     animation-delay: 0.8s;
     width:7%;
}

/* End Loader Styles */

@media (max-width:1024px) {
	
.homepage-txt-1 {
	font-size:4rem;
}
	
.manajemen-socmed-detail,.homepage-portofolio-link,.socmed-detail,.kol-detail,.web-portofolio,.web-detail,.ads-detail,.ads-portofolio,.visual-portofolio,.visual-detail {
	position:relative!important;
	width:100%;
	height:auto;
	margin-top:15px;
	margin-bottom:15px;
	left:0;
	top:0;
}

.footer-sub-right {
	padding-right:0;
}

}

/* Animations */
@-webkit-keyframes fadeIn {
  0%   { opacity: 0.4; }
  100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
  0%   { opacity: 0.4; }
  100% { opacity: 1; }
}
@-o-keyframes fadeIn {
  0%   { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes fadeIn {
  0%   { opacity: 0.4; }
  100% { opacity: 1; }
}

@-webkit-keyframes ufo1 {
  0%   { opacity: 0.4;top:0%;left:15%; }
  25%   { opacity: 0.5;top:5%;left:10% }
  50%   { opacity: 0.6;top:10%;left:15% }
  75%   { opacity: 0.7;top:15%;left:10% }
  100% { opacity: 1;top:20%;left:30%; }
}
@-moz-keyframes ufo1 {

 0%   { opacity: 0.4;top:0%;left:15%; }
  25%   { opacity: 0.5;top:5%;left:10% }
  50%   { opacity: 0.6;top:10%;left:15% }
  75%   { opacity: 0.7;top:15%;left:10% }
  100% { opacity: 1;top:20%;left:30%; }
}
@-o-keyframes ufo1 {

 0%   { opacity: 0.4;top:0%;left:15%; }
  25%   { opacity: 0.5;top:5%;left:10% }
  50%   { opacity: 0.6;top:10%;left:15% }
  75%   { opacity: 0.7;top:15%;left:10% }
  100% { opacity: 1;top:20%;left:30%; }
}
@keyframes ufo1 {

 0%   { opacity: 0.4;top:0%;left:15%; }
  25%   { opacity: 0.5;top:5%;left:10% }
  50%   { opacity: 0.6;top:10%;left:15% }
  75%   { opacity: 0.7;top:15%;left:10% }
  100% { opacity: 1;top:20%;left:30%; }
}

@-webkit-keyframes ufo2 {
  0%   { opacity: 0.4;bottom100%;left:0%; }
  25%   { opacity: 0.5;bottom:20%;left:10% }
  50%   { opacity: 0.6;bottom:10%;left:15% }
  75%   { opacity: 0.7;bottom:25%;left:20% }
  100% { opacity: 1;bottom:40%;left:30%; }
}
@-moz-keyframes ufo2 {

 0%   { opacity: 0.4;bottom:10%;left:0%; }
  25%   { opacity: 0.5;bottom:20%;left:10% }
  50%   { opacity: 0.6;bottom:10%;left:15% }
  75%   { opacity: 0.7;bottom:25%;left:20% }
  100% { opacity: 1;bottom:40%;left:30%; }
}
@-o-keyframes ufo2 {

 0%   { opacity: 0.4;bottom:10%;left:0%; }
  25%   { opacity: 0.5;bottom:20%;left:10% }
  50%   { opacity: 0.6;bottom:10%;left:15% }
  75%   { opacity: 0.7;bottom:25%;left:20% }
  100% { opacity: 1;bottom:40%;left:30%; }
}
@keyframes ufo2 {

 0%   { opacity: 0.4;bottom:10%;left:0%; }
  25%   { opacity: 0.5;bottom:20%;left:10% }
  50%   { opacity: 0.6;bottom:10%;left:15% }
  75%   { opacity: 0.7;bottom:25%;left:20% }
  100% { opacity: 1;bottom:40%;left:30%; }
}

@-webkit-keyframes ufo3 {
  0%   { opacity: 0.4;top:0%;right:15%; }
  25%   { opacity: 0.5;top:5%;right:10% }
  50%   { opacity: 0.6;top:10%;right:15% }
  75%   { opacity: 0.7;top:15%;right:10% }
  100% { opacity: 1;top:40%;right:23% }
}
@-moz-keyframes ufo3 {

 0%   { opacity: 0.4;top:0%;right:15%; }
  25%   { opacity: 0.5;top:5%;right:10% }
  50%   { opacity: 0.6;top:10%;right:15% }
  75%   { opacity: 0.7;top:15%;right:10% }
  100% { opacity: 1;top: 40%;right:23% }
}
@-o-keyframes ufo3 {

 0%   { opacity: 0.4;top:0%;right:15%; }
  25%   { opacity: 0.5;top:5%;right:10% }
  50%   { opacity: 0.6;top:10%;right:15% }
  75%   { opacity: 0.7;top:15%;right:10% }
  100% { opacity: 1;top: 40%;right:23% }
}
@keyframes ufo3 {

 0%   { opacity: 0.4;top:0%;right:15%; }
  25%   { opacity: 0.5;top:5%;right:10% }
  50%   { opacity: 0.6;top:10%;right:15% }
  75%   { opacity: 0.7;top:15%;right:10% }
  100% { opacity: 1;top: 40%;right:23% }
}

@-webkit-keyframes ufologo {
  0%   { opacity: 0.4;}
  25%   { opacity: 0.6;}
  50%   { opacity: 0.5;}
  75%   { opacity: 0.7;}
  100% { opacity: 1;}
}
@-moz-keyframes ufologo {

   0%   { opacity: 0.4;}
  25%   { opacity: 0.6;}
  50%   { opacity: 0.5;}
  75%   { opacity: 0.7;}
  100% { opacity: 1;}
}
@-o-keyframes ufologo {

   0%   { opacity: 0.4;}
  25%   { opacity: 0.6;}
  50%   { opacity: 0.5;}
  75%   { opacity: 0.7;}
  100% { opacity: 1;}
}
@keyframes ufologo {
   0%   { opacity: 0.4;}
  25%   { opacity: 0.6;}
  50%   { opacity: 0.5;}
  75%   { opacity: 0.7;}
  100% { opacity: 1;}
}


@keyframes eat {
  0% {
    clip-path: polygon(100% 74%, 44% 48%, 100% 21%);
  }
  25% {
    clip-path: polygon(100% 60%, 44% 48%, 100% 40%);
  }
  50% {
    clip-path: polygon(100% 50%, 44% 48%, 100% 50%);
  }
  75% {
    clip-path: polygon(100% 59%, 44% 48%, 100% 35%);
  }
  100% {
    clip-path: polygon(100% 74%, 44% 48%, 100% 21%);
  }
}
@keyframes pacman-walk {
   0%   { left:30%; opacity:1;}
  10%   { left:40%; opacity:1;}
  20%   { left:50%;  opacity:1;}
  30%   { left:60%; opacity:1; }
  40% {  left:70%; opacity:1;}
  50% {  left:80%; opacity:1;}
  60% {  left:90%; opacity:0;}
  70% {  left:0%; opacity:0;}
  80% {  left:10%; opacity:1;}
  90% {  left:20%; opacity:1;}
  100% {  left:30%; opacity:1;}
}
@keyframes pacman-enemy {
  0%   { right:20%; }
  10%   { right:10%;opacity:0; }
  20%   { right:90%; opacity:0; }
  30%   { right:80%;opacity:1;  }
  40% {  right:70%; }
  50% {  right:60%; }
  60% {  right:50%; }
  70% {  right:40%; }
  80% {  right:35%; }
  90% {  right:25%; }
  100% {  right:20%; }
}

@keyframes homenavbounce {
	0% { top:0; }
	10% { top:10px; }
	20% { top:20px; }
	30% { top:30px; }
	40% { top:40px; }
	50% { top:50px; }
	60% { top:40px; }
	70% { top:30px; }
	80% { top:20px; }
	90% { top: 10px; }
	100% { top:0; }
}

.cf7sendwa-modal-title {
    background-color: transparent;
    color: #000;
    padding: 15px 25px;
    margin-bottom: 14px;
    font-weight: 600;
    text-align: center;
}