@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {
    font-family: 'Jost', sans-serif;
    color: #726f84;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
}

a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a {
    color: #726f84;
}

a,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

::-moz-placeholder {
    color: inherit;
    opacity: 1;
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

::placeholder {
    color: inherit;
    opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0f0d1d;
    /*margin: 0;*/
}

dl,
ol,
ul {
    margin-top: 0;
  /*  margin-bottom: 0;*/
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

::-moz-placeholder {
    color: inherit;
    opacity: 1;
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

::placeholder {
    color: inherit;
    opacity: 1;
}


a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

/*li {
  list-style: none;
}*/

button {cursor: pointer;}

.sppb-addon-optin-forms,
.sppb-addon-optin-forms .sppb-optin-form-details-wrap:not(:empty){
	padding: 0px;
}

#sp-footer {
	font-size: inherit;
}

#sp-footer #sp-footer2 {
	text-align: inherit;
}

textarea.sppb-form-control {height: auto !important;}

.sp-scroll-up {
	background: var(--maincolor);
}

.overflow-hidden {overflow: hidden;}

.z-index2 {z-index: 2 !important;}
.z-index0 {z-index: 0 !important;}

.sppb-media-heading {
	margin: 0;
}

.sppb-optin-form .button-wrap i {display: none !important;}



.sppb-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    background-color: var(--maincolor);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 18px 50px;
    transition: 500ms;
    letter-spacing: 0.1em;
	border-radius: 0;
	line-height: 34px;
	cursor: pointer;
}

.sppb-btn:hover {
    background: #ffffff;
    color: var(--maincolor);
}


/* HEADER */ 

#sp-header {
	height: auto;
	box-shadow: none;
padding: 0 60px;
background: #cd2122;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 91;
transition: all 500ms ease;
}

#sp-header:before {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	content: "";
	background-color: rgba(255, 255, 255, .15);
}

#sp-header.header-sticky {
	background: #333333;
	border-color: transparent;
	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

#sp-header.header-sticky:before {
	display: none;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

#sp-header > .row {
	-ms-flex-align: center !important;
	align-items: center !important;
}

#sp-header > .container > .container-inner > .row {
	-ms-flex-align: center !important;
	align-items: center !important;
}

#sp-header .logo {
	height: auto;
	position: relative;
	padding: unset;
    padding-left: 60px;
	padding-left: 0;
	/*border-right: 1px solid rgba(255, 255, 255, .15);*/
	display: block;
}
	
#sp-header .logo img {height: 60px;}

@media (min-width: 1200px) {
	
#sp-header .logo img {height: 60px;}
	
}

.sp-megamenu-parent {
	float: none;
	padding-left: 0px;
}

.sp-megamenu-parent > li {
padding: 25px 0;
}

.sp-megamenu-parent > li + li > a {
    margin-left: 11px;
}

@media (max-width: 1400px) {
.sp-megamenu-parent > li + li > a {
    margin-left: 43px;
}
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
font-size: 13px;
font-weight: 700;
display: flex;
align-items: center;
color: #fff;
text-transform: uppercase;
position: relative;
transition: all 500ms ease;
letter-spacing: 0.1em;
padding: 0;
margin: 0;
line-height: 34px;
}

.sp-megamenu-parent > li > a:before {
	content: '';
	width: 10px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0;
	transition: transform 500ms ease;
	transform: scale(0, 1);
	transform-origin: right center;
	z-index: -1;
}

.sp-megamenu-parent > li:hover > a:before,
.sp-megamenu-parent > li.active > a:before {
	transform: scale(1, 1);
	transform-origin: left center;
}

.sp-megamenu-parent > li.active > a {
	font-weight: 700;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a {
	color: #fff;
}

.sp-megamenu-parent > li:last-child > a {
	padding: 0px;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
	display: none;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
background: #fff;
min-width: 185px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
padding: 0;
border: 0;
box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.1);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
	background: #fff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
font-size: 14px;
line-height: 30px;
color: #0f0d1d;
display: flex;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
transition: 500ms;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	color: #0f0d1d;
	background: var(--maincolor);
}

#offcanvas-toggler {
	display: inline-flex;
	align-items: center;
	height: auto;
	line-height: 1;
	font-size: 20px;
}

.offcanvas-toggler-secondary {display: none !important;}

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

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

.offcanvas-menu {
	background-color: #252525;
	color: #fff;
}
.offcanvas-menu .offcanvas-inner a {
	color: #fff;
}

.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active {
	color: #fff;
}

.offcanvas-menu .p-3 {
	padding: 25px !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
	color: #fff;
}


/* */

.real-world-shape .sppb-row-overlay {
	width: 610px;
	height: 595px;
	opacity: 0.8;
}



#sppb-addon-1629820873594 {
	overflow: visible !important;
}

.footer:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 50%;
	background: #151921;
	z-index: -1;
}

/* */

/* PAGE TITLE */

.sp-page-title {
background-size: contain !important;
background-position: top center;
background-color: #0f0d1d;
background-blend-mode: luminosity;
opacity: 1;
padding: 244px 0 139px;
text-align: center;
position: relative;
}

.sp-page-title:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: #0f0d1d;
	opacity: .5;
}

.sp-page-title .container {
    position: relative;
    z-index: 2;
}

.sp-page-title .sp-page-title-heading {
	font-size: 50px;
	color: #ffffff;
	line-height: 52px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -0.02em;
}

.breadcrumb {
	justify-content: center;
}

.sp-page-title .breadcrumb > li > a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 500ms ease;
}

.breadcrumb-item + .breadcrumb-item {
	padding-left: .8rem;
}

.breadcrumb-item + .breadcrumb-item::before {
	padding-right: .8rem;
}

.sp-page-title .breadcrumb > li > a:hover {
	color: var(--maincolor);
}

.sp-page-title .breadcrumb > .active {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 500ms ease;
	color: #fff;
}

/* */

#sp-header.header-sticky ~ section#sp-main-body {
	padding-top: 0;
}
.com-content #sp-main-body,
.com-j2store #sp-main-body,
.com-tags #sp-main-body,
.com-spsimpleportfolio #sp-main-body {
	padding: 120px 0;
}

.com-spsimpleportfolio #sp-main-body {
	z-index: 2;
	position: relative;
}


.com-content #sp-header.header-sticky ~ section#sp-main-body,
.com-j2store #sp-header.header-sticky ~ section#sp-main-body,
.com-tags #sp-header.header-sticky ~ section#sp-main-body,
.com-spsimpleportfolio #sp-header.header-sticky ~ section#sp-main-body {
	padding-top: 120px;
}

/* SIDEBAR */

.sidebar-class  .sppb-row-container {width: 100% !important; }
.sidebar-class.com-sppagebuilder #sp-main-body {margin: 0 auto;}
@media (min-width: 768px) {
.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 750px;}
}
@media (min-width: 992px) {
.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 970px;}
}
@media (min-width: 1200px) {
.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 1170px;}
}

.com-sppagebuilder #sp-right, .com-sppagebuilder #sp-left {
	padding-top: 120px;
	padding-bottom: 120px;
	position: relative;
}

#sp-left .sp-module, #sp-right .sp-module {
	border: 0px solid #f3f3f3;
	padding: 0;
	border-radius: 0px;
}

#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
	display: block;
	border-bottom: 0px solid #f3f3f3;
}

/* */


/* PORTFOLIO */

.featherlight {
  top: 10%;
}

.featherlight .featherlight-content {
  max-height: 95%;
  max-width: 55%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: transparent none repeat scroll 0 0;
}

.sp-simpleportfolio .sp-simpleportfolio-filter {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 80px;
}

.sp-simpleportfolio .sp-simpleportfolio-filter ul {
	padding: 15px;
	background: rgba(0, 0, 0, 0.02);
	border-radius: 30px;
	display: inline-block;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
	margin: 0 20px;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
	padding: 0;
	background: transparent;
	color: inherit;
	border-radius: 0;
	position: relative;
	font-family: 'Poppins', sans-serif;
	line-height: 1.3;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:after {
	content: '';
	width: 7px;
	height: 7px;
	background: var(--maincolor);
	border-radius: 50%;
	position: absolute;
	right: -24px;
	top: 40%;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li:last-child > a:after {
	display: none;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a {
	background: transparent;
	color: var(--maincolor);
}

.item-img {
    overflow: hidden;
    position: relative;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.item-img:hover {
	-webkit-clip-path: inset(5px 10px);
	clip-path: inset(5px 10px);
}

.imago {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.item-img img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.sp-simpleportfolio .item-img:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.sp-simpleportfolio .cont {
	margin-top: 30px;
	text-align: center;
}

.sp-simpleportfolio .cont h6 {
	font-weight: 600;
	margin-bottom: 5px;
}

.sp-simpleportfolio .cont .portfolio-tags {
	color: #999;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 400;
	font-size: 13px;
	font-family: 'Barlow Condensed', sans-serif;
}

.portfolio-set .logo a .logo-image, .portfolio-set .logo a .logo-image-phone {
	filter: invert(100%);
}

.portfolio-set .sp-megamenu-parent > li > a {
	color: #0c0f16;
}

.portfolio-set .sp-megamenu-parent > li.active > a, .portfolio-set .sp-megamenu-parent > li.active:hover > a, .portfolio-set .sp-megamenu-parent > li:hover > a {color: #0c0f16;}

.portfolio-set #sp-header .search {
	color: #0c0f16 !important;
	border-color: #ccc !important;
}

.portfolio-overlay .cont {
	position: absolute;
	bottom: 15px;
	left: 0;
	text-align: left;
	padding-left: 30px;
	opacity: 0;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.portfolio-overlay .cont h6 {
    font-weight: 600;
	color: #fff;
    margin-bottom: 5px;
}

.portfolio-overlay .cont span.portfolio-tags {
	color: #eee;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 400;
}

.sp-simpleportfolio .sp-simpleportfolio-item:hover .portfolio-overlay .cont {
	opacity: 1;
}

/* */

/* BLOG */

.article-list .article {
	padding: 0px;
	border: 0px solid #f5f5f5;
	border-radius: 0px;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
	margin: 0px;
	border-radius: 0;
	border-bottom: 0px solid #f5f5f5;
	overflow: hidden;
	position: relative;
	display: block;
	background-color: #0f0d1d;
}

.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
	border-radius: 0;
	width: 100%;
	width: 100%;
	mix-blend-mode: luminosity;
}

.article-body {
	border: 0px solid #dce1e4;
	padding-top: 0;
	border-top: 0px;
	position: relative;
	display: block;
	margin-top: 20px;
}

.blog-single__meta {
	display: flex;
	align-items: center;
	margin: 0;
}

.blog-single__meta > span {
	font-size: 12px;
	color: #726f84;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.blog-single__meta span + span {
	margin-left: 12px;
}

.blog-single__meta span i,
.blog-single__meta > span a:hover {
	color: var(--maincolor);
}

.blog-single__meta > span.published {
position: absolute;
top: -54px;
left: 0;
background-color: var(--maincolor);
padding: 0 20px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
margin: 0;
	letter-spacing: 0.1em;
color: #ffffff;
}

.article-list .article .article-header h2 {
font-size: 34px;
font-weight: 700;
line-height: 46px;
text-transform: uppercase;
margin-top: 9px;
margin-bottom: 20px;
letter-spacing: -0.02em;
}

.article-list .article .article-header h2 a {
color: #0f0d1d;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 87% / 0px 2px no-repeat;
transition: all 500ms ease;
}

.article-list .article .article-header h2 a:hover {
background-size: 100% 2px;
color: var(--maincolor);
}

.article-introtext p {
/*	font-size: 16px;*/
	margin: 0;
/*	line-height: 32px;*/
	padding-bottom: 15px;
}

.article-list .article .readmore a {
position: relative;
display: inline-block;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #0f0d1d;
transition: all 500ms ease;
}

.article-list .article .readmore a:after {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 10px;
content: "";
background-color: currentColor;
transition: all 500ms ease;
}

.article-list .article .readmore a:hover {
	color: var(--maincolor);
}

.article-list .article .readmore a:hover:after {
	width: 100%;
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}

.page-item:last-child .page-link {
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
}

.page-link {
list-style: none;
display: inline-block;
height: 50px;
width: 50px;
background: #f8f8f8;
border-radius: 50%;
line-height: 37px;
color: #6a727f ;
margin-top: 40px;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
cursor: pointer;
border: none;
margin-right: 5px;
text-align: center;
}

.page-item.active .page-link,
.page-link:hover {
	z-index: 1;
	color: #fff !important;
	background-color: #000;
	border-color: #000;
}

.pagination-counter {margin-top: 40px;}

/* SINGLE ARTICLE */

.article-details .sppb-row-container {padding: 0; max-width: 100%;}

.article-details .article-header {
	position: relative;
	padding: 0;
}

.article-details .article-full-image {
position: relative;
display: block;
background-color: #0f0d1d;
margin-bottom: 19px;
}

.article-details .article-full-image img {
	display: inline-block;
	border-radius: 0;
	width: 100%;
mix-blend-mode: luminosity;
}

.article-details .article-can-edit {
	position: relative;
	margin-bottom: 0px;
}

.article-details .article-header h1, .article-details .article-header h2 {
color: #0f0d1d;
font-size: 34px;
font-weight: 700;
line-height: 44px;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 7px;
}

.article-details .article-ratings-social-share {
	border-bottom: 0px solid #f5f5f5;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px solid #e6e9ef;
	padding: 30px 0 30px;
	margin-top: 55px;
}

.article-details .article-ratings-social-share > span {
	color: #0f0d1d;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
	margin-right: 10px;
}

.article-details .article-author-information {

	margin-top: 0px;
	border-top: 0px solid #f5f5f5;
	background-color: #f2f4f8;
	padding: 60px 60px 60px;
	display: flex;
	margin-bottom: 54px;
}

.article-details .article-author-information h5 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 18px;
	letter-spacing: -0.02em;
}

.article-details .article-author-information .author-bio {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	margin-top: 13px;
}

.author-website, .author-website a {color: #0f0d1d; margin-left: 4px;}

.author-website a:hover {color: var(--maincolor);}

#article-comments {
	padding-top: 0;
	margin-top: 50px;
	border-top: 0px solid #f5f5f5;
}

.article-social-share .social-share-icon ul li a {
	border: none;
	font-size: 15px;
	text-align: center;
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #f7f7f7;
	color: #9499ae;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.article-social-share .social-share-icon ul li a:hover {
	color: #ffffff;
	background: var(--maincolor);
}

/* */

/* IMPORT ICOMOON & REEY*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?orkqwr');
  src:  url('../fonts/icomoon.eot?orkqwr#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?orkqwr') format('truetype'),
    url('../fonts/icomoon.woff?orkqwr') format('woff'),
    url('../fonts/icomoon.svg?orkqwr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tick:before {
  content: "\e913";
}
.icon-magnifying-glass1:before {
  content: "\e914";
}
.icon-right-arrow1:before {
  content: "\e915";
}
.icon-wealth:before {
  content: "\e916";
}
.icon-data-analytics:before {
  content: "\e917";
}
.icon-report:before {
  content: "\e918";
}
.icon-phone-ringing:before {
  content: "\e919";
}
.icon-mobile-analytics:before {
  content: "\e91a";
}
.icon-research:before {
  content: "\e91b";
}
.icon-creative:before {
  content: "\e91c";
}
.icon-video:before {
  content: "\e91d";
}
.icon-help:before {
  content: "\e91e";
}
.icon-customer-review:before {
  content: "\e91f";
}
.icon-consultant:before {
  content: "\e920";
}
.icon-checkmark:before {
  content: "\e921";
}
.icon-bank:before {
  content: "\e922";
}
.icon-protection:before {
  content: "\e923";
}
.icon-travel:before {
  content: "\e924";
}
.icon-software:before {
  content: "\e925";
}
.icon-consulting:before {
  content: "\e926";
}
.icon-group:before {
  content: "\e927";
}
.icon-consulting-1:before {
  content: "\e928";
}
.icon-creative-1:before {
  content: "\e929";
}
.icon-analysis:before {
  content: "\e92a";
}
.icon-business:before {
  content: "\e92b";
}
.icon-global:before {
  content: "\e92c";
}
.icon-team1:before {
  content: "\e92d";
}
.icon-magnifying-glass:before {
  content: "\e900";
}
.icon-shopping-cart:before {
  content: "\e901";
}
.icon-right-arrow:before {
  content: "\e902";
}
.icon-furnitures:before {
  content: "\e903";
}
.icon-buildings:before {
  content: "\e904";
}
.icon-house-design:before {
  content: "\e905";
}
.icon-architect:before {
  content: "\e906";
}
.icon-architect-1:before {
  content: "\e907";
}
.icon-architect-2:before {
  content: "\e908";
}
.icon-measure:before {
  content: "\e909";
}
.icon-blueprint:before {
  content: "\e90a";
}
.icon-kitchen:before {
  content: "\e90b";
}
.icon-architect-3:before {
  content: "\e90c";
}
.icon-architect-4:before {
  content: "\e90d";
}
.icon-architect-5:before {
  content: "\e90e";
}
.icon-satisfaction:before {
  content: "\e90f";
}
.icon-team:before {
  content: "\e910";
}
.icon-checklist:before {
  content: "\e911";
}
.icon-outsourcing:before {
  content: "\e912";
}

@font-face {
    font-family: 'reeyregular';
    src: url('../fonts/reey-regular-webfont.woff2') format('woff2'),
         url('../fonts/reey-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@-webkit-keyframes zoom-fade {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1.1);
    }
}

@keyframes zoom-fade {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1.1);
    }
}



/* */


@media (min-width: 320px) {#sp-bottom1  .sppb-container-inner {max-width: 400px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {#sp-bottom1  .sppb-container-inner {max-width: 540px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {#sp-bottom1  .sppb-container-inner {max-width: 720px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {#sp-bottom1 .sppb-container-inner {max-width: 960px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-bottom1  .sppb-container-inner {max-width: 1140px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}


@media (min-width: 320px) {#sp-footer  .sppb-container-inner {max-width: 400px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {#sp-footer  .sppb-container-inner {max-width: 540px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {#sp-footer  .sppb-container-inner {max-width: 720px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {#sp-footer .sppb-container-inner {max-width: 960px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-footer  .sppb-container-inner {max-width: 1140px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}


@media (min-width: 320px) {.contained-row  .sppb-container-inner {max-width: 400px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {.contained-row  .sppb-container-inner {max-width: 540px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {.contained-row  .sppb-container-inner {max-width: 720px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {.contained-row .sppb-container-inner {max-width: 960px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {.contained-row  .sppb-container-inner {max-width: 1140px;width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}}


/* J4 Optimization */

.sp-page-title .breadcrumb .float-start {display: none !important;}
.sp-megamenu-wrapper, #sp-header > .container > .container-inner > .row > div > .sp-column,
#sp-header > .row > div > .sp-column  {display: block !important;}

#sp-header .sp-module {
	margin-left: 0px !important; 
}


@media(min-width: 1800px)
{
	.sp-megamenu-parent 
	{
		float: none;
		padding-left: 60px !important;
	}

	.sp-megamenu-parent > li + li > a 
	{
	    margin-left: 20px !important;
	}

	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span 
	{
		font-size: 14px !important;
	}
}

@media only screen and (min-width: 2560px) and (max-width: 3500px)
{
	.sp-megamenu-parent 
	{
		padding-left: 60px !important;
	}
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span 
	{
		font-size: 15px !important;
	}
	.sp-megamenu-parent > li + li > a 
	{
	    margin-left: 60px !important;
	}
}

@media(min-width: 3500px)
{
	.sp-megamenu-parent 
	{
		float: none;
		padding-left: 100px !important;
	}

	.sp-megamenu-parent > li + li > a 
	{
	    margin-left: 130px !important;
	}

	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span 
	{
		font-size: 16px !important;
	}
}



#real-world-shape .real-world__single 
{
  position: relative;
  display: block;
  background-color: #cd2122;
  padding: 54px 60px 75px;
  margin-bottom: 30px;
  transition: background 500ms ease;
}

#real-world-shape .real-world__btn 
{
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  transition: all 500ms ease;
}

#real-world-shape .real-world__btn::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  height: 2px;
  width: 10px;
  background-color: currentColor;
  transition: width 500ms ease;
}

#real-world-shape .real-world__single:hover {
  background-color: #666666;
}

#real-world-shape .real-world__single:hover .sppb-icon span {
  transform: scale(.85);
  color: #fff;
}

#real-world-shape .sppb-icon span 
{
  position: absolute;
  bottom: 52px;
  right: 60px;
}


#real-world-shape .real-world__btn:hover::before 
{
  width: 100%;
}


#our_customers #sppb-addon-1630339237298 .sppb-addon-title
{
	width: 1240px;
}


#our_customers .sppb-addon-title {
  position: absolute;
top: 0;
right: 0;
left: 50%;
  transform: translatex(-50%);
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	width: 1170px;
	text-align: center;
	margin: 0 auto;
	margin-top: -3px;
	letter-spacing: 0.1em;
}

#our_customers .sppb-addon-title:before {
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 0;
	content: "";
	height: 1px;
	background-color: rgba(0, 0, 0, .50);
	max-width: 460px;
	width: 100%;
	transform: translateY(-50%);
}

#our_customers .sppb-addon-title:after {
	position: absolute;
	top: 50%;
	bottom: 0;
	right: 0;
	content: "";
	height: 1px;
	background-color: rgba(0, 0, 0, .50);
	max-width: 460px;
	width: 100%;
	transform: translateY(-50%);
}

#showcase .sppb-sp-slider-button .sp-slider-btn-text {
	display: block;
	border-radius: 0;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-appearance: none;
	border: none;
	outline: none !important;
	background-color: var(--maincolor);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 18px 50px;
	letter-spacing: 0.1em;
}

#showcase .sppb-sp-slider-button .sp-slider-btn-text:hover {
	background-color: #0f0d1d;
}

#showcase .sp-slider .sp-item .sp-background {
    animation-name: zoom-fade;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 9s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
   	-moz-animation-name: zoom-fade;
    -moz-animation-duration: 9s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 9s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 9s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
 /** background-color: #0f0d1d;
	background-blend-mode: luminosity;
	opacity: 0.7; **/
}



#real-world-shape #sppb-addon-1630339237243 .sppb-addon-title {
	margin: 0;
	font-weight: 900;
	color: #fff;
	font-size: 50px;
	line-height: 60px;
	text-transform: uppercase;
	margin-bottom: 8px;
	letter-spacing: -0.02em;
}

#real-world-shape #sppb-addon-1630339237243 .sppb-addon-content {
	position: relative;
	color: #ffffff;
	font-size: 18px;
	line-height: 30px;
}

.speci_img img {
	width: 100%;
	mix-blend-mode: luminosity;
}

.speci_img .sppb-addon-single-image-container {
	display: block;
}

.speci_img_1 img {
	width: 100%;
	mix-blend-mode: luminosity;
}

.speci_img_1 .sppb-addon-single-image-container {
	display: block;
	background-color: #0f0d1d;
	border-top: 20px solid #fff;
	border-left: 20px solid #fff;
	position: absolute;
	bottom: 0px;
	right: -20px;
}

.popup_video .sppb-btn {
	height: 125px;
	width: 125px;
	background-color: #cd2122;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 40px;
	left: -40px;
	transition: all 500ms ease;
  border-radius: 0;
}

@media (max-width: 768px) 
{
	.popup_video .sppb-btn 
	{
		top: 40px;
		left: 0px;
	}
}

.popup_video .sppb-btn:hover 
{
	background-color: #333333;
	color: #ffffff;
}

.tech_busi_manage .sppb-addon-title 
{
	margin: 0;
	font-weight: 900;
	color: #0f0d1d;
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 37px;
	letter-spacing: -0.02em;
}

.year_exp .sppb-addon-title 
{
	font-size: 26px;
	color: var(--maincolor);
	font-weight: 400;
	line-height: 45px;
}

#tech_sec .sppb-progress-label 
{
	text-transform: uppercase;
	margin-bottom: 7px;
	letter-spacing: -0.02em;
}

#tech_sec .sppb-progress 
{
	border-radius: 30px;
}

#tech_sec .welcome-one__call {
	display: flex;
	align-items: center;
	padding-top: 35px;
}

#tech_sec .welcome-one__call-icon {
	height: 68px;
	width: 68px;
	background-color: #cd2122;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 35px;
	color: #fff;
	transition: all 500ms ease;
}

#tech_sec .welcome-one__call-text {
	margin-left: 30px;
}

#tech_sec .welcome-one__call-text p {
	font-size: 20px;
	font-weight: 400;
	margin: 0;
}

#tech_sec .welcome-one__call-text a {
	font-size: 18px;
	color: #0f0d1d;
	transition: all 500ms ease;
}

#tech_sec .welcome-one__call:hover .welcome-one__call-icon {
	background-color: #000;
	color: #ffffff;
}

#tech_sec .welcome-one__call-text a:hover 
{
	color: var(--maincolor);
}

.our_cust_top_text .sppb-addon-title {
  position: absolute;
top: 0;
right: 0;
left: 50%;
  transform: translatex(-50%);
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	width: 1170px;
	text-align: center;
	margin: 0 auto;
	margin-top: -3px;
	letter-spacing: 0.1em;
}

.our_cust_top_text .sppb-addon-title:before {
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 0;
	content: "";
	height: 1px;
	background-color: rgba(0, 0, 0, .50);
	max-width: 495px;
	width: 100%;
	transform: translateY(-50%);
}

.our_cust_top_text .sppb-addon-title:after {
	position: absolute;
	top: 50%;
	bottom: 0;
	right: 0;
	content: "";
	height: 1px;
	background-color: rgba(0, 0, 0, .50);
	max-width: 495px;
	width: 100%;
	transform: translateY(-50%);
}

#our_customers img {
	margin: 0 auto;
  display: block;
	max-width: 100%;
  transition: 500ms;
}

#our_customers img:hover  {
    opacity: 0.8;
}

#our_customers .sppb-carousel-extended-list .sppb-carousel-extended-outer-stage {
	height: auto !important;
}

#our_customers .sppb-carousel-extended-item img {
	width: auto;
	height: auto;
}

#our_customers .sppb-carousel-extended-content-wrap 
{
	z-index: -1;
}

#advice_sec .text_boxes .sppb-addon-text-block 
{
	position: relative;
	display: block;
	padding-left: 68px;
}

#advice_sec .text_boxes .sppb-addon-title 
{
	height: 68px;
	width: 68px;
	background-color: #ebf1ff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 6px;
	left: 0;
	transition: all 500ms ease;
	color: var(--maincolor);
	font-size: 24px;
	font-weight: 600;
}

#advice_sec .text_boxes .sppb-addon-text-block:hover .sppb-addon-title 
{
	background-color: var(--maincolor);
	color: #ffffff;
}

#advice_sec .text_boxes .sppb-addon-content 
{
	margin-left: 90px;
}

#advice_sec .text_boxes .two-boxes__title 
{
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 30px;
	margin-bottom: 11px;
	margin-top: -6px;
	letter-spacing: -0.02em;
}

#advice_sec .text_boxes .two-boxes__text 
{
	font-size: 16px;
	margin: 0;
}

#advice_sec #column-id-1630339237390,
#advice_sec #column-id-1630339237391
{
  background-color: #ffffff;
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.10);
  padding: 60px 60px 52px 60px;
}

#advice_sec #sppb-addon-1630339237395,
#advice_sec #sppb-addon-1630339237404 
{
    box-shadow: unset;
}

#case_studies .sppb-addon-title 
{
	margin: 0;
	font-weight: 900;
	font-size: 50px;
	line-height: 60px;
	text-transform: uppercase;
	margin-bottom: 8px;
	letter-spacing: -0.02em;
}

#case_studies .sppb-addon-content 
{
	position: relative;
	color: #8f8da0;
	font-size: 18px;
	line-height: 30px;
}

#case_studies_boxes .feature_boxes .sppb-addon-content 
{
position: relative;
overflow: hidden;
}

#case_studies_boxes .feature_boxes .sppb-img-container {
position: relative;
overflow: hidden;
background-color: #0f0d1d;
}

#case_studies_boxes .feature_boxes .sppb-img-container > img {
	width: 100%;
/*	mix-blend-mode: luminosity;*/
	transform: scale(1);
	opacity: .7;
	transition: all 500ms ease;
}

#case_studies_boxes .feature_boxes .sppb-addon-text {
	padding: 48px 50px 44px;
	background-color: transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 40px;
	z-index: 1;
}

#case_studies_boxes .feature_boxes .sppb-addon-text:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: "";
	background-color: var(--maincolor);
	z-index: -1;
	transform: translateY(100%);
	transition: all 500ms ease;
}

#case_studies_boxes .feature_boxes .cases-one__icon span {
	font-size: 65px;
	color: #ffffff;
	line-height: 65px;
	display: block;
	transform: scale(1);
	transform-origin: left center;
	transition: transform 500ms ease;
}

#case_studies_boxes .feature_boxes .cases-one__tagline {
	font-size: 14px;
	color: #ffffff;
	font-weight: 800;
	margin: 0;
	line-height: 24px;
	text-transform: uppercase;
	padding-top: 14px;
	padding-bottom: 17px;
	letter-spacing: 0.1em;
}

#case_studies_boxes .feature_boxes .cases-one__tilte {
	font-size: 30px;
	color: #ffffff;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 34px;
	letter-spacing: -0.02em;
}

#case_studies_boxes .feature_boxes .cases-one__tilte a {
	color: #ffffff;
	transition: all 500ms ease;
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 87% / 0px 2px no-repeat;
}

#case_studies_boxes .feature_boxes .cases-one__tilte a:hover {
	color: #ffffff;
	background-size: 100% 2px;
}

/*#case_studies_boxes .sppb-addon-feature:hover .sppb-img-container > img 
{
	transform: scale(1.05);
	opacity: 1;
}*/

#case_studies_boxes .sppb-addon-feature:hover .sppb-addon-text:before 
{
	transform: translateY(0);
}

#case_studies_boxes .sppb-addon-feature:hover .cases-one__icon span 
{
	transform: scale(.85);
}



#protect_your_busi .sppb-addon-text-block .sppb-addon-title {
	margin: 0;
	font-weight: 900;
	font-size: 50px;
	line-height: 60px;
	text-transform: uppercase;
	margin-bottom: 8px;
	letter-spacing: -0.02em;
  color: #fff;
}

#protect_your_busi .sppb-addon-content {
	position: relative;
	color: #8f8da0;
	font-size: 18px;
	line-height: 30px;
}

#protect_your_busi .sppb-btn {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-appearance: none;
	border: none;
	outline: none !important;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 18px 50px;
	transition: 500ms;
	background-color: #000;
	letter-spacing: 0.1em;
}

.question_ans .sppb-addon-title 
{
	margin: 0;
	font-weight: 900;
	font-size: 50px;
	line-height: 60px;
	text-transform: uppercase;
	margin-bottom: 8px;
	letter-spacing: -0.02em;
}

.question_ans .sppb-addon-content 
{
	position: relative;
	color: #8f8da0;
	font-size: 18px;
	line-height: 30px;
}

#ans_que_sec_detail .sppb-panel-default {
	border: 1px solid #e6e9ef;
}

#ans_que_sec_detail .sppb-panel-default + .sppb-panel-default {
	margin-top: 10px;
}

#ans_que_sec_detail .sppb-panel-heading {
	position: relative;
	display: block;
	cursor: pointer;
	padding: 22px 0px 22px;
	padding-top: 23.5px;
	padding-bottom: 23.5px;
	padding-left: 40px;
	padding-right: 30px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
	background-color: #f2f4f8;
}

#ans_que_sec_detail .sppb-panel-heading.active {
	background-color: #fff;
}

#ans_que_sec_detail .sppb-panel-title {
	font-size: 16px;
	font-weight: 800;
	line-height: 28px;
	color: #0f0d1d;
	text-transform: uppercase;
	position: relative;
	letter-spacing: -0.02em;
	transition: all 500ms ease;
}

#ans_que_sec_detail .sppb-panel-default > .sppb-panel-heading .sppb-toggle-direction {
	color: var(--maincolor);
}

#ans_que_sec_detail .sppb-panel-body {
	padding: 0 40px 28px ;
	border-top: 0px solid transparent;
}


#ans_que_sec_detail img 
{
	width: 100%;
	mix-blend-mode: luminosity;
}

#ans_que_sec_detail .sppb-addon-single-image-container 
{
	display: block;
}


#ans_que_sec_detail .faq-one__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 42px;
}

#ans_que_sec_detail .faq-one__list-box {
	position: relative;
	display: block;
}

#ans_que_sec_detail .list-unstyled {
	padding-left: 0;
	list-style: none;
}

#ans_que_sec_detail .faq-one__list li {
	display: flex;
	align-items: center;
}

#ans_que_sec_detail .faq-one__list li .icon span {
	font-size: 20px;
	color: var(--maincolor);
	display: block;
	transform: scale(1);
	transform-origin: right center;
	transition: transform 500ms ease;
}

#ans_que_sec_detail .faq-one__list li .text {
	margin-left: 20px;
}

#ans_que_sec_detail .faq-one__list li .text p {
	margin: 0;
	font-weight: 400;
}

#ans_que_sec_detail .faq-one__experience-box {
	position: relative;
	display: block;
	background-color: var(--maincolor);
	text-align: center;
	max-width: 200px;
	width: 100%;
	padding: 28px 0 38px;
}

#ans_que_sec_detail .faq-one__experience-box h2 
{
	font-size: 60px;
	color: #0f0d1d;
	line-height: 70px;
	font-weight: 900;
}

#ans_que_sec_detail .faq-one__experience-box p {
	margin: 0;
	color: #ffffff;
	line-height: 25px;
}

.taking_about .sppb-addon-title 
{
	margin: 0;
	font-weight: 900;
	font-size: 50px;
	line-height: 60px;
	text-transform: uppercase;
	margin-bottom: 8px;
	letter-spacing: -0.02em;
}

.taking_about .sppb-addon-content 
{
	position: relative;
	color: #8f8da0;
	font-size: 18px;
	line-height: 30px;
}



#testimonials_sec .sppb-testimonial-carousel-icon {
	position: absolute;
	bottom: 60px;
	right: 50px;
}

#testimonials_sec .sppb-testimonial-carousel-img-wrap {
	position: absolute;
	left: 50px;
	bottom: -38px;
	overflow: hidden;
	border-radius: 50%;
}

#testimonials_sec .sppb-carousel-extended-item img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

#testimonials_sec .sppb-carousel-extended-list {
	padding-bottom: 40px;
}


#state_sec .sppb-animated-number::before {
	position: relative;
	display: flex;
	height: 110px;
	width: 110px;
	margin: 0 auto;
	background-color: #06050c;
	align-items: center;
	justify-content: center;
	font-size: 65px;
	color: var(--maincolor);
	line-height: 110px;
	display: block !important;
	transform: scale(1);
	transition: all 500ms ease;
	font-family: 'icomoon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	margin-bottom: 25px;
}

#state_sec .sppb-addon-content:hover .sppb-animated-number::before {
	transform: scale(.85);
}

#state_sec .sppb-animated-number {
	letter-spacing: -0.02em;
}

#state_sec .sppb-animated-number-title {
	letter-spacing: 0.1em;
}

#busi_growth .sppb-nav-tabs {
	border-bottom: 0px solid #e5e5e5;
	position: relative;
	display: block;
	z-index: 1;
	margin: 0;
}

#busi_growth .sppb-nav-tabs > li {
	position: relative;
	float: left;
	max-width: 370px;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
}

#busi_growth .sppb-nav-tabs > li > a {
	position: relative;
	display: block;
	background-color: rgb(242, 244, 248);
	box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 5%);
	margin: 0;
	padding: 40.5px 0px;
	color: #0f0d1d;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	transition: all 500ms ease;
	cursor: pointer;
	letter-spacing: -0.02em;
  border: none;
}

#busi_growth .sppb-nav-tabs > li.active > a {
  color: var(--maincolor);
	background-color: #ffffff;
	box-shadow: 0px 10px 30px 0px rgb(0, 0, 0, .05);
}

#busi_growth .sppb-nav-tabs > li.active > a:focus {
  color: var(--maincolor);
	background-color: #ffffff;
	box-shadow: 0px 10px 30px 0px rgb(0, 0, 0, .05);
}

#busi_growth .sppb-nav-tabs > li.active > a:hover {
  color: var(--maincolor);
	background-color: #ffffff;
	box-shadow: 0px 10px 30px 0px rgb(0, 0, 0, .05);
}

#busi_growth .sppb-nav-tabs > li > a:hover {
  color: var(--maincolor);
	background-color: #ffffff;
	box-shadow: 0px 10px 30px 0px rgb(0, 0, 0, .05);
}

#busi_growth .sppb-tab-content 
{
  margin-top: 0;
  padding-top: 50px;
  background: #fff;
}

@media (max-width: 991px)
{
	#busi_growth .sppb-nav-tabs > li  {
	    max-width: 230px;
	}
	#busi_growth .sppb-nav-tabs > li > a {
	    padding: 30.5px 0px;
	    font-size: 16px;
	}
  
  #busi_growth .financial-advice__single-2 {
        padding-left: 0;
        margin-right: 0;
        margin-top: 37px;
        margin-bottom: 43px;
    }

    #busi_growth .financial-advice__single-2:before {
        display: none;
    }

    #busi_growth .financial-advice__single-3 {
        margin-left: 0;
    }
}

@media (max-width: 768px)
{
  
	#busi_growth .sppb-nav-tabs > li  
	{
	    max-width: 100%;
	}
}

#latest_blog_home_sec .sppb-addon-title {
	margin: 0;
	font-weight: 900;
	font-size: 50px;
	line-height: 60px;
	text-transform: uppercase;
	margin-bottom: 8px;
	letter-spacing: -0.02em;
}

#latest_blog_home_sec .sppb-addon-content {
	position: relative;
	color: #8f8da0;
	font-size: 18px;
	line-height: 30px;
}


#latest_blog_home_sec .news-one__img {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: #0f0d1d;
}

#latest_blog_home_sec .news-one__img > img {
	width: 100%;
	transform: scale(1);
	transition: all 500ms ease;
	mix-blend-mode: luminosity;
}

#latest_blog_home_sec .sppb-addon-article:hover .news-one__img > img {
	transform: scale(1.05);
}

#latest_blog_home_sec .news-one__img > a {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(15, 13, 29, 0.9);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	color: #ffffff;
	transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-30%);
}

#latest_blog_home_sec .sppb-addon-article:hover .news-one__img > a {
	visibility: visible;
	transform: translateY(0%);
	opacity: 1;
}

#latest_blog_home_sec .news-one__img > a > span {
	position: relative;
	display: block;
	margin-top: -100px;
}

#latest_blog_home_sec .news-one__img > a > span::before {
	content: '';
	width: 20px;
	height: 2px;
	background-color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 500ms ease;
}

#latest_blog_home_sec .news-one__img > a > span::after {
	content: '';
	transition: all 500ms ease;
	width: 2px;
	height: 20px;
	background-color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#latest_blog_home_sec .news-one__content {
	position: relative;
	background-color: #ffffff;
	display: block;
	margin-top: -100px;
	margin-left: 40px;
	padding: 30px 36px 37px;
	transition: all 500ms ease;
}

#latest_blog_home_sec .sppb-addon-article:hover .news-one__content {
	background-color: #ffffff;
	box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .05);
}

#latest_blog_home_sec .news-one__meta {
	display: flex;
	align-items: center;
	margin: 0;
	margin-bottom: 11px;
}

#latest_blog_home_sec .news-one__meta span {
	font-size: 12px;
	color: #726f84;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 500ms ease;
	letter-spacing: 0.1em;
}

#latest_blog_home_sec .news-one__meta span + span {
	margin-left: 12px;
}

#latest_blog_home_sec .news-one__meta span i {
	color: var(--maincolor);
}

#latest_blog_home_sec .news-one__title {
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	margin-bottom: 11px;
}

#latest_blog_home_sec .news-one__title > a {
	color: #0f0d1d;
	transition: all 500ms ease;
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 87% / 0px 2px no-repeat;
}

#latest_blog_home_sec .news-one__title > a:hover {
	color: var(--maincolor);
	background-size: 100% 2px;
}

#latest_blog_home_sec .news-one__text {
	font-size: 16px;
	margin: 0;
	padding-bottom: 14px;
}

#latest_blog_home_sec .news-one__btn {
	position: relative;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #0f0d1d;
	transition: all 500ms ease;
	letter-spacing: 0.1em;
}

#latest_blog_home_sec .news-one__btn::before {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 10px;
	content: "";
	background-color: currentColor;
	transition: width 500ms ease;
}

#latest_blog_home_sec .news-one__btn:hover {
	color: var(--maincolor);
}

#latest_blog_home_sec .news-one__btn:hover::before {
	width: 100%;
}

#latest_blog_home_sec .news-one__date-box {
	position: absolute;
	top: -34px;
	left: 0;
	background-color: var(--maincolor);
	padding: 0 20px;
}

#latest_blog_home_sec .news-one__date-box > p {
	font-size: 12px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: var(--thm-letter-space-big);
	margin: 0;
}

#cust_experience_sec .sppb-addon-title {
	font-size: 40px;
	color: #000;
	line-height: 50px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -0.02em;
}

#cust_experience_sec .sppb-addon-content {
	position: relative;
	color: #8f8da0;
	font-size: 18px;
	line-height: 30px;
}


#cust_experience_sec .sppb-btn {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-appearance: none;
	border: none;
	outline: none !important;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 18px 50px;
	transition: 500ms;
	letter-spacing: 0.1em;
}


.col-md-4.col-xs-6.dance_col_2.mb-4 {
  width: 32%;
  padding: 15px 15px 60px;
  box-sizing: border-box;
  position: relative;
  float: left;
}

.left.conent_service.w-100 h3 {
  font-size: 20px !important;
}

.sppb-col-md-4 .navbar-collapse ul li {
  display: inline-block;
  width: 100%;
  padding-left: 20px;
  font-size: 16px;
}
.sppb-col-md-4 .navbar-collapse ul li a {
  width: 100%;
  display: block;
 }

.sppb-col-md-4 .navbar-collapse ul li:hover, 
.sppb-col-md-4 .navbar-collapse ul li:active,
.sppb-col-md-4 .navbar-collapse ul li:focus 
{
  background-color: #ffffff;
  color: #0f0d1d;
}

.services_section .pull-left {
  margin-right: 30px;
}

.services_section ul li {
  list-style: unset;
}



.services-details__planning-list li {
	position: relative;
	display: flex;
	align-items: center;
}

/*.services-details__planning-list li + li {
	margin-top: 7px;
}*/

.services-details__planning-list li .icon {
	position: relative;
	top: 3px;
}

.services-details__planning-list li .icon span {
	color: var(--maincolor);
	font-size: 20px;
	display: block;
	transform: scale(1);
	transition: transform 500ms ease;
}

.services-details__planning-list li .text {
	margin-left: 15px;
}

.services-details__planning-list li .text p {
	margin: 0;
	color: #726f84;
}


.services_section h2.sppb-addon-title {
	font-size: 36px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 46px;
	margin-bottom: 18px;
	letter-spacing: -0.02em;
}

.services_section .pull-left .sppb-icon .sppb-icon-container 
{
  color: #000 !important;
}

.readon
{
  background: #cd2122;
  padding: 10px 20px;
  color: #fff; 
  display: inline-block;
}

.protecting-your-business .boxed_desc .readon 
{
  text-align: center;
  display: block;
}

.protecting-your-business 
{
  text-align: center;
}

.page-68 .services_section .sppb-feature-box-title span 
{
	display: block;
	font-size: 14px;
}

.page-68 .services_section .sppb-feature-box-title
{
	font-size: 18px;
} 

@media(min-width: 767px)
{
	.page-68 .services_section .sppb-col-md-4 
	{
	  padding: 10px;
	  border: 1px solid #ddd;
	  background: #fff;
	  margin: 5px;
	  width: 32% !important;
	  max-width: 32% !important;
	  transition: all .3s ease;
	  opacity: 0.9;
	}
}

.page-68 .services_section .sppb-col-md-4:hover 
{
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  opacity: 1;
  filter: alpha(opacity=100);
}

.page-68 .services_section .sppb-col-md-4 .sppb-addon-text a 
{
  color: #a40802;
}

/*#real-world-shape > .sppb-row-overlay 
{
  background-image: url(/images/superhero-images/directive-it-superhero-left-1.png) !important;
  background-attachment: scroll !important;
}*/

#our_client_says .sppb-testimonial-carousel-img-wrap {
  display: none;
}

@media(max-width: 560px)
{
	#real-world-shape > .sppb-row-overlay 
	{
	  left: -130px !important;
	}
	#advice_sec #column-id-1630339237390, 
	#advice_sec #column-id-1630339237391 
	{
	  padding: 40px 20px 20px 20px !important;
	}
}

@media(max-width: 767px)
{
	#sp-header .logo 
	{
	  height: auto;
	  padding: 5px 5px !important;
	}
	#showcase .sppb-sp-slider-button .sp-slider-btn-text 
	{
	  font-size: 13px !important;
	  padding: 20px 20px !important;
	}
	#showcase h2.sppb-sp-slider-title 
	{
	  font-size: 32px !important;
	}
	#real-world-shape h2.sppb-addon-title 
	{
	  font-size: 34px !important;
	  line-height: 1.4 !important;
	}
	#case_studies h2.sppb-addon-title,
	#protect_your_busi h2.sppb-addon-title,
	#latest_blog_home_sec .sppb-addon-title
	{
	  font-size: 36px !important;
	  line-height: 1.2 !important;
	}
	#latest_blog_home_sec .news-one__content
	{
		margin-left: 0px !important;
	}

}

.financial-advice__list-box-2 li 
{
	list-style: square;
	padding-left: 6px !important;
}
.financial-advice_-desc 
{
	padding-top: 20px !important;
}

#sp-footer1 .sppb-col-md-3.sppb-col-sm-6 ul.menu li 
{
  display: block;
}


#advice_sec .sppb-addon-raw-html .welcome-one__call 
{
  padding-top: 0px;
}

#advice_sec .sppb-addon-raw-html 
{
  background-color: #ffffff;
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.10);
  padding: 40px 40px 40px 40px;
}

#advice_sec .sppb-addon-raw-html h3.two-boxes__title 
{
  font-size: 26px;
  line-height: 1.4;
}

#sp-footer ul.menu li
{
	line-height: 40px;
}

@media(max-width: 991px)
{
	#sp-header
	{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	body #sp-header {
	  height: 80px;
	  box-shadow: none;
	  padding: 0 30px;
	}
	body #sp-header .logo 
	{
	  height: auto;
	  padding: 5px 5px !important;
	}
}


@media only screen and (min-width: 991px) and (max-width: 1199px)
{
	body #sp-header .logo
	{
		padding: unset !important;
	}
	#sp-header
	{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#sp-menu {
	  margin-left: 30px;
	}
	body #sp-header .logo
	{
		border-right: none !important;
	}
	body #sp-header .sp-megamenu-parent > li + li > a {
	    margin-left: 14px;
	    letter-spacing: 0.5px;
	  }
	}
}

@media(min-width: 991px)
{
	body #sp-header #sp-logo 
	{
	  border-right: 1px solid rgba(255, 255, 255, .15);
	  position: relative;
	  right: 15px;
	}
}

@media only screen and (min-width: 991px) and (max-width: 1059px) 
{
  body #sp-header .sp-megamenu-parent > li + li > a 
  {
    margin-left: 12px !important;
    letter-spacing: 0.5px !important;
    font-size: 12px !important;
  }
}

@media only screen and (min-width: 1199px) and (max-width: 1499px) 
{
	body #sp-header
	{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	body #sp-header .sp-megamenu-parent > li + li > a 
	{
	    margin-left: 8px;
	    letter-spacing: 0px !important;
	    font-size: 12px;
	  }
}


#latest_blog_home_sec .mod-item .eb-mod-title
{
  position: relative;
  background-color: #ffffff;
  display: block;
  margin-top: -100px;
  margin-left: 25px;
  padding: 30px 36px 37px;
  transition: all 500ms ease;
}

#latest_blog_home_sec .mod-item .eb-mod-body 
{
	position: relative;
  background-color: #ffffff;
  display: block;
  margin-top: -20px;
  margin-left: 25px;
  padding: 10px 36px 37px;
  transition: all 500ms ease;
}

#latest_blog_home_sec .eb-mod-media-title {
  font-size: 16px;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0px;
  text-transform: uppercase;
  margin-bottom: 11px;
  color: #000;
}

#latest_blog_home_sec .eb-mod-foot .mod-cell a {
  position: relative;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #0f0d1d;
  transition: all 500ms ease;
  letter-spacing: 0.1em;
}

#latest_blog_home_sec .eb-mod-body {
  font-size: 16px;
  margin: 0;
}


#latest_blog_home_sec .eb-mod-foot .mod-cell a::before {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 10px;
  content: "";
  background-color: currentColor;
  transition: width 500ms ease;
}
#latest_blog_home_sec .eb-mod-foot .mod-cell a:hover::before {
  width: 100%;
}

#latest_blog_home_sec .eb-mod-foot.mod-muted.mod-small
{
  position: relative;
  background-color: #ffffff;
  display: block;
  margin-top: -0px;
  margin-left: 25px;
  padding: 0px 36px 37px;
  transition: all 500ms ease;	
}

#section-id-1697708755830 
{
  padding-top: 0px !important;
}

.support-outter-box {
  float: left;
  text-align: center;
  margin: 0px 6px 14px;
  width: 32.2%;
}
.support-inner-box {
  padding: 44px 88px;
  background-color: #f7f7f7;
  color: #505050;
  border: 1px solid #cecece;
  min-height: 186px;
}

@media (min-width: 1199px) 
{
  #support-options-listing .support-inner-box {
    padding: 50px 40px;
    height: 280px;
  }
}

.support-inner-box .font-bold-support {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  display: inline-block;
  margin: 10px;
}
#landing_page_sec .sppb-addon-title {
  color: #fff;
}

.support-inner-box .fa-mobile-alt::before, 
.support-inner-box .fa-ticket-alt::before, 
.support-inner-box .fa-mobile::before, 
.support-inner-box .fa-comment::before, 
.support-inner-box .fa-users::before, 
.support-inner-box .fa-laptop::before, 
.support-inner-box .fa-ticket::before, 
.support-inner-box .fa-phone::before,
.support-inner-box .fa-envelope::before 
{
  font-size: 59px;
  color: transparent;
  -webkit-background-clip: text;
  background-color: #cc0000;
}

#testimonials_sec .sppb-testimonial-carousel-img-wrap {
  display: none;
}

[data-modals-element="modal"] [data-modals-element="slide-container"] 
{
  width: 65% !important;
  height: 50% !important;
}

/*.col-lg-12 .sppb-col-md-4 .sppb-addon-module {
  background: #f5f5f5;
  padding: 20px;
}*/

.sppb-col-md-4 .sppb-addon-module form#jcfc_Newsletter_Reconfirm div#dfpfa_form ul.dfpfa-row li.dfpfa-row-li textarea,
.sppb-col-md-4 .sppb-addon-module form#jcfc_Newsletter_Reconfirm div#dfpfa_form ul.dfpfa-row li.dfpfa-row-li .dlil.textarea_fld .dfbepl
{
	margin-left: 0px !important;
	max-width: 100% !important;
  	width: 100%;
  	box-sizing: border-box;
}

.sppb-col-md-4 .sppb-addon-module form#jcfc_Newsletter_Reconfirm div#dfpfa_form ul.dfpfa-row li.dfpfa-row-li .dfbepl 
{
  font-weight: unset !important;
}

.sppb-col-md-4 .sppb-addon-module form .dfpfa ul.dfpfa-row li {
  display: block !important;
}

.sppb-col-md-4 .sppb-addon-module .dfbeb input.dfbti {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 10px !important;
}


.sppb-col-md-4 .sppb-addon-module .dfbepp input.dmsb[type="button"] 
{
  margin-top: 10px;
  border: none;
}

.sppb-col-md-4 .sppb-addon-module form#jcfc_Newsletter_Reconfirm div#dfpfa_form + ul * 
{
  text-align: left !important;
}

.services_section .sppb-text-left h3.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    margin-bottom: 10px;
}


.about__icon-box {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 40px;
	margin-bottom: 35px;
}

.about__icon span {
	font-size: 65px;
	color: var(--maincolor);
}

.about__icon-text {
	margin-left: 30px;
}

.about__icon-text p {
	font-weight: 600;
	color: #0f0d1d;
	margin: 0;
}