/* 
Theme Name:		 Kitmans Lab
Theme URI:		 https://kitmanlabs.com
Description:	 Kitmans Lab is a child theme of Hello Elementor
Author:			 Kitmans Lab
Author URI:		 https://kitmanlabs.com
Template:		 hello-elementor
Version:		 1.0.0
Text Domain:	 kitmans-lab
*/

@import url("assets/css/fonts.css");

/* ------ VARIABLES ------ */

:root {
    --font-primary: 'Druk Wide';
    --font-secondary: 'Druk';
    --font-tertiary: 'Neue Haas Grotesk';
    --color-primary: #121212;
    --color-secondary: #0F28FF;
    --color-text: #F5F9FC;
    --color-accent: #FF421D;
    --color-dark-gray: #1C2226;
    --color-light-gray: #93A0AC;
}


/* ------ GLOBALS ------ */

.page-header h1.entry-title {
    display: none;
}

body.kitman {
    color: var(--color-text);
    background-color: var(--color-primary);
    font-family: var(--font-tertiary);
    font-size: 16px;
}

.kitman h1,
.kitman h2,
.kitman h3 {
    font-family: var(--font-primary);
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: 700;
}

.kitman h4,
.kitman h5,
.kitman h6 {
    font-family: var(--font-secondary);
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: 700;
}

.kitman h1 {
    font-size: 60px;
}

.kitman h2 {
    font-size: 50px;
}

.kitman h3 {
    font-size: 30px;
}

.kitman h4,
.kitman h5,
.kitman h6 {
    font-size: 25px;
}

/* ------ HELPERS ------ */


/* Sizes */

.h-size-1>div.elementor-widget-container *,
.h-size-1 {
    font-size: 20px;
}

.h-size-2>div.elementor-widget-container *,
.h-size-2 {
    font-size: 25px;
}

.h-size-3>div.elementor-widget-container *,
.h-size-3 {
    font-size: 30px;
}

.h-size-4>div.elementor-widget-container *,
.h-size-4 {
    font-size: 40px;
}

.h-size-5>div.elementor-widget-container *,
.h-size-5 {
    font-size: 50px;
}

.h-size-6>div.elementor-widget-container *,
.h-size-6 {
    font-size: 60px;
}

.h-size-7>div.elementor-widget-container *,
.h-size-7 {
    font-size: 65px;
}

.h-size-8>div.elementor-widget-container *,
.h-size-8 {
    font-size: 70px;
}

.h-size-9>div.elementor-widget-container *,
.h-size-9 {
    font-size: 180px;
}

.txt-size-1>div.elementor-widget-container *,
.txt-size-1 {
    font-size: 16px;
}

.txt-size-2>div.elementor-widget-container *,
.txt-size-2 {
    /*font-size: 20px;*/
}

.sub-head-fonts.txt-size-2>div.elementor-widget-container * {
    font-size: 20px;
}

.txt-size-3>div.elementor-widget-container *,
.txt-size-3 {
    /*font-size: 30px;*/
}

.we-work-title.txt-size-3>div.elementor-widget-container * {
    font-size: 30px;
}


/* Family */

.font-primary>div.elementor-widget-container * {
    font-family: var(--font-primary);
}

.font-primary {
    font-family: var(--font-primary) !important;
}

.font-secondary>div.elementor-widget-container * {
    font-family: var(--font-secondary);
}

.font-secondary {
    font-family: var(--font-secondary) !important;
}

.font-tertiary>div.elementor-widget-container *,
.font-tertiary {
    font-family: var(--font-tertiary);
}

.font-tertiary {
    font-family: var(--font-tertiary) !important;
}


/* Weight */

.font-bold>div.elementor-widget-container *,
.font-bold {
    font-weight: 700;
}

.font-medium>div.elementor-widget-container *,
.font-medium {
    font-weight: 500;
}

.font-regular>div.elementor-widget-container *,
.font-regular {
    /*font-weight: 400;*/
}


/* Color */

.color-text>div.elementor-widget-container *,
.color-text {
    color: var(--color-text) !important;
}

.color-light-gray>div.elementor-widget-container *,
.color-light-gray {
    color: var(--color-light-gray);
}

.color-secondary>div.elementor-widget-container *,
.color-secondary {
    color: var(--color-secondary);
}


/* Button */

.custom-btn-1 {
    z-index: 1;
}

.custom-btn-1 a,
a.custom-btn-1 {
    font-family: var(--font-primary);
    font-size: 12px;
    background-color: var(--color-secondary);
    border-radius: 0px;
    position: relative;
}

/*.custom-btn-1 a:before,
a.custom-btn-1:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: inherit;
    z-index: -1;
    left: 0;
    top: 0;
    right: 0px;
    bottom: 0;
    transform-origin: left top;
    transform: skewY(-1.5deg);
}*/


/* Others */

.no-outline .elementor-button:focus-visible,
.no-outline .elementor-button:focus {
    outline: transparent none 0px;
}

.line-height-2 {
    line-height: 2;
}

.blue-highlight:not(.elementor-element),
.blue-highlight .elementor-heading-title {
    background: var(--color-secondary);
    padding: 2px 15px;
    /* padding: 0px 5px; */
    position: relative;
    width: fit-content;
    z-index: 0;
}

.blue-highlight:not(.elementor-element):before,
.blue-highlight .elementor-heading-title:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: inherit;
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform-origin: left top;
    transform: skewY(-0.7deg);
}

.blue-highlight-p-lg .elementor-heading-title {
    padding: 15px 25px;
}

.heading-hr:before {
    content: "";
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: -1;
    background: var(--color-accent);
}

.heading-hr .elementor-heading-title {
    width: fit-content;
    background: var(--color-primary);
    margin: 0 auto;
    padding: 0px 20px;
}

.link-hover a .elementor-button-text {
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
}

.link-hover a:hover .elementor-button-text {
    border-color: var(--color-accent);
}

/* POPUPS */
a.dialog-close-button.dialog-lightbox-close-button {
    text-decoration: none;
}

ifsotrigger {
    display: none !important;
}

/* .language-redirect-popup + .welcome-mat-popup, */
/* .tiny-modal-overlay + .welcome-mat-popup {
    display: none !important;
} */

.language-redirect-popup + .welcome-mat-popup {
    z-index: 9998;
}

section.insideModal {
    width: 640px;
}

.modal-active.tiny-modal-overlay .modalContent {
    background: none;
}

.modal-active.tiny-modal-overlay .modalContent .closebutton {
    top: 10px;
    right: 10px;
}

/* HIGHLIGHT BANNER */

.highlight-banner {
    min-height: 50px;
    width: 100%;
    padding: 5px 30px;
    display: flex;
    align-items: center;
    /* position: fixed; */
    /* z-index: 9999; */
    /* overflow: auto; */
    /* top: 0; */
    background: var(--color-secondary);
}

.highlight-banner p {
    margin: 0px;
    width: 100%;
}

.hb-close-btn {
    cursor: pointer;
    margin-left: 10px;
}


/* .highlight-banner+.navbar {
    margin-top: 50px;
} */


/* ------ MAIN NAV MENU 

.primary-nav .menu-item.current-menu-item:after,
.primary-nav .menu-item.current-menu-parent:after,
body.home .navbar-brand:after {
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: -3px;
    bottom: 0;
    background: var(--color-secondary);
    transform: rotate(-1.5deg);
    height: 100%;
    opacity: 1;
    z-index: 0;
    padding: 25px;
}
------ */

.admin-bar .head-sticky {
    top: 32px;
}

.navbar-brand {
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 0 !important;
}

body.home .navbar-brand,
.primary-nav .menu-item.current-menu-item,
.primary-nav .menu-item.current-menu-parent {
    background: var(--color-secondary);
}


/*.primary-nav .menu-item.menu-contact:after,*/

body.home .navbar-brand:after,
.primary-nav .menu-item.current-menu-item:after,
.primary-nav .menu-item.current-menu-parent:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: var(--color-secondary);
    z-index: -1;
    left: 0;
    top: 0;
    right: 0px;
    bottom: 0;
    transform-origin: left top;
    transform: skewY(-1.5deg);
}

.primary-nav .menu-item.menu-contact,
.primary-nav .menu-item.menu-contact:after {
    background: var(--color-accent);
}


/* .page-id-27503 .primary-nav .menu-item.menu-contact,
.page-id-27503 .primary-nav .menu-item.menu-contact:after,
.page-id-27849 .primary-nav .menu-item.menu-contact,
.page-id-27849 .primary-nav .menu-item.menu-contact:after,
.page-id-27849 .primary-nav .menu-item.menu-contact,
.page-id-27652 .primary-nav .menu-item.menu-contact,
.page-id-27652 .primary-nav .menu-item.menu-contact:after,
.page-id-27727 .primary-nav .menu-item.menu-contact,
.page-id-27727 .primary-nav .menu-item.menu-contact:after,
.page-id-27810 .primary-nav .menu-item.menu-contact,
.page-id-27810 .primary-nav .menu-item.menu-contact:after,
.page-id-27783 .primary-nav .menu-item.menu-contact,
.page-id-27783 .primary-nav .menu-item.menu-contact:after,
.page-id-27803 .primary-nav .menu-item.menu-contact,
.page-id-27803 .primary-nav .menu-item.menu-contact:after {
    background-color: #00de1e;
}

.page-id-27955 .primary-nav .menu-item.menu-contact,
.page-id-27955 .primary-nav .menu-item.menu-contact:after {
    background-color: #ffc701;
}

.page-id-28402 .primary-nav .menu-item.menu-contact,
.page-id-28402 .primary-nav .menu-item.menu-contact:after {
    background-color: #FF7300;
}

.page-id-27503 .primary-nav .menu-item.menu-contact a,
.page-id-27652 .primary-nav .menu-item.menu-contact a,
.page-id-27727 .primary-nav .menu-item.menu-contact a,
.page-id-27810 .primary-nav .menu-item.menu-contact a,
.page-id-27783 .primary-nav .menu-item.menu-contact a,
.page-id-27803 .primary-nav .menu-item.menu-contact a,
.page-id-27955 .primary-nav .menu-item.menu-contact a {
    color: #121212;
} */

.primary-nav .menu-item.current-menu-item:after,
.primary-nav .menu-item.current-menu-parent:after {
    left: 0;
    right: 0;
    top: -1px;
    z-index: -1;
    padding: 20px;
}

.primary-nav .menu-item.current-menu-item,
.primary-nav .menu-item.current-menu-parent,
.navbar-brand {
    position: relative;
}

.navbar-brand img {
    position: relative;
    z-index: 1;
    width: 235px;
}


/* .navbar-brand:before {
    content: "TM";
    z-index: 9999;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 10px;
    color: var(--color-text);
} */


/* .navbar-brand img {
    margin-right: 20px;
} */

.navbar {
    background: var(--color-primary);
    z-index: 999;
}

.navbar .container-fluid {
    padding: 20px 10px;
}

.primary-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    text-align: center;
}

.primary-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: -999em;
}

.primary-nav li {
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 10px 12px;
    line-height: 1;
}

.primary-nav li a {
    font-family: var(--font-primary);
    color: var(--color-text);
    font-size: 10px;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 2px solid transparent;
    transition: 0.3s ease border;
    padding-bottom: 3px;
}

.primary-nav li:hover>ul {
    /* left: auto; */
    background: var(--color-primary);
    padding: 10px 20px;
    margin-top: 10px;
    min-width: 220px;
    left: 50%;
    transform: translateX(-50%);
}

.primary-nav li li {
    display: block;
    padding: 8px 0px;
}

.primary-nav li li a {
    font-family: var(--font-tertiary);
    font-size: 14px;
    font-weight: 500;
    color: var(--color-light-gray);
    text-transform: capitalize;
    transition: 0.3s ease all;
}

.primary-nav li li:hover>ul {
    left: 100%;
    top: 0;
}

.primary-nav li a:hover {
    border-bottom: 2px solid var(--color-accent);
}

.primary-nav li li a:hover {
    color: var(--color-text);
}

.secondary-nav {
    list-style: none;
    display: flex;
    padding: 0px;
    margin: 0px;
}

.secondary-nav li {
    padding: 0px 8px;
    align-items: center;
    display: flex;
}

.secondary-nav li a {
    font-family: var(--font-tertiary);
    font-size: 10px;
    color: var(--color-text);
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.3s ease all;
}

.secondary-nav li.search-icon a span {
    display: none;
}

.secondary-nav li.search-icon a:before {
    content: "";
    background: url("/wp-content/themes/kitmans-lab/assets/img/search-icon.svg");
    width: 14px;
    height: 14px;
    display: block;
}

.secondary-nav li a:hover {
    color: var(--color-light-gray);
}

button.navbar-toggler {
    background-color: var(--color-secondary) !important;
}

button.navbar-toggler span {
    filter: invert(1);
}

a.nav-contact-btn {
    position: fixed;
    right: 0;
    top: 90px;
    padding: 15px;
    text-decoration: none;
    color: var(--color-text);
    background: var(--color-accent);
    z-index: 9999;
    transform: rotate(270deg);
    transform-origin: right bottom;
    transition: 0.3s ease all;
    font-family: var(--font-primary);
    font-size: 12px
}

a.nav-contact-btn:hover {
    background-color: var(--color-secondary) !important;
    color: var(--color-text) !important;
}

a.nav-contact-btn:before {
    transform-origin: right top;
    transform: skewY(1.8deg);
}


/* main#content {
    margin-top: 95px;
} */


/* .highlight-banner ~ main#content {
    margin-top: 114px;
} */


/* body.admin-bar main#content {
    margin-top: 63px;
} */

nav .container-fluid {
    max-width: 1440px;
    margin: auto;
}

li.menu-light a {
    font-family: var(--font-tertiary);
    font-weight: 400;
}

.menu-contact {
    margin-left: 8px;
}

.search-section {
    position: relative;
}

.search-section a.menu-search-icon,
.language-section a.menu-lang-icon {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
}

.search-section .menu-search-icon img,
.language-section .menu-lang-icon img {
    width: 17px;
}

.search-section .search-bar {
    padding: 5px;
    background: var(--color-dark-gray);
    position: absolute;
    right: 0px;
    width: 245px;
    display: none;
}

.search-section .search-bar .searchwp-form input.swp-input {
    background-color: #707B8D;
    color: var(--color-text);
    border-color: #707B8D !important;
    font-size: 12px;
}

.search-section .search-bar .searchwp-form input.swp-input::placeholder {
    color: var(--color-text);
}

.search-section .search-bar .searchwp-form input.swp-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 0.6em;
    width: 0.6em;
    border-radius: 50em;
    background: url(/wp-content/themes/kitmans-lab/assets/img/search-cancel-icon.svg) no-repeat 50% 50%;
    background-size: contain;
    opacity: 1;
    cursor: pointer;
    font-size: 40px;
}

.search-section.active .search-bar {
    display: block;
}

.search-section.active a.menu-search-icon {
    background-color: var(--color-dark-gray);
}

.search-section .search-bar .searchwp-form .search-submit {
    position: absolute;
    right: 5px;
    width: 10px;
    height: 36px;
    opacity: 0;
}


/* Language Selector */

.language-section {
    margin-left: 10px;
    position: relative;
}

.language-section .wpml-ls-legacy-list-vertical {
    margin: 0 auto;
}

.language-section .language-list {
    padding: 5px;
    background: var(--color-dark-gray);
    position: absolute;
    right: 0px;
    width: 7.5em;
    display: none;
}

.language-section.active .language-list {
    display: block;
}

.language-section.active .language-list a.wpml-ls-link {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-light-gray);
}

.language-section.active .language-list .wpml-ls-current-language a {
    color: var(--color-text);
    text-decoration: underline;
    text-decoration-color: var(--color-accent);
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

.language-section.active a.menu-lang-icon {
    background-color: var(--color-dark-gray);
}

.language-list a.wpml-ls-link:hover {
    text-decoration: underline;
    text-decoration-color: var(--color-accent);
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}


/* FOOTER LANGUAGE WIDGET */

.language-widget li.widget {
    list-style: none;
    float: right;
    width: 160px;
}

.language-widget .wpml-ls-legacy-dropdown a {
    background: none;
    color: var(--color-text);
    border: none;
}

.language-widget .wpml-ls-legacy-dropdown .wpml-ls-item:hover a.wpml-ls-item-toggle,
.language-widget .wpml-ls-legacy-dropdown a:hover {
    background: #121212;
    color: var(--color-text);
}

.language-widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    top: unset;
    bottom: 100%;
    background: #121212;
    border-top: 0px;
    border-bottom: 1px solid var(--color-text);
}

.language-widget a.js-wpml-ls-item-toggle.wpml-ls-item-toggle span.wpml-ls-native {
    display: flex;
    align-items: center;
}

.language-widget a.js-wpml-ls-item-toggle.wpml-ls-item-toggle span.wpml-ls-native:before {
    content: url(/wp-content/themes/kitmans-lab/assets/img/language-icon.svg);
    padding-right: 7px;
    padding-top: 2px;
}

.language-widget .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: url(/wp-content/themes/kitmans-lab/assets/img/arrow-up.svg);
    border: none;
    border-top: none;
    top: calc(50% - 0.5em);
}


/* ------ FOOTER ------ */

footer#site-footer .site-navigation {
    justify-content: center;
}

.footer-container {
    background: var(--color-dark-gray);
    padding: 40px 40px 0px 40px;
}

footer.site-footer:not(.dynamic-footer) {
    max-width: 1442px;
    /* max-width: 1210px; */
}

footer.site-footer .footer-column .site-navigation {
    justify-content: center;
}

.footer-column h4,
.footer-column ul.menu li.footer-header-link a {
    font-family: var(--font-primary);
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.footer-column ul.menu li.footer-header-link a {
    color: var(--color-text);
}

.footer-column ul.menu li.footer-header-link a:hover,
.footer-column ul.menu li.current-menu-item:not(.no-active) a {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--color-accent);
    text-underline-offset: 4px;
    color: var(--color-text);
}

.footer-column ul.menu {
    justify-content: center;
}

.footer-column ul.menu li {
    padding-bottom: 18px;
    justify-content: center;
    width: 100%;
}

.footer-copyright .site-navigation ul.menu li a,
.footer-column ul.menu li a {
    font-family: var(--font-tertiary);
    color: var(--color-light-gray);
    /*font-size: 17px;*/
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    padding: 0px !important;
    transition: 0.3s ease all;
}

.footer-column ul.menu li a:hover {
    color: var(--color-text);
}

.footer-secondary>div:first-child h3 {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
}

.footer-secondary>div:nth-child(2) h3 {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
}

.footer-secondary>div:nth-child(2) h3:after {
    content: url(/wp-content/themes/kitmans-lab/assets/img/double-right-arrow.svg);
    padding: 15px;
}

.footer-copyright span {
    font-family: var(--font-tertiary);
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
}

.footer-copyright {
    border-top: 1px solid #93a0ac59;
}

.footer-copyright .site-navigation ul.menu {
    margin-bottom: 0px !important;
}

.footer-copyright .site-navigation ul.menu li a {
    padding: 5px 5px !important;
    color: var(--color-text);
}


/* .footer-copyright .site-navigation ul.menu li:last-child a {
    padding: 5px 0 !important;
} */

.footer-copyright .site-navigation ul.menu li a:hover {
    color: var(--color-light-gray);
}

.footer-copyright .social-links a {
    color: var(--color-text);
    text-decoration: none;
    font-size: 25px;
}

.footer-copyright .social-links a:not(:last-child) i {
    margin-right: 10px;
}

.footer-quotes img {
    width: 90px;
    height: 90px;
    object-fit: contain;
}


/* ------ PULSING ARROW ------ */

.scroll-control {
    width: 100px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.hide-scroll .scroll-control:before {
    content: "SCROLL";
    position: absolute;
    font-size: 14px;
    top: 0;
}

.pulsating-outer-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 60px;
    border: 1px solid #fff;
}

.pulsating-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 12px;
    height: 12px;
}

.pulsating-circle:before {
    content: '';
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    background-color: #0F0FFF;
    animation: pulse-ring 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.pulsating-circle:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    animation: pulse-dot 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}

.our-path-scroll .arrow {
    width: 100px;
    top: 69px;
}

.our-path-scroll .arrow:after {
    width: 90px;
}

@keyframes pulse-ring {
    0% {
        transform: scale(.33);
    }
    80%,
    100% {
        opacity: 0;
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(.8);
    }
}

.arrow {
    position: relative;
    width: 50px;
    height: 30px;
    cursor: pointer;
    /*   border:solid 1px white; */
    transition: 0.5s;
    overflow: hidden;
    transform: rotate(-90deg);
    top: 25px;
}

.arrow:hover {
    border-radius: 50%;
}

.arrow:after {
    position: absolute;
    display: block;
    content: "";
    color: white;
    width: 21px;
    height: 1px;
    top: 14.5px;
    left: -3px;
    border-bottom: 1px solid #FF421D;
    transform: translatex(13px);
}

.arrow:before {
    position: absolute;
    display: block;
    content: "";
    color: white;
    width: 12px;
    height: 12px;
    border-top: 1px solid #FF421D;
    border-left: 1px solid #FF421D;
    top: 15px;
    left: 9px;
    transform-origin: 0% 0%;
    transform: rotatez(-45deg);
}

.scroll-control:hover {
    cursor: pointer;
}

.scroll-control .arrow:after {
    animation: aniArrow02 0.75s ease-in infinite 0.5s;
    animation-direction: alternate;
}

.scroll-control .arrow:before {
    animation: aniArrow01 0.75s ease-in infinite 0.5s;
    animation-direction: alternate;
}

.our-path-scroll .scroll-control .arrow:after {
    animation: aniArrow03 0.75s ease-in infinite 0.5s;
    animation-direction: alternate;
}

@keyframes aniArrow01 {
    0% {
        transform: rotatez(-45deg) translateY(0px) translateX(0px);
    }
    100% {
        transform: rotatez(-45deg) translateY(-5px) translateX(-5px);
    }
}

@keyframes aniArrow02 {
    0% {
        width: 20px;
        transform: translatex(13px);
    }
    100% {
        width: 28px;
        transform: translatex(5px);
    }
}

@keyframes aniArrow03 {
    0% {
        width: 90px;
        transform: translatex(13px);
    }
    100% {
        width: 98px;
        transform: translatex(5px);
    }
}

@keyframes borderAni {
    0% {
        border: solid 2px white;
    }
    100% {
        border: solid 2px white;
        border-radius: 50%;
    }
}


/* ------ HOME PAGE ------ */

.founder-quote-section .quote-author .elementor-widget-container {
    display: flex;
    justify-content: center;
}

.founder-quote-section .quote p {
    padding: 0px 50px;
}

.founder-quote-section .quote .elementor-widget-container:before,
.founder-quote-section .quote .elementor-widget-container:after,
#post-outcomestory-quote .elementor-widget-container:before,
#post-outcomestory-quote .elementor-widget-container:after,
div.home-testi:before,
div.home-testi:after {
    content: '“';
    font-size: 82px;
    line-height: 1;
    font-family: var(--font-primary);
    font-weight: 500;
    color: var(--color-accent);
    position: absolute;
}

.founder-quote-section .quote .elementor-widget-container:before {
    left: 0;
    top: -15px;
}

.founder-quote-section .quote .elementor-widget-container:after {
    right: 0;
    bottom: 0;
    transform: rotate(180deg);
}

.we-work-with-logo figure.gallery-item img {
    height: 85px;
    object-fit: scale-down;
}


/* ------ WHY KITMAN LABS ------ */

.who-is-kitman-inner {
    overflow: hidden;
}


/* Timeline */

.twae-wrapper .twae-label-big {
    font-family: var(--font-primary);
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item:first-child .twae-labels {
    text-align: left;
    position: absolute;
    top: -95px;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item:first-child .twae-story-line {
    left: 215px;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item:first-child .twae-content {
    margin-left: 215px;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item:first-child .twae-description {
    text-align: left;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item:last-child .twae-labels {
    text-align: right;
    position: absolute;
    top: -95px;
    right: 0;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item:last-child .twae-story-line {
    right: 215px;
    left: unset;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item:last-child .twae-content {
    margin-right: 0;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item:last-child .twae-description {
    text-align: right;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-content {
    box-shadow: none;
    max-width: 510px;
    min-height: 150px;
    margin: 0 auto;
}

.twae-wrapper .twae-story:hover .twae-content {
    box-shadow: none !important;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-icondot {
    border: none;
    background: none;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item:not(:first-child):not(:last-child) .twae-icondot:before {
    border-left: 1px solid var(--color-text);
    width: 1px;
    height: 35px;
    opacity: 1;
    top: -25px;
    left: 12px;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item .twae-story-line {
    height: 1px;
}

.twae-horizontal-timeline.twae-wrapper div.twae-h-line {
    /*width: calc(100% - 430px);
    right: 215px;*/
    width:100%;
    right:0;
    left: unset;
    height: 1px;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item:not(:first-child):nth-child(odd) .twae-icondot:before {
    top: 11px;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item:not(:first-child):nth-child(odd) .twae-labels {
    top: -25px;
}

.twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item:not(:first-child):nth-child(odd) .twae-content {
    top: -220px;
    justify-content: end;
}

.twae-horizontal-timeline.twae-wrapper div.twae-story {
    /*margin-top: calc(var(--tw-ibx-size) * 2 + var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 60px);*/
    margin-top:40px;
}

.twae-horizontal-timeline.twae-wrapper div.twae-h-line {
    top: calc(0px + var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 60px + var(--tw-ibx-size) - var(--tw-line-width) * .5);
}

.twae-horizontal-timeline.twae-wrapper div.twae-button-next,
.twae-horizontal-timeline.twae-wrapper div.twae-button-prev {
    top: calc(0px + var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 60px + var(--tw-ibx-size) - var(--nav-icon-height) * .5);
}

.swiper-button-disabled{
    visibility: hidden !important;
}
#timeline > .elementor-widget-container{
    margin:0;
}

.view-story.elementor-widget-icon-box.elementor-position-top .elementor-icon-box-wrapper {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.executive-hr-right:after {
    content: "";
    height: 2px;
    width: calc(75% - 100px);
    background: var(--color-accent);
    position: absolute;
    top: 50%;
    right: 0;
    z-index: -1;
}

.executive-hr-right h2.elementor-heading-title {
    display: inline-block;
    background: var(--color-primary);
    padding-right: 15px;
}

.strategists-hr-left:after {
    content: "";
    height: 2px;
    width: calc(25% + 100px);
    background: var(--color-accent);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}

.strategists-hr-left h2.elementor-heading-title {
    display: inline-block;
    background: var(--color-primary);
    padding-left: 15px;
}


/* Team Grid and Team Slider*/

.team-strategists.team-grid {
    display: none;
}

.team-slider .social-link,
.team-grid .social-link {
    color: var(--color-text);
}

.team-slider .social-link i,
.team-grid .social-link i {
    font-size: 18px;
    margin-right: 10px;
}

.team-grid .e-loop__load-more span.elementor-button-text {
    font-family: var(--font-secondary);
}

.team-grid .e-loop__load-more .elementor-button-icon {
    color: var(--color-accent);
}

.team-slider .team-member .info-container {
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0;
}

.see-all-team i {
    font-family: "Font Awesome 5 Free" !important;
    color: var(--color-accent);
}

.team-slider .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.team-slider .swiper-slide {
    height: calc((100% - 10px) / 2) !important;
    margin: 5px !important;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.team-slider .swiper-grid-column>.swiper-wrapper {
    flex-direction: row;
}

.team-slider .bio {
    max-height: 0px;
    overflow: hidden;
    transition: 0.3s ease all;
}

.team-slider .team-slide:hover .bio {
    max-height: 500px;
}

.team-slider .member-img {
    transition: 0.3s ease all;
    top: 0;
}

.team-slider .team-slide:hover .member-img {
    top: -50px;
}

.team-slider .team-slide .info-container .elementor-container:after {
    content: "";
    width: calc(100%);
    height: 30px;
    background: var(--color-secondary);
    position: absolute;
    bottom: -25px;
    transition: 0.3s ease all;
    opacity: 0;
}

.team-slider .team-slide:hover .info-container .elementor-container:after {
    opacity: 1;
}

.team-slider,
.team-slider .elementor-widget-container {
    height: 100%;
}


/* ------ INTELLIGENCE PLATFORM PAGES ------ */


/* NOTE: To merge with Customizer Style */

.vertical-tab .elementor-widget-testimonial-carousel .elementor-testimonial__text {
    font-style: normal;
}

.tab-icon-cards .elementor-icon-box-title span {
    font-family: var(--font-secondary);
    font-size: 35px;
}

.tab-icon-cards .elementor-icon-box-wrapper:hover .elementor-icon-box-title span {
    border-bottom: 2px solid var(--color-accent);
}

.tab-icon-cards .elementor-icon-box-title span:hover {
    border-bottom: 2px solid var(--color-accent);
}

.tab-icon-cards.us-only .elementor-icon-box-title span:after {
    content: url(/wp-content/themes/kitmans-lab/assets/img/us-only-icon.svg);
    vertical-align: text-top;
    margin-left: 10px;
}

.tab-icon-cards .elementor-icon-box-icon svg g {
    clip-path: unset;
}

.slider-inside-tab:after {
    background-color: #121212d9 !important;
    /* NOTE: Delete the background on customizer */
}

.feature-column-card .elementor-button-text {
    text-align: left;
}

.feature-column-card .elementor-button-icon {
    display: flex;
}

.feature-column-card .elementor-button-icon svg {
    width: 30px;
}

@media only screen and (max-width: 1400px) {
    .tab-icon-cards .elementor-icon-box-title span {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1024px) {
    .tab-icon-cards .elementor-icon-box-title span {
        font-size: 26px;
    }
}

@media only screen and (max-width: 768px) {
    .tab-icon-cards .elementor-icon-box-title span {
        font-size: 24px;
    }
}


/* SEARCH PAGE */

.search-page-form .searchwp-form input.swp-input {
    background-color: #707B8D;
    color: var(--color-text);
    border-color: #707B8D !important;
    font-weight: bold;
}

.search-page-form .searchwp-form input.swp-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    border-radius: 50em;
    background: url(/wp-content/themes/kitmans-lab/assets/img/search-cancel-icon.svg) no-repeat 50% 50%;
    background-size: contain;
    opacity: 1;
    cursor: pointer;
    font-size: 40px;
}

.search-page-form .searchwp-form input.search-submit {
    position: absolute;
    right: 0;
    width: 40px;
    height: 42px;
    opacity: 0;
}

.search-loop-grid nav.elementor-pagination {
    font-family: 'Druk Wide';
    font-size: 18px;
    text-transform: uppercase;
}

.search-loop-grid nav.elementor-pagination a {
    color: var(--color-text);
}

.search-loop-grid nav.elementor-pagination span.prev,
.search-loop-grid nav.elementor-pagination span.next {
    display: none;
}

.search-loop-grid nav.elementor-pagination span.current {
    background: var(--color-accent);
    padding: 2px 15px;
    position: relative;
    width: fit-content;
    z-index: 0;
}

.search-loop-grid nav.elementor-pagination span.current:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: inherit;
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform-origin: left top;
    transform: skewY(-0.7deg);
}

.search-results-count {
    color: #93A0AC;
    font-family: var(--font-tertiary);
    font-size: 24px;
    font-weight: 700;
    line-height: 110%;
}

.search-post-type {
    text-transform: uppercase;
    color: #F5F9FC;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
}


/* OUTCOME STORIES */

.outcome-stories-container {
    overflow: hidden;
}


/* SEEN & HEARD STORIES */

.seen-heard-container {
    overflow: hidden;
}


/* ------ RESPONSIVE STYLING ------ */

@media only screen and (min-width: 1025px) {
    /* Custom Mobile Menu Breakpoint */
    .navbar.navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar.navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar.navbar-expand-custom .dropdown-menu {
        position: absolute;
    }
    .navbar.navbar-expand-custom .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar.navbar-expand-custom>.container {
        flex-wrap: nowrap;
    }
    .navbar.navbar-expand-custom .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
    }
    .navbar.navbar-expand-custom .navbar-toggler {
        display: none;
    }
    .primary-nav .menu-item.menu-contact {
        padding: 13px 12px;
        height: fit-content;
        display: flex;
        align-self: center;
    }
    .primary-nav .menu-item.menu-contact a {
        line-height: 1;
        padding: 0;
        margin: 0;
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1450px) {
    body.home .elementor-container div.elementor-element.home-xll-heading {
        left: -70px;
    }
}

@media only screen and (max-width: 1366px) {
    /* Header */
    .navbar .navbar-brand {
        max-width: 150px;
    }
    .primary-nav li {
        padding: 10px 15px;
        line-height: 1.1;
    }
    .primary-nav li a {
        font-size: 8px;
        padding-bottom: 3px;
    }
    .secondary-nav li a {
        font-size: 9px;
    }
}

@media only screen and (max-width: 1024px) {
    .we-work-with-cards .elementor-container {
        justify-content: center;
    }
    .navbar-collapse {
        padding-top: 25px;
    }
    .primary-nav li {
        border-bottom: 1px solid #93a0ac59;
        text-align: left;
    }
    .secondary-nav {
        padding: 10px 20px;
        justify-content: space-between;
    }
    /* Footer */
    .kitman .footer-column h4 {
        font-size: 13px;
    }
    .footer-copyright span,
    .footer-copyright .site-navigation ul.menu li a,
    .footer-column ul.menu li a {
        font-size: 15px;
        line-height: 20px;
    }
    .footer-secondary>div:first-child h3 {
        font-size: 18px;
    }
    /* Globals */
    .kitman h1 {
        font-size: 50px;
    }
    .kitman h2 {
        font-size: 40px;
    }
    .kitman h3 {
        font-size: 25px;
    }
    .kitman h4,
    .kitman h5,
    .kitman h6 {
        font-size: 20px;
    }
    /* Sizes */
    .h-size-1>div.elementor-widget-container *,
    .h-size-1 {
        font-size: 16px;
    }
    .h-size-2>div.elementor-widget-container *,
    .h-size-2 {
        font-size: 20px;
    }
    .h-size-3>div.elementor-widget-container *,
    .h-size-3 {
        font-size: 25px;
    }
    .h-size-4>div.elementor-widget-container *,
    .h-size-4 {
        font-size: 30px;
    }
    .h-size-5>div.elementor-widget-container *,
    .h-size-5 {
        font-size: 40px;
    }
    .h-size-6>div.elementor-widget-container *,
    .h-size-6 {
        font-size: 50px;
    }
    .h-size-7>div.elementor-widget-container *,
    .h-size-7 {
        font-size: 55px;
    }
    .h-size-8>div.elementor-widget-container *,
    .h-size-8 {
        font-size: 60px;
    }
    .h-size-9>div.elementor-widget-container *,
    .h-size-9 {
        font-size: 150px;
    }
    .txt-size-1>div.elementor-widget-container *,
    .txt-size-1 {
        font-size: 16px;
    }
    .txt-size-2>div.elementor-widget-container *,
    .txt-size-2 {
        font-size: 18px;
    }
    .sub-head-fonts.txt-size-2>div.elementor-widget-container * {
        font-size: 18px;
    }
    .txt-size-3>div.elementor-widget-container *,
    .txt-size-3 {
        font-size: 25px;
    }
    .we-work-title.txt-size-3>div.elementor-widget-container * {
        font-size: 25px;
    }
    .menu-contact {
        margin-left: 0px;
    }
    .search-section a.menu-search-icon,
    .language-section a.menu-lang-icon {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .search-section .search-bar,
    .language-section .language-list {
        position: static;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .language-section {
        margin-left: 0px;
    }
    .search-section,
    .language-section {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
    .search-section .menu-search-icon,
    .language-section .menu-lang-icon {
        margin: 0 auto !important;
        width: 100% !important;
    }
    .primary-nav .menu-item.current-menu-item:after,
    .primary-nav .menu-item.current-menu-parent:after,
    .primary-nav .menu-item.menu-contact:after {
        background: none;
    }
    .primary-nav li li {
        padding: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .language-widget li.widget {
        float: none;
        margin: 0 auto;
    }
    .team-slider .swiper-slide {
        height: 100% !important;
        align-items: center;
    }
    .twae-horizontal-timeline .twae-slider-wrapper .twae-repeater-item:first-child .twae-content {
        margin-left: 0px;
    }
    .founder-quote-section .quote .elementor-widget-container:before,
    .founder-quote-section .quote .elementor-widget-container:after {
        font-size: 60px;
    }
    .founder-quote-section .quote p {
        padding: 0px 32px;
    }
    .we-work-with-logo .gallery.gallery-columns-10 .gallery-item {
        width: 50%;
    }
    .elementor-widget-wrap>.we-leverage-img.elementor-element.elementor-absolute {
        position: static;
    }
    /* Header */
    .navbar .navbar-brand {
        margin-left: 20px;
    }
    .navbar .container-fluid {
        padding: 20px;
    }
    a.nav-contact-btn {
        padding: 10px;
        font-size: 10px;
    }
    /* Globals */
    .kitman h1 {
        font-size: 40px;
    }
    .kitman h2 {
        font-size: 30px;
    }
    .kitman h3 {
        font-size: 20px;
    }
    .kitman h4,
    .kitman h5,
    .kitman h6 {
        font-size: 18px;
    }
    /* Sizes */
    .h-size-1>div.elementor-widget-container *,
    .h-size-1 {
        font-size: 14px;
    }
    .h-size-2>div.elementor-widget-container *,
    .h-size-2 {
        font-size: 16px;
    }
    .h-size-3>div.elementor-widget-container *,
    .h-size-3 {
        font-size: 18px;
    }
    .h-size-4>div.elementor-widget-container *,
    .h-size-4 {
        font-size: 20px;
    }
    .h-size-5>div.elementor-widget-container *,
    .h-size-5 {
        font-size: 30px;
    }
    .h-size-6>div.elementor-widget-container *,
    .h-size-6 {
        font-size: 40px;
    }
    .h-size-7>div.elementor-widget-container *,
    .h-size-7 {
        font-size: 45px;
    }
    .h-size-8>div.elementor-widget-container *,
    .h-size-8 {
        font-size: 50px;
    }
    .h-size-9>div.elementor-widget-container *,
    .h-size-9 {
        font-size: 100px;
    }
    .txt-size-1>div.elementor-widget-container *,
    .txt-size-1 {
        font-size: 14px;
    }
    .txt-size-2>div.elementor-widget-container *,
    .txt-size-2 {
        font-size: 16px;
    }
    .sub-head-fonts.txt-size-2>div.elementor-widget-container * {
        font-size: 16px;
    }
    .txt-size-3>div.elementor-widget-container *,
    .txt-size-3 {
        font-size: 20px;
    }
    .we-work-title.txt-size-3>div.elementor-widget-container * {
        font-size: 20px;
    }
}