:root{--warning:#fbbf2c;--secondary:#34AD54;--light:#EEF9FF;--dark:#091E3E;--fontfamily:"Roboto","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;-ms-font-smoothing:antialiased!important;}
body {overflow-x: hidden; overflow-y: scroll; }
h1, h2, h3, h4, h5, h6{font-family:var(--fontfamily);}
.spinner{width:40px;height:40px;background:var(--warning);margin:100px auto;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out;}
@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}
50%{-webkit-transform:perspective(120px) rotateY(180deg)}
100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}
}
@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}
50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}
100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}
#spinner{opacity:0;visibility:hidden;transition:opacity .4s ease-out, visibility 0s linear .5s;z-index:99999;}
#spinner.show{transition:opacity .4s ease-out, visibility 0s linear 0s;visibility:visible;opacity:1;}
p{line-height:2em;letter-spacing:0.05rem;}
h1,h2,h3{font-weight:100 !important;}
h4,h5,h6,.fw-bold,.fw-semi-bold{font-weight:300 !important;}
.fw-medium{font-weight:500 !important;}
.btn{font-family:var(--fontfamily);font-weight:500;transition:.4s;}
.btn-warning,
.btn-secondary{color:#FFFFFF;box-shadow:inset 0 0 0 50px transparent;}
.btn-warning:hover{box-shadow:inset 0 0 0 0 var(--warning);}
.btn-secondary:hover{box-shadow:inset 0 0 0 0 var(--secondary);}
.btn-square{width:36px;height:36px;}
.btn-sm-square{width:30px;height:30px;}
.btn-lg-square{width:48px;height:48px;}
.btn-square,
.btn-sm-square,
.btn-lg-square{padding-left:0;padding-right:0;text-align:center;}
.navbar-dark .navbar-nav .nav-link{font-family:var(--fontfamily);position:relative;margin-left:25px;padding:35px 0;color:rgba(255, 255, 255, .9);font-size:18px;font-weight:500;outline:none;transition:.5s;}
.navbar-dark .navbar-brand h1{color:rgba(255, 255, 255, .8);}
.sticky-top.navbar-dark{position:fixed;background:rgba(255,255,255, .9);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);}
.sticky-top.navbar-dark .navbar-nav .nav-link{padding:20px 0;color:rgba(0, 0, 0, .8);}
.navbar-dark .navbar-nav .nav-link:hover{color:var(--warning);}
.navbar-dark .navbar-nav .nav-link:active{color:var(--warning); font-weight: bold;}
.sticky-top.navbar-dark .navbar-nav .nav-link:hover {color:var(--dark);}
.sticky-top.navbar-dark .navbar-nav .nav-link.active{color:var(--dark); font-weight: bold;}
/* For Logo Color Change */
.navbar-dark .orange {fill:var(--warning);}
.navbar-dark .black {fill:var(--dark);}
.sticky-top.navbar-dark .orange {fill:var(--dark);}
.sticky-top.navbar-dark .black {fill:var(--warning);}
.navbar-dark .header_text_color{color:var(--warning);}
.sticky-top.navbar-dark .header_text_color{color:var(--dark);}
.navbar-dark .header_text_color_home {color:var(--dark);}
.sticky-top.navbar-dark .header_text_color_home {color:var(--warning);}

@media (min-width:992px){.navbar-dark{position:absolute;width:100%;top:0;left:0;border-bottom:1px solid rgba(255, 204, 0, .1);z-index:999;}
.navbar-dark .navbar-nav .nav-link{font-family:var(--fontfamily);position:relative;margin-left:25px; padding:35px 0;color:rgba(255, 255, 255, .8);font-size:18px;font-weight:500;outline:none;transition:.5s;}
.navbar-dark .navbar-brand h1{color:rgba(0, 0, 0, .8);}
.navbar-dark .navbar-nav .nav-link::before{position:absolute;content:"";width:0;height:2px;bottom:-1px;left:50%;background:var(--warning);transition:.5s;}
.navbar-dark .navbar-nav .nav-link:hover::before,
.navbar-dark .navbar-nav .nav-link.active::before{width:100%;left:0;}
.navbar-dark .navbar-nav .nav-link.nav-contact::before{display:none;}
.sticky-top.navbar-dark .navbar-brand h1{color:var(--warning);}
.navbar_macb_logo{height:50px;}
.navbar_j1bz_logo{height:35px;}
.navbar_j1bz_number{font-size:1.15em;font-weight:bold;}
.navbar{transition:top 0.5s ease;}
.navbar-hide{top:-70px;}
.navbar-show{top:0px; transition: all .4s ease-in-out;}
.j1bz_digital_svg_numbers {height: 40px;}
}
@media (max-width:576px){.navbar-dark{position:relative; top: 0px; z-index: 10000; width: 100%; background:black;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);}
.navbar-dark .navbar-nav .nav-link {padding: 8px 0 ;}
.navbar-dark .navbar-toggler{color:var(--warning) !important;}
.sticky-top.navbar-dark .navbar-toggler{color:var(--dark) !important;}
.sticky-top.navbar-dark .navbar-nav .nav-link {padding: 8px 0;}
.navbar_macb_logo{height:32px;}
.navbar_j1bz_logo{height:30px;}
.navbar_j1bz_number{font-size:1em;font-weight:bold;}
.navbar-hide{top:-85px; }
.navbar-show{top:0px; transition: all .4s ease-in-out;}
.j1bz_digital_svg_numbers {height: 25px;}
.carousel-caption h5{font-size:14px;font-weight:500 !important;}
.carousel-caption h1{font-size:20px;font-weight:500 !important;}
}

.carousel-caption{top:0;left:0;right:0;bottom:0;background:rgba(9, 30, 62, .7);z-index:1;}
.carousel-control-prev,
.carousel-control-next{width:10%;}
.carousel-control-prev-icon,
.carousel-control-next-icon{width:3rem;height:3rem;}
.section-title::before{position:absolute;content:"";width:150px;height:5px;left:0;bottom:0;background:var(--warning);border-radius:2px;}
.section-title.text-center::before{left:50%;margin-left:-75px;}
.section-title.section-title-sm::before{width:90px;height:3px;}
.section-title::after{position:absolute;content:"";width:6px;height:5px;bottom:0px;background:#FFFFFF;-webkit-animation:section-title-run 5s infinite linear;animation:section-title-run 5s infinite linear;}
.section-title.section-title-sm::after{width:4px;height:3px;}
.section-title.text-center::after{-webkit-animation:section-title-run-center 5s infinite linear;animation:section-title-run-center 5s infinite linear;}
.section-title.section-title-sm::after{-webkit-animation:section-title-run-sm 5s infinite linear;animation:section-title-run-sm 5s infinite linear;}
@-webkit-keyframes section-title-run{0%{left:0;}
50%{left:145px;}
100%{left:0;}
}
@-webkit-keyframes section-title-run-center{0%{left:50%;margin-left:-75px;}
50%{left:50%;margin-left:45px;}
100%{left:50%;margin-left:-75px;}
}
@-webkit-keyframes section-title-run-sm{0%{left:0;}
50%{left:85px;}
100%{left:0;}
}
.service-item{position:relative;height:300px;padding:0 30px;transition:.5s;}
.service-item .service-icon{margin-bottom:30px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--warning);border-radius:2px;transform:rotate(-45deg);}
.service-item .service-icon i{transform:rotate(45deg);}
.service-item a.btn{position:absolute;width:60px;bottom:-48px;left:50%;margin-left:-30px;opacity:0;}
.service-item:hover a.btn{bottom:-24px;opacity:1;}
.testimonial-carousel .owl-dots{margin-top:15px;display:flex;align-items:flex-end;justify-content:center;}
.testimonial-carousel .owl-dot{position:relative;display:inline-block;margin:0 5px;width:15px;height:15px;background:#DDDDDD;border-radius:2px;transition:.5s;}
.testimonial-carousel .owl-dot.active{width:30px;background:var(--warning);}
.testimonial-carousel .owl-item.center{position:relative;z-index:1;}
.testimonial-carousel .owl-item .testimonial-item{transition:.5s;}
.testimonial-carousel .owl-item.center .testimonial-item{background:#FFFFFF !important;box-shadow:0 0 30px #DDDDDD;}
.team-item{transition:.5s;}
.team-social{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;transition:.5s;}
.team-social a.btn{position:relative;margin:0 3px;margin-top:100px;opacity:0;}
.team-item:hover{box-shadow:0 0 30px #DDDDDD;}
.team-item:hover .team-social{background:rgba(9, 30, 62, .7);}
.team-item:hover .team-social a.btn:first-child{opacity:1;margin-top:0;transition:.3s 0s;}
.team-item:hover .team-social a.btn:nth-child(2){opacity:1;margin-top:0;transition:.3s .05s;}
.team-item:hover .team-social a.btn:nth-child(3){opacity:1;margin-top:0;transition:.3s .1s;}
.team-item:hover .team-social a.btn:nth-child(4){opacity:1;margin-top:0;transition:.3s .15s;}
.team-item .team-img img,
.blog-item .blog-img img{transition:.4s;}
.team-item:hover .team-img img,
.blog-item:hover .blog-img img{transform:scale(1.15);}
@media (min-width:991.98px){.facts{position:relative;margin-top:-75px;z-index:1;}
}
.back-to-top{position:fixed;display:none;right:45px;bottom:45px;z-index:99;}
.bg-header{background:linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../img/carousel-1.jpg) center center no-repeat;background-size:cover;}
.link-animated a{transition:.4s;}
.link-animated a:hover{padding-left:10px;}
@media (min-width:767.98px){.footer-about{margin-bottom:-75px;}
}
.top-buffer{margin-top:30px;}
.linkedin-iframe{display:flex;width:100%;height:550px;padding:10px;border:1px solid #ccc;border-radius:15px;}
.bg-hexagon{-webkit-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.tint{position:relative;float:left;cursor:pointer;}
.tint:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(156, 117, 0, 0.257);transition:background .3s linear;}
.tint:hover:before{background:none;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{background:#f2f2f2;}
.btn-close{background:none;}
.md-stepper-horizontal{display:table;width:100%;margin:0 auto;}
.md-stepper-horizontal .md-step{display:table-cell;position:relative;padding:24px;}
.md-stepper-horizontal .md-step:hover,
.md-stepper-horizontal .md-step:active{background-color:rgba(0,0,0,0.04);}
.md-stepper-horizontal .md-step:active{border-radius:15%/75%;}
.md-stepper-horizontal .md-step:first-child:active{border-top-left-radius:0;border-bottom-left-radius:0;}
.md-stepper-horizontal .md-step:last-child:active{border-top-right-radius:0;border-bottom-right-radius:0;}
.md-stepper-horizontal .md-step:hover .md-step-circle{background-color:#757575;}
.md-stepper-horizontal .md-step:first-child .md-step-bar-left,
.md-stepper-horizontal .md-step:last-child .md-step-bar-right{display:none;}
.md-stepper-horizontal .md-step .md-step-circle{width:100px;height:100px;margin:0 auto;background-color:#999999;border-radius:50%;text-align:center;line-height:30px;font-size:18px;font-weight:500;color:#FFFFFF;}
.md-stepper-horizontal.orange .md-step.active .md-step-circle{background-color:#FFCC00;}
.md-stepper-horizontal .md-step.active .md-step-circle{background-color:rgb(33,150,243);}
.md-stepper-horizontal .md-step.done .md-step-circle:before{font-family:'FontAwesome';font-weight:100;content:"\f00c";}
.md-stepper-horizontal .md-step .md-step-title{margin-top:16px;font-size:18px;font-weight:500;}
.md-stepper-horizontal .md-step .md-step-title,
.md-stepper-horizontal .md-step .md-step-optional{text-align:center;color:var(--dark);}
.md-stepper-horizontal .md-step .md-step-optional{font-size:15px;}
.md-stepper-horizontal .md-step.active .md-step-optional{color:rgba(0,0,0);}
.md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-horizontal .md-step .md-step-bar-right{position:absolute;top:100px;height:1px;border-top:1px solid #FFCC00;}
.md-stepper-horizontal .md-step .md-step-bar-right{right:0;left:50%;margin-left:60px;}
.md-stepper-horizontal .md-step .md-step-bar-left{left:0;right:50%;margin-right:60px;}
.p_line_height{line-height:1.5rem;}
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 5px 0;
  background-color: #FFCC00;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font-weight:bold;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}
/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 47px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}