/*
Theme Name: StrapPress
Theme URI: https://strappress.com
Author: Brad Williams
Author URI: https://braginteractive.com
Description: Bootstrap 4 WordPress Theme
Version: 4.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: strappress
Tags:

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.

StrapPress is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
@font-face {
    font-family: 'Codec-Warm-Trial-ExtraBold';
    src:url('fonts/Codec-Warm-Trial-ExtraBold.ttf.woff') format('woff'),
    url('fonts/Codec-Warm-Trial-ExtraBold.ttf.svg#Codec-Warm-Trial-ExtraBold') format('svg'),
    url('fonts/Codec-Warm-Trial-ExtraBold.ttf.eot'),
    url('fonts/Codec-Warm-Trial-ExtraBold.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
body {font-family: 'Montserrat', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}

/*--------------------------------------------------------------
## Preloader
--------------------------------------------------------------*/
.loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background: #05265A;}
.loader:after {content:''; width:100px; height:100px;position:absolute; top:45%; left:50%;background:url('images/nexus-loader.png') 50% 50% no-repeat ;background-size: contain;animation-name: nexus_spin;animation-duration: 1.6s;animation-iteration-count: infinite;}
.elementor-editor-active .loader{display:none}
@keyframes nexus_spin {
    from {transform: rotate(0deg)}
    to {transform: rotate(360deg)}
}
@media (max-width: 768px) {
    .loader:after { left: 40%;}
}

/*--------------------------------------------------------------
## Page preview
--------------------------------------------------------------*/
.single .site-content {background: #0a2753;}
.site-content .content-area { padding-top: 116px; background: rgba(0,0,0,0.5)}
.site-content .content-area pre {margin-bottom: 0;}
.elementor-page  .site-content .content-area{padding-top: 0; background: initial;}
.other_content-template-default { background: rgba(0,0,0,0.75);}
.other_content-template-default .entry-content { background: #fff;}
.other_content-template-default .site-header,.other_content-template-default .site-footer, .other_content-template-default .post-thumbnail {display: none}
.other_content-template-default .site-content { background: inherit; margin-top: 2em;}
.other_content-template-default .entry-header:before { content: 'Other Content:'; color: #1db9dc;font-size: 14px;}
.other_content-template-default .entry-header h1.entry-title { font-size: 18px;}

/*--------------------------------------------------------------
## Page not found
--------------------------------------------------------------*/
.error404 .site-content .content-area { background: #0a246a}
.error-404 {height: calc(100vh - 170px);display: flex; align-items: center; justify-content: center;}
.error-404 .extra-large{background-image:url('images/notfound.jpg');font-size:230px;margin-bottom:15px;font-weight:800;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:cover;background-position:center; background-color: #000000; background-repeat: no-repeat;}
@media (max-width: 768px) {
    .error-404 .extra-large{font-size: 90px;}
}
.lines{position:absolute;top:0;left:0;right:0;height:100%;margin:auto;width:90vw}
.line{position:absolute;width:1px;height:100%;top:0;left:50%;background:rgba(255,255,255,0.1);overflow:hidden}
.line::after{content:"";display:block;position:absolute;height:15vh;width:100%;top:-50%;left:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 75%,#fff 100%);-webkit-animation:drop 7s 0s infinite;animation:drop 7s 0s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.4,0.26,0,0.97);animation-timing-function:cubic-bezier(0.4,0.26,0,0.97)}
.line:nth-child(1){margin-left:-25%}
.line:nth-child(1)::after{-webkit-animation-delay:2s;animation-delay:2s}
.line:nth-child(3){margin-left:25%}
.line:nth-child(3)::after{-webkit-animation-delay:2.5s;animation-delay:2.5s}
@-webkit-keyframes drop{0%{top:-50%}100%{top:110%}}
@keyframes drop{0%{top:-50%}100%{top:110%}}

/*--------------------------------------------------------------
## Header navbar
--------------------------------------------------------------*/
.navbar-nav .menu-item {max-width: 120px;text-align: center;display: flex;justify-content: center;}
.navbar-nav .nav-link { color: #fff !important;}
.navbar-nav .active>.nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .show>.nav-link {color: #1abade !important;}
.navbar-nav .nav-link { text-transform: uppercase;font-weight: 500; line-height:1.3;}
.mobile-nav {display: none;}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link { padding: .5rem 1.4rem;}
}
@media (max-width: 768px) {
    .navbar-toggler{border: 0; }
    .navbar-toggler:focus {outline: 0;}
    .navbar-nav .menu-item {max-width: 100%;}
    .site-header:after {content: "";display: block;width: 10px; height: 10px;border-radius: 100%; position: absolute;background: #0a246a url("images/nexus-circle.png"); background-repeat:no-repeat;background-size:cover;top: 30%;left: 36%; transition: .3s; z-index: -1;opacity: 0;transform: rotate(-100deg); }
    .site-header.open:after {width: 900px;height: 900px;top: -40%;left: -60%;transition: .3s; opacity: 1; transform: rotate(100deg);}
    .navbar-nav {margin-top: 3em;}
    .navbar-nav .nav-link { padding:1rem;}
    .mobile-nav {display: block;padding: 0;list-style: none; margin: 4em 0 0;}
    .mobile-nav .nav-link { text-align: center; color: #fff; font-size: 14px;}
}

/*--------------------------------------------------------------
## Footer navbar
--------------------------------------------------------------*/
.site-footer { background: #1d1d1b; border-top: 1px solid #464643; color: #bbb; font-size: 14px;}
.site-footer .navbar-nav {flex-direction: row;}
.site-footer .navbar-nav .menu-item { max-width: none; border-right: 1px solid #bbb}
.site-footer .navbar-nav .menu-item:last-child { border-right: none;}
.site-footer .navbar-nav .nav-link { text-transform: capitalize; padding: 0 15px;color: #bbb;}
.site-footer .navbar-nav .nav-link:hover { color: #fff;}
@media (max-width: 768px) {
    .site-footer .d-flex { flex-direction: column; text-align: center}
    .site-footer .navbar-nav { display: none}
}

/*floating button*/
.float-btn { position: fixed;bottom: 80px;right: 30px;z-index: 9999; transition: .3s;}
.float-btn.move-up {transition: .3s;}
a.float-icon {border-radius:100%;width:60px;height:60px;padding:10px;display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;margin-bottom: .5em;transition: .3s;font-family: 'FontAwesome';}
a.email-ico.float-icon {background: #12B1CF; font-size: 25px;}
a.phone-ico.float-icon { background: #0a246a; font-size: 25px;}
a.whatapp-ico.float-icon{background:#61ce70;font-size:30px;}
a.float-icon:hover {box-shadow: 0 0 20px rgb(255 255 255 / 70%); transition: .3s;}

/*--------------------------------------------------------------
## Homepage - Hide hover image attachement
--------------------------------------------------------------*/
.hide-image-hover .eae-popup-link img, .hide-image-hover .elementor-widget-container img { opacity: 0}
.hide-image-hover .eae-popup-link:after, .hide-image-hover .elementor-widget-container:after {content: '';position: absolute;background: url("images/dots_icon.png");width: 30px;height: 30px;background-size: contain;top: -40px; left: 0; transform: rotate(0deg);opacity: 0;transition: .3s;}
.hide-image-hover .eae-popup-link:hover:after, .hide-image-hover .elementor-widget-container:hover:after { transform: rotate(45deg); opacity: 1;transition: .3s;}
.hide-image-hover .elementor-widget-container {height: 100px;}
@media (max-width: 768px) {
    .hide-image-hover{ overflow-x: hidden;}
}

/*--------------------------------------------------------------
## Homepage mini slider customization
--------------------------------------------------------------*/
.homepage-carousel .eae-swiper-slide {background-size: 350px !important;}
.homepage-carousel .eae-thumb-container {display: none;}
.homepage-carousel .eae-swiper-button {top: 25px;width: 50px;height: 50px;background: #b4a06e;}
.homepage-carousel .eae-swiper-button i {margin: auto;}
.homepage-carousel .eae-swiper-button-prev {left: 350px;}
.homepage-carousel .eae-swiper-button-next {left: 400px;}
.homepage-carousel .eae-slide-inner {justify-content: flex-start;}
.homepage-carousel .eae-slide-inner .eae-slide-content {width: calc(100% - 350px);margin-left: 350px;}
@media (max-width: 768px) {
    .homepage-carousel .eae-swiper-button-prev{left: -moz-calc(100% - 100px); left: calc(100% - 100px);}
    .homepage-carousel .eae-swiper-button-next {left: -moz-calc(100% - 50px); left: calc(100% - 50px);}
    .homepage-carousel .eae-swiper-slide { background-size: cover !important;}
    .homepage-carousel .eae-swiper-outer-wrapper .eae-swiper-slide .eae-slide-inner {top: unset;}
}

.nexus-minislider .swiper-slide-inner { height: 350px;}
.nexus-minislider .swiper-slide-inner img { object-fit: cover; height: 100%; width: 50%; float: left;}
.nexus-minislider .swiper-slide-inner .elementor-image-carousel-caption { background: #b4a06e; padding: 40px; width: 50%; height:calc(100% - 50px);margin-top:50px;float: left;}
.nexus-minislider .elementor-swiper-button {background: #b4a06e;top: -50px;transform: none;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
.nexus-minislider .elementor-swiper-button-next {left: calc(50% + 50px);}
.nexus-minislider .elementor-swiper-button-prev {left: 50%;}
@media (max-width: 768px) {
    .nexus-minislider .swiper-slide-inner img {height: 215px; width: 100%;}
    .nexus-minislider .swiper-slide-inner .elementor-image-carousel-caption {padding: 20px; width: 100%;height: auto;margin-top: 0;}
    .nexus-minislider .swiper-slide-inner {height: auto;}
    .nexus-minislider .elementor-swiper-button {top: 165px;}
    .nexus-minislider .elementor-swiper-button-next { left: calc(100% - 50px); }
    .nexus-minislider .elementor-swiper-button-prev { left: calc(100% - 100px);}
}

/*--------------------------------------------------------------
## Calculator design
--------------------------------------------------------------*/
.custom-calculator #fbuilder .fform h2 {color: #012853;text-transform: uppercase;font-size: 24px;font-weight: 700;}
.custom-calculator #fbuilder label{float:none!important;padding:0!important;display:block;width:100%!important}
.custom-calculator #fbuilder input[type=text]{border:0}
.custom-calculator #fbuilder .total-payment-wrap{border-radius:20px;box-shadow:0 5px 6px rgba(0,0,0,0.1)}
.custom-calculator #fbuilder .total-payment-wrap label{color:#999}
.custom-calculator #fbuilder .fields{padding: 15px 0;}
.custom-calculator #fbuilder .dfield.slider-container{display:flex;flex-direction:column}
.custom-calculator #fbuilder .dfield .slider{order:1}
.custom-calculator #fbuilder .corner-captions{order:0;margin-bottom:10px;font-size:20px}
.custom-calculator #fbuilder .left_aligned .fields label:not(:empty)+.dfield{width:100%!important}
.custom-calculator #fbuilder .slider-caption{text-align:left}
.custom-calculator #fbuilder .fields.total-payment-wrap{background:#fff;padding: 30px;display: flex;align-items: center;}
.custom-calculator #fbuilder .fields.fieldname13_1, .custom-calculator #fbuilder .fields.fieldname5_1 {padding-bottom: 0;}
#fieldname7_1{display:flex;grid-gap:30px}
#fieldname8_1 label{font-size:13px;margin:0}
.fieldname1_1{text-align:center}
.fieldname1_1 input{font-size:40px;font-weight:700;color:#1fb9dd;text-align:center;width:100%;display:block}
.fieldname5_1 label,.fieldname6_1 label{font-size:13px}
.fieldname5_1 input,.fieldname6_1 input{font-size:20px}
@media (max-width: 768px) {
    #fieldname7_1{flex-driection:column;}
}

.custom-calculator2 #fbuilder .fform h2 {color: #012853;text-transform: uppercase;font-size: 24px;font-weight: 700;}
.custom-calculator2 #fbuilder label{float:none!important;padding:0!important;display:block;width:100%!important}
.custom-calculator2 #fbuilder .total-payment-wrap{border-radius:20px;box-shadow:0 5px 6px rgba(0,0,0,0.1)}
.custom-calculator2 #fbuilder .total-payment-wrap label{color:#999;font-size: 12px;}
.custom-calculator2 #fbuilder .total-payment-wrap input {border: 0}
.custom-calculator2 #fbuilder .fields{padding: 15px 0;align-items: center;}
.custom-calculator2 #fbuilder .dfield.slider-container{display:flex;flex-direction:column}
.custom-calculator2 #fbuilder .dfield .slider{order:1}
.custom-calculator2 #fbuilder .corner-captions{order:0;margin-bottom:10px;font-size:20px}
.custom-calculator2 #fbuilder .left_aligned .fields label:not(:empty)+.dfield{width:100%!important}
.custom-calculator2 #fbuilder .slider-caption{text-align:left}
.custom-calculator2 #fbuilder .fields.total-payment-wrap{background:#fff;padding: 30px;display: flex;align-items: center;}
.custom-calculator2 #fbuilder .fields.fieldname13_1, .custom-calculator2 #fbuilder .fields.fieldname5_1 {padding-bottom: 0;}
.custom-calculator2 .fieldname8_1 .fields {display: flex;}
.custom-calculator2 #fbuilder .fieldname8_1 label{max-width: 160px;font-size: 14px;color: initial;}
#fieldname7_1{display:flex;grid-gap:50px}
#fieldname8_1 label{font-size:13px;margin:0}
#fieldname8_1 input[type=text], #fieldname8_1 input[type=number] {border-radius: 20px;border: 1px solid #ccc;padding: 8px 20px;}
#fieldname8_1 .loanwrap input{padding-left: 90px !important;}
#fieldname8_1 .dfield:before, #fieldname8_1 .dfield:after {position:absolute;background: #ccc;color: #fff;border: 1px solid transparent;text-align: center;padding: 8px;min-width: 70px;top: 0}
#fieldname10_1 {display: flex;grid-gap: 10px;}
.fieldname8_1 {display: flex;}
.loanwrap .dfield:before {content:"RM";border-radius: 20px 0 0 20px;}
.yearwrap .dfield:after { content:"Years"; border-radius: 0 20px 20px 0; right: 0}
.interestwrap .dfield:after {content:"%"; border-radius: 0 20px 20px 0; right: 0}
.fieldname1_1{text-align:center}
.fieldname1_1 input{font-size:40px;font-weight:700;color:#1fb9dd;text-align:center;width:100%;display:block}
.fieldname5_1 label,.fieldname6_1 label{font-size:13px}
.fieldname5_1 input,.fieldname6_1 input{font-size:20px}
.eae-wrap-ea779b3.eae-popup .mfp-inline-holder .mfp-content {min-width:960px;}
@media (max-width: 768px) {
	#fieldname7_1{flex-direction: column;grid-gap: 0;}
	.custom-calculator2 #fbuilder .fieldname8_1 label {max-width: unset;}
	.custom-calculator2 .fieldname8_1 .fields {flex-direction: column;}
	.eae-wrap-ea779b3.eae-popup .mfp-inline-holder .mfp-content {max-width:100%;}
}


/*--------------------------------------------------------------
## Calculator slider design
--------------------------------------------------------------*/
.custom-calculator .ui-slider-horizontal { height: 8px}
.custom-calculator .ui-widget.ui-widget-content {border: 0; background: #d0d0d0;}
.custom-calculator .ui-slider-horizontal .ui-slider-range-min { background: #27dcfb;}
.custom-calculator .ui-slider-horizontal .ui-slider-handle { border-radius: 50%; border: 4px solid #19bdd6; width: 18px; height: 18px; box-shadow: 0 2px 5px rgba(0,0,0,0.3);}

/*--------------------------------------------------------------
## About Us - HEROIC tabs customization
--------------------------------------------------------------*/
.text-gold { color: #b3a06e;}
.title-line-bottom:after { content: ""; display: block; width: 1px; height: 60px; background: #0c88b4; margin-left: 11px;}
.nexus-list ol {padding-left: 1.5em;}
.nexus-list ol li {counter-increment: list;list-style-type: none;position: relative; margin-bottom: 1.5em;}
.nexus-list ol li:before {color: #17b9dc;content: counter(list) " ";left: -1.5em;position: absolute;text-align: left;width: 1em;}
.custom-tabs .elementor-tabs { position: relative; width: 100%; height: 450px}
.custom-tabs .elementor-tabs-content-wrapper {position: absolute; width: 100%;height: 100%;}
.custom-tabs .elementor-tabs-wrapper { position: absolute; z-index: 100; width: 100%; height: 100%;}
.custom-tabs .elementor-tab-content,
.custom-tabs .elementor-tab-title,
.custom-tabs .elementor-tabs-content-wrapper,
.custom-tabs .elementor-tab-title:after,
.custom-tabs .elementor-tab-title:before {border: transparent !important;}
.custom-tabs.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title { display: flex; align-items: flex-end;justify-content: flex-end;font-size: 28px;}
.custom-tabs .elementor-tab-content { float: left;left: 0; display: block !important; background: #011947; transition: .3s;}
.custom-tabs .elementor-tab-content, .custom-tabs .elementor-tab-title {width: 10% !important;float: left; overflow: hidden; height: 100%;box-shadow: -10px 0px 10px #0000001f inset;transition: .3s;}
.custom-tabs .elementor-tab-content.elementor-active, .custom-tabs .elementor-tab-title.elementor-active { width: 50% !important; transition: .3s;}
.custom-tabs .insert-page { width: 520px}
.custom-tabs .elementor-tab-content .insert-page .heroic-desc {opacity: 0;transition: .3s;}
.custom-tabs .elementor-tab-content.elementor-active .insert-page .heroic-desc { opacity: 1; height: 160px;transition: .3s;}
.custom-tabs .elementor-tab-content .insert-page .elementor-widget-image img { position: relative; right: 60%; max-width: 200px;transition: .3s;}
.custom-tabs .elementor-tab-content.elementor-active .insert-page .elementor-widget-image img { right: 0;transition: .3s;}
@media (max-width: 768px) {
    .title-line-bottom:after { height: 30px}
    .custom-tabs .insert-page { width: 100%}
    .custom-tabs .elementor-tabs { height: 400px}
    .custom-tabs .elementor-tab-mobile-title { float: none; height: 16.66%; justify-content: center;align-items: center;display: flex;}
    .custom-tabs .elementor-tab-content { left: 10%; top: 0; width: 90% !important; position: absolute;}
    .custom-tabs .elementor-tab-content .insert-page .elementor-widget-image img { max-width: 100px}
    .custom-tabs .elementor-tab-content.elementor-active { z-index: 100; width: 90% !important;}
    .custom-tabs .elementor-tab-title.elementor-active { width: 10% !important; background: #011947; }
    .mobile-2col-gallery .elementor-image-gallery .gallery-item { max-width: 50% !important;}
}

/*--------------------------------------------------------------
## Why NEXUS - Tabs customization
--------------------------------------------------------------*/
.why-tabs .elementor-tabs {display: flex;flex-direction: column;}
.why-tabs .elementor-tabs-wrapper {order: 1;position: absolute;bottom: 0;right: 0; width: 74px; height: 67px; overflow: hidden; z-index: 99}
.why-tabs .elementor-tabs-content-wrapper {order: 0; overflow: hidden; position: relative; height: 320px}
.why-tabs.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {position: absolute;transition: .35s ease-in-out;right: 0;}
.why-tabs.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title[data-tab="1"]{color:#123166; }
.why-tabs.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active {position: absolute;transition: .35s ease-in-out;right: -100%; background-color: transparent !important;}
.why-tabs .elementor-tabs-content-wrapper .elementor-tab-content.elementor-active:nth-child(4) { background-color: #dfe4e8; color: #08285d !important;transition: .35s ease-in-out;}
.why-tabs .elementor-tabs-content-wrapper .elementor-tab-content {display: block !important; height: 100%; width: 100%;left: 200px; padding: 35px;position: absolute; opacity: 0; transition: .35s ease-in-out;}
.why-tabs .elementor-tabs-content-wrapper .elementor-tab-content[data-tab="1"] .dot {font-size: 4em;height: 20px;line-height: 8px;margin-bottom: 20px;}
.why-tabs .elementor-tabs-content-wrapper .elementor-tab-content[data-tab="1"] *{ line-height: 1.5;}
.why-tabs .elementor-tabs-content-wrapper .elementor-tab-content.elementor-active {left: 0; opacity: 1}
.nexus-financing-ecosystem {}
@media (max-width: 768px) {
    .why-tabs .elementor-tabs-wrapper{display: block !important;}
    .why-tabs.elementor-widget-tabs .elementor-tab-mobile-title {display: none;}
    .nexus-financing-ecosystem {}
}

/*--------------------------------------------------------------
## Our Solutions
--------------------------------------------------------------*/
#post-14 {overflow-x: hidden;}

/*--------------------------------------------------------------
## Testimonial slider customization
--------------------------------------------------------------*/
.nexus-testimonial .elementkit-testimonial-col {order: 1}
.nexus-testimonial .elementkit-testimonial-col:nth-child(2) {order: 0}
.nexus-testimonial .elementskit-profile-info { border-left: 1px solid #fff;padding-left: 1em;}
.nexus-testimonial .ekit-wid-con .col-lg-6 {max-width: 60%;flex: 0 0 60%;}
.nexus-testimonial .ekit-wid-con .col-lg-6:nth-child(2) {max-width: 40%;flex: 0 0 40%;background: #fff;height: 500px;}
.nexus-testimonial .ekit-wid-con .elementskit-testimonial-slider .slick-next, .nexus-testimonial .ekit-wid-con .elementskit-testimonial-slider .slick-prev { z-index: 10}
.nexus-testimonial .ekit-wid-con .elementskit-profile-image-card {height: calc(100% - 30px);display: flex;align-items: center;width: 100%;margin-top: 15px;}
@media (max-width: 768px) {
    .nexus-testimonial .ekit-wid-con .col-lg-6, .nexus-testimonial .ekit-wid-con .col-lg-6:nth-child(2) {max-width: 100%;flex: 0 0 100%;}
    .nexus-testimonial .ekit-wid-con .col-lg-6:nth-child(2) { height: auto; margin-top: -15px; background: unset;}
    .nexus-testimonial .ekit-wid-con .row {flex-flow: column;}
}

/*--------------------------------------------------------------
## Capital Booster tabs customization
--------------------------------------------------------------*/
.tabnav-with-dot .elementkit-nav-item {position: relative}
.tabnav-with-dot .elementkit-nav-item:after {position: absolute;content: "\f111";font-family: "Font Awesome 5 Free"; font-weight: 900;font-size: 10px;right: -32px;color: rgba(255, 255, 255, .5);top: 50%;transform: translateY(-50%);}
.tabnav-with-dot .elementkit-nav-item:last-child:after {display: none;}
.gradient-border .elementor-widget-wrap {
    border-left: 1px solid #fb8044;
    border-right: 1px solid #fd4500;
    box-sizing: border-box;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-image: linear-gradient(to right, #fb8044 0%, #fd4500 100%), linear-gradient(to right, #fb8044 0%, #fd4500 100%);
}
@media (max-width: 768px) {
    .tabnav-with-dot .ekit-wid-con .elementkit-tab-nav { flex-flow: column;}
    .tabnav-with-dot .elementkit-tab-nav .elementkit-nav-item a.elementkit-nav-link {}
}

/*--------------------------------------------------------------
## Capital Booster - line animation
--------------------------------------------------------------*/
@keyframes line-anim {
    0% {background-size: 0 2px, 2px 0;}
    50% {background-size: 100% 2px, 2px 0;}
}
.nexus-line-anim.start-anim .elementor-widget-container {
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, #FF4701 100%, #FF4701 100%),
    linear-gradient(to bottom, #FF4701 100%, #FF4701 100%);
    background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    animation: line-anim 2s ease-in-out 1;
}

/*--------------------------------------------------------------
## Contact form checkbox
--------------------------------------------------------------*/
.nexus-contact-form .ekit-wid-con .ekit-form form label { display: flex;}
.nexus-contact-form .ekit-wid-con .ekit-form form label span { margin-left: 10px;}

/*--------------------------------------------------------------
## Fix plugin popup
--------------------------------------------------------------*/
.eae-popup.mfp-wrap {z-index: 1600;}
.eae-popup-container {height: 100%;overflow: auto;}
@media (max-width: 768px) {

}

/*--------------------------------------------------------------
## Sticky side popup button
--------------------------------------------------------------*/
.sticky-side-btn {max-width: 100px;}
.sticky-side-btn:hover .elementor-widget-container {background-position: 100% -10px !important;}
.sticky-side-btn .eae-popup-link {height: 100px;width: 100px; justify-content: center;}
@media (max-width: 768px) {
    .sticky-side-btn .eae-popup-link .eae-popup-btn-text, .sticky-side-btn .elementor-button-text { display: none;}
    .sticky-side-btn .elementor-widget-container {background-size: 90%;}
    .sticky-side-btn .eae-popup-link, .sticky-side-btn .elementor-button {width: 60px; height: 50px;}
}

/*--------------------------------------------------------------
## OUR SOLUTIONS page popup button font
--------------------------------------------------------------*/
.elementor-element.elementor-element-f355d72 .eae-popup-link {font-family: "Codec-Warm-Trial-ExtraBold";}

/*--------------------------------------------------------------
## Downloads plugin style fix
--------------------------------------------------------------*/
.dae-shortcode-download-wrapper .dae-shortcode-download-title { font-weight: 600 !important; padding: 20px 0 !important;}
.dae-shortcode-download-wrapper .dae-shortcode-download-button, .dae-shortcode-download-wrapper .dae-shortcode-download-button:hover { margin-top: 0 !important;}
.dae-shortcode-download-wrapper .dae-shortcode-register-submit {font-weight: 600 !important;}

/*--------------------------------------------------------------
## Email Downloads plugin style
--------------------------------------------------------------*/
#wpcf7-f3875-p8-o1 {font-family: 'Montserrat', sans-serif;}
form.wpcf7-form.init:after {content: "";clear: both;display: block;}
.download-list { width: 20%; float: left}
.download-list label.ebd_input {font-size: 14px;color: #002855;font-weight: 600; position: relative;}
.download-list label.ebd_input:first-child {display: none;}
.download-list label.ebd_input input[type=checkbox], input[type=radio] {position: absolute;left: -20px;top: 3px;}
.download-form {width: 80%;float: left;padding-left: 2em;border-left: 1px solid #ddd;}
.download-form input {padding: 0px 15px 0px 15px;height: 50px;font-size: 15px;border: 1px solid #e7e7e7;margin-bottom: 5px; width: 100%;}
.download-form input[type=submit] {background-color: #fff;color: #1db4d5;border: 1px solid #1db4d5;font-weight: 700;max-width: 170px;font-size: 18px;border-radius: 30px;height: 46px;}
.download-form input::placeholder {color: #888;}
.download-form .wpcf7-form-control-wrap { display: block;}
.download-form .wpcf7-not-valid-tip { font-size: 14px;}
.download-form .title {color: #1EB9DC;text-transform: uppercase;font-weight: 700;}
.download-form .agree {font-size: 14px;margin: 1em 0 1.5em;}
/*.download-form .agree + p {margin: 0;}*/
.download-form .agree span {display: inline;margin: 0;}
.download-form .agree .wpcf7-not-valid-tip {margin: 0 5px;}
.download-form .agree input[type="checkbox"] {height: inherit;width: auto;display: inline-block;}
.download-form .agree a {color: #666;}
.ebd_results {margin-top: 20px;}
.ebd_results .ebd_link {border: 1px solid #1db9dc;display: block;color: #000;padding: 5px 10px 5px 5px;}
.ebd_results .ebd_link div {align-items: center;}
.ebd_results .ebd_link .wp-post-image {margin-right: 10px;padding: 6px;}
#wpcf7-f3875-p8-o1 .wpcf7-response-output {border: 0;text-align: center;margin: 0;padding: 0;}
#wpcf7-f3875-p8-o1 .wpcf7-response-output {border: 0;padding: 0;margin: 0;visibility: hidden;}
@media (max-width: 768px) {
    .download-list ,.download-form {width: 100%;float: none;}
    .download-form {padding-left: 0;border-left: none;}
}

/*--------------------------------------------------------------
## Easy Appointment UI
--------------------------------------------------------------*/
.ui-datepicker {background-color: #fff;display: none}
.ui-datepicker th {border-width: 0 1px 1px 0;font-weight: 700}
.ui-datepicker a, .ui-datepicker a:hover {text-decoration: none}
.ui-datepicker a:hover, .ui-datepicker td:hover a {-moz-transition: color .1s ease-in-out;-o-transition: color .1s ease-in-out}
.ui-datepicker .ui-datepicker-title {font-weight: 700}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {cursor: default;font-family: "Font Awesome 5 Free";font-weight: 900;line-height: 20px;width: 30px;color: #1eb9dc !important;font-size: 16px}
.ui-datepicker .ui-datepicker-prev {position: absolute;right: 30px}
.ui-datepicker .ui-datepicker-next {position: absolute;right: 0}
.ui-datepicker .ui-datepicker-prev:before {content: "\f053";cursor: pointer}
.ui-datepicker .ui-datepicker-next:before {content: "\f054";cursor: pointer}
.ui-datepicker .ui-icon {display: none}
.ui-datepicker .ui-datepicker-calendar {table-layout: fixed;width: 100%;border-bottom: 1px solid rgba(51, 51, 51, 0.1);height: 350px;}
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {padding: 7px 7px 20px 7px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-top: 1px solid #ddd;}
.ui-datepicker .ui-datepicker-calendar td {-webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out;-moz-transition: background-color .1s ease-in-out, color .1s ease-in-out;-o-transition: background-color .1s ease-in-out, color .1s ease-in-out;transition: background-color .1s ease-in-out, color .1s ease-in-out}
.ui-datepicker .ui-datepicker-calendar td:hover {background-color: #eee;cursor: pointer}
.ui-datepicker .ui-datepicker-calendar td a {text-decoration: none}
.ui-datepicker .ui-datepicker-current-day {background-color: #1eb9dc}
.ui-datepicker .ui-datepicker-current-day a {color: #fff}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {background-color: #fff;cursor: default}
.ui-datepicker .ui-state-disabled {color: #aaa}
.ui-datepicker a {border-bottom: 0}
.ea-bootstrap a {color: #1eb9dc;text-decoration: none}
.ea-bootstrap {margin: 0 auto; max-width: 100% !important;}
.ea-bootstrap .disabled {position: relative}
.ea-bootstrap .disabled .block {/*position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: .6;background-color: white;z-index: 101*/ display: none;}
.ea-bootstrap .time {text-align: left;display: flex;flex-flow: column;position: absolute;top: 0;right: 0;width: 30%;border-radius: 0;padding: 0;border-left: 0;height: 350px;justify-content: space-evenly;}
.ea-bootstrap .time.well:before {content: "Call Time Slot";padding: 0 25px;font-weight: 600;background: #fff;color: #002855;min-height: 51px;display: flex;align-items: center;}
.ea-bootstrap .time-value {display: inline-flex;/* min-width: 50%; *//* max-width: 100% !important; */padding: 0 25px;align-items: center;font-size: 1em;background-color: #fff;border-top: 1px solid #ddd;color: #999;height: 100%;}
.ea-bootstrap a:focus {outline: none; color: #999;}
.ea-bootstrap a.time-value:before {content: "•";margin-right: 10px;font-size: 30px;line-height: 1;}
.ea-bootstrap .time-value.am-pm, .ea-bootstrap .time-disabled.am-pm {padding-left: 6px;padding-right: 6px}
.ea-bootstrap .time-value.slots, .ea-bootstrap .time-disabled.slots {min-width: 25%}
.ea-bootstrap .time-value:hover {cursor: pointer;color: #1eb9dc}
.ea-bootstrap .time-disabled {cursor: default;display: inline-block;min-width: 25%;max-width: 25%;padding-top: 5px;padding-bottom: 5px;text-align: center;vertical-align: middle;border: 1px solid #ccc;font-size: 1.1em;background-color: #ccc;flex-grow: 4}
.ea-bootstrap.ea-bootstrap .selected-time, .ea-bootstrap.ea-bootstrap .selected-time:hover {background-color: #1db9dc;color: white}
.ea-bootstrap .time-row td {border: 0;padding: 0}
.ea-bootstrap .time-row td:hover {background-color: #fff}
.ea-bootstrap .time-row .time {margin-bottom: 0;border: 1px solid #ddd;border-left: 0;margin-top: 45px;}
.ea-bootstrap h3 {margin-top: 1.1852em;margin-bottom: .5926em}
.ea-bootstrap #booking-overview .ea-label {padding: 5px}
.ea-bootstrap #booking-overview .value {padding: 5px;font-weight: bold}
.ea-bootstrap label.error {width: 100% !important;color: red;display: inline;}
.ea-bootstrap input.error, .ea-bootstrap textarea.error, .ea-bootstrap select.error {border-color: red}
#ea-loader {background-image: url('../img/ajax-loader.gif');background-position: 50% 50%;position: absolute;width: 25px;height: 25px;background-repeat: no-repeat;background-color: rgba(255, 255, 255, 0.1);display: none}
.ea-bootstrap .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: none}
.ea-bootstrap .ui-datepicker .no-slots, .ea-bootstrap .ui-datepicker .no-slots:hover {background-color: rgba(0, 0, 0,0.05);cursor: default;}
.ea-bootstrap .ui-datepicker .no-slots a {color: #999;cursor: default}
.ea-bootstrap .ui-datepicker .busy, .ea-bootstrap .ui-datepicker .busy:hover {background-color: rgba(255, 0, 0, 0.5);color: #fff;cursor: default}
.ea-bootstrap .ui-datepicker .busy a {color: #fff;cursor: default}
.ea-bootstrap .ea-actions-group button, .ea-bootstrap .ea-actions-group a {background: #002855;border-radius: 0;border: 0;padding: 10px 40px;}
.ea-cancel {margin-left: 10px}
.ea-bootstrap .final h3 {white-space: normal}
.ea-bootstrap .gdpr, .ea-bootstrap .i-agree {overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;white-space: initial;font-size: 14px;}
.ea-phone-field-group {display: block}
.ea-phone-field-group label {display: none}
.ea-phone-field-group .ea-phone-country-code-part {text-align: center;width: 100%}
.ea-phone-field-group .ea-phone-number-part {width: 100%}
.ea-phone-field-group .ea-phone-number-part::placeholder {color: #ccc}
.ea-bootstrap td.ui-datepicker-week-col:hover {background-color: inherit;cursor: default}
.ea-bootstrap .ui-datepicker {width: 70%}
.ea-bootstrap .ui-state-default, .ea-bootstrap .ui-widget-content .ui-state-default {border: 0;background-color: transparent;background-image: none}
.ea-bootstrap .ui-widget-header {color: #002855;border: 1px solid #eaeaea;padding: 10px;border-bottom: 0;position: relative}
.ea-checkout-section {width: 100%;max-width: 800px}
.ea-form-v2 .form-group {display: flex;flex-direction: column;margin-bottom: 5px}
.ea-form-v2 .form-horizontal .control-label {width: 100%;text-align: left;font-weight: normal}
.ea-form-v2 .form-group div.col-sm-8 {width: 100%}
.ea-bootstrap .col-sm-4 ,.ea-bootstrap .col-sm-8 { max-width: 100%; padding: 0;margin-bottom: 0px;}

/* Form Layout Customize */
#booking-overview {}
.step.calendar {margin-bottom: 2em;}
.step.final .block {display: none;}
.step.final {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(7, 1fr);grid-column-gap: 20px;}
.form-group:nth-last-child(1) {grid-area: 7 / 1 / 8 / 3;}
.form-group:nth-last-child(2) {grid-area: 6 / 1 / 7 / 3;}
.form-group:nth-last-child(3) {grid-area: 3 / 2 / 6 / 3;}
label.control-label { display: none;}
.ea-bootstrap .form-group {margin-bottom: 0;}
.ea-bootstrap .form-group:nth-child(7) {margin-bottom: 5px;}
.ea-bootstrap .form-group:nth-child(7) label.control-label {display: block;}
.ea-bootstrap .form-control { height: 50px; padding: 10px 15px 10px 15px; border-radius: 0;}
.ea-bootstrap select.custom-field {-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */appearance:none; background-repeat: no-repeat; background-position: 100% 50%; background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>")}

.ea-bootstrap textarea.form-control {height: 208px !important;}
.step.final.submitted {display: flex; flex-direction: column;}
.step.final.submitted > *, .step.final.submitted h3 {display: none;}
@media (max-width: 768px) {
    .ea-bootstrap .time-row .time {border: 0;}
    .ea-bootstrap .time-row td {border: 1px solid #ddd;}
    .ea-bootstrap .ui-datepicker, .ea-bootstrap .time { width: 100%;}
    .ea-bootstrap .time { position: relative; height: auto;}
    .ea-bootstrap .time-row .time {margin-top: 0;}
    .ea-bootstrap .time-value {padding: 5px 25px;}
    .ea-bootstrap .time-value:first-child{border: 0;}
    .ea-bootstrap .time.well:before {display: none;}
    .ea-form-v2 .form-horizontal .control-label {text-align: left}
    .step.final { display: flex; flex-direction:column; grid-gap: 20px;}
}