@charset 'UTF-8';
body { font-family: 'Open Sans', sans-serif; line-height: 1.6; font-size: 15px; max-width: 1920px; margin: 0 auto; color: #191919; }
a { color: #333; text-decoration: none; cursor: pointer; transition: all 0.3s; }
a i { pointer-events: none; }
a:hover, a:focus { color: #DADADA; text-decoration: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top: 0; }
h1, .h1 { font-size: 2.4em; }
h2, .h2 { font-size: 2em; }
h3, .h3 { font-size: 1.6em; }
h4, .h4 { font-size: 1.2em; }
h5, .h5 { font-size: 1em; }
h6, .h6 { font-size: 12px; }
img { height: auto; max-width: 100%; }
button, input, select, textarea { font-size: 100%; margin: 0;
vertical-align: baseline; *vertical-align: middle; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
label.screen-reader-text { display: none; }
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, select {
color: #666; border: 1px solid #E8E8E8; border-radius: 3px; padding: 5px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
color: #111;
}
iframe { max-width: 100%; }
textarea { overflow: auto; vertical-align: top; width: 100%; }
.wpcf7-form input:not([type="submit"]):not([type="reset"]), .wpcf7-form textarea, .wpcf7-form select { width: 100%; margin-bottom: 10px; } .alignleft { display: inline; float: left; }
.alignright { display: inline; float: right; }
.aligncenter { clear: both; display: block; margin: 0 auto; } .search-form { border: none; background: #fff; padding-left: 10px; margin-bottom: 15px; width: 275px; float: right; }
.search-submit { background: #fff url(//etasgoacademy.com/wp-content/themes/ninja/images/search.jpg) center no-repeat; color: transparent; border: none; padding: 5px 16px; margin: 5px; }
.header-middle .search-field { background: none; border: none; }
.search-results-list article { box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.31); padding: 15px; margin-bottom: 15px; }
.search-results-list article .page-header { border-bottom: 0; margin: 0; padding-bottom: 0; } .bg-light-grey { background-color: #E1E1E1; }
.bg-dark-grey { background-color: #191919; color: #fff; }
.bg-black { background-color: #000; color: #fff; }
.bg-white { background-color: #fff; }
.bg-dark-grey a, .bg-black a { color: inherit; } .nfluid-wrapper { position: relative; }
.nxposition { position: initial; } .container-fluid, .container-fluid > .row > [class*='col-'], .container-fluid.main-content-area, .container-fluid.main-content-area > .row > .main-content-inner { 
padding-left: 0; padding-right: 0; 
}
.container-fluid > .row { margin: 0; }
.container-fluid.main-content-area > .row { margin: auto; } .sidebar { margin-bottom: 15px; }
.sidebar aside { background-color: #f3f3f3; padding-bottom: 15px; }
.widget_archive select { width: calc(100% - 10px * 2); margin: 10px auto 0; display: block; outline: 0!important; }
.widget_archive h3 { background-color: #000; color: #fff; padding: 5px 15px; text-transform: uppercase; font-size: 24px; } .post-listing { padding: 0; list-style-type: none; }
.post-listing li { overflow: hidden; margin: 0 0 20px; border: 5px solid #f3f3f3; padding: 15px; }
.post-listing .featured-img { float: left; margin-right: 10px; } .btn.btn-default { background-color: #0c4ea0; border-color: #0c4ea0; color: #fff; font-size: 14px; padding: 5px 20px; 
margin-top: 15px; transition: all 0.3s ease 0s;
}
.btn.btn-default:hover { color: #0c4ea0; border-color: currentColor; background-color: transparent; } .np15 { padding: 15px; }
.np30 { padding: 30px; }
.np45 { padding: 45px; }
.nm15 { margin: 15px; }
.nm30 { margin: 30px; }
.nm45 { margin: 45px; }
.nvp15 { padding-top: 15px; padding-bottom: 15px; }
.nvp30 { padding-top: 30px; padding-bottom: 30px; }
.nvp45 { padding-top: 45px; padding-bottom: 45px; }
.nvm15 { margin-top: 15px; margin-bottom: 15px; }
.nvm30 { margin-top: 30px; margin-bottom: 30px }
.nvm45 { margin-top: 45px; margin-bottom: 45px }
.nhp15 { padding-left: 15px; padding-right: 15px; }
.nhp30 { padding-left: 30px; padding-right: 30px; }
.nhp45 { padding-left: 45px; padding-right: 45px; }
.nhm15 { margin-left: 15px; margin-right: 15px; }
.nhm30 { margin-left: 30px; margin-right: 30px; }
.nhm45 { margin-left: 45px; margin-right: 45px; }
.nxp { padding: 0; }
.nxvp { padding-top: 0; padding-bottom: 0; }
.nxhp { padding-left: 0; padding-right: 0; }
.nxm { margin: 0; }
.nxvm { margin-top: 0; margin-bottom: 0; }
.nxhm { margin-left: 0; margin-right: 0; } .nflex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.nflex-center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.nflex-bottom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; align-items: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; }
.nflex-top { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } .nmla { margin-left: auto; }
.nmra { margin-right: auto; } ul, li { margin-bottom: 10px; }
ul ul, ol ol, ul ol, ol ul { padding-left: 20px; }
.ninline-col-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.ninline-col-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.ninline-col-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.ninline-col-1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
[class*='ninline-col'] { -webkit-column-gap: 40px; column-gap: 40px; }
[class*='ninline-col'] li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -moz-page-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; }
ul.menu { list-style: none; padding-left: 0; margin-bottom: 0; } .header-middle > .container { padding-top: 15px; padding-bottom: 15px; } .navbar-collapse { clear: both; float: right; padding-left: 0; padding-right: 0; }
#menu-primary li { display: block; position: relative; margin-bottom: 0; }
#menu-primary ul.sub-menu { display: none; z-index: 999; text-align: left; }
#menu-primary li:last-child { margin-right: 0; }
#menu-primary li a { padding: 10px 20px; display: block; }
#menu-primary li a:hover { color: #000; }
.dropdown-menu { padding: 0!important; border: 0!important; border-radius: 0; }
ul.sub-menu { position: absolute; top: 40px; left: 0; padding: 0 5px; background: #000; }
#menu-primary ul.sub-menu li a { padding: 5px; }
#menu-primary ul.sub-menu li a:hover { color: #fff; }
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
ul.nav li.dropdown:hover > ul.dropdown-menu ul.dropdown-menu { margin-left: 160px; margin-top: -40px; } .ninja-tq-icon { font-size: 40px; color: #fff; margin-bottom: 30px; background-color: #ee1b24; padding: 30px; border-radius: 50%; border: 5px solid #fff; box-shadow: 7px 7px 24px 0px rgba(50, 50, 50, 0.41); } .ninja-comingsoon-icon { font-size: 40px; color: #fff; margin-bottom: 30px; background-color: #ee1b24; padding: 30px; border-radius: 50%; border: 5px solid #fff; box-shadow: 7px 7px 24px 0px rgba(50, 50, 50, 0.41); }
.ninja-thank-you > .row { height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.countdown { position: relative; margin: auto; height: 40px; width: 40px; text-align: center; }
.countdown-number { color: #000; display: inline-block; line-height: 38px; }
.ninja-thank-you svg { position: absolute; top: 0; right: 0; width: 40px; height: 40px; transform: rotateY(-180deg) rotateZ(-90deg); -webkit-transform: rotateY(-180deg) rotateZ(-90deg); }
.ninja-thank-you svg circle { stroke-dasharray: 113px; stroke-dashoffset: 0px; stroke-linecap: round; stroke-width: 2px; stroke: black; fill: none; animation: countdown 10s linear forwards; -webkit-animation: countdown 10s linear forwards; }
@-webkit-keyframes countdown {
from { stroke-dashoffset: 0px; }
to { stroke-dashoffset: 113px; }
}
@keyframes countdown {
from { stroke-dashoffset: 0px; }
to { stroke-dashoffset: 113px; }
} .nperiscope { background-position: center 0px; background-repeat: repeat-y; background-attachment: fixed; position: relative; }
.nperiscope.circle { border-radius: 50%; }
.nperiscope .nperiscope-tint { background-color: rgba(0, 0, 0, 0.5); color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; opacity: 0; padding: 30px; transition: all 0.8s;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
}
.nperiscope-content { transition: all 0.8s; }
.nperiscope.circle, .nperiscope.circle .nperiscope-tint { border-radius: 50%; } .nfloating-box-list-wrapper { overflow: hidden; }
.nfloating-box-list { list-style: none; margin-bottom: 0; padding-left: 0; } .nlanding-box-list { list-style: none; padding-left: 0; margin-bottom: 0; overflow: hidden; }
.nlanding-box-list .nbox { position: relative; opacity: 0; transform: translateX(30px); transition: all 0.4s ease-in-out; overflow: hidden; }
.nlanding-box-list.nalign-left .nbox { transform: translateX(-30px); }
.nlanding-box-list.nalign-top .nbox { transform: translateY(-30px); }
.nlanding-box-list.nalign-bottom .nbox { transform: translateY(30px); }
.nlanding-box-list .nbox.is-showing { opacity: 1; transform: translateX(0px); }
.nlanding-box-list.nalign-top .nbox.is-showing, .nlanding-box-list.nalign-bottom .nbox.is-showing {transform: translateY(0px); } p:empty { display: none; }
a.waze-app, a.whatsapp { display: none; }
.nboxes .ncaption { margin-bottom: 15px; }
.nboxes img { width: 100%; }
.page-featured-banner h1 { text-align: center; }
.fullpage-header { position: absolute; z-index: 1; color: #fff; }
#wc_category_accordion-2 .widgettitle { margin-bottom: 0; }
figure.thumbnail { max-width: 100%; } .nbtnfr { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: fixed; transform-origin: right bottom; top: 20%; } #footer { background: #191919; padding-top: 15px; color: #fff; }
#footer .footer-inner { padding-top: 25px; padding-bottom: 25px; padding-left: 30px; padding-right: 30px; }
#footer .widgettitle { font-size: 14px; }
#footer .widgettitle:after { content: ""; background-color: #fff; width: 20px; height: 3px; display: block; margin-top: 15px; }
#footer ul { padding-left: 0; }
#colophon { background: #fff; color: initial; }
#copyright { text-align: center; padding: 10px 15px; } #floating-widget { position: fixed; right: 0; top: 38%; z-index: 999; } .scroll-to-top { background: rgba(100, 100, 100, 0.4); color: #fff; bottom: 4%; cursor: pointer; display: none; position: fixed; right: 20px; z-index: 999; font-size: 16px;
text-align: center; line-height: 40px; width: 40px; border-radius: 4px; transition: background-color 0.3s linear;
}
.scroll-to-top:hover { background: #222; opacity: .8; } .social-icons ul { margin-bottom: 0; }
.social-icons ul, .social-icons li { border: 0!important; list-style: none; padding-left: 0; }
.social-icons li { border: none; display: inline-block; margin: 0; }
.social-icons li a span { display: none; }
.social-icons li a { font-size: 18px; line-height: 37px; list-style: none; display: inline-block; text-align: center; height: 35px; width: 35px; margin-right: 5px; margin-bottom: 5px;
border-radius: 50%; background-color: #fff; color: #000; transition: background-color 0.5s;
}
.social-icons li a[href*="facebook.com"] i:before { content: "\f09a"; }
.social-icons li a[href*="twitter.com"] i:before { content: "\f099"; }
.social-icons li a[href*="skype"] i:before { content: "\f17e"; }
.social-icons li a[href*="youtube.com"] i:before { content: "\f167"; }
.social-icons li a[href*="instagram.com"] i:before { content: "\f16d"; }
.social-icons li a[href*="flickr.com"] i:before { content: "\f16e"; }
.social-icons li a[href*="tumblr.com"] i:before { content: "\f173"; }
.social-icons li a[href*="pinterest.com"] i:before { content: "\f0d2"; }
.social-icons li a[href*="plus.google.com"] i:before { content: "\f0d5"; }
.social-icons li a[href*="linkedin.com"] i:before { content: "\f0e1"; }
.social-icons li a:hover { color: #fff!important; }
.social-icons li a[href*="facebook.com"]:hover { background-color: #4265b9; }
.social-icons li a[href*="twitter.com"]:hover { background-color: #55ACEE; }
.social-icons li a[href*="skype"]:hover { background-color: #0bbff2; }
.social-icons li a[href*="youtube.com"]:hover { background-color: #df3333; }
.social-icons li a[href*="instagram.com"]:hover { background-color: #F95B60; }
.social-icons li a[href*="flickr.com"]:hover { background-color: #ff0084; }
.social-icons li a[href*="tumblr.com"]:hover { background-color: #35506b; }
.social-icons li a[href*="pinterest.com"]:hover { background-color: #c31e26; }
.social-icons li a[href*="plus.google.com"]:hover { background-color: #d62408; }
.social-icons li a[href*="linkedin.com"]:hover { background-color: #005987; } @media (min-width: 1200px) {
.lg-center { text-align: center; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.md-center { text-align: center; }
}
@media (min-width: 992px) { .nimg-wrapper { position: initial; }
.nimg-container-right, .nimg-container-left { position: absolute; bottom: 0; top: 0; }
.nimg-container-right { left: 50%; right: 0; }
.nimg-container-left { left: 0; right: 50%; }
.nimg-container-right img, .nimg-container-left img { object-fit: cover; width: 100%; height: 100%; }
.nfluid-wrapper .row.nflex > [class*='col-'] { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 50%; }
.nfluid-wrapper .nflex-reverse { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse!important; flex-direction: row-reverse!important; }
}
@media (max-width: 991px) {
.navbar-collapse.collapse { display: none !important; }
.sidebar, .content-with-sidebar { float: none; width: 100%; }
.search-form { display: none; }
.nflex { display: block; }
#logo img { width: auto; }
a.waze-app, a.whatsapp { display: inline-block; }
a.waze { display: none; }
.nfloating-box-list .nbox { transform: none!important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-center { text-align: center; }
}
@media (max-width: 767px) {
.xs-center { text-align: center; }
.nimg-wrapper img { margin-bottom: 15px; } 
.np45 { padding: 30px; }
}
@media (max-width: 480px) {
#floating-widget { right: inherit; top: initial; bottom: 0; width: 100%; text-align: center; }
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://etasgoacademy.com/wp-content/themes/ninja/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://etasgoacademy.com/wp-content/themes/ninja/slick/fonts/slick.eot);
src: url(https://etasgoacademy.com/wp-content/themes/ninja/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://etasgoacademy.com/wp-content/themes/ninja/slick/fonts/slick.woff) format('woff'), url(https://etasgoacademy.com/wp-content/themes/ninja/slick/fonts/slick.ttf) format('truetype'), url(https://etasgoacademy.com/wp-content/themes/ninja/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}html {
background: #d7d7d7;
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 1.7;
font-weight: 400;
color: #212222;
position: relative;
}
.grecaptcha-badge {
display: none !important;
}
iframe {
display: block;
box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.2);
}
a {
color: inherit;
}
a:hover {
color: ;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.5;
}
h2, h3, h4, h5, h6 {
font-family: 'Merriweather', serif;
}
.page-featured-banner {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page-featured-banner > .container {
min-height: 430px;
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
text-align: center;
}
.archive-bg, .single-bg {
background-image: url(//etasgoacademy.com/wp-content/uploads/2019/05/about-us-head-banner.jpg);
}
.page-featured-banner h1 {
margin: 150px 0px 40px;
}
h1 {
font-family: 'Merriweather', serif;
font-weight: 400;
color: #d3a449;
font-size: 4.5em;
}
h2, h3 {
color: #d3a449;
font-weight: 400;
font-size: 3.2em;
margin-bottom: 20px;
}
h3 {
font-size: 2.1em;
}
h4 {
color: #262828;
font-size: 1.4em;
}
h5 {
font-family: 'Dancing Script', cursive;
font-weight: 700;
color: #151111;
font-size: 4.5em;
}
.white-font {
color: #fff;
}
.black-font {
color: #212222;
}
.grey-bg {
background-color: #f1f1f1;
}
.gold-bg {
background-color: #d3a449;
}
.shadow {
box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.4);
}
.nvp60 {
padding-top: 60px;
padding-bottom: 60px;
}
.nvm165 {
margin-top: 165px;
margin-bottom: 165px;
}
.nvmt165 {
margin-top: 165px;
}
.nmt60 {
margin-top: 60px;
}
.nnmt60 {
margin-top: -60px; 
}
.nnmb60 {
margin-bottom: -60px; 
}
.npt60 {
padding-top: 60px;
}
.npb60 {
padding-bottom: 60px;
padding-top: 0px;
}
.nflex-vcenter {
display: flex;
align-items: center;
}
.grid-container {
display: grid;
grid-gap: 30px;
}
.grid-3 {
grid-template-columns: repeat(3, 1fr);
} .su-expand-link:hover {
opacity: 1 !important;
}
.btn.btn-default, .su-expand.su-expand-link-style-button .su-expand-link a {
background-color: #ed1b24;
border: none;
border-radius: 20px;
color: #fff !important;
font-size: 15px;
padding: 8px 16px;
min-width: 140px;
position: relative;
overflow: hidden;
z-index: 1;
transition: all 0.3s ease-in-out;
}
.btn.btn-default:before, .su-expand.su-expand-link-style-button .su-expand-link a:before {
content: "";
z-index: -1;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: -100%;
background-color: #d3a449;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.su-expand.su-expand-link-style-button .su-expand-link a:before {
background-color: #fff;
}
.btn.btn-default:hover:before, .su-expand.su-expand-link-style-button .su-expand-link a:hover:before {
left: 0;
}
.btn.btn-default:hover, .su-expand.su-expand-link-style-button .su-expand-link a:hover {
color: #fff !important;
background-color: #ed1b24;
border: none;
}
.su-expand.su-expand-link-style-button .su-expand-link a:hover {
color: #d3a449 !important;
} .wpcf7-form label {
font-weight: 600;
display: block;
margin-bottom: 0px;
color: #000;
text-align: left;
}
.wpcf7-form input:not([type=submit]):not([type=reset]), .wpcf7-form textarea, .wpcf7-form select {
border: none;
border: 1px solid #b7b7b4;
padding: 7px 14px;
background-color: transparent;
font-weight: 500;
border-radius: 0px;
outline: none;
color: #868686;
margin-top: 5px;
background-color: #fff;
}
.wpcf7-form select {
height: 39px;
}
.wpcf7-form input:focus, .wpcf7-form textarea:focus {
border: 1px solid #d3a449 !important;
background: rgba(211, 164, 73, 0.1) !important;
color: #000;
}
.wpcf7-form textarea {
height: 150px;
}
.wpcf7-form-control-wrap .wpcf7-not-valid {
border: 1px solid red !important;
}
span.wpcf7-not-valid-tip {
display: none !important;
}
div.wpcf7 .ajax-loader {
display: block;
position: absolute;
left: 0;
right: 0;
margin: auto;
} .navigation {
margin-top: 45px;
}
.pagination {
margin: 0px;
border-radius: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.pagination>li {
margin-bottom: 0px;
}
.pagination>li>a.page, .pagination>li>span.current {
color: #000;
border: 0px;
background: transparent;
padding: 0px;
width: 22px;
height: 22px;
justify-content: center;
display: flex;
align-items: center;
margin: 0px 3px;
}
.navigation .wp-pagenavi-pagination a:hover, .navigation .wp-pagenavi-pagination span:hover,
.navigation .wp-pagenavi-pagination span.current {
color: #fff;
border: 0px ;
background-color: #d3a449;
border-radius: 50%;
}
.navigation .wp-pagenavi-pagination a.nextpostslink, .navigation .wp-pagenavi-pagination a.previouspostslink, .navigation .wp-pagenavi-pagination span.extend, .navigation .wp-pagenavi-pagination a.last {
display: flex;
align-items: center;
color: #000;
font-weight: 500;
border: 0px;
background: transparent;
}
.navigation .wp-pagenavi-pagination a.nextpostslink:hover, .navigation .wp-pagenavi-pagination a.previouspostslink:hover, .navigation .wp-pagenavi-pagination span.extend:hover, .navigation .wp-pagenavi-pagination a.last:hover {
background: transparent;
color: #000;
}
.navigation .wp-pagenavi-pagination a.nextpostslink i, .navigation .wp-pagenavi-pagination a.previouspostslink i {
font-size: 22px;
}
.navigation .wp-pagenavi-pagination a.nextpostslink i {
margin-right: 6px;
}
.navigation .wp-pagenavi-pagination a.previouspostslink i  {
margin-left: 6px;
}
.navigation .wp-pagenavi-pagination a.nextpostslink:hover i, .navigation .wp-pagenavi-pagination a.previouspostslink:hover i {
color: #d3a449;
}
.post-navigation {
clear: both;
}
.post-navigation:last-child {
margin-top: 30px;
}
.post-navigation .nav-prev {
float: left;
text-align: left;
}
.post-navigation .nav-next {
float: right;
text-align: right;
}
.post-navigation a {
border: 1px solid #DADADA;
background-color: #FFF;
color: #555;
padding: 8px 14px;
font-size: 11px;
border-radius: 4px;
display: block;
overflow: hidden;
text-transform: uppercase;
}
.post-navigation a:hover {
background-color: #d3a449;
border-color: #d3a449;
color: #fff;
} ul#social-media-icon {
list-style-type: none;
padding-left: 0px;
margin-bottom: 0px;
}
ul#social-media-icon li {
margin-bottom: 10px;
}
ul#social-media-icon li a {
width: 43px;
height: 43px;
display: flex;
border-radius: 50%;
align-items: center;
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15);
justify-content: center;
color: #fff;
font-size: 20px;
}
ul#social-media-icon li a#floating-phone {
background-color: #ed1b24;
}
ul#social-media-icon li a[href*="whatsapp.com"] {
background-color: #43c052;
}
ul#social-media-icon li a[href*="facebook"] {
background-color: #3b5998;
}
ul#social-media-icon li a[href*="instagram.com"] {
background-color: #b91875;
}
ul#social-media-icon li a[href*="/contact-us/"] {
background-color: #eee600;
}
#floating-phone + ul {
visibility: hidden;
}
#floating-phone + ul li a {
opacity: 0;
}
#floating-phone:hover + ul, #floating-phone:focus + ul {
visibility: visible;
animation: scale-in 0.2s;
}
#floating-phone:hover + ul li a, #floating-phone:focus + ul li a {
opacity: 1;
}
.hotline-menu {
position: absolute;
right: 45px;
top: -10px;
z-index: 100;
margin-bottom: 0;
font-size: 12px;
list-style: none;
column-count: 2;
column-gap: 10px;
width: 300px;
background-color: #ccc;
padding: 4px !important;
}
ul#social-media-icon .hotline-menu li {
margin-bottom: 0px;
}
ul#social-media-icon .hotline-menu li a {
background-color: #fff;
color: #111 !important;
margin-bottom: 1px;
display: block;
font-family: "Proza Libre", sans-serif;
font-weight: 500;
text-align: center;
width: 100%;
height: auto;
padding: 5px;
border-radius: unset;
font-size: 13px;
min-width: 100px;
}
.hotline-menu li a[href*="tel:"] {
pointer-events: auto;
}
.hotline-menu li a:hover {
background-color: #ccc;
}
.hotline-menu:hover {
visibility: visible !important;
opacity: 1 !important;
}
.hotline-menu:hover li a {
opacity: 1 !important;
} #header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 999;
width: 100%;
}
.header-top {
padding: 5px 0px;
}
.header-top .col-md-12 {
display: flex;
justify-content: flex-end;
align-items: center;
}
.widget.qtranxs_widget {
color: #fff;
}
.widget.qtranxs_widget ul {
padding-left: 20px;
}
.widget.qtranxs_widget ul li.active {
color: #d3a449;
opacity: 1;
}
.widget.qtranxs_widget ul li {
opacity: 1;
display: inline-block;
margin: 0px 8px;
position: relative;
}
.widget.qtranxs_widget ul li a:hover {
color: #d3a449;
}
.widget.qtranxs_widget ul li:first-child:after {
content: '';
display: block;
width: 2px;
height: 65%;
background-color: #fff;
position: absolute;
top: 0;
right: -12px;
bottom: 0;
margin: auto;
}
.header-mid {
padding: 8px 0px; background-color: rgba(135, 0, 0, 0.85);
}
#header .row {
display: flex;
align-items: center;
}
#navigation-menu {
display: flex;
align-items: center;
justify-content: flex-end;
}
.navbar-collapse {
padding-left: 0px;
float: none;
}
ul#menu-navbar {
display: flex;
align-items: center;
}
.navbar-nav>li:last-child>a {
margin-right: 0px;
}
.navbar-nav>li>a {
text-transform: uppercase;
padding: 10px;
margin: 0px 5px;
color: #e0dede;
}
.navbar-nav>li {
position: relative;
margin-bottom: 0px;
}
.navbar-nav>li#menu-item-375 {
display: none !important;
}
.navbar-nav>li>a:after {
display: block;
height: 2px;
width: 0%;
margin: auto;
content: "";
background-color: #e2d884;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li.active>a, .navbar-nav>li.menu-item.current-menu-ancestor>a {
background-color: transparent;
color: #e2d884;
}
.navbar-nav>li>a:hover:after, .navbar-nav>li>a:focus:after, .navbar-nav>li.active>a:after, .navbar-nav>li.menu-item.current-menu-ancestor>a:after {
opacity: 1;
width: 84%;
margin: auto;
}
.dropdown-menu {
background: #fff;
border-top: 2px solid #ed1b24 !important;
}
.dropdown-menu>li  {
margin-bottom: 0px;
}
.dropdown-menu>li>a {
color: #000;
padding: 8px 15px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover,.dropdown-menu>li>a:hover {
background-color: #ed1b24;
color: #fff;
}
.col-sm-12.text-center.nvm45 {
margin-top: 185px;
margin-bottom: 45px;
} ul.icon-list {
list-style-type: none;
padding-left: 0px;
}
ul.icon-list img {
margin-right: 15px;
}
.gallery-home .su-tabs {
background-color: transparent;
padding: 0px;
border-radius: 0px;
}
.gallery-home .su-tabs-pane {
padding: 0px;
}
.gallery-home .su-tabs-nav {
margin-bottom: 25px;
}
.su-tabs-nav span {
border-radius: 20px !important;
border: 1px solid #fff;
margin: 10px;
}
.testimonial-sec {
background-image: url(//etasgoacademy.com/wp-content/uploads/2023/04/e1-1.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.about-wcu .img-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 105px;
height: 105px;
margin: 15px auto;
border: 1px solid #d6ab57;
border-radius: 100%;
position: relative;
z-index: 1;
}
.about-wcu .img-wrapper:after {
content: '';
background: #d6ab57;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 100%;
z-index: -1;
transform: scale(0);
transition: .3s ease-in-out;
}
.about-wcu .col-md-4:hover .img-wrapper img{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.about-wcu .col-md-4:hover .img-wrapper:after {
transform: scale(1);
}
.post-list article:not(:last-child):after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #e1e1e1;
margin: 45px 0px;
}
ul.contact-list i {
color: #d6ab57;
}
ul.course-list {
padding-left: 18px;
-moz-column-count: 2;
column-count: 2;
text-align: left;
}
.courses-sec .grid-wrapper {
background: #d3a449;
}
.courses-sec .text-wrapper {
color: #fff;
padding: 25px 15px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
ul.course-desc-list {
color: #fff;
text-align: left;
padding-left: 18px;
display: inline-block;
}
.su-expand.su-expand-link-style-button {
margin-bottom: 0px;
} .foogallery.foogallery-default {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(3, 1fr);
padding-left: 0px !important;
margin: 30px 0px 15px;
}
.foogallery .fg-thumb {
overflow: hidden;
}
.foogallery .fg-item .fg-image {
transition: all 0.25s ease;
}
.foogallery .fg-item:hover .fg-image {
transform: scale(1.1);
}
.foogallery.foogallery-owl-carousel {
position: relative;
overflow: hidden;
}
.foogallery.foogallery-owl-carousel .owl-stage-outer {
margin: 0;
padding: 0px;
}
.foogallery.foogallery-owl-carousel .foo-item a {
margin: 0px;
}
.foogallery.foogallery-owl-carousel .owl-nav {
position: absolute;
margin: 0px;
width: 100%;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.foogallery.foogallery-owl-carousel .owl-nav i.fa {
font-size: 30px;
vertical-align: middle;
}
.foogallery.foogallery-owl-carousel .owl-nav .owl-prev {
position: absolute;
left: -40px;
background: black;
color: rgba(255, 255, 255, 0.8);
margin: 0;
pointer-events: auto;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 0px;
padding: 4px 10px;
}
.foogallery.foogallery-owl-carousel .owl-nav .owl-next {
position: absolute;
right: -40px;
background: black;
color: rgba(255, 255, 255, 0.8);
margin: 0;
pointer-events: auto;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 0px;
padding: 4px 10px;
}
.foogallery.foogallery-owl-carousel:hover .owl-nav .owl-next {
opacity: 1;
right: 30px;
}
.foogallery.foogallery-owl-carousel .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.8);
}
.foogallery.foogallery-owl-carousel:hover .owl-nav .owl-prev {
opacity: 1;
left: 30px;
}
.foogallery.foogallery-owl-carousel .owl-nav .owl-prev:hover {
background: rgba(0, 0, 0, 0.8);
} .search .page-featured-banner {
display: none;
}
#search-bar {
margin-left: 10px;
}
#search {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
transition: all 0.5s ease-in-out;
opacity: 0;
z-index: 9999;
transform: translate(0, 100%);
animation-duration: .8s;
animation-fill-mode: both;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#search .close {
color: #fff;
background: #d12f2b;
background: -moz-linear-gradient(top, #d12f2b 0%, #ff002a 100%);
background: -webkit-linear-gradient(top, #d12f2b 0%,#ff002a 100%);
background: linear-gradient(to bottom, #d12f2b 0%,#ff002a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d12f2b', endColorstr='#ff002a',GradientType=0 );
position: fixed;
top: 15px;
right: 15px;
opacity: 1;
padding: 7px 17px;
font-size: 40px;
border-radius: 50%;
transition: all 0.3s ease;
}
.popup-search-form {
width: initial;
float: initial;
margin: initial;
background: initial;
border: initial;
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 100%;
transform: translateY(-50%);
padding: 0;
}
#search input[type="search"] {
color: #fff;
background: none;
font-size: 60px;
width: 100%;
font-weight: 300;
text-align: center;
border: 0;
padding: 15px 30px;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#search .btn {
margin: 0 auto;
display: block;
}
#search.open {
animation-name: slideFadeUp;
}
#search.close { 
animation-name: slideFadeDown;
}
#search-button {
color: #fff;
padding: 0px 10px;
}
#search-button:hover {
color: #d3a449;
}
@keyframes slideFadeUp {
0%   { opacity: 0; }
100% { opacity: 1; transform: translate(0, 0); }
}
@keyframes slideFadeDown {
0%   { opacity: 1; transform: translate(0, 0); }
100% { opacity: 0; transform: translate(0, 100%); }
}
.search-form { background: none; width: initial; margin-bottom: 0; float: none; position: relative; display: inline-block; padding-left: 0; }
.search-form:after { content: ''; display: table; clear: both; }
.search-form .search-field { background: #ededed; padding: 5px 15px 5px 35px; max-width: 170px; font-size: 13px; border-radius: 15px; outline: 0; box-sizing: border-box; transition: all 0.3s ease-in-out; }
.search-form .search-submit { background: url(//etasgoacademy.com/wp-content/themes/ninja/images/search.png) center no-repeat; padding: 3px 12px; margin: 0; position: absolute; top: 0; left: 5px; bottom: 0; }
.search-form .search-field:focus { box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, .2); }
.search #header {
position: initial;
background-color: #d7d7d7;
} .slick-slider {
margin: 15px 0px 0px;
overflow: hidden;
}
.testimonial-carousel .slick-slide {
margin: 15px 60px 0px;
}
.slick-slide, .slick-slide a {
outline: none;
}
.slick-prev, .slick-next {
width: 30px;
height: 30px;
transition: all 0.3s ease;
opacity: 0;
}
.slick-prev:before {
content: "\f053";
}
.slick-next:before {
content: "\f054";
}
.slick-prev:before, .slick-next:before {
font-family: "Font Awesome 5 Free";
font-weight: 700;
color: #fff;
font-size: 18px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.slick-slider:hover .slick-arrow {
display: block !important;
opacity: 1;
}
.slick-slider:hover .slick-prev {
left: 15px;
z-index: 999;
}
.slick-slider:hover .slick-next {
right: 15px;
}
.slick-slider .slick-dots li button:before {
opacity: 1;
color: #b2b2b2;
font-size: 14px;
}
.slick-slider .slick-dots li.slick-active button:before {
opacity: 1;
color: #006c33;
} #footer .widgettitle {
font-weight: 700;
color: #fff;
font-size: 1.2em;
}
#footer .widgettitle:after {
content: none;
}
#footer {
padding-top: 0px;
background-color: #ed1b24;
}
#footer .footer-inner {
padding: 45px 15px;
}
#footer ul.menu {
column-count: 2;
-moz-column-count: 2;
}
#footer ul.menu li.current-menu-item a, #footer ul.menu li.current-menu-parent a {
color: #d6ab57;
font-weight: 600;
}
#footer ul.menu li.menu-item-375 {
display: none !important;
}
#footer ul.sub-menu {
display: none;
}
#colophon {
background-color: #000;
color: #fff;
}
#copyright {
text-align: left;
padding: 15px;
} button.responsive-menu-accessible .responsive-menu-inner {
transition-timing-function: cubic-bezier(.55, .055, .675, .19);
transition-duration: .22s;
transition-property: all;
}
button.responsive-menu-accessible.is-active .responsive-menu-inner {
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: rotate(225deg);
}
button.responsive-menu-accessible .responsive-menu-inner:before {
transition: top .1s ease-in .25s, opacity .1s ease-in;
}
button.responsive-menu-accessible.is-active .responsive-menu-inner:before {
top: 0;
transition: top .1s ease-out, opacity .1s ease-out .12s;
opacity: 0;
}
button.responsive-menu-accessible .responsive-menu-inner:after {
transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
}
button.responsive-menu-accessible.is-active .responsive-menu-inner:after {
bottom: 0;
transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
transform: rotate(-90deg);
}
#responsive-menu-button.is-active + #responsive-menu-container {
box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.25);
} @media (max-width: 1199px) {
.header-top {
display: none;
}
}
@media (max-width: 991px) {
section, #footer, #copyright, .text-right, .text-left {
text-align: center;
}
#logo img {
width: 190px;
}
.su-list ul {
display: inline-block;
text-align: left;
}
.nflex-center {
display: block;
}
.mnmb35 {
margin-bottom: 35px;
}
.mnpt45 {
padding-top: 45px;
}
.nhp45 {
padding-left: 0px;
padding-right: 0px;
}
.nvm165 {
margin-top: 0px;
margin-bottom: 0px;
}
.nvp60 {
padding-top: 45px;
padding-bottom: 45px;
}
.nvmt165 {
margin-top: 45px;
}
.nnmt60, .nmt60 {
margin-top: 0px;
}
.nnmb60 {
margin-bottom: 0px;
}
h2, h3 {
margin-bottom: 10px;
}
h2 {
font-size: 2.4em;
}
.header-mid {
padding: 5px 0px;
}
h1 {
font-size: 3.5em;
line-height: 1.2;
}
.page-featured-banner h1 {
margin: 80px 0px 0px;
}
.page-featured-banner > .container {
min-height: 250px;
}
.fa-ul {
margin-left: 0px;
}
.fa-li {
position: initial;
}
#footer ul.menu, ul.course-list {
column-count: 1;
-moz-column-count: 1;
}
ul.course-list {
display: inline-block;
}
.footer-widget:not(:last-child) {
margin-bottom: 25px;
}
#footer .footer-inner {
padding: 35px 15px 25px;
}
.post-list .post-desc {
padding: 30px 15px 20px;
}
.foogallery.foogallery-default, .grid-3 {
grid-template-columns: repeat(2, 1fr);
}
ul.icon-list img {
display: block;
margin: 0px auto 15px;
}
}
@media (max-width: 767px) {
.testimonial-carousel .slick-slide {
margin: 15px;
}
}
@media (max-width: 480px) {
#colophon {
padding-bottom: 43px;
}
#floating-widget {
top: initial;
}
#footer ul#social-media-icon li {
margin: 0px;
width: calc( 100% / 5 );
float: left;
}
ul#social-media-icon li a {
width: 100%;
border-radius: 0px;
}
h1 {
font-size: 2.1em;
}
h2, h3 {
font-size: 2em;
}
.foogallery.foogallery-default, .grid-3 {
grid-template-columns: repeat(1, 1fr);
}
.hotline-menu {
bottom: 43px;
right: initial;
top: initial;
left: 0;
}
#footer ul#social-media-icon .hotline-menu li {
width: 100%;
}
}  @media screen and (device-aspect-ratio: 2/3) {
select, textarea, input[type=text], input[type=password],
input[type=datetime], input[type=datetime-local],
input[type=date], input[type=month], input[type=time],
input[type=week], input[type=number], input[type=email],
input[type=url], input[type=tel] {
font-size: 16px;
}
} @media screen and (device-aspect-ratio: 40/71) {
select, textarea, input[type=text], input[type=password],
input[type=datetime], input[type=datetime-local],
input[type=date], input[type=month], input[type=time],
input[type=week], input[type=number], input[type=email],
input[type=url], input[type=tel] {
font-size: 16px;
}
} @media screen and (device-aspect-ratio: 375/667) {
select, textarea, input[type=text], input[type=password],
input[type=datetime], input[type=datetime-local],
input[type=date], input[type=month], input[type=time],
input[type=week], input[type=number], input[type=email],
input[type=url], input[type=tel] {
font-size: 16px;
}
} @media screen and (device-aspect-ratio: 9/16) {
select, textarea, input[type=text], input[type=password],
input[type=datetime], input[type=datetime-local],
input[type=date], input[type=month], input[type=time],
input[type=week], input[type=number], input[type=email],
input[type=url], input[type=tel] {
font-size: 16px;
}
} .barista{
text-align:center;
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}