@charset "UTF-8";
#sp-bottom .newsletter-signup form {
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex
}
#sp-bottom .newsletter-signup form input[type=text] {
 background:#323136;
 border:none;
 border-radius:3px 0 0 3px;
 color:rgba(255,255,255,.6);
 padding:10px 20px;
 height:46px
}
.white {
	color: #333;
	background-color: #fff;
	margin: 0 auto 10px auto;
	border: 1px solid #f1f1f1;
	padding: 5px 10px;
}
.white:hover {
	color: #333;
	background-color: #f9f9f9;
}
.beige {
	color: #000;
	background-color: #e3e1df;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #fff;
}

.greys {
	color: #333;
	background-color: #fafafa;
	margin: 0 auto 5px auto;
	padding: 5px;
}
.greys:hover {
	color: #333;
	background-color: #ddd;
}

.blues {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
    background: #006699;
    background: -moz-linear-gradient(45deg, #006699 0%, #3399cc 100%);
    background: -webkit-linear-gradient(45deg, #006699 0%,#3399cc 100%);
    background: linear-gradient(45deg, #006699 0%,#3399cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006699', endColorstr='#3399cc',GradientType=1 );
}

.greens {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	background: #669933;
    background: -moz-linear-gradient(45deg, #669933 0%, #66cc33 100%);
    background: -webkit-linear-gradient(45deg, #669933 0%,#66cc33 100%);
    background: linear-gradient(45deg, #669933 0%,#66cc33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669933', endColorstr='#66cc33',GradientType=1 );
}
.oranges {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	background: #ff7b26;
    background: -moz-linear-gradient(45deg, #ff7b26 0%, #ffc108 100%);
    background: -webkit-linear-gradient(45deg, #ff7b26 0%,#ffc108 100%);
    background: linear-gradient(45deg, #ff7b26 0%,#ffc108 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b26', endColorstr='#ffc108',GradientType=1 );
}

.reds {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	background: #f32328;
    background: -moz-linear-gradient(45deg, #f32328 0%, #fe583c 100%);
    background: -webkit-linear-gradient(45deg, #f32328 0%,#fe583c 100%);
    background: linear-gradient(45deg, #f32328 0%,#fe583c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f32328', endColorstr='#fe583c',GradientType=1 );}

.colors {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #d7d7d7;
	background: #ff7b26;
}
.reds h3::before,.oranges h3::before,.greens h3::before,.blues h3::before,.dark h3::before,.colors h3::before   {background-color:#fff !important;}

.dark {
	background-color: #444;
	margin: 0 auto 10px auto;
	color: #ddd;
	padding: 5px 10px;
}
.dark ul, .mcolor ul, .white ul {
	padding-left: 10px;
}

.dark a, .colors a { color: #ddd !important;}
#sppb-addon-1621786411235 ul.sppb-nav.sppb-nav-modern {
    text-align: center !important;
}
#sppb-addon-1621786411235 .sppb-nav-modern > li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
}
.sppb-addon-tab .sppb-nav > li.active > a {
  background-color: #fff;
  border: none;
  box-shadow: 0 -1px 2px 0 rgba(209, 209, 209, 0.5);
}
.sppb-addon-tab .sppb-nav > li > a {
  border: none;
  text-transform: uppercase;
  padding: 15px 34px;
  color: #828282;
  background-color: transparent;
}
.sppb-addon-tab .sppb-tab-content {
  background: #fff;
  margin: 0;
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);
}

#sp-gallery{background-color: rgba(255, 255, 255, 0.9); 
padding: 30px 0px;
color: #f1f1f1;}
.gl-carousel-wrap {
	padding: 0px !important;
}
#sp-projects .custom {padding: 50px 0px; background-color: rgba(255, 255, 255, 0.9);}
#sp-testimonials  {padding: 30px 0px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); }
#sp-contact  {
  display: flex;
  margin: 0 auto;
  padding: 25px;
  justify-content: center;
  align-items: center;
}
 #sp-accordion  {
  display: flex;
  margin: 0 auto;
  padding: 35px;
  justify-content: center;
  align-items: center;
}
figcaption h2 {font-size: 18px;}
#sp-tops .container {
    width: 100%;
    max-width: 1600px;
}
#sp-page {
    margin-top: 25px;
}
#sp-top-header .container {
    padding: 0 4%;
    width: 100%;
    max-width: 100%;
}
#sp-main-body {
  padding: 20px 0;
}
#sp-header {
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 99;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
	height: auto;
	box-shadow: none;
	transition: none;
	transition: 0.5s ease-in-out;
}
#sp-main-body, #sp-top-header, #sp-teams{
    background: rgba(255, 255, 255, 0.80);
}

#sp-header.header-sticky {
    top: 0;
    width: 100%;
    position: fixed;
    background: rgba(255, 255, 255, 0.80);
    z-index: 9999;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.05);
    box-shadow: 0 3px 3px rgba(0,0,0,.05);
    -webkit-transition: all .6s;
    transition: all .6s;
    animation-name: menu_sticky;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
    background: rgba(255, 255, 255, 0.80);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

#sp-header.header-sticky .sp-megamenu-parent > li > a, #sp-header.header-sticky .sp-megamenu-parent > li > span {
	padding-bottom: 5px ;
	padding-top: 5px;
	color: #333;
}
.sp-megamenu-parent > li > a:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.5) 30%, #000 50%, rgba(0,0,0,.5) 70%);
    -webkit-mask-size: 200%;
    animation: shine 1.5s infinite;
    transition: 0.35s;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	line-height: 20px;
	display: block;
	cursor: pointer;
	padding: 8px;
	font-size: 16px;
	font-weight: 300;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge).sp-group-title {
    text-transform: uppercase;
    font-weight: bold;
}
#sp-gallery h3, #sp-testimonial h3, #sp-teams h3 {text-align: center; color: #ccc;}
.bg-dark h1, .bg-dark h2, .bg-dark h2 a, .bg-dark a, .bg-dark h3{
  color: #fff !important;
}
.bg-dark #sp-main-body, .bg-dark #sp-top-header, .bg-dark #sp-header.header-sticky,.bg-dark .sm-popup,.bg-dark .qcontact-modal-item{
  background: #111 !important;
}
.bg-dark .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner,.bg-dark .offcanvas-menu{
  background: #222 !important;
}

.bg-dark .pager {
    border-top: 1px solid #333;
}
.bg-dark #sp-left .sp-module,.bg-dark #sp-right .sp-module,.bg-dark .article-list .article,.bg-dark .qcontact-modal-item{
    border: 1px solid #333;
}
.bg-dark #sp-left .sp-module .sp-module-title,.bg-dark #sp-right .sp-module .sp-module-title {
    border-bottom: 1px solid #333;
}
.bg-dark .burger-icon > span{
  background: #f1f1f1 !important;
}
.bg-dark .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler,.bg-dark .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler{
  color: #f1f1f1 !important;
}
.bg-dark #sp-page h3, .bg-dark #sp-page a,.bg-dark #sp-services a,.bg-dark #sp-services h5{
  color: #333 !important;
}