@font-face {
  src: url('../fonts/Geomanist-Bold.otf');
  font-family:Geomanist-Bold;
}

@font-face {
  src: url('../fonts/Geomanist-Regular-Italic.otf');
  font-family:Geomanist-Regular-Italic;
}

@font-face {
  src: url('../fonts/Geomanist-Regular.otf');
  font-family:Geomanist-Regular;
}

@font-face {
  src: url('../fonts/Geomanist-Thin-Italic.otf');
  font-family:Geomanist-Thin-Italic;
}

@font-face {
  src: url('../fonts/Geomanist-Thin.otf');
  font-family:Geomanist-Thin;
}

@font-face {
  src: url('../fonts/Geomanist-Ultra-Italic.otf');
  font-family:Geomanist-Ultra-Italic;
}

@font-face {
  src: url('../fonts/Geomanist-Bold-Italic.otf');
  font-family:Geomanist-Bold-Italic;
}

@font-face {
  src: url('../fonts/Geomanist-Light-Italic.otf');
  font-family:Geomanist-Light-Italic;
}

@font-face {
  src: url('../fonts/Geomanist-Light.otf');
  font-family:Geomanist-Light;
}

@font-face {
  src: url('../fonts/Geomanist-Medium-Italic.otf');
  font-family:Geomanist-Medium-Italic;
}

@font-face {
  src: url('../fonts/Geomanist-Medium.otf');
  font-family:Geomanist-Medium;
}

@font-face {
  src: url('../fonts/Geomanist-Ultra.otf');
  font-family:Geomanist-Ultra;
}

@font-face {
  src: url('../fonts/overused_medium.otf');
  font-family:overused_medium;
}

@font-face {
  src: url('../fonts/overused_bold.otf');
  font-family:overused_bold;
}

@font-face {
  src: url('../fonts/overused_black.otf');
  font-family:overused_black;
}

@font-face {
  src: url('../fonts/overused_regular.otf');
  font-family:overused_regular;
}

#sp-top-bar {
    display: none;
}

.logo-image {
    width: 100px;
  height:auto!important;
}

#sp-header .logo {
    transform: none!important;
}

/*
#sp-header {
    background: transparent;
    width: 100%;
    position: fixed;
    top: 20px;
    box-shadow: none;
}
*/

#sp-header {
  	width: 100%;
    position: fixed;
    padding: 20px 20px;
    box-shadow: none;
    height: 100px;
    background: transparent;
}

#sp-header.header-sticky {
    background: linear-gradient(to top, transparent 0%, #FFCB05 150%);
}

body {
    background-color: #000000;
    color: #fcfcfc;
}

#sp-footer, #sp-bottom {
    background: #0f0f0f;
}

.sp-pre-loader {
    background: #000000;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100139;
}

.sp-megamenu-parent {
    margin: 0;
}

/*div#sp-menu .sp-column {
    flex-direction: row-reverse;
}*/

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin:0;
}

.sp-megamenu-parent>li>a {
    color: #ffffff;
}

.secondary-menu .menu li a {
    color: #ffffff;
}

.burger-icon>span {
    background-color: #ffffff;
}

.secondary-menu .menu li:not(:first-child) {
    padding-left: 40px;
}

.sppb-article-info-wrap h3 {
    font-size: 25px;
    margin-top: 20px;
}

.sppb-article-info-wrap h3 a {
    color:white;
}

.offcanvas-menu {
    background-color: #252525;
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner a {
    color: #ffffff;
}

#sp-footer .container-inner {
    border-top: 2px solid #ffffff;
}

.sppb-addon-articles .sppb-article-meta>span {
    font-size: 16px;
}

.sp-column.footer1-bottom {
    text-align: center;
}

#sp-footer .container-inner {
    padding: 30px 0px 30px 0px;
    border-top: none;
}

.mwall-filters-group.button-group.button-group-category.mwall-buttons span {
    display: none;
}

/* Header Hover */
/* Style the text and add a dot when hovering */
.sp-megamenu-parent a, .secondary-menu ul.menu a {
  text-decoration: none!important;
  color: #fff!important; 
  position: relative!important;
  transition: color 0.3s!important; 
  padding: 0 25px!important;
  display: inline-block;
  opacity: 1!important;
  text-transform: inherit!important;
  font-family:overused_regular;
}

.sp-megamenu-parent li:last-child a {
  margin-right:-25px!important;
}


.secondary-menu ul.menu li:first-child a {
  margin-left:-25px!important;
}

.sp-megamenu-parent a::after, .secondary-menu ul.menu a::after {
  content: ""!important;
  position: absolute!important;
  width: 4px!important;
  height: 4px!important; 
  background-color: #FFCB05!important; 
  bottom: 0px!important; 
  left: 50%!important; 
  transform: translateX(-50%)!important; 
  opacity: 0!important; 
  transition: opacity 0.3s!important; 
  border-radius:50%!important;
}

.sp-megamenu-parent li.active a::after, .secondary-menu ul.menu li.active a::after {
  content: ""!important;
  position: absolute!important;
  width: 4px!important;
  height: 4px!important; 
  background-color: #0000FF!important; 
  bottom: 0px!important; 
  left: 50%!important; 
  transform: translateX(-50%)!important; 
  opacity: 1!important; 
  transition: opacity 0.3s!important; 
  border-radius:50%!important;
}

.sp-megamenu-parent li.active a, .secondary-menu ul.menu li.active a {
  color: #0000FF!important; 
  font-weight: 900 !important;
  font-family: 'overused_medium';
}

.secondary-menu .menu {
    justify-content: flex-start;
}

/* Style the dot when hovering over the text */
.sp-megamenu-parent a:hover, .secondary-menu ul.menu a:hover {
  color: #FFCB05!important;
}

.sp-megamenu-parent a:hover::after, .secondary-menu ul.menu a:hover::after {
  opacity: 1!important; 
}

.sp-megamenu-parent>li:before, .secondary-menu ul.menu>li:before {
    display: none;
}

.secondary-menu .menu li:not(:first-child) {
    padding-left: 0px!important;
}

/* Project Filtering Dot*/

.mwall-filters-group.button-group.button-group-category.mwall-buttons {
    margin: 0!important;
}

.mwall-filters-sortings {
    text-align: center;
}

.mwall-filters-sortings a.mwall-filter {
    background: transparent!important;
    border: none!important;
}

.mwall-filters-sortings a.mwall-filter.mwall-filter-active {
    color: #FFCB05!important; 
}

.mwall-filters-sortings a.mwall-filter:hover {
    color: #FFCB05; 
}

.mwall-buttons a {
    display: inline-block!important;
    position: relative!important;
    line-height: 56px!important;
    height: auto!important;
  	padding: 0 25px;
    font-weight: 600;
    text-transform: capitalize;
}

#mwall_container_1 .mwall-buttons li .mwall-filter.mwall-filter-active::after {
  content: ""!important;
  position: absolute!important;
  width: 4px!important;
  height: 4px!important; 
  background-color: #FFCB05!important; 
  bottom: 0px!important; 
  left: 50%!important; 
  transform: translateX(-50%)!important; 
  opacity: 1!important; 
  transition: opacity 0.3s!important; 
  border-radius:50%!important;
}

#mwall_container_1 .mwall-buttons li .mwall-filter:hover::after {
  content: ""!important;
  position: absolute!important;
  width: 4px!important;
  height: 4px!important; 
  background-color: #FFCB05!important; 
  bottom: 0px!important; 
  left: 50%!important; 
  transform: translateX(-50%)!important; 
  opacity: 1!important; 
  transition: opacity 0.3s!important; 
  border-radius:50%!important;
}

/* Article Heading */
.view-article .article-details .article-header h1 {
    font-weight: 500!important;
    font-size: 25px!important;
    color: #FFCB05!important;
    text-align: left!important;
    line-height: 1.2!important;
}

.view-article .article-details .blog-detils-top-area {
    flex-direction: inherit!important;
    align-items: inherit!important;
    justify-content: inherit!important;
  display: none;
}

.article-details div#sp-page-builder .sppb-row-container {
    padding: 0;
}


/* Minitek Project Links*/
a.project-link {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
}

.mwall-item-inner.mwall-detail-box h3.mwall-title {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 25px;
  	/*text-shadow: 0px 0px 20px black;*/
  	background: #FFCB05;
    display: inline-block;
    border-radius: 60px;
    padding: 10px 24px 12px;
    font-family:overused_medium;
    color: white;
  	max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

a.project-link:hover .mwall-item-inner.mwall-detail-box h3.mwall-title {
  /*color:#FFCB05;*/
  background:#0000FF;
}


.video-popup {
    height: 100vh!important;
    width: 100%!important;
}

.highlight {
  color:#0000ff!important;
}

.outlined-font .sppb-addon-title {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffcb05;
  color:black!important;
}

.sppb-btn {
    text-transform: inherit !important;
}

.mwall-pagination a.mwall-button span.mwall-more-results span {
    display: none;
}

.related-projects h3.sp-module-title, .related-articles h3.sp-module-title {
    font-family: overused_medium;
    line-height: 48px;
    color: #FFB216;
  	margin-bottom: 30px;
}

.related-projects, .related-articles {
    padding-bottom:100px;
}

.article-details #sp-page-builder section.sppb-section .sppb-row-container {
    max-width: 1320px;
}

.litebox-overlay .litebox-container iframe.litebox-content {
    background: transparent !important;
}

/* Reels Page */

div#sb_wall1modern div.filter-items {
    display: none;
}

.sboard .sb-item .sb-inner {
    min-height: auto!important;
}

.sboard .sb-item img {
    max-width: 100%;
    border-radius: 0 !important;
}

.sboard.sb-modern.sb-wall {
    margin: 0!important;
}

#timeline_wall1modern.sboard.sb-modern, #timeline_wall1modern.sboard.sb-modern a {
    font-size: 12px!important;
}

.sppb-addon-overlay-image-content {
    padding: 30px !important;
}

#sp-header .sp-module {
    margin-left: 25px;
}

/* Social Media Steam - Reels */
div.sb-item.sb-instagram.instagram-1-0 .sb-container {
    position: relative;
}

.logo-1, .logo-2, .logo-3, .logo-4, .logo-5, .logo-6, .logo-7, .logo-8, .logo-9, .logo-10, .logo-11, .logo-12 {
    display:none;
}

.article-details ul.sppb-gallery li {
    width: 50%;
}

.article-details ul.sppb-gallery {
   	padding: 0 80px;
}

#mwall_items_2 .mwall-detail-box h3.mwall-title {
    display: inline-block !important;
}

/* Off Canvas Menu */
.offcanvas-menu {
  	width: 100%;
    background-color:#000!important;
}

body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -100%;
    top: 0;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a {
        color: #FFCB05;
  	font-family:overused_medium;
      font-size: 40px !important;
    padding: 0px 0px !important;
}

.logo-image-phone {
    display: none !important;
}

.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #FFCB05;
}

.offcanvas-menu .offcanvas-inner {
    margin-top: 30px;
}

.offcanvas-menu ul.menu li.active a::after {
 	content: url(/images/arrow_blue.png);
    margin-left: 20px;
    color: #0000FF;
    display: flex;
    height: 40px;
    width: auto;
    align-items: center;
    padding-top: 8px;
}

.offcanvas-menu ul.menu li a {
  display: flex!important;
  align-items: center;
}
  
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  	font-family:overused_bold;
}
  
body.ltr .close-offcanvas {
    right: 35px;
    top: 35px;
}

/* Home Slider Bullet */
.n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom .n2-bullet {
    margin: 4px;
    width: 0;
    transition: width .3s ease-in-out !important;
}

.n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom .n2-bullet.n2-active{
    width: 50px;
}

body.home-page footer#sp-footer {
    background: transparent;
    bottom: 0;
    left: 0px;
    position: absolute;
    width: 100%;
    z-index: 9999;
}

body.home-page footer#sp-footer .container-inner {
    padding: 10px 0px 20px 0px;
    border-top: none;
}

body footer#sp-footer span.sp-copyright {
    font-size:15px;
}

#n2-ss-2-arrow-previous img {
    content: url("/images/arrow-blue.svg"); /* Replace with the original image URL */
}

#n2-ss-2-arrow-previous:hover img {
    content: url("/images/arrow-yellow.svg"); /* Replace with the new hover image URL */
}

#n2-ss-2-arrow-next img {
    content: url("/images/arrow-blue.svg"); /* Replace with the original image URL */
}

#n2-ss-2-arrow-next:hover img {
    content: url("/images/arrow-yellow.svg"); /* Replace with the new hover image URL */
}

.sppb-addon.sppb-addon-accordion button span {
    color: white;
    font-size: 20px;
}

.sppb-panel.sppb-panel-faq:hover button span {
    color: #fbb216 !important;
}
.sppb-panel.sppb-panel-faq:hover {
    color: #fbb216 !important;
}

#mwall_items_3 .mwall-item-inner {
  	background: linear-gradient(to top, #0000FF, transparent);
}

.info-quote-form button#Submit {
    text-transform: capitalize;
    font-size: 16px;
    border-radius: 300px;
    padding: 10px 60px;
    font-weight: bold;
    background-color: #0000FF !important;
    color: white !important;
}

.info-quote-form button#Submit:hover {
    background-color: #ffbc00 !important;
}





@media (max-width: 992px) {
.menu-row-mobile {
    flex-direction: row-reverse;
}  
#sp-header #sp-logo {
  text-align:left;
}  
  
.offcanvas-menu ul.menu li.active a {
    color: #0000FF !important;
}  
  
}  

@media (max-width: 767px) {
  
.article-details ul.sppb-gallery li {
    width: 100%;
}
  
.article-details ul.sppb-gallery {
   	padding: 0 20px;
}
  
.sp-copyright {
    margin-bottom: 0!important;
} 
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    display: block;
    font-size: 18px;
    padding: 10px 0px;
    position: relative;
    line-height: 1;
    opacity: 1;
    transition: 0.3s;
} 
  .offcanvas-menu .offcanvas-inner ul.menu>li>a:hover{
   color:#FFCB05;
  }
 .offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
    margin-bottom: 0px;
}
  
 .offcanvas-menu ul.menu {
margin-bottom:0!important;
  } 
ul.menu.offcanvas-secondary-menu {
    margin-bottom: 50px!important;
}
  
.mwall-buttons a {
    padding: 0 15px;
}  
  
  .sppb-col-xs-6 {
 	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; 
  }
  
  #mwall_items_2 .mwall-detail-box h3.mwall-title {
    display: none !important;
}
  
.offcanvas-active .burger-icon>span:nth-child(1), #modal-menu-toggler.active .burger-icon>span:nth-child(1) {
    transform: translate(0, 9px) rotate(-45deg);
}
  
}