/*
Universal element stylehseet
v1.0.0 2025-10-22

--- Consistent across all pages except
#--Blogs, Newsrooms, Careers
*/

html{
scroll-behavior: smooth !important;
}

body{
padding-top:55px;
}




/*---WRAPS---*/
/*---WRAPS: Light Ash---*/
.pages-wrap-ashpen{
background-color: #f1efed;
padding-bottom: 10px;
}

/*---WRAPS: Total Black---*/
.pages-wrap-blackbird{
background-color:#161616;
padding-bottom: 10px;
}








/*---HEADERS---*/
/*---HEADERS: ONE LAYER---*/
.pages-header-layer-one{
padding:20px 5%;
text-align:left;
font-size:28px;
font-weight:500;
}




/*---HEADERS: TWO LAYER---*/
.pages-header-layer-two {
padding:20px 5% 40px 5%;
text-align:left;	
}

.pages-header-layer-two.pos-center{
text-align:center;	
}

.pages-header-layer-two .title{
font-size:30px;
font-weight:600;	
margin-top:40px;
}

.pages-header-layer-two .info{
font-size:18px;
font-weight:300;	
opacity:0.8;
max-width:500px;
}

.pages-header-layer-two.pos-center .info{
margin:0 auto;
}


/*---HEADERS: THREE LAYER---*/
.pages-header-layer-three{
padding:40px 5%;
text-align:center;	
}

.pages-header-layer-three.pos-left{
text-align:left;	
}

.pages-header-layer-three .title{
font-size:20px;
font-weight:600;	
margin-bottom:10px;
}

.pages-header-layer-three .caption{
font-size:2.8vw;
font-weight:600;	
margin-bottom:10px;
}

@media (max-width:600px) {
.pages-header-layer-three .caption{
font-size:28px;	
}
}

.pages-header-layer-three .info{
font-size:26px;
font-weight:300;	
margin:0 auto;
max-width:1200px;
opacity:0.9;
}

.pages-header-layer-three.pos-left .info{
margin:0 0;
max-width:1200px;
}

@media (max-width:600px) {
.pages-header-layer-three .info{
font-size:22px;	
}
}


/*---HEADERS: SUBTITLE FIRST---*/
.pages-header-subfirst{
padding:40px 5%;
}

.pages-header-subfirst .subtitle{
font-size:16px;
font-weight:300;
text-transform: uppercase;
}

.pages-header-subfirst .caption{
font-size:2.6vw;
font-weight:500;
}

@media (max-width:950px) {
.pages-header-subfirst .caption{
font-size:28px;
}
}



/*---HEADERS: LINKS---*/
.pages-header-link-box{
padding-top:20px;
font-size:17px;
font-weight:400;	
}

.pages-header-link-box a, .home-header-link-box a:hover{	
color:inherit;
text-decoration: none;
}

.pages-header-link-box::after{
padding-left:8px;
font-family: "Ionicons";
content:"\f125";
font-size:14px;
color:#c86c13;
}

.pages-header-link-box:hover::after {
animation-name: dcdu82he8md03m4m;
animation-duration: 0.5s; 
animation-iteration-count: 1;
animation-fill-mode: forwards;
}

@keyframes dcdu82he8md03m4m {
from {
padding-left:8px;
color:#c86c13;
}
  
to {
padding-left:12px;
color:#222;
}
}

/*---HEADERS: COLOURS---*/
.pages-header-layer-two.snow, .pages-header-layer-three.snow, .pages-header-subfirst.snow {
color:#222;
}

.pages-header-layer-two.bat, .pages-header-layer-three.bat, .pages-header-subfirst.bat {
color:#ccc;
}





/*---SECTION SPACING---*/
/*---SECTION SPACING: Small---*/
.pages-sections-spacing.small{
padding:20px;
}

.pages-sections-spacing.medium{
padding:30px;
}

.pages-sections-spacing.big{
padding:40px;
}








/*MAIN ELEMENTS*/
/*---MAIN ELEMENTS: BANNER---*/
.pages-main-banner-layout {
display: flex;
flex-direction: row;
align-items:center;
min-height:480px;
justify-content: center;
background-color:#fff;
background-position:left;
background-size:cover;	
text-align:left;
padding:80px 5% 40px 5%;
}

.pages-main-banner-box {
width:50%;
text-align:left;
padding-right:5%;
}

.pages-main-banner-visual {
width:50%;
}

.pages-main-banner-box h1{
margin-top:20px;
font-size:38px;
font-weight:600;
}

.pages-main-banner-box h2{
font-size:26px;
font-weight:400;
margin-bottom:20px;
}

@media (max-width:950px) {
.pages-main-banner-box h1{
font-size:32px;
}

.pages-main-banner-box h2{
font-size:20px;
}
}

.pages-main-banner-box button{
background-color:inherit;
border: 1px solid #c86c13;
color:#FFF;
padding: 10px 20px 10px 20px;
border-radius:5px;
font-size:18px;
}

.pages-main-banner-box button:hover{
background-color:#c86c13;
}

.pages-main-banner-visual .container{
display:none;
}


/*---MAIN ELEMENTS: BANNER RESIZED---*/
@media (max-width:950px) {
.pages-main-banner-layout {
flex-direction: column;
height:auto;
padding: 0px 0%;
background-image:none;
}

.pages-main-banner-box {
width:100%;
padding-right:0px;
text-align:left;
padding:40px 5% 60px 5%;
}

.pages-main-banner-visual {
width:100%;
}

.pages-main-banner-visual .container{
background-color:#fff;
background-position:center;
background-size:cover;	
height:320px;
display: block;
}
}







/*---MAIN ELEMENTS: BANNER WITH VIDEO---*/
.pages-main-vidover-box {
position:relative;
width:100%;
height:650px; 
min-height:360px;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
}

.pages-main-vidover-box video {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
object-fit:cover;
object-position:center;
min-width: 100%; 
min-height: 100%; 
width: auto;
height: auto;
}

.pages-main-vidover-box .overlay {
background:linear-gradient(180deg, rgba(0,0,0,0.4), rgba(0,0,0,0.85));
opacity: .8;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 360px 5% 0px 5%;
z-index:1;
}

.pages-main-vidover-box .textbox {
position:relative;
z-index:2;
margin: 0;
line-height: 1.5;
text-align: center;
color:#fff;
}

.pages-main-vidover-box .textbox h1{
font-size:38px;
font-weight:600;
}

.pages-main-vidover-box .textbox h2{
font-size:26px;
font-weight:400;
margin: 0 auto;
max-width:800px;
}

@media (max-width:950px) {
.pages-main-vidover-box .textbox h1{
font-size:32px;
}

.pages-main-vidover-box .textbox h2{
font-size:20px;
}
}


















/*---MAIN ELEMENTS: INTRODUCTION---*/
.pages-main-overbox-layout{
display: flex;
flex-direction: row;
padding:80px 5%;
justify-content:flex-start;
align-items: flex-start;
gap:50px;
}

.pages-main-overbox-info{
width:60%;
}

.pages-main-overbox-extra{
width:40%;
}

.pages-main-overbox-info .caption{
font-size:3vw;
font-weight:500;
line-height: 1.1;
margin-top:10px;
}

@media (max-width:1100px) {
.pages-main-overbox-info .caption {
font-size:28px;
}
}

.pages-main-overbox-info .desc{
margin-top:10px;
font-size:19px;
opacity:0.8;
}

.pages-main-overbox-extra .content {
padding:40px 5% 30px 5%;
background-color:#fff;
border-radius:4px;
box-shadow:
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07);
}

.pages-main-overbox-extra .title {
font-size:2vw;
font-weight:500;
line-height: 1.1;
margin-bottom:20px;
}

.pages-main-overbox-extra .title.small {
font-size:1.5vw;
}

@media (max-width:1100px) {
.pages-main-overbox-extra .title {
font-size:24px;
}

.pages-main-overbox-extra .title.small {
font-size:22px;
}
}

.pages-main-overbox-extra img {
width:100%;
border-radius:4px;
}

.pages-main-overbox-extra .info {
margin:30px 0px;
font-size:18px;
font-weight:400;
opacity:0.8;
line-height: 1.1;
}

.pages-main-overbox-extra a {
color:inherit;
font-size:20px;
font-weight:500;
}



/*---MAIN ELEMENTS: INTRODUCTION (RESIZED)---*/
@media (max-width:1100px) {
.pages-main-overbox-layout{
display: flex;
flex-direction: column;
padding:40px 5% 80px 5%;
gap:20px;
}

.pages-main-overbox-info{
width:100%;
}

.pages-main-overbox-extra{
width:100%;
}
}


/*---MAIN ELEMENTS: INTRODUCTION (BULLETS)---*/
.pages-main-overbox-bullets{
display: flex;
flex-direction: row;
justify-content:flex-start;
align-items: flex-start;
flex-wrap: wrap;
padding:20px 0px;
margin-top: 20px;
}

.pages-main-overbox-bullets .items{
width:50%;
margin-bottom:20px;
padding-right:40px;
padding-left:16px;
font-size:18px;
}

@media (max-width:850px) {
.pages-main-overbox-bullets{
flex-direction: column;
}

.pages-main-overbox-bullets .items{
width:100%;
}
}






/*---MAIN ELEMENTS: SOLO INTRO (LAYOUT)---*/
.pages-main-oversolo-box {
position:relative;
min-height:650px;
background-color:#f3f3f3;
background-position:center;
background-size:cover;	
text-align: center;
padding:20px 0px;
}


/*---MAIN ELEMENTS: SOLO INTRO (TEXTBOX)---*/
.pages-main-oversolo-box .textbox {
position:absolute;
left:5%;
right: 5%;
bottom:50px;
border-radius: 8px;
background-color: rgba(0,0,0,0.55);
color:#fff;
padding:20px;
margin:0 auto;
max-width:800px;
}

.pages-main-oversolo-box .textbox .title{
font-size:36px;
font-weight:600;
line-height: 1.2;
margin-top:8px;
}

.pages-main-oversolo-box .textbox .info{
font-size:20px;
font-weight:400;
margin: 0 auto;
max-width:800px;
margin-top:16px;
}

@media (max-width:950px) {
.pages-main-oversolo-box .textbox {
position:static;
left:auto;
right: auto;
bottom:auto;
margin:0px 5%;
}

.pages-main-oversolo-box .textbox .title{
font-size:32px;
}

.pages-main-oversolo-box .textbox .info{
font-size:16px;
}
}






/*---MAIN ELEMENTS: GET STARTED (LAYOUT)---*/
.pages-main-get-layout{
display: flex;
flex-direction: row;
margin:20px 5% 80px 5%;
justify-content:flex-start;
align-items: flex-start;
gap:50px;
}

.pages-main-get-prime{
color:#222;
}

.pages-main-get-prime.col-two{ width:50%; }
.pages-main-get-prime.col-three{ width:33.33%; }

.pages-main-get-prime .caption{
font-size:2.5vw;
font-weight:600;
line-height: 1.1;
margin-top:10px;
}

@media (max-width:1100px) {
.pages-main-get-prime .caption {
font-size:28px;
}
}

.pages-main-get-prime .desc{
margin-top:10px;
margin-bottom: 20px;
font-size:19px;
opacity:0.8;
}

.pages-main-get-prime button{
background:#c86c13;
color:#fff;
border:none;
border-radius:4px;
padding:8px 24px;
}

.pages-main-get-prime .links{
color:inherit;
font-size:22px;
font-weight:500;
padding-right:15px;
}

.pages-main-get-prime .links::after{
padding-left:8px;
font-family: "Ionicons";
content:"\f125";
font-size:18px;
color:#c86c13;
}

.pages-main-get-prime .links:hover::after {
animation-name: d93jdidnf993l0;
animation-duration: 0.5s; 
animation-iteration-count: 1;
animation-fill-mode: forwards;
}

@keyframes d93jdidnf993l0 {
from {
padding-left:8px;
color:#c86c13;
}
  
to {
padding-left:12px;
color:#222;
}
}

.pages-main-get-prime a:hover{
text-decoration: none;
}



/*---MAIN ELEMENTS: GET STARTED (RESIZED)---*/
@media (max-width:1100px) {
.pages-main-get-layout{
display: flex;
flex-direction: column;
margin:10px 5% 30px 5%;
}

.pages-main-get-prime.col-two, .pages-main-get-prime.col-three{
width:100%;
margin-bottom:20px;
}
}










/*HOME PAGE*/
/*---HOME PAGE: LISTER (LAYOUT)---*/
.pages-home-list-box-row {
display: flex;
flex-direction: row;
margin:0px 0% 80px 0%;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
justify-content:flex-start;
flex-wrap: wrap;
}

.pages-home-list-box-col {
width: 33.33%;
padding:20px;
}

.pages-home-list-box-col a, .pages-home-list-box-col a:hover{
text-decoration:none;
}

.pages-home-list-box-col .content {
text-align:left;
padding:40px 5%;
background-color:#fff;
color:#222;
border-radius:4px;
box-shadow:
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07);
height:100%;
}

.pages-home-list-box-col .content:hover {
box-shadow:
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07)
0 8px 32px rgba(0,0,0,0.07),
0 16px 32px rgba(0,0,0,0.07);
background-color: #f8f8f8;
color:#111;
transform: translateY(-8px);
transition:0.4s;
}

.pages-home-list-box-col img{
width:64px;
height:64px;
}

.pages-home-list-box-col h1{
font-size:23px;
font-weight:600;
margin-top:20px;
margin-bottom:30px;
}

.pages-home-list-box-col h2{
font-weight:400; 
font-size:17px; 
opacity:0.8;
margin-top:30px;
}

/*---HOME PAGE: LISTER (RESIZE)---*/
@media (max-width:1200px) {
.pages-home-list-box-row {
margin-bottom:20px;
}

.pages-home-list-box-col{
width:50%;
margin-bottom:20px;
}
}

@media (max-width:850px) {
.pages-home-list-box-row {
flex-direction: column;
margin:0 5%;
margin-bottom:20px;
gap:20px;
}

.pages-home-list-box-col{
width:100%;
padding:0px;
margin-bottom:20px;
}
}










/*IN-PAGE NAV*/
/*---JUMP NAV: LAYOUT---*/
.pages-main-junav-box {
position: sticky;
position: -webkit-sticky;
top: 55px;
width: 100%;
background: #222;
color:#fff;
z-index: 1;
border-top:1px solid #ccc;
box-shadow: 0 8px 16px -8px rgba(0,0,0,0.3);
}

@media (max-width:850px) {
.pages-main-junav-box {
top:54px;
}
}

.pages-main-junav-box .set-box{
display: flex;
justify-content:center;
align-items: center;
padding: 0px 5%;
}

.pages-main-junav-box .set-links{
width:70%;
}

.pages-main-junav-box .set-butt{
width:30%;
text-align: right;
}

/*---JUMP NAV: BOTHVIEW---*/
.pages-main-junav-box .set-butt button{
background:#c86c13;
color:#fff;
outline: none;
border:none;
border-radius:4px;
padding:8px 16px;
}

.pages-main-junav-box li{
list-style: none;
}

/*---JUMP NAV: FULLVIEW---*/
.pages-main-junav-box .full{
display: flex;
justify-content:flex-start;
align-items: flex-start;
padding: 16px 0px;
gap:20px;
}

.pages-main-junav-box .full .junav-link {
text-decoration: none;
color:inherit;
font-weight: 500;
position: relative;
transition: color 0.3s ease;
}

.pages-main-junav-box .full .junav-link::after {
content: "";
position: absolute;
left: 0;
bottom: -16px;
width: 0%;
height: 4px;
background: #c86c13;
transition: width 0.3s ease;
}

.pages-main-junav-box .full .junav-link:hover, .pages-main-junav-box .full .junav-link.active {
color: #c86c13;
}

.pages-main-junav-box .full .junav-link.active::after {
width: 100%;
}

/*---JUMP NAV: MINIVIEW---*/
.pages-main-junav-box .mini{
display:none;
}

.pages-main-junav-box .mini button{
background:inherit;
color:#f8f8f8;
outline: none;
border:none;
padding: 16px 0px;
font-size:16px;
}

.pages-main-junav-box .mini button::after{
padding-left:8px;
font-family: "Ionicons";
content:"\f123";
font-size:15px;
}

.pages-main-junav-box .mini button[aria-expanded="true"]::after {
content:"\f126";
}

.pages-main-junav-box .mini .collapse{
width:100%;
border-radius:0px;
background-color:#FAF9F7;
padding:10px 5%;
border:none;
position:absolute;
left:0px;
margin-top:0px;
}

.pages-main-junav-box .mini li {
display: block;
padding:12px 0px;
}

.pages-main-junav-box .mini .junav-link {
text-decoration: none;
color: #222;
font-weight: 400;
position: relative;
transition: color 0.3s ease;
}

.pages-main-junav-box .mini .junav-link:hover, .pages-main-junav-box .mini .junav-link.active {
color: #c86c13;
}

/*---JUMP NAV: RESIZED---*/
@media (max-width:1060px) {
.pages-main-junav-box .set-links{
width:50%;
}

.pages-main-junav-box .set-butt{
width:50%;
}

.pages-main-junav-box .full{
display: none;
}

.pages-main-junav-box .mini{
display:block;
}

.pages-main-junav-box .set-butt button{
font-size:15px;
padding:8px 16px;
}
}







/*---FIXED NAV: LAYOUT---*/
.pages-main-fixnav-box {
position: sticky;
position: -webkit-sticky;
top: 0px;
width: 100%;
background: #222;
z-index: 1;
box-shadow: 0 8px 16px -8px rgba(0,0,0,0.3);
}


.pages-main-fixnav-box .set-box{
display: flex;
justify-content:center;
align-items: center;
padding: 0px 5%;
}

.pages-main-fixnav-box .set-title{
width:20%;
}

.pages-main-fixnav-box .set-links{
width:80%;
text-align: right;
}

/*---FIXED NAV: BOTHVIEW---*/
.pages-main-fixnav-box .set-title{
font-size:18px;
color:#fff;
}

.pages-main-fixnav-box li{
list-style: none;
}

/*---FIXED NAV: FULLVIEW---*/
.pages-main-fixnav-box .full{
display: flex;
justify-content:flex-end;
align-items: flex-start;
padding: 16px 0px;
gap:20px;
}

.pages-main-fixnav-box .full .fixnav-link{
text-decoration: none;
color:#fff;
font-weight: 500;
position: relative;
transition: color 0.3s ease;
}

.pages-main-fixnav-box .full .fixnav-link:not(.std-link)::after {
padding-left:8px;
font-family: "Ionicons";
content:"\f123";
font-size:15px;
}

.pages-main-fixnav-box .full .fixnav-link:hover, .pages-main-fixnav-box .full .fixnav-link.active {
color: #c86c13;
}

.pages-main-fixnav-box .full .dropdown-menu{
width:auto;
border-radius:4px;
background-color:#FAF9F7;
border:none;
padding:10px;
text-align: left;
}

.pages-main-fixnav-box .full .dropdown-item{
color:#222;
display: block;
padding:8px 16px;
border-radius:4px;
}

.pages-main-fixnav-box .full .dropdown-item:hover{
background:#222;
color:#fff;
}


/*---FIXED NAV: MINIVIEW---*/
.pages-main-fixnav-box .mini{
display:none;
}

.pages-main-fixnav-box .mini button{
background:inherit;
color:#f8f8f8;
outline: none;
border:none;
padding: 16px 0px;
font-size:16px;
}

.pages-main-fixnav-box .mini button::after{
padding-left:8px;
font-family: "Ionicons";
content:"\f123";
font-size:15px;
}

.pages-main-fixnav-box .mini button[aria-expanded="true"]::after {
content:"\f126";
}

.pages-main-fixnav-box .mini .collapse{
width:100%;
border-radius:0px;
background-color:#222;
color:#fff;
padding:10px 5%;
border:none;
margin-top:0px;
position: absolute;
left:0px;
}

.pages-main-fixnav-box .mini .fixnav-link {
text-decoration: none;
transition: color 0.3s ease;
}

.pages-main-fixnav-box .mini .fixnav-link:not(.link-title):hover{
color: #c86c13;
}

.pages-main-fixnav-box .mini li{
display: block;
padding:0px 0px;
padding-bottom: 6px;
}

.pages-main-fixnav-box .mini .spacer{
padding-bottom:20px;
}

.pages-main-fixnav-box .mini .link-title {
opacity:0.5;
font-weight:600;
}

.pages-main-fixnav-box .mini .link-title::after {
padding-left:8px;
font-family: "Ionicons";
content:"\f35d";
font-size:15px;
}



/*---FIXED NAV: RESIZED---*/
@media (max-width:1000px) {
.pages-main-fixnav-box .full{
display: none;
}

.pages-main-fixnav-box .mini{
display:block;
}
}


















/*LAYOUTS*/
/*---LAYOUTS: CALCIUM (LAYOUT)---*/
.pages-layout-calcium-row {
display: flex;
flex-direction: row;
margin:0px 0% 80px 0%;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
justify-content:center;
flex-wrap: wrap;
}

.pages-layout-calcium-col {
padding:20px;
}

.pages-layout-calcium-col.col-two {
width: 50%;
}

.pages-layout-calcium-col.col-four {
width: 25%;
}

.pages-layout-calcium-col a, .pages-layout-calcium-col a:hover{
text-decoration:none;
color:inherit;
}

.pages-layout-calcium-col .content {
border-radius:4px;
box-shadow:
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07);
padding:30px 20px;
background-color: #fff;
height:100%;
}

.pages-layout-calcium-col img.icon{
width:64px;
height:64px;
margin-bottom: 20px;
}

.pages-layout-calcium-col svg.icon{
width:64px;
height:64px;
margin-bottom: 20px;
}

.pages-layout-calcium-col h1{
font-size:24px;
font-weight:600;	
color:#333;
text-align: left;
margin-top:20px;
}

.pages-layout-calcium-col h1.small{
font-size:21px;
font-weight:600;
margin-bottom:-25px;
}

.pages-layout-calcium-col p{
font-size:17px;
font-weight:300;
margin-top:40px;
color:#000;
text-align: left;
}


/*---LAYOUTS: CALCIUM (RESIZED)---*/
@media (max-width:1300px) {
.pages-layout-calcium-row {
margin-bottom:20px;
}

.pages-layout-calcium-col.col-four{
width:50%;
margin-bottom:20px;
}
}

@media (max-width:850px) {
.pages-layout-calcium-row {
flex-direction: column;
margin:0 5%;
margin-bottom:20px;
gap:20px;
}

.pages-layout-calcium-col.col-four, .pages-layout-calcium-col.col-two{
width:100%;
margin-bottom:20px;
padding:0px;
}
}



/*---LAYOUTS: LITHIUM (LAYOUT)---*/
.pages-layout-lithium-row {
display:flex;
flex-direction: row;
justify-content: flex-start;
margin:20px 0% 0px 0%;
margin-left:calc(5% - 30px);
margin-right:calc(5% - 30px);
flex-wrap: wrap;
}

.pages-layout-lithium-col {
padding:30px;
margin-bottom:60px;
}

.pages-layout-lithium-col.col-two {
width: 50%;
}

.pages-layout-lithium-col.col-three {
width: 33.33%;
}

.pages-layout-lithium-col.col-four {
width: 25%;
}

.pages-layout-lithium-col i{
font-size:70px;	
color:#c86c13;
}

.pages-layout-lithium-col img.icon{
width:80px;
height:80px;
margin:20px 0px;
}

.pages-layout-lithium-col h1{
font-size:24px;
font-weight:600;	
}

.pages-layout-lithium-col p{
font-size:17px;
font-weight:300;	
margin-bottom:20px;
}

/*---LAYOUTS: LITHIUM (COLOURS)---*/
.pages-layout-lithium-row.light h1 {
color:#ccc;
}

.pages-layout-lithium-row.light p {
color:#fff;
}

.pages-layout-lithium-row.dark h1 {
color:#222;
}

.pages-layout-lithium-row.dark p {
color:#000;
}

/*---LAYOUTS: LITHIUM (RESIZED)---*/
@media (max-width:1200px) {
.pages-layout-lithium-col.col-four {
width: 50%;
margin-bottom: 50px;
}
}

@media (max-width:1000px) {
.pages-layout-lithium-col.col-three {
width: 50%;
margin-bottom: 50px;
}
}

@media (max-width:840px) {
.pages-layout-lithium-row {
margin: 0 5%;
gap:30px;
flex-direction: column;
}

.pages-layout-lithium-col.col-four, .pages-layout-lithium-col.col-three, .pages-layout-lithium-col.col-two {
width: 100%;
margin-bottom: 0px;
padding:0px;
}
}





/*---LAYOUTS: SODIUM (LAYOUT)---*/
.pages-layout-sodium-row {
display: flex;
flex-direction: row;
justify-content:flex-start;
align-items: flex-start;
margin:40px 0% 0px 0%;
margin-left:calc(5% - 30px);
margin-right:calc(5% - 30px);
flex-wrap: wrap;
}

.pages-layout-sodium-col {
padding:0px 30px 0px 30px;
margin-bottom:80px;
}

.pages-layout-sodium-col.col-two {
width: 50%;
}

.pages-layout-sodium-col.col-three {
width: 33.33%;
}

.pages-layout-sodium-col.col-four {
width: 25%;
}

.pages-layout-sodium-tablet {
display: flex;
flex-direction: row;
justify-content:flex-start;
align-items: flex-start;
gap:20px;
}

.pages-layout-sodium-tablet-icon {
flex: 0 0 80px;   
}

.pages-layout-sodium-tablet-details {
width:auto;
}

/*---LAYOUTS: SODIUM (CONTENT)---*/
.pages-layout-sodium-col svg.inner-icox{
width:60px;
height:60px;
}

.pages-layout-sodium-col img.inner-icox{
width:60px;
height:60px;
}

@media (max-width:500px) {
.pages-layout-sodium-tablet-icon {
flex: 0 0 64px;   
}

.pages-layout-sodium-col svg.inner-icox,
.pages-layout-sodium-col img.inner-icox{
width:48px;
height:48px;
}
}

.pages-layout-sodium-col h1{
font-size:24px;
font-weight:600;	
}

.pages-layout-sodium-col p{
font-size:17px;
font-weight:300;	
margin-bottom:20px;
}

/*---LAYOUTS: SODIUM (COLOURS)---*/
.pages-layout-sodium-row.light h1 {
color:#ccc;
}

.pages-layout-sodium-row.light p {
color:#f2f2f2;
}

.pages-layout-sodium-row.light svg{
fill:#fff;
stroke:#fff;
}

.pages-layout-sodium-row.dark h1 {
color:#222;
}

.pages-layout-sodium-row.dark p {
color:#333333;
}

.pages-layout-sodium-row.dark svg{
fill:#000;
stroke:#000;
}

/*---LAYOUTS: SODIUM (RESIZED)---*/
@media (max-width:1200px) {
.pages-layout-sodium-col.col-four {
width: 50%;
margin-bottom: 50px;
}
}

@media (max-width:1200px) {
.pages-layout-sodium-col.col-three {
width: 50%;
margin-bottom: 50px;
}
}

@media (max-width:840px) {
.pages-layout-sodium-row {
flex-direction: column;
margin:0 5%;
gap:30px;
}

.pages-layout-sodium-col.col-four, .pages-layout-sodium-col.col-three, .pages-layout-sodium-col.col-two {
width: 100%;
margin-bottom: 50px;
padding:0px;
}
}






/*---LAYOUTS: TEXT ONLY (LAYOUT)---*/
.pages-layout-textile-row {
display: flex;
flex-direction: row;
margin:0px 0% 80px 0%;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
flex-wrap: wrap;
}

.pages-layout-textile-col {
padding:20px;
}

.pages-layout-textile-col.col-two {
width:50%;
}

.pages-layout-textile-col.col-four {
width:25%;
}

.pages-layout-textile-col.col-three {
width:33%;
}

.pages-layout-textile-col .content {
border-radius:4px;
box-shadow:
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07);
padding:30px 20px;
background-color: #f1efed;
height:100%;
}

.pages-layout-textile-col h1{
font-size:24px;
font-weight:600;	
color:#333;
}

.pages-layout-textile-col p{
font-size:17px;
font-weight:300;
margin-top:20px;
color:#000;
}


/*---LAYOUTS: TEXT ONLY (RESIZED)---*/
@media (max-width:1300px) {
.pages-layout-textile-row {
margin-bottom:20px;
}

.pages-layout-textile-col.col-four{
width:50%;
margin-bottom:20px;
}
}

@media (max-width:1100px) {
.pages-layout-textile-row {
margin-bottom:20px;
}

.pages-layout-textile-col.col-three{
width:50%;
margin-bottom:20px;
}
}

@media (max-width:850px) {
.pages-layout-textile-row {
flex-direction: column;
margin:0 5%;
margin-bottom:20px;
gap:20px;
}

.pages-layout-textile-col.col-four, .pages-layout-textile-col.col-two, .pages-layout-textile-col.col-three{
width:100%;
margin-bottom:20px;
padding:0px;
}
}







/*---LAYOUTS: IMAGINE aka IMAGE IN (LAYOUT)---*/
.pages-layout-imagine-row {
display: flex;
flex-direction: row;
margin:0px 0% 80px 0%;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
justify-content:center;
align-items: center;
flex-wrap: wrap;
}

.pages-layout-imagine-col {
width: 33.33%;
padding:20px;
}

.pages-layout-imagine-col a, .pages-layout-imagine-col a:hover{
text-decoration:none;
}

.pages-layout-imagine-col .content {
position: relative;
border-radius:4px;
box-shadow:
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07);
height:400px;
background-color:#222;
background-position:center;
background-size:cover;	
}

.pages-layout-imagine-col .overlay {
text-align:left;
background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%);
color:#fff;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
padding:40px 5%;
}

.pages-layout-imagine-col .content:hover {
animation-name: djfuf9w38eidj;
animation-duration: 0.5s; 
animation-iteration-count: 1;
animation-fill-mode: forwards;
}

@keyframes djfuf9w38eidj {
from {
background-size:100%;
}
  
to {
background-size:105%;
}
}


.pages-layout-imagine-col h1{
font-size:26px;
font-weight:600;
}

.pages-layout-imagine-col h2{
font-weight:600; 
font-size:17px; 
opacity:0.9;
}

/*---LAYOUTS: IMAGINE aka IMAGE IN (RESIZED)---*/
@media (max-width:1200px) {
.pages-layout-imagine-row {
margin-bottom:20px;
}

.pages-layout-imagine-col{
width:50%;
margin-bottom:20px;
}
}

@media (max-width:850px) {
.pages-layout-imagine-row {
flex-direction: column;
margin:0 5%;
margin-bottom:20px;
gap:20px;
}

.pages-layout-imagine-col{
width:100%;
margin-bottom:20px;
padding:0px;
}
}





/*---LAYOUTS: PICTOP aka PIC ON TOP (LAYOUT)---*/
.pages-layout-pictop-group{
padding:0px 5%;
margin-bottom: 50px;
}

.pages-layout-pictop-slider {
overflow-x:hidden;
width:100%;
}

/*
NOTES:
Use the above two only if for slider
>.pages-layout-pictop-group
>.pages-layout-pictop-slider

#Apply .sliding when for sliding
*/

.pages-layout-pictop-row {
display: flex;
flex-direction: row;
margin:0px 0% 80px 0%;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
justify-content:flex-start;
flex-wrap: wrap;
}

.pages-layout-pictop-row.sliding {
margin:0px 0% 50px 0%;
margin-left:calc(0% - 20px);
margin-right:calc(0% - 20px);
flex-wrap: nowrap;
}

.pages-layout-pictop-col {
padding:20px;
}

.pages-layout-pictop-col.sliding {
width:500px;
padding:20px;
flex-shrink: 0;
}

.pages-layout-pictop-col.col-two { width: 50%; }
.pages-layout-pictop-col.col-three { width: 33.33%; }
.pages-layout-pictop-col.col-four { width: 25%; }

.pages-layout-pictop-col a, .pages-layout-pictop-col a:hover{
text-decoration:none;
color:inherit;
}

.pages-layout-pictop-col .content {
border-radius:4px;
box-shadow:
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07);
background:white;
height:100%;
}


.pages-layout-pictop-col .content:hover .imgbox {
animation-name: djfuf9w38eidj;
animation-duration: 0.5s; 
animation-iteration-count: 1;
animation-fill-mode: forwards;
}

@keyframes djfuf9w38eidj {
from {
background-size:100%;
}
  
to {
background-size:105%;
}
}

.pages-layout-pictop-col .imgbox {
background-color:#222;
background-position:center;
background-size:cover;	
height:280px;
}

.pages-layout-pictop-col .iconbox {
padding: 30px 20px 10px 20px;
}

.pages-layout-pictop-col .iconbox img{
width:96px;
height:96px;
}

.pages-layout-pictop-col .txtbox {
padding:30px 20px;
}

.pages-layout-pictop-col .title{
font-weight:600; 
font-size:15px; 
opacity:0.8;
margin-bottom:20px;
}

.pages-layout-pictop-col .caption{
font-size:22px;
font-weight:600;
line-height:1.1;
margin-bottom:20px;
}

.pages-layout-pictop-col .info{
font-size:17px;
font-weight:300;
line-height:1.1;
}

.pages-layout-pictop-col ul{
text-align:left;
list-style:none;
padding-bottom:8px;
padding-left:0px;
margin-top:20px;
}

.pages-layout-pictop-col li {
font-weight:300;
}

.pages-layout-pictop-col li::before{
list-style:none;
padding-right:5px;
font-family: "Ionicons";
content:"\f383";
color:#888;
}

/*---LAYOUTS: PICTOP aka PIC ON TOP (RESIZED)---*/
@media (max-width:1000px) {
.pages-layout-pictop-row {
margin-bottom:20px;
}

.pages-layout-pictop-col.col-four{
width:50%;
margin-bottom:20px;
}
}

@media (max-width:1250px) {
.pages-layout-pictop-row {
margin-bottom:20px;
}

.pages-layout-pictop-col.col-three{
width:50%;
margin-bottom:20px;
}
}

@media (max-width:850px) {
.pages-layout-pictop-row:not(.sliding) {
flex-direction: column;
margin:0 5%;
gap:20px;
margin-bottom:20px;
}

.pages-layout-pictop-col.col-two, .pages-layout-pictop-col.col-three, .pages-layout-pictop-col.col-four{
width:100%;
margin-bottom:20px;
padding:0px;
}
}


/*---LAYOUTS: PICTOP aka PIC ON TOP (SCROLL BUTTONS)---*/
.pages-layout-pictop-butt{
width:50px;
height:50px;
background-color:#000;
color:#FFF;
padding: 8px;
border:none;
border-radius:50%;
font-size:25px;
margin-right:16px;
}

.pages-layout-pictop-butt:disabled{
background-color:#333;
color:#ccc;
}

.pages-layout-pictop-butt:focus{
outline:none;
}








/*---LAYOUTS: PICMID aka PIC IN MIDDLE (LAYOUT)---*/
.pages-layout-picmid-group{
padding:0px 5%;
margin-bottom: 50px;
}

.pages-layout-picmid-slider {
overflow-x:hidden;
width:100%;
}

/*
NOTES:
Use the above two only if for slider
>.pages-layout-picmid-group
>.pages-layout-picmid-slider

#Apply .sliding when for sliding
*/

.pages-layout-picmid-row {
display: flex;
flex-direction: row;
margin:0px 0% 50px 0%;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
justify-content:flex-start;
}

.pages-layout-picmid-row.sliding {
margin-left:calc(0% - 20px);
margin-right:calc(0% - 20px);
flex-wrap: nowrap;
}

.pages-layout-picmid-col {
padding:20px;
}

.pages-layout-picmid-col.col-two {
width:50%;
}

.pages-layout-picmid-col.col-three {
width:33.33%;
}

.pages-layout-picmid-col.col-four {
width:25%;
}

.pages-layout-picmid-col.sliding {
width:450px;
padding:20px;
flex-shrink: 0;
}

.pages-layout-picmid-col.wider {
width:500px;
}

.pages-layout-picmid-col a, .pages-layout-picmid-col a:hover {
text-decoration: none;
color:inherit;
}

.pages-layout-picmid-col .content {
padding:40px 5% 30px 5%;
background-color:#F8F8F8;
border-radius:16px;
box-shadow:
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07);
height:100%;
}

.pages-layout-picmid-col .content:hover {
box-shadow:
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07),
0 16px 32px rgba(0,0,0,0.07),
0 32px 64px rgba(0,0,0,0.07);
transition: 0.5s;
}

/*---LAYOUTS: PICMID aka PIC IN MIDDLE (CONTENT)---*/
.pages-layout-picmid-col .content .caption{
font-size:17px;
font-weight:300;	
color:#666;
}

.pages-layout-picmid-col .content .title{
font-size:26px;
font-weight:600;	
}

.pages-layout-picmid-col .content .imgbox {
background-color:#222;
background-position:center;
background-size:cover;	
height:200px;
border-radius:8px;
margin:20px 0px;
}

.pages-layout-picmid-col .content p{
font-size:17px;
font-weight:300;	
}

/*---LAYOUTS: PICTOP aka PIC IN MIDDLE (RESIZED)---*/
@media (max-width:1000px) {
.pages-layout-picmid-row {
margin-bottom:20px;
}

.pages-layout-picmid-col.col-four{
width:50%;
margin-bottom:20px;
}
}

@media (max-width:1250px) {
.pages-layout-picmid-row {
margin-bottom:20px;
}

.pages-layout-picmid-col.col-three{
width:50%;
margin-bottom:20px;
}
}

@media (max-width:850px) {
.pages-layout-picmid-row:not(.sliding) {
flex-direction: column;
gap:20px;
margin:0;
margin-bottom:20px;
}

.pages-layout-picmid-col.col-two, .pages-layout-picmid-col.col-three, .pages-layout-picmid-col.col-four{
width:100%;
margin-bottom:20px;
padding:30px;
background-color: red;
}
}


/*---LAYOUTS: PICMID aka PIC IN MIDDLE (SCROLL BUTTONS)---*/
.pages-layout-picmid-butt{
width:50px;
height:50px;
background-color:#000;
color:#FFF;
padding: 8px;
border:none;
border-radius:50%;
font-size:25px;
margin-right:16px;
}

.pages-layout-picmid-butt:disabled{
background-color:#333;
color:#ccc;
}

.pages-layout-picmid-butt:focus{
outline:none;
}







/*---LAYOUTS: BRAND LISTER (LAYOUT)---*/
.pages-layout-brands-row {
display: flex;
text-align:center;
flex-direction: row;
margin:20px 0% 60px 0%;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
align-items: center;
justify-content:flex-start;
flex-wrap: wrap;
}

.pages-layout-brands-row.embedded{
margin:50px 0% 20px 0%;
margin-left:calc(0% - 10px);
margin-right:calc(0% - 10px);
}

.pages-layout-brands-col {
flex: 1 1 150px;
padding: 20px;
border-radius: 8px;
text-align: center;
min-width: 250px;
max-width: 250px;
}

.pages-layout-brands-col .content{
padding:20px 30px;
border:1px solid #ccc;
border-radius:4px;

}

.pages-layout-brands-col .content:hover{
background-color: #f5f5f5;
transform: translateY(-8px);
box-shadow:
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07);
transition: 0.4s;
}

.pages-layout-brands-col .content img{
fill:#111;
max-width: 100%;
height: auto;
object-fit: contain;
}


.pages-layout-brands-col a {
color:#333;
}

.pages-layout-brands-col a:hover {
color:#000;
}


/*---LAYOUTS: BRAND LISTER (RESIZE)---*/
@media (max-width:600px) {
.pages-layout-brands-col {
min-width: 200px;
max-width: 200px;
}
}




/*---LAYOUTS: LONER PICTOUT (LAYOUT)---*/
.pages-layout-lonerout-row {
display: flex;
flex-direction: row;
margin:20px 0% 20px 0%;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 0px);
justify-content:center;
align-items: center;
flex-wrap: wrap;
min-height: 500px;
}

.pages-layout-lonerout-row.dark{
color:#f2f2f2;
}

.pages-layout-lonerout-row.light{
color:#222;
}

.pages-layout-lonerout-txtcol {
width: 50%;
padding:20px;
}

.pages-layout-lonerout-imgcol {
padding:20px;
width: 50%;
background-color:#222;
background-position:center;
background-size:cover;	
height:460px;
}

.pages-layout-lonerout-txtcol .sector {
font-size:18px;
font-weight:500;
margin-bottom: 8px;
}

.pages-layout-lonerout-txtcol .title {
font-size:36px;
font-weight:600;
margin-bottom: 20px;
line-height:1.2;
}

.pages-layout-lonerout-txtcol .info {
font-size:17px;
font-weight:300;
padding-right:20%;
}

.pages-layout-lonerout-txtcol ul{
text-align:left;
list-style:none;
padding-bottom:8px;
padding-left: 0px;
margin-top:20px;
}

.pages-layout-lonerout-txtcol li {
font-weight:300;
}

.pages-layout-lonerout-txtcol li::before{
list-style:none;
padding-right:10px;
font-family: "Ionicons";
content:"\f2c7";
color:#888;
}

.pages-layout-lonerout-txtcol .butt-box{
margin-top:20px;
}


.pages-layout-lonerout-txtcol .butt-box button{
background-color:#222;
color:#fdf2e8;	
padding: 8px 16px;
border:none;
border-radius:4px;
margin-right:10px;
}

.pages-layout-lonerout-txtcol .butt-box span, .pages-layout-lonerout-txtcol .butt-box a:hover{
color:#222;
font-size:17px;
text-decoration: none;
}

.pages-layout-lonerout-txtcol .butt-box span::after{
padding-left:8px;
font-family: "Ionicons";
content:"\f125";
font-size:14px;
color:#c86c13;
}

.pages-layout-lonerout-txtcol .butt-box a:hover span::after{
color:#222;
}

/*---LAYOUTS: LONER PICTOUT (RESIZED)---*/
@media (max-width:900px) {
.pages-layout-lonerout-row {
display: flex;
flex-direction: column-reverse;
margin:20px 0% 20px 0%;
}

.pages-layout-lonerout-imgcol {
width: 100%;
}

.pages-layout-lonerout-txtcol {
width: 100%;
padding:0px 5%;
margin-top: 20px;
text-align: center;
}

.pages-layout-lonerout-txtcol .info {
padding-right:0%;
}
}





/*LAYOUTS*/
/*---LAYOUTS: PICLSIDE (LAYOUT)---*/
.pages-layout-picslide-group {
position:relative;
text-align: center;
}

.pages-layout-picslide-box {
position:relative;
height:90vh;
background-color:#f3f3f3;
background-position:center top;
background-size:cover;	
display: none;
text-align: left;
}

.pages-layout-picslide-box.active {
display: block;
}


/*---HOME: PICLSIDE (TEXTBOX)---*/
.pages-layout-picslide-box .textbox {
position:absolute;
left:5%;
right: 5%;
bottom:150px;
border-radius: 8px;
background-color: rgba(0,0,0,0.55);
color:#fff;
padding:20px;
max-width:800px;
}

.pages-layout-picslide-box .textbox .name{
font-size:16px;
font-weight:500;
}

.pages-layout-picslide-box .textbox .title{
font-size:36px;
font-weight:600;
line-height: 1.2;
margin-top:8px;
}

.pages-layout-picslide-box .textbox .desc{
font-size:19px;
font-weight:400;
margin: 0 auto;
max-width:800px;
margin-top:16px;
}

@media (max-width:950px) {
.pages-layout-picslide-box .textbox .title{
font-size:32px;
}

.pages-layout-picslide-box .textbox .desc{
font-size:17px;
}
}

/*---HOME: PICLSIDE (CONTROLS)---*/
.pages-layout-picslide-control-group {
position: absolute;
bottom:50px;
padding:0px 5%;
}

.pages-layout-picslide-control-box {
display: flex;
flex-direction: row;
align-items:flex-start;
min-height:50px;
justify-content: flex-start;
flex-wrap: wrap;
}

.pages-layout-picslide-control-box button{
background-color:#F4EBEB;
background-position:center;
background-size:cover;	
outline:none;
width:120px;
height:60px;
border:none;
border-radius:4px;
margin-right:10px;
}

@media (max-width:900px) {
.pages-layout-picslide-control-box button{
width:60px;
height:30px;
margin-bottom: 10px;
}
}

.pages-layout-picslide-control-box button.active{
animation-name: hd8dj39djdko0033;
animation-duration: 10s;
}

@keyframes  hd8dj39djdko0033 {
0%   {border:2px solid white;}
100% {border:2px solid #c86c13;}
}

.pages-layout-picslide-control-box button.disabled{
border:2px solid #8f0303;
opacity: 0.5;
pointer-events: none;
}



/*LAYOUTS*/
/*---LAYOUTS: FAQ (LAYOUT)---*/
.pages-layout-faq {
width:100%;
border-radius: 8px;
padding: 16px 5%;
margin-bottom: 30px;
}

.pages-layout-faq .accordion-item {
border-bottom: 1px solid #e5e7eb;
}

.pages-layout-faq .accordion-header {
width: 100%;
padding: 16px;
background: inherit;
border: none;
outline: none;
text-align: left;
font-size: 19px;
font-weight: 600;
cursor: pointer;
}

.pages-layout-faq .accordion-header::before{
padding-right:10px;
font-family: "Ionicons";
content:"\f123";
}

.pages-layout-faq .accordion-header.active::before {
content:"\f126";
}

/*---LAYOUTS: FAQ (CONTENT)---*/
.pages-layout-faq .accordion-content {
overflow: hidden;
max-height: 0;
transition: max-height 0.35s ease;
background: #ffffff;
}

.pages-layout-faq .accordion-body {
padding: 16px;
color: #222;
line-height: 1.6;
font-size: 17px;
}







/*CAPTION*/
/*---CAPTION: THREE LAYER---*/
.pages-caption-solo{
padding:40px 5%;
line-height: 1.1;
}

.pages-caption-solo.pos-left{text-align:left;}
.pages-caption-solo.pos-center{
text-align:center;
margin:0 auto;
}

.pages-caption-solo.pos-right{
text-align:right;
margin-right: 0;
margin-left: auto;
}

.pages-caption-solo{
font-weight:500;	
margin-bottom:10px;
max-width: 80%;
}

.pages-caption-solo.l{font-size:2.8vw;}
.pages-caption-solo.m{font-size:2.2vw;}
.pages-caption-solo.s{font-size:1.6vw;}

.pages-caption-solo.light{color:beige;}
.pages-caption-solo.dark{color:#222;}



@media (max-width:1000px) {
.pages-caption-solo.l, .pages-caption-solo.m, .pages-caption-solo.s{
font-size:28px;	
max-width: 100%;
}
}



/*SPACES & SPACE REMOVERS*/
/*---SPACES & SPACE REMOVERS: SPACERS---*/
.pages-sparem-spacer-small{
padding: 20px;
}

.pages-sparem-spacer-medium{
padding: 40px;
}

.pages-sparem-spacer-large{
padding: 60px;
}

/*---SPACES & SPACE REMOVERS: REMOVERS---*/
.pages-sparem-remover-small{
margin: -20px;
}

.pages-sparem-remover-medium{
margin: -40px;
}

.pages-sparem-remover-large{
margin: -60px;
}

/*---SPACES & SPACE REMOVERS: CANCELLER---*/
@media (max-width:1000px) {
.pages-sparem-spacer-small.ror,
.pages-sparem-spacer-medium.ror,
.pages-sparem-spacer-large.ror{
padding: 0px;
}
}





/*NAVIGATION*/
/*---NAVIGATION: INNER NAV (LAYOUT)---*/
.pages-nav-inner-layout {
display: flex;
justify-content:flex-start;
align-items: flex-start;
padding: 16px 5%;
gap:20px;
margin-bottom: 30px;
}

.pages-nav-inner-layout li{
list-style: none;
}

/*---NAVIGATION: INNER NAV (CONTENT)---*/
.pages-nav-inner-layout .innav-link {
text-decoration: none;
color: #222;
font-weight: 500;
position: relative;
transition: color 0.3s ease;
}

.pages-nav-inner-layout .innav-link::after {
content: "";
position: absolute;
left: 0;
bottom: -16px;
width: 0%;
height: 4px;
background: #c86c13;
transition: width 0.3s ease;
}

.pages-nav-inner-layout .innav-link:hover, .pages-nav-inner-layout .innav-link.active {
color: #c86c13;
}

.pages-nav-inner-layout .innav-link.active::after {
width: 100%;
}









/*ADDITIVES*/
/*---ADDITIVES: LEARN MORE (LAYOUT)---*/
.pages-adds-link-learn{
color:inherit;
font-size:18px;
font-weight:500;
padding-right:15px;
}

.pages-adds-link-learn::after{
padding-left:8px;
font-family: "Ionicons";
content:"\f125";
font-size:14px;
color:#c86c13;
}

.pages-adds-link-learn:hover::after {
animation-name: jdryr93jd9d93j3jd;
animation-duration: 0.5s; 
animation-iteration-count: 1;
animation-fill-mode: forwards;
}

@keyframes jdryr93jd9d93j3jd {
from {
padding-left:8px;
color:#c86c13;
}
  
to {
padding-left:12px;
color:#222;
}
}