#mod-custom177 > p{
display:none;
}
ul.mod-articles-items {
list-style-type: none;
}
/* -------------  Duncan animation preloader --------------*/

#animation_container {
position:absolute;
margin:auto;
left:-100%;right:-100%;
}

/* DJA: added */

#preloader-container {
position: relative;
width: 100%;
height: 100vh;
}

#preloader {
position: absolute;
top: 50%;
left: 50%;
width: 50%;
height: 20%;
transform: translate(-50%, -50%);
z-index: 0;
color: #2E3B4E;
font-size: 32px;
}

.preloader-item {
opacity: 0;
display: none;
text-align: center;
margin: 0 auto;
}

@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@-moz-keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

#mod-custom168 {
height:1056px;
}

/* ------------------------  Header convert ---------------------------*/
#sp-header {
position:fixed;
background-color: rgba(255, 255, 255, 0);
box-shadow:none;
transition: background-color 0.5s ease-in-out;
}
#sp-header.header-sticky, #sp-header:hover {
background-color: rgba(255, 255, 255, 1);
}
#sp-header .container {
max-width: 90%;
transition: background-color 0.5s ease-in-out;
}

/* ------------------------  Logo  ---------------------------*/
.logo-image, .logo-image-phone {
filter: brightness(0) invert(1);
transition: filter 0.5s ease-in-out;
}
#sp-header.header-sticky .logo-image, 
#sp-header:hover .logo-image, 
#sp-header:hover .logo-image-phone,
#sp-header.header-sticky .logo-image-phone {
filter: none;
transition: filter 0.5s ease-in-out;
}

/* -------------------- Menu  ------------------------*/
.sp-megamenu-parent > li.active > a {
color:#fff;
}
.sp-megamenu-parent > li > a:hover  {
color:white;
} 
#sp-header.header-sticky .sp-megamenu-parent > li > a,
#sp-header:hover .sp-megamenu-parent > li > a
{
color: #63A06F;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
font-family: 'Sora', sans-serif;
font-size: 1.2rem;
color: #2E3B4E;
font-weight: normal;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li > a:hover {
box-shadow: inset 0 -5px 0 #63A06F;
}

/*  inline from helix? */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
border-bottom: box-shadow: inset 0 -5px 0 #fff;
font-family: 'Sora', sans-serif;
font-size: 1.2rem;
font-weight: 500;
text-decoration: none;
color: #fff;
}

.megamenu-title {
font-family:'Sora', sans-serif;
font-size:1.2rem;
font-weight: normal;
color:#2E3B4E;
}


/* ------------------------  Burger  ---------------------------*/
#offcanvas-toggler > .fa {
color: #fff;
}
#sp-header.header-sticky #offcanvas-toggler > .fa {
color: #4BA16A;
}

.burger-icon>span {
background-color: #fff;
}
#sp-header.header-sticky .burger-icon>span, #sp-header:hover .burger-icon>span {
background-color: #4BA16A;
}



/* ------------------------ PAGE TITLE NATIVE SECTION ---------------------------*/

.sp-page-title-heading {display:none}
.sp-page-title {
position:relative;
height: 50vh;
background-size: cover;
background-repeat: no-repeat;
}
.hidecontent #sp-main-body {
display:none;
} 

.sp-page-title:before {
position:absolute;
content: "";
top:0;
left:0;
width:100%;
height:100%;
/*background-color: rgba(99, 160, 111, 0.7);
background-image: linear-gradient(to bottom, #428CB7 40%, #63A06F);
opacity:80%;*/
}

.sp-page-title:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('/site/images/graphics/wavess.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}

/* ----------------------- FULL PAGE VIDEOS 

.myvideo {
left: 0;
top: 0;
min-width: 100%;
min-height: 100%;
filter:brightness(60%);
}
.video-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.video-arrow {
  font-size:3.5vw;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%,-50%);
}
.video-arrow a {
color: white;
}
---------------------------*/

/* ----------------------- Native Helix fixes 
.sp-sign-in {color:#fff;}
#sp-header.header-sticky .sp-sign-in {color:#63A06F;}---------------------------*/
.article-header h1 {color:#63A06F;}
.sp-dropdown-inner > .col-* {border-right: 1px solid #ddd; }
#sp-main-body {
padding: 50px 0;
}
.hover:hover {
color:#63A06F !important;  
}
.com-contact > h3 {
display:none;
}
.object-fit-cover {
object-fit:cover;
}
/* ----------------------- Custom colors ---------------------------*/
.bg-green, .btn-green {
background-color:#63A06F;
}
.bg-greenish, .btn-greenish {
background-color:#BDE9C9;
}
.text-green {
color:#63A06F;
}
.bg-blue, .btn-blue{
background-color:#428CB7;
}
.text-blue {
color:#428CB7;
}
/* ----------------------- Minitek wall ---------------------------*/
.mwall-filters-sortings {display:none;}

/* ----------------------- BS carousel with Thumbs  ---------------------------*/
.carousel-indicators button.thumbnail {
  width: 200px;
}
.carousel-indicators button.thumbnail:not(.active) {
  opacity: 0.7;
}
.carousel-indicators {
position: static;
margin-left: 0px !important;
margin-right: 0px !important;
}
.carousel-indicators [data-bs-target] {
margin-right:0px;
margin-left:0px;
}
.carousel-control-next, .carousel-control-prev {
top:50%;
height:10%;
background-color:#63A06F;
width:inherit;
margin:5px;
translate: 0% -50%;
}


/* ----------------------- Login button ---------------------------*/

.sp-megamenu-parent>li:last-child>a {
box-shadow: none;
border-radius: 50px;
background: #63A06F;
line-height: 2.3em;
display: block;
padding: 2px 25px;
margin-left:30px;
}

.sp-megamenu-parent>li:last-child>a:hover, .sp-megamenu-parent>li:last-child>a:active, 
#sp-header.header-sticky .sp-megamenu-parent >li:last-child>a, 
#sp-header:hover .sp-megamenu-parent >li:last-child>a {
color:#fff !important;
}
.sp-megamenu-parent>li:last-child>a:hover {
background: #157347;  
}

input::-webkit-input-placeholder { 
margin-left: 10px;
}

/* ----------------------- Gradient white ---------------------------*/
.gradient-white {
background: linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 100%);
height:15em;
}

/* ----------------------- Youtube modal ---------------------------*/
.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
}
.modal-body {
  position:relative;
  padding:0px;
}
.btn-close {
  position:absolute;
  right:-30px;
  top:0;
}

/* ----------------------- BS horizontal tabs nav ---------------------------*/
#nav-tab a:focus, #nav-tab a:hover,  #nav-tab a.active {
color: #000;
border: none;
background-color: inherit;
box-shadow: inset 0 -5px 0 #63A06F;
}

/* ----------------------- BS cards table hover ---------------------------*/
.card-hover {
background:inherit;
transition:background 0.5s;
margin:10px;
height:13em;
}
.card-hover:hover {
background:#BDE9C9;
transition:background 0.5s;
}
.card-hover-small {
background:inherit;
transition:background 0.5s;
margin:10px;
height:10em;
}
.card-hover-small:hover {
background:#BDE9C9;
transition:background 0.5s;
}
/* ----------------------- Radical signup form rounded ---------------------------*/
.carousel-item, .carousel-indicators img {
border: 1px solid #63A06F;
}
/* ----------------------- Radical forms styles ---------------------------*/
@keyframes uk-shake { 
0%, 100% { transform: translateX(0); } 
10% { transform: translateX(-9px); } 
20% { transform: translateX(8px); } 
30% { transform: translateX(-7px); } 
40% { transform: translateX(6px); } 
50% { transform: translateX(-5px); } 
60% { transform: translateX(4px); } 
70% { transform: translateX(-3px); } 
80% { transform: translateX(2px); } 
90% { transform: translateX(-1px); } 
} 
textarea.uk-form-danger, 
input.uk-form-danger { 
border-color: red; 
animation-duration: .5s; 
animation-timing-function: ease-out; 
animation-fill-mode: both; 
animation-name: uk-shake; 
}
/* ----------------------- Native Joomla Contact form ---------------------------*/
#jform_spacer-lbl {
display:none;	
}
#jform_contact_message {
height:180px;
}
legend {display:none;}

#member-registration {
display:flex;
flex-direction:column;
}

#member-registration fieldset:nth-child(2) {
order: -1;
}