/* slide referinta */
.sp-item{
    position:relative;
}
body {
	color: var(--enpix-black-600) !important;
}
.dark-page #sp-component {
	background: #1a1c1f!important;
}
.article-details h2 {
  font-size: 32px;
  line-height: 42px;
 color: var(--enpix-black-900);
  font-weight: 600;
}

.sp-page-title .sp-page-title-sub-heading {
	color: var(--enpix-black-700);
	font-size: 24px;
	line-height: 1.6em;
	text-align: center;
}
@media(min-width:1024px){
.sp-page-title .sp-page-title-sub-heading {
	padding: 0 25%;
}
#sp-right.col-lg-4 {
	width: 30%;
}
#sp-component.col-lg-8 {
	width: 70%;
}
}
.article-list .article .readmore a{
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: var(--enpix-black-900);
}
.article-list .article .readmore a:hover {
	color: var(--enpix-brand);
}
.article-list .article {
	padding: 30px;
}
.sp-page-title .sp-page-title-heading {
	font-weight: 600;
	font-size: 72px !important;
	color: var(--enpix-black-900);
	line-height: 79px;
	margin-bottom: 20px;
	padding-top: 0px !important;
	text-align: center;
}
.article-list .article {
	position: relative;
	margin-bottom: 30px;
	border: 0px solid #f5f5f5;
	border-radius: 0px;
}
.article-list .article .article-header h2 a{
	font-size: 28px !important;
	line-height: 42px !important;
	color: var(--enpix-black-900);
	font-weight: 600;
}
.article-list .article .article-header h2 a {
    background-image: linear-gradient(to right, var(--enpix-black-900) 0, var(--enpix-black-900) 100%);
    background-position: 0 38px;
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition: background 0.7s;
    color: var(--enpix-black-900) !important;
    text-decoration: none;
}

.article-list .article .article-header h2 a:hover,
.article-list .article .article-header h2 a:focus {
    background-size: 100% 100%;
    color: inherit;
    transition: background 0.7s;
}
.article-list .article .article-header h2 a:hover {
	color: var(--enpix-black-900);
}

.sp-page-title {
	padding: 180px 0 110px 0;
}
.view-category .article-info {
	display: none !important;
}
.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: 10px;
	width: 100% !important;
	height: 400px !important;
	object-fit: cover !important;
}
.article-list .article .article-header h1, 
.article-list .article .article-header h2 {
	margin: 0 0 15px 0;
}
.article-details h1 {
font-weight: 600;
  font-size: 72px !important;
  color: var(--enpix-black-900);
  line-height: 79px;
  margin-bottom: 50px;
  padding-top: 50px !important;
  text-align: center;
}
.article-details .article-full-image img {
  width: 100% !important;
  border-radius: 20px;
  height: 550px;
  object-fit: cover;
}
.article-details .w-100 {
	margin-bottom: 30px;
	margin-top: 10px;
	border-radius: 20px;
}

.article-info > span a {
	color: var(--enpix-black-600) !important;
	transition:all .35s ease;
}
.article-info > span {
    background: #FFFFFF !important;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
    border-radius: 18px;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 22px;
    color: var(--enpix-black-600) !important;
    padding: 9px 18px !important;
	transition:all .35s ease;
}
.article-info > span:hover a {
    color: #ffffff !important;
	transition:all .35s ease;
}
.article-info > span:hover {
    background: var(--enpix-brand) !important;
    color: #ffffff !important;
	transition:all .35s ease;
}
.article-info > span + span::before {
	padding-right: 0 !important;
	padding-left: 0 !important;
	content: " " !important;
}
.article-info {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 50px !important;
  list-style: none;
}

/* container decor */
.hero-decor{
    position:absolute;
    top:0;
    right:0;
    width:50%;
    height:100%;
    pointer-events:none;
    z-index:3;
}

/* svg baza */
.hero-decor img{
    position:absolute;
}

/* PATH */
.path-svg2{
    top:180px;
    right:260px;
    animation: rotateSlow 8s linear infinite;
}

/* RECTANGLE */
.rectangle-svg2{
    top:60px;
    right:80px;
    animation: floatX 4s ease-in-out infinite;
}

/* OVAL */
.oval-svg2{
    top:50%;
    right:420px;
    animation: scalePulse 6s ease-in-out infinite;
}

/* ELLIPSE container */
.banner-image-svg2 img:first-child{
    top:60px;
    right:40px;
    opacity:.25;
    animation: rotateSlow 14s linear infinite;
}

.banner-image-svg2 img:last-child{
    top:50px;
    right:80px;
    opacity:.25;
    animation: rotateSlow 10s linear infinite reverse;
}

/* GROUP */
.fill-255{
    bottom:80px;
    right:180px;
    animation: floatY 5s ease-in-out infinite;
}

/* ===== ANIMATII ===== */
@keyframes rotateSlow{
    from{ transform:rotate(0deg);}
    to{ transform:rotate(360deg);}
}

@keyframes floatX{
    0%,100%{ transform:translateX(0);}
    50%{ transform:translateX(-10px);}
}

@keyframes floatY{
    0%,100%{ transform:translateY(0);}
    50%{ transform:translateY(-10px);}
}

@keyframes scalePulse{
    0%,100%{ transform:scale(1);}
    50%{ transform:scale(1.15);}
}

/* responsive */
@media(max-width:991px){
.rotateimgs::after,
.rotateimgs::before {
	display:none;
}
    .hero-decor{
        display:none;
    }
}
img.fill-255 {
  bottom: 35% !important;
  right: 80% !important;
  z-index: 5;
}
.banner-image-svg2 img{
    z-index:1;
}

.sppb-sp-slider-image img{
    position:relative;
    z-index:3;
}


.banner-area:before {
    animation: right-to-left 24s linear infinite;
}
a {
	text-decoration: none !important;
}
/**/
.rotateimgs {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
	
}
.rotateimgs::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../../../images/svg/Ellipse13.svg') no-repeat center;
    background-size: contain;
    animation: banner-svg-rotate 12s linear infinite;
    animation-fill-mode: forwards;
    opacity: 0.2;
}

.rotateimgs::after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: url('../../../images/svg/Ellipse13.svg') no-repeat center;
    background-size: contain;
    animation: banner-svg-rotate 8s linear infinite reverse;
    animation-fill-mode: forwards;
    opacity: 0.2;
}

/**/

@keyframes glowMove {
    0% {
        left: -600px;
    }
    50% {
        left: 50%;
    }
    100% {
        left: -600px;
    }
}

.banner-areaw {
    position: relative;
    overflow: hidden;
}

.banner-areaw:before {
    content: "";
    position: absolute;
    width: 1100px;
    height: 1100px;

    top: 50%;
    left: -600px;
    transform: translateY(-50%);
    background: radial-gradient(
        circle,
        rgba(255, 210, 210, 0.7) 0%,
        rgba(255, 220, 220, 0.5) 25%,
        rgba(255, 235, 235, 0.35) 45%,
        rgba(255, 245, 245, 0.2) 65%,
        rgba(255,255,255,0) 80%
    );
    filter: blur(120px);
    pointer-events: none;
    z-index: 0;
    animation: glowMove 18s ease-in-out infinite;
}
/**/
.sp-simpleportfolio-info h3 {
	font-size: 24px !important;
	margin-bottom: 15px !important;
	line-height: 1.3em !important;
	text-transform: capitalize;
	padding-bottom: 15px;
}
.sp-simpleportfolio-info {
	background: #fff !important;
}
.sp-simpleportfolio-info:hover {
	background: #fff !important;
	color: #000 !important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover h3 > a {
	color: #000 !important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
	text-transform: uppercase;
	color: var(--enpix-black-500);
	font-weight: 500;
	font-size: 16px;
	line-height: 1.25em;
}
.sp-simpleportfolio-tags {
	
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
	padding: 30px 0 15px 0 !important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {
	width: 100% !important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
	background:rgba(255, 103, 1,.5);
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
	padding: 14px 18px;
	background: var(--enpix-black-900) !important;
	color: #ffffff !important;
	border-color: var(--enpix-black-900) !important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
	background: var(--enpix-brand) !important;
	border-color: var(--enpix-brand) !important;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a{
	background: transparent;
	color: var(--enpix-black-600);
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a {
	color: var(--enpix-brand);
	background: #ffffff;
}
.sp-simpleportfolio .sp-simpleportfolio-meta h4,
.sp-simpleportfolio-description h3 {
	font-weight: 600;
	font-size: 24px;
}
.sp-simpleportfolio-description p {
	font-size: 18px;
	line-height: 1.7em;
	color: var(--enpix-black-600);
}
.view-item .sp-simpleportfolio .sp-simpleportfolio-img {
  width: 100%;
  margin-bottom: 50px;
  height: 500px;
  object-fit: cover;
}
.sp-simpleportfolio .sp-simpleportfolio-description {
  width: 100%;
  float: none;
}

.sp-simpleportfolio .sp-simpleportfolio-meta {
  width: 100%;
  float: none;
  padding-left: 0;
  margin-top: 50px;
}

.sp-simpleportfolio .mt-130 {
	margin-top: 50px !important;
}

.sp-simpleportfolio .btn-primary:hover {
background: transparent;
  color: var(--enpix-brand);
  transition: 0.3s;
  border: 2px solid var(--enpix-brand);
}
.sp-simpleportfolio .btn-primary {
	border-radius: 100px;
  padding: 23px 44px;
  font-size: 20px;
  line-height: 1.22em;
  background: var(--enpix-brand);
  border: 2px solid var(--enpix-brand);
  color: white;
  font-weight: 500;
  transition: 0.3s;
}
/**/

.view-item .sp-simpleportfolio-meta{
    display:flex;
    flex-wrap:wrap;
    gap:25px;
    margin-top:40px;
}

.view-item .sp-simpleportfolio-client,
.view-item .sp-simpleportfolio-created,
.view-item .sp-simpleportfolio-tags{
    flex:1 1 280px;
 box-shadow: -10px 10px 40px -2px rgba(33, 40, 51, 0.05);
  background: #ffffff;
  padding: 30px !important;
  border-radius: 5px;
    transition:all .35s ease;
    position:relative;
	border: 1px solid #feffef;
}

.view-item .sp-simpleportfolio-client:hover,
.view-item .sp-simpleportfolio-created:hover,
.view-item .sp-simpleportfolio-tags:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.sp-simpleportfolio-meta h4{
    font-size: 24px !important;
    color: var(--enpix-black-900);
    margin-bottom:10px;
    font-weight:600;
}
.sp-simpleportfolio-tags {
text-transform: uppercase;
  color: #797A7C !important;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25em;
}

.view-item .sp-simpleportfolio-client-title,
.view-item .sp-simpleportfolio-created,
.view-item .sp-simpleportfolio-tags {
    font-size: 18px;
    font-weight: 400;
    color: var(--enpix-black-600);
}

.sp-simpleportfolio-link{
    width:100%;
    text-align:center;
    margin-top:25px;
}

.new-title .sppb-addon-title span {
    position: relative;
}

.new-title .sppb-addon-title span:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    content: ' ';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.new-title .sppb-addon-title span:after {
    bottom: 26px;
    background-image: url('../../../images/svg/banner-span-shape.svg');
}


.new-title2 span:after {
    bottom: 19px;
    background-image: url('../../../images/home3/svg/span-shape.svg');
}

.new-title2 span:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    content: ' ';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.new-title2 span {
    color: inherit;
    position: relative;
}
/**/
#sp-right  {
	z-index: 99;
}
#sp-right .sp-module {
  margin-top:0px;
  border: 0px solid #F5F7F7;
  padding: 20px 30px;
  border-radius:3px;
}
#sp-right .sp-column {
	background: #F5F7F7;
	border-radius: 12px;
}
#sp-right .sp-module:not(:last-child) {
	padding: 35px 30px 0;
    padding-bottom: 0px;
	padding-bottom: 35px;
	border-bottom: 1px solid rgba(227, 222, 216, 0.5);
}
#sp-right .sp-module .sp-module-title {
	font-size: 24px;
	margin: 0 0 20px 0 !important;
	color: var(--enpix-black-900);
	font-weight: 500;
	border-bottom: 0px solid #f3f3f3;
	padding: 0px !important;
}
.form-search input[type="text"] {
	background: rgba(227, 222, 216, 0.5);
	border: 1px solid rgba(227, 222, 216, 0.5);
	color: var(--enpix-black-900);
	border-radius: 15px;
	height: 58px;
}
.awesomplete {
	width: 100%;
}
#sp-right .sp-module ul > li > a {
  padding: 5px 0;
  line-height: inherit !important;
  padding: inherit !important;
  font-size: 18px;
}
.tagscloud .tag-name {
  padding: 6px 12px !important;
  background: transparent !important;
  color: var(--enpix-black-900) !important;
  border-radius: 7px !important;
  margin: 4px 0 !important;
  border: 1px solid #e4e4e4;
}
.tagscloud .tag-name:hover {
  background: var(--enpix-brand) !important;
  color: #ffffff !important;
    border: 1px solid var(--enpix-brand) !important;
}
/**/

#sp-right .sp-module ul > li {
	display: block;
	border-bottom: 0px solid #f3f3f3 !important;
}
.com-tags__items h3 a {
  color: var(--enpix-black-900) !important;
  font-size: 23px;
}
.mod-articlescategories.categories-module.mod-list {
  padding: 0;
  margin: 0;
}

.mod-articlescategories.categories-module.mod-list li {
  list-style: none;
  display: flex;
  align-items: center;
  color: var(--enpix-black-900);
  gap: 10px;
  transition: all 0.3s ease;
}

.mod-articlescategories.categories-module.mod-list li:not(:last-child) {
  margin-bottom: 10px;
}

.mod-articlescategories.categories-module.mod-list a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--enpix-black-900);
  text-decoration: none;
  transition: all 0.3s ease, background-size 0.8s ease;
}
#sp-component {
	z-index:999;
}
.mod-articlescategories.categories-module.mod-list a::before {
	content: "";
	width: 8px;
	height: 8px;
	background: var(--enpix-black-500);
	border: 1px solid rgba(0, 0, 0, 0.4);
	border-radius: 1px;
	display: inline-block;
	flex-shrink: 0;
	transition: background-color 0.3s ease, border-color 0.3s ease;
	margin-right: 10px;
}

.mod-articlescategories.categories-module.mod-list li:hover a {
  color: var(--enpix-black-900) !important;
}

.mod-articlescategories.categories-module.mod-list a:hover::before {
  background-color: var(--enpix-black-900);
  border-color: var(--enpix-black-900);
}

.article-list.related-article-list h4 a {
	color: var(--enpix-black-900);
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
}
.article-list.related-article-list img {
	border-radius: 12px;
	margin-top: 10px;
	height: 180px;
	object-fit: cover;
	width: 100%;
}
.related-article-list-container .related-article-title {
	font-size: 32px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 30px;
	font-weight: 600;
}
/**/
#sp-right .sppb-addon-articles h3 {
	font-size: 16px !important;
	line-height: 24px;
	font-weight: 600;
}
#sp-right .sppb-addon-articles img {
	height: 85px;
	width: 85px;
	object-fit: cover;
	margin-bottom: 5px;
	float: left;
	border-radius: 15px;
	margin-top: 5px;
}
#sp-right .sppb-addon-articles .sppb-article-info-wrap {
	padding: 10px 15px 0 100px;
}
#sp-right .sppb-addon-articles .sppb-meta-date,
#sp-right .sppb-addon-articles .sppb-meta-category,
#sp-right .sppb-addon-articles .sppb-meta-category a{
	color: #888 !important;
	font-size: 15px;
	font-weight: 500;
}

#sp-right .sppb-addon-articles .sppb-addon-articless .sppb-article-meta {margin: 0;}
#sp-right .sppb-addon-articles .sppb-addon-articless .sppb-addon-articles {
	margin-bottom: 10px;
}
#sp-right .sppb-addon-articles .sppb-addon-articless .sppb-addon-articles {
	background: #e9ecef;
	transition: 0.5s ease-in-out;
	border: 1px solid rgba(255, 255, 255, 0);
	padding: 5px;
}
#sp-component .sppb-article-info-wrap h3 {
	padding-top: 20px !important;
}
#sp-right .sppb-addon-articless .sppb-article-meta > time {
	margin: 0px !important;
}
/**/
.home-3 .body-wrapper {
	background: var(--enpix-bg-home-3) !important;
}

/**/
#sp-header {
	z-index: 9999;
}
#sp-header.transparent.header-sticky {
	top: 0;
	position: fixed;
	width: 100%;
	background: #ffffff;
	border-bottom: 1px solid #eeeeee;
}

#sp-header.transparent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: transparent;
	box-shadow: 0 0 4px 0 rgba(0,0,0,.0)
}

@media(max-width:1023px){
#sp-header.transparent.header-sticky {
	border-bottom: 1px solid #eee;
    margin-top: 0px !important;
}
#sp-header.transparent {
	border-bottom: 1px solid #eee;
    margin-top: 0px;
}
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	box-shadow: 2px 2px 20px 0px rgb(188 188 189 / 40%);
	border-radius: 12px;
}
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	list-style: none;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li.active:hover > a {
	color: var(--enpix-brand);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
	padding: 12px 20px;
	position: relative;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:not(:last-child) {
	border-bottom: 1px solid #f6f6f6;

}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding: 0;
}


#sp-header.transparent.white {
	background: #ffffff !important;
}
/**/
#sp-header.transparent.vers2 .sp-megamenu-parent > li > a {
	color: #ffffff;
}

#sp-header.transparent .sp-menu-item.current-item.active a,
#sp-header.transparent .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
#sp-header.transparent .sp-megamenu-parent > li:hover > a,
#sp-header.transparent .sp-megamenu-parent > li.active > a, 
#sp-header.transparent .sp-megamenu-parent > li.active:hover > a {
	color: var(--enpix-brand);
}
#sp-header.transparent.vers2 .sp-menu-item.current-item.active a,
#sp-header.transparent.vers2 .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
#sp-header.transparent.vers2 .sp-megamenu-parent > li:hover > a,
#sp-header.transparent.vers2 .sp-megamenu-parent > li.active > a, 
#sp-header.transparent.vers2 .sp-megamenu-parent > li.active:hover > a {
	color: var(--enpix-brand);
}

#sp-header.transparent.vers2.header-sticky {
	background: var(--enpix-black-900);
	border-bottom: 1px solid transparent;
}
#sp-header.transparent.vers2 .sp-megamenu-parent > li > a {
    position: relative;
    display: inline-block;
}


.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner::before {
  content: ' ';
  background: transparent;
  width: 30px;
  height: 20px;
  position: absolute;
  z-index: 3;
  bottom: 100%;
  left: 25px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
}

/* Desktop */
.sppb-row > .sppb-row-column:not(:last-child) .home-3-service-content {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Tablet */
@media (max-width: 991px) {
.sppb-row > .sppb-row-column:not(:last-child) .home-3-service-content {
        margin-bottom: 30px;
    }
}

/* Mobile */
@media (max-width: 767px) {
.sppb-row > .sppb-row-column:not(:last-child) .home-3-service-content {
        margin-bottom: 30px;
    }
}
@media (max-width: 991px) {
.fix-on-responsive .sppb-nav {
  width: 100% !important;
}
.fix-on-responsive .sppb-nav-custom li {
    margin-bottom: 0px !important;
}
.fix-on-responsive .sppb-nav > li {
    padding: 10px !important;
}
}
@media (min-width: 992px) {
.fix-on-responsive .sppb-nav-custom li {
margin-bottom: 30px !important;
}
.fix-on-responsive .sppb-nav > li {
padding: 0 10px 0 0 !important;
}
}
.fix-on-responsive .sppb-nav-custom a {
	padding: 30px !important;
}
.sp-simpleportfolio-description h3 {
	color: var(--enpix-black-900);
}
.sp-simpleportfolio .sp-simpleportfolio-description > h2{
	color: var(--enpix-black-900);
	font-size: 42px;
}
.view-item .sp-simpleportfolio-tags {
	text-transform: capitalize;
}
@media (min-width: 992px) {
.sp-simpleportfolio .sp-simpleportfolio-meta > div {
	margin-bottom: 0 !important;
}
}

.sppb-addon-articles .sppb-article-meta {
  border-bottom: 1px solid var(--enpix-black-200);
  padding-bottom: 20px;
  margin: -5px -5px 20px;
}
table.idea-categories h3 {
	color: var(--enpix-black-900) !important;
}

/**/
.sppb-addon-form-builder-form input[type="text"]:not(.form-control), 
.sppb-addon-form-builder-form input[type="email"]:not(.form-control), 
.sppb-addon-form-builder-form input[type="url"]:not(.form-control),
.sppb-addon-form-builder-form input[type="date"]:not(.form-control), 
.sppb-addon-form-builder-form input[type="password"]:not(.form-control), 
.sppb-addon-form-builder-form input[type="search"]:not(.form-control), 
.sppb-addon-form-builder-form input[type="tel"]:not(.form-control), 
.sppb-addon-form-builder-form input[type="number"]:not(.form-control) {
	width: 100%;
	border-radius: 5px;
	height: 55px;
	border: 1px solid var(--enpix-black-50);
	padding: 19px 20px !important;	
 }
 
.sppb-addon-form-builder-form textarea {
	width: 100%;
	border-radius: 5px !important;
	border: 1px solid var(--enpix-black-50) !important;
	padding: 19px 20px !important;
 }
 
.sppb-addon-form-builder-form .sppb-form-group label {
font-weight: 500;
  font-size: 18px;
  line-height: 1.4em;
  display: block;
  margin-bottom: 10px;
  color: var(--enpix-black-900);
}
.sppb-addon-form-builder-form .sppb-form-check a,
.sppb-addon-form-builder-form .sppb-form-check a:hover {
	color: var(--enpix-brand);
}

.sppb-addon-form-builder-form .form-builder-checkbox-item label::before, 
.sppb-addon-form-builder-form .form-builder-radio-item label::before, 
.sppb-addon-form-builder-form .sppb-form-check-label::before {
	border: 2px solid var(--enpix-brand);
}
.sppb-addon-form-builder-form .form-builder-checkbox-item input:checked + label::before,
.sppb-addon-form-builder-form .sppb-form-check-input:checked + label::before {
  background: var(--enpix-brand);
}

/**/
#sp-header.transparent.darkbtn .offcanvas-active .burger-icon > span {
  background-color: #ffffff !important;
}
#sp-header.transparent.darkbtn .offcanvas-menu .pt-4 {
	background: var(--enpix-hover) !important;
}
.offcanvas-menu .pt-4 {
	background: var(--enpix-hover) !important;
}
.offcanvas-active .burger-icon > span {
  background-color: var(--enpix-black-900) !important;
}
#sp-header.transparent.vers2 .burger-icon > span{
	background: #ffffff !important;
}
.burger-icon > span {
	background: #ffffff !important;
}
.darkbtn .burger-icon > span {
	background: var(--enpix-black-900) !important;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a,
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, 
.offcanvas-menu .offcanvas-inner ul.menu > li a:focus, 
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover, 
.offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
  color: var(--enpix-black-900);
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, 
.offcanvas-menu .offcanvas-inner ul.menu > li > span {
  opacity: 1;
  transition: .3s;
}
/**/
@media(max-width:1024px){
.header-side-info {
	display: none;
}
}
/**/
@media(min-width:1024px){
.offcanvas-menu .offcanvas-inner ul.menu {
	display: none;
}

.offcanvas-menu {
	width: 500px;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
  right: -500px;
}
.offcanvas-menu .offcanvas-inner a:hover {
	color: var(--enpix-black-900);
}
#offcanvas-toggler {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}
#sp-menu .sp-column {
    justify-content: center !important;
}
}
/**/
  
.social-icons-box svg {
	width: 20px;
	height: 20px;
}
.header-side-info .side-info-addresses svg {
	width: 25px;
}

/**/
@media(max-width:768px){
.fixtitlebigtosmall h2,
.fixtitlebigtosmall h3 {
	font-size: 52px !important;
	line-height: 63px !important;
}
	
	
.service-content {
	margin-bottom: 30px;
}
.project-box {
	margin-bottom: 30px;
}
}
.service-content a {
	color: var(--enpix-black-900);
}

#sp-header .row {
    flex-wrap: nowrap;
}

#sp-menu .sp-column {
    justify-content: flex-start !important;
}

#sp-search {
    margin-left: auto !important;
}

#sp-search .sp-column {
    display: flex;
    justify-content: flex-end;
}
#sp-menu {
    flex: 1;
    display: flex;
    justify-content: center;
}

#sp-menu .sp-column {
    justify-content: center !important;
}

/**/

#sp-bottom1 .footer-triangle {
    position: absolute;
    top: -30px !important;
    right: 60px !important;
    animation: right-to-left 10s linear infinite;
}
#sp-bottom1 .footer-path {
  position: absolute;
  bottom: -110px !important;
  left: -150px !important;
}
#sp-bottom1 .subscribe-shape-circle {
  top: -170px !important;
  left: -170px !important;
}
#sp-bottom1 .ovhide {
	overflow: hidden;
}
/**/
@media(max-width:980px){
#sp-bottom1 .footer-3-shape,
#sp-bottom1 .subscribe-shape-circle,
#sp-bottom1 .footer-path,
#sp-bottom1 .footer-triangle {
	display: none !important;
}
}

@keyframes right-to-left {
    0% {
        transform: translateX(-25%);
    }

    50% {
        transform: translateX(50%);
    }

    100% {
        transform: translateX(-25%);
    }
}

@keyframes top-to-bottom {
    0% {
        transform: translateY(-25%);
    }

    50% {
        transform: translateY(50%);
    }

    100% {
        transform: translateY(-25%);
    }
}
.relative {
	position: relative !important;
}
.footer-3-social a:hover,
.texttransform a:hover {
	color: var(--enpix-hover) !important;
}
.texttransform a {
	color: var(--enpix-black-600) !important;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.25em;
}

#sp-bottom1 .footer-3-shape {
    right: -10px !important;
    bottom: -50px !important;
}