@charset "utf-8";


/* ==============================
   Icon fonts
   ============================== */
  
@import url("icons.css");
@import url("icomoon.css");
@import url("font-awesome-brands.css");


/* ==============================
   Variables
   ============================== */
  
:root{
    --full-wrapper-margin-x: 30px;
    --container-width: 1350px;
    --section-padding-y: 120px;
    --menu-bar-height: 85px;
    --menu-bar-height-scrolled: 65px;
    --color-dark-1: #010101;
    --color-dark-2: #171717;
    --color-dark-3: #272727;
    --color-dark-3a: #333;
    --color-dark-4: #555;
    --color-gray-1: #757575;
    --color-gray-2: #888;
    --color-gray-3: #999;
    --color-gray-light-1: #f1f1f1;
    --color-gray-light-2: #f7f7f7;
    --color-gray-light-3: #e5e5e5;
    --color-gray-light-4: #d5d5d5;
    --color-gray-light-5: #ccc;
    --color-gray-light-6: #bbb;
    --color-dark-mode-gray-1: rgba(255,255,255, .7);
    --color-dark-mode-gray-2: rgba(255,255,255, .1275);
    --color-primary-1: #4567ed;
    --color-primary-1-a: #375ae3;    
    --color-primary-light-1: #e3effe;
    --color-primary-light-1-a: #bcd1f1;
    --color-primary-2: #7752e7;
    --color-primary-light-2: #e7defe;
    --color-primary-3: #b947d9;
    --color-primary-light-3: #f7defe;
    --color-primary-4: #e748b1;
    --color-primary-light-4: #ffe1f5; 
    --color-secondary-1: #fbe3a1;   
    --gradient-primary-1: linear-gradient( 90deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-a: linear-gradient( 90deg, var(--color-primary-4) 25%, var(--color-primary-3) 40%, var(--color-primary-2) 60%, var(--color-primary-1) 75%);
    --gradient-primary-1-b: linear-gradient( 45deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-c: linear-gradient( 0deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
    --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
    --gradient-dark-alpha-1: linear-gradient( 90deg, var(--color-dark-1) 40%, transparent 87%);
    --gradient-dark-alpha-2: linear-gradient( 90deg, transparent 13%, var(--color-dark-1) 60%);
    --gradient-primary-alpha-1: linear-gradient( 90deg, var(--color-primary-1) 40%, transparent 87%);
    --gradient-primary-alpha-2: linear-gradient( 90deg, transparent 13%, var(--color-primary-1) 60%);
    --border-radius-default: 4px;
    --border-radius-large: 30px;
    --box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05),0px 1px 1px 0px rgba(0, 0, 0, 0.03),0px 3px 5px 0px rgba(0, 0, 0, 0.03);
    --box-shadow-strong: 0px 5px 10px 0px rgba(0, 0, 0, 0.08),0px 1px 1px 0px rgba(0, 0, 0, 0.06),0px 3px 5px 0px rgba(0, 0, 0, 0.06);
    --box-shadow-block: 0px 3px 50px 0px rgba(0, 0, 0, 0.05);
    --box-shadow-block-strong: 0px 3px 50px 0px rgba(0, 0, 0, 0.15);  
    --transition-default: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    --ease-default: cubic-bezier(0, 0, 0.58, 1);
    --ease-out-long: cubic-bezier(0,.5,0,1);
    --ease-out-medium: cubic-bezier(0,.57,.55,1);
    --ease-out-short: cubic-bezier(.15,.7,.78,1);
    --ease-elastic-1: cubic-bezier(0.68,-0.55,0.27,1.55);
    --ease-elastic-2: cubic-bezier(0.68,-3,0.27,5);
}


/* ==============================
   Common styles
   ============================== */
  
:root{
    scroll-behavior: auto;
}
html{
    -ms-overflow-style: scrollbar;
}
body{
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility; 
font-family: "Roboto", sans-serif;
}
main{
    overflow: clip;
}
iframe{
    border: none;
}
a, b, div, ul, li{
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-tap-highlight-color: transparent; 
    -moz-outline-: none;
}
a {
    color: var(--color-dark-1);
    text-decoration: underline;
    transition: color 0.1s var(--ease-default);
}
a:focus:not(.focus-visible),
a:active,
section:focus,
div:active,
div:focus{
    -moz-outline: none;
    outline: none;
}

img:not([draggable]), embed, object, video{
    max-width: 100%;
    height: auto;
}
.image-fullwidth img{
    width: 100%;
    height: auto;
}
.min-height-80vh{
    min-height: 80vh;
}
.min-height-90vh{
    min-height: 90vh;
}
.min-height-100vh{
    min-height: 100vh !important;
    min-height: 100svh !important;
}
.align-center{ text-align:center !important; }
.left{ float:left !important; }
.right{ float:right !important; }
.hidden{ display:none !important;}
.relative{ position: relative !important;}
.z-index-1{ z-index: 1 !important;}
.z-index-n1{ z-index: -1 !important;}
.no-hover{ cursor: default !important;}
.wch-unset{ will-change: unset !important; }
.white{ color: #fff !important; }
.black{ color: var(--color-dakr-1) !important; }
.color-primary-1{ color: var(--color-primary-1) !important; }
.color-primary-2{ color: var(--color-primary-2) !important; }
.color-primary-3{ color: var(--color-primary-3) !important; }
.color-primary-4{ color: var(--color-primary-4) !important; }
.color-secondary-1{ color: var(--color-secondary-1) !important; }
.opacity-003{ opacity: .03 !important; }
.opacity-004{ opacity: .04 !important; }
.opacity-005{ opacity: .05 !important; }
.opacity-006{ opacity: .06 !important; }
.opacity-007{ opacity: .07 !important; }
.opacity-008{ opacity: .08 !important; }
.opacity-009{ opacity: .09 !important; }
.opacity-01{ opacity: .1 !important; }
.opacity-015{ opacity: .15 !important; }
.opacity-02{ opacity: .2 !important; }
.opacity-025{ opacity: .25 !important; }
.opacity-03{ opacity: .3 !important; }
.opacity-035{ opacity: .35 !important; }
.opacity-04{ opacity: .4 !important; }
.opacity-045{ opacity: .45 !important; }
.opacity-05{ opacity: .5 !important; }
.opacity-055{ opacity: .55 !important; }
.opacity-06{ opacity: .6 !important; }
.opacity-065{ opacity: .65 !important; }
.opacity-07{ opacity: .7 !important; }
.opacity-075{ opacity: .75 !important; }
.opacity-08{ opacity: .8 !important; }
.opacity-085{ opacity: .85 !important; }
.opacity-09{ opacity: .9 !important; }
.opacity-095{ opacity: .95 !important; }
.opacity-1{ opacity: 1 !important; }
.size-13 { font-size: 13.5px !important; }
.size-14{ font-size: 14px !important; }
.size-15{ font-size: 15px !important; }
.size-16{ font-size: 16px !important; }
.size-17{ font-size: 17px !important; }
.size-18{ font-size: 18.5px !important; }
.size-20{ font-size: 20px !important; }
.size-22{ font-size: 22px !important; }
.size-24{ font-size: 24px !important; }
.box-shadow{ box-shadow: var(--box-shadow-block) !important;}
.box-shadow-strong{ box-shadow: var(--box-shadow-block-strong) !important;}
.border-color-primary-1{
    border: 1px solid var(--color-primary-1);
}
.border-color-primary-2{
    border: 1px solid var(--color-primary-2);
}
.border-color-primary-3{
    border: 1px solid var(--color-primary-3);
}
.border-color-primary-4{
    border: 1px solid var(--color-primary-4);
}
.border-dark{
    border: 1px solid var(--color-dark-mode-gray-2) !important;
}
.bg-border-dark{
    background: var(--color-dark-3) !important;
    border: 1px solid var(--color-dark-mode-gray-2) !important;
}
.stick-fixed{
    position: fixed !important;
    top: 0;
    left: 0;
}
.block-sticky{
    position: sticky;
    top: calc(var(--menu-bar-height-scrolled) + 40px);
    left: 0;
}
.round{
    border-radius: var(--border-radius-default) !important;
}
.round-large{
    border-radius: var(--border-radius-large) !important;
}
.circle{
    border-radius: 100px !important;
}
.circle-large{
    border-radius: 700px !important;
}
.round.overflow-hidden,
.round-large.overflow-hidden,
.circle.overflow-hidden,
.circle-large.overflow-hidden{
    isolation: isolate;
    transform: translateZ(0);
}
::selection{
    color: #fff;
    background: var(--color-primary-1);
}
.light-content ::selection{
    color: #fff;
    background: var(--color-primary-1);
}
.animate, .animate *{
    transition: var(--transition-default);
}
.parallax-mousemove{
   transition: var(--transition-default);
   -moz-transition: none !important;
   will-change: transform;
}
.parallax-mousemove-follow{
    -moz-transition: none !important;
}
@media not all and (min-resolution:.001dpcm) { @media {
    .parallax-mousemove,
    .parallax-mousemove-follow{
       transition: none !important;
    }
}}
[data-rellax-x]{
    transition: transform 0.25s var(--ease-out-short);
    transition-delay: 0.0025s;
    will-change: transform;
}
[data-rellax-y]{
    transition: transform 0.25s cubic-bezier(0, 0, 0.58, 1);
    transition-delay: 0.0025s;
    will-change: transform;
}
.no-animate{    
    -webkit-transition-property: none !important;
    -moz-transition-property: none !important;
    -o-transition-property: none !important;
    transition-property: none !important; 
}
.clearlist, .clearlist li{
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
}
.clearlinks a{
    text-decoration: none;
    color: unset;
}
.clearlinks a:hover{
    color: unset !important;
}
.full-wrapper{
    margin: 0 var(--full-wrapper-margin-x);
}
.container{
    max-width: var(--container-width);
    padding: 0 30px;
}
.row:not(
.g-0, .g-1, .g-2, .g-3, .g-4, .g-5,
.gx-0, .gx-1, .gx-2, .gx-3, .gx-4, .gx-5,
.gy-0, .gy-1, .gy-2, .gy-3, .gy-4, .gy-5){
    --bs-gutter-x: 30px;
}
.row.gx-huge{
    --bs-gutter-x: 276px;
}
.icon-ellipse{
    position: relative;
    top: -0.085em;
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: currentColor;
    border-radius: 50%;
}
.text-outline-cont{
    position: relative;
    display: inline-block;
}
.text-outline{
    position: relative;
}
.text-outline-1{
    position: absolute;
    top: -0.36em;
    left: 0;
    color: #fff;
    -webkit-text-stroke: 1px var(--color-dark-1);
    opacity: .2;
    pointer-events: none;
}
.text-outline-2{
    position: absolute;
    top: -0.72em;
    left: 0;
    color: #fff;
    -webkit-text-stroke: 1px var(--color-dark-1);
    opacity: .1;
    pointer-events: none;
}
.light-content .text-outline-1{
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    opacity: .17;
}
.light-content .text-outline-2{
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    opacity: .07;
}


/* Preloader
-----------------------------------------------------------------*/
.loader-wrap {
  position: fixed;
  z-index: 10;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: transparent;
  z-index: 99999999999999; }
  .loader-wrap .text-center {
    position: relative;
    z-index: 444; }
    .loader-wrap .text-center .logo {
      /* width: 50px; */
      margin-bottom: 30px; }

.loader-wrap svg {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 110vh;
  fill: #000; }

.loader-wrap .loader-wrap-heading .load-text {
  font-size: 20px;
  font-weight: 200;
  letter-spacing: 10px;
  text-transform: uppercase;
  color: #ffc259;
  z-index: 20; }

.load-text span {
  -webkit-animation: loading 1s infinite alternate;
  animation: loading 1s infinite alternate; }

.load-text span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.load-text span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.load-text span:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.load-text span:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.load-text span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.load-text span:nth-child(6) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.load-text span:nth-child(7) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

@-webkit-keyframes loading {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes loading {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }



/* ==============================
   Typography
   ============================== */
  
body{
    color: var(--color-dark-1);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.67; 
}
a{
    color: var(--color-dark-1);
    text-decoration: none;
    transition: color 0.1s var(--ease-default);
}
a:hover{
    color: var(--color-dark-4);
    /* text-decoration: underline; */
}
b, strong{
    font-weight: 500;
}
mark{
    position: relative;
    padding: 0;
    color: inherit;
    background-color: transparent;
    background-image: linear-gradient(90deg,rgba(17,17,17,.1) 0,rgba(17,17,17,.1) 100%);
    background-repeat: no-repeat;
    background-size: 100% .3em;
    background-position: 0 110%;
}
.light-content mark{
    background-image: linear-gradient(90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);
}


h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    margin-bottom: 1em;
    font-weight: 500;
    line-height: 1.2;   
}

h1, .h1{
    margin-bottom: 0.5em;
    font-size: 42px;
    letter-spacing: -0.04em;
}
h2, .h2{
    margin-bottom: 0.5em;
    font-size: 36px;
    letter-spacing: -0.03em;
}
h3, .h3{
    margin-bottom: 0.7em;
    font-size: 28px;
    letter-spacing: -0.03em;
    font-size: 18px;
}
h4, .h4{
    font-size: 24px;
}
h5, .h5{
    font-size: 20px;
}
h6, .h6{
    font-size: 16px;
    font-weight: 700;
}
p{
    margin: 0 0 1.5em 0;
}
ul, ol{
    margin: 0 0 1.5em 0;
}
blockquote{
    margin: 0 0 2em 0;
    padding: 0;
    border: none;
    background: none;
    font-style: normal;
    line-height: 1.47;
}
blockquote p{
    position: relative;
    margin-bottom: 0.7em;
    /* font-size: 140%; */
    font-style: normal;
    letter-spacing: -0.01em;
    line-height: 1.5;
}
blockquote footer{
    font-size: 15px;
    font-weight: 400;
}
.testimonial{
    position: relative;
    border: none;
    background: none;
    /* font-size: 46px; */
    border: none;
}
.testimonial p{
    position: relative;
    margin-bottom: .85em;
    font-size: 26px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.025em;
    line-height: 1.217;
}
.testimonial footer{
    font-size: 18px;
    font-weight: 500;
}
.testimonial .small{
    font-size: 20px;
    font-weight: 400;
    color: #828385;
    margin-top: 30px;
    margin-bottom: 0;
}
.light-content .testimonial .small{
    color: var(--color-dark-mode-gray-1);
}

.light-content .testimonial .blockquote-icon{
    color: var(--color-dark-1);
}
dl dt{
    margin-bottom: .5em;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.0039em;
}
dl dd{
    margin-bottom: 1.9em;
    color: var(--color-gray-1);
}
.light-content dl dd{
    color: var(--color-dark-mode-gray-1);
}
pre{
    background-color: #f9f9f9;
    border-color: #ddd;
}
hr{
    background-color: #000;
    opacity: .1;
}
hr.white{
    background-color: #fff;
    opacity: 1;
}
.dark-mode hr.white{
    background-color: #fff;
    opacity: .15;
}
hr.black{
    background-color: var(--color-dark-1);
    opacity: 1;
}
hr.thick{
    height: 2px;
}

.uppercase{
    text-transform: uppercase;
    letter-spacing: 0.025em;
}
.serif{
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: normal;
}
.font-alt{
   font-family: var(--font-alt); 
}
.normal{
    font-weight: normal;
}
.strong{
    font-weight: 700 !important;
}
.lead{
    margin: 0 0 1em 0;
    font-size: 140%;
    font-weight: 400; 
    letter-spacing: -0.012em;
    line-height: 1.5;
}
.lead-alt{
    font-size: 46px;
    font-weight: 500;
    line-height: 1.196;
    letter-spacing: -0.04em;
}
.dropcap{
    float: left;
    font-size: 3em;
    line-height: 1;
    padding: 2px 8px 2px 0;    
}

.highlight pre{
    border: 1px solid var(--color-gray-light-3);
    background: var(--color-gray-light-2);
    color: var(--color-dark-4);
    border-radius: var(--border-radius-default);
}
.light-content .highlight pre{
    border-color: transparent;
    background-color: var(--color-dark-3a);
    color: var(--color-gray-light-6);
}

/* 
 * Headings styles
 */

.hs-wrap{
    position: relative;
    margin: 0 auto;
    padding: 50px 40px;  
    overflow: hidden;  
    text-align: center;   
    border: 1px solid rgba(255,255,255, .05);
    border-radius: var(--border-radius-default);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    isolation: isolate;
    transform: translateZ(0);
}
.hs-wrap:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    opacity: 0.17;
}
.hs-line{
    position: absolute;
    top: 50%;
    left: 50%;    
    width: 3%;
    height: 160%;    
    mix-blend-mode: difference; 
    pointer-events: none;
}
.hs-line:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: translate(-50%, -50%) rotate(30deg);
}
.hs-icon{
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 50px;
}
.hs-icon svg{
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
@media only screen and (min-width: 992px) {
    .hs-title-overlap{ 
        width: 137% !important; 
        margin-right: -37%;
    }
}
.hs-title-1{
    margin-top: 0;
    font-size: 70px;
    font-weight: 500;
    line-height: 1.085;
    letter-spacing: -0.035em;
}
.hs-title-2{
    margin-top: 0;
    font-size: 120px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.025em;
}
.hs-title-2a{
    margin-top: 0;
    font-size: 112px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.025em;
}
.hs-title-3{
    margin-top: 0;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}
.hs-title-3a{
    margin-top: 0;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.012em;
}
.hs-title-4{
    margin-top: 0;
    font-size: 100px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
}
.hs-title-4a{
    margin-top: 0;
    font-size: 100px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
}
.hs-title-5{
    margin-top: 0;
    font-size: 150px;
    font-weight: 500;
    line-height: 0.92;
    letter-spacing: normal;
    text-transform: uppercase;
}
.hs-title-6{
    margin-top: 0;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.hs-title-7{
    margin-top: 0;
    font-size: 160px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.02em;
}
.hs-title-8{
    margin-top: 0;
    font-size: 60px;
    font-weight: 500;
    line-height: 1.085;
    letter-spacing: -0.035em;
}
.hs-title-9{
    margin-top: 0;
    font-size: 65px;
    font-weight: 500;
    line-height: 1.1176;
    letter-spacing: -0.037em;
}
.hs-title-10{
    margin-top: 0;
    font-size: 56px;
    font-weight: 500;
    line-height: 1.1785;
    letter-spacing: -0.037em;
}
.hs-title-11{
    margin-top: 0;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.hs-title-12{
    margin-top: 0;
    font-size: 86px;
    font-weight: 500;
    line-height: 1.085;
    letter-spacing: -0.035em;
}
.hs-title-13{
    margin-top: 0;
    font-size: 82px;
    font-weight: 500;
    line-height: 1.085;
    letter-spacing: -0.035em;
}
.hs-title-13a{
    margin-top: 0;
    font-size: 82px;
    font-weight: 500;
    line-height: 1.085;
    letter-spacing: -0.035em;
}
.hs-line-14{
    font-size: 120px;
    font-weight: 500;
    letter-spacing: -0.03em;
}
.hs-image-1{
    max-width: 0.85em;
    max-height: 0.85em;
    margin-top: -0.2em;
    vertical-align: middle;
}
.hs-image-1{
    width: 0.85em;
    height: 0.85em;
    margin-top: -0.2em;
    vertical-align: middle;
}
.hs-image-2{
    width: 0.75em;
    height: 0.75em;
    margin-top: -0.2em;
    vertical-align: middle;
    border-radius: 50%;
}
.hs-image-3{
    height: 0.75em !important;
    margin-top: -0.2em;
    vertical-align: middle;
    border-radius: 100px;
}
.hs-paragraph-1{
    position: absolute;
    top: 158px;
    left: 0;
    max-width: 256px;
    font-size: 16px;
    line-height: 1.5;
}
.hs-paragraph-2{
    position: absolute;
    top: 160px;
    right: 50px;
    max-width: 350px;
    font-size: 14px;
    text-transform: uppercase;
    text-indent: 4em;
    line-height: 1.5;
    letter-spacing: 0;
}
.hs-descr{
    font-size: 34px;
    font-weight: 400;
    line-height: 1.353;
    letter-spacing: -0.0075em;
}


/* ==============================
   Links
   ============================== */

.link-hover-anim{    
    position: relative;
    display: inline-block;
    padding: 6px 0;
    overflow: hidden;    
    font-size: 17px;    
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    vertical-align: middle;
    color: currentColor;
    background: none;
    border: none;
    cursor: pointer;
}
.link-hover-anim:hover{
    text-decoration: none !important;
}
.main-nav .link-hover-anim{
    top: 1px;
}
.link-strong{
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 7px 0;
    transition: transform 0.5s var(--ease-elastic-1), opacity 0.5s var(--ease-elastic-1), color 0.2s var(--ease-default);
}
.underline .link-strong{
    border-bottom: 2px solid currentColor;
}
.underline .link-strong i{
    position: relative;
    top: 0.075em;
}
.link-hover-anim:not(.underline) .link-strong i:not([class^="icon-"]){
    position: relative;
    top: -0.05em;
    vertical-align: middle;
}
.link-strong svg{
    position: relative;
    top: -0.1em;
    margin-right: 0.2em;
}
.link-strong-hovered{
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    opacity: 0;
    transform: translateY(150%) translateZ(0.001px) skewY(10deg);
}
.link-hover-anim:hover{
    color: inherit;
}
.link-strong-unhovered{
    display: block;
}
.link-hover-anim:hover .link-strong-unhovered{ 
    opacity: 0;
    transform: translateY(-150%) translateZ(0.001px) skewY(-10deg);
}

.link-hover-anim:hover .link-strong-hovered{;
    opacity: 1;
    transform: translateY(0) translateZ(0.001px) skewY(0);
}
.light-content .link-strong,
.light-content .link-hover-anim{
    color: #fff;
}

.link-hover-anim.link-gradient .link-strong{
    background: var(--gradient-primary-1-a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.link-hover-anim.link-gradient .link-strong i{
    -webkit-text-fill-color: var(--color-primary-1);
}

.link-circle{
    padding-right: 22px;
}
.link-circle:before{
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 7px;
    transform: translate3d(0, -50%, 0.001px);
    display: block;
    width: 51px;
    height: 51px;    
    border: 1px solid currentColor;
    border-radius: 50%;
    transition: all .5s var(--ease-elastic-2);
}
.link-circle:hover:before{
    transform: translate3d(0, -50%, 0.001px) scale(1.1);
}
.link-circle .link-strong{
    padding: 20px 0;
}

.link-circle-1{
    margin-left: -7px;
    padding-left: 27px;
}
.link-circle-1:before{
    content: "";
    position: absolute;
    top: calc(50%);
    left: 7px;
    transform: translate3d(0, -50%, 0.001px);
    display: block;
    width: 60px;
    height: 60px;    
    border: 2px solid var(--color-dark-1);
    border-radius: 50%;
    opacity: .15;
    transition: all .5s var(--ease-elastic-2);
}
.link-circle-1 .link-strong-hovered{
    left: 27px;
}
.light-content .link-circle-1:before{
    border-color: #fff;
    opacity: .25;
}
.link-circle-1:hover:before{
    transform: translate3d(0, -50%, 0.001px) scale(0.88);
}
.link-circle-1 .link-strong{
    padding: 24px 0;
}

/**********************/
section{padding-top:100px; padding-bottom:100px;}
.bg-yellow {
    background: #febd47;
}
.bg-cream {
    background: #fff9f1;
}
.bg-grey {
    background: #E6E7E8;
}
.main-nav {
    background: #706C6B;
}
.main-nav-sub {
    flex-grow: 1;
    display: flex;
    position: relative;
	justify-content: space-between;
	    margin: 0 auto;
		align-items: center;
}
.language {
    position: absolute;
    right: 0;
    top: -10px;
    color: #fff;
    font-size: 10px;
	    right: 30px;
		transition: all 0.5s ease;
}

.language a, .language {
    color: #fff;
    font-size: 10px;
	font-style:italic
}
.language a.active {
    border-bottom: 1px solid #ffc259;
}
.language {
    display: flex;
    gap: 5px;
	    
}
.inner-nav {

    position: relative;

}
.mobile-nav {
    display: none;
    margin-left: auto;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    cursor: pointer;
    height: var(--menu-bar-height);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition-property: background, color, height;
}
.inner-nav ul {
    margin: auto;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.3;
}
.clearlist, .clearlist li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
}
.inner-nav ul li {
    margin: 0 0;
    position: relative;
}
.inner-nav ul li:last-child {
    margin-right: 0;
}
.inner-nav > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	    gap: 24px;
}
.inner-nav ul li a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.inner-nav ul li a:hover, .inner-nav ul li a.active {
    color: #fdc043;
    opacity: 1;
    text-decoration: none;
}
.main-nav-sub .desktop-nav > ul > li > a.current:before {
    display: none;
}
.mn-sub {
    display: none;
    width: 220px;
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    padding: 0;
    /* background: rgb(255 194 89 / 80%); */
    background: rgb(255 194 89 / 85%);
    border-radius: 0 0 3px 3px;
}
nav.main-nav.body-scrolled .mn-sub {
    top: calc(100% + 10px);
}
nav.main-nav.body-scrolled .mn-sub {
    background: rgb(255 194 89 / 85%);
}
.mn-has-multi {
    width: 430px !important;
    padding: 15px;
    text-align: left;
    white-space: nowrap;
}
.mn-has-multi .mn-has-multi {
    width: 300px !important;
}
.mn-sub.mn-has-multi.menu-about-ul {
	width: 300px !important;
}
.inner-nav > ul > li:nth-last-child(2) ul.mn-sub {
    width: 268px !important;
}
.inner-nav > ul > li > a {
    display: table-cell;
    vertical-align: middle;
    height: var(--menu-bar-height);
    opacity: 1;
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
}
ul.mn-sub li a {
    text-align: left;
    width: 100%;
    text-transform: uppercase;
    color: #000;
    font-size: 15px;
    padding: 5px 0;
    line-height: 20px;
}

ul.mn-sub li {
    margin: 0;
}
/* nav.main-nav
{transform:translateY(-100px)} */
ul.mn-sub {
    padding: 30px;
    visibility: hidden;
    opacity: 0 !important;
    position: absolute;
    /* padding: 20px 0; */
    top: 100%;
    transform: translateY(50px);
    left: 0;
    display: block !important;
	transition: all 0.5s ease;
	max-height:0;
	/* overflow:hidden; */
}
.inner-nav ul li:hover > ul.mn-sub {
    visibility: visible;
    opacity: 1 !important;
    transform: translateY(0px);
    display: block !important;
	max-height:unset;
}
ul.mn-sub li.has-child a:after {
    content: "";
    content: "\e921";
    font-family: 'icons' !important;
	    margin-left: auto;
}

ul.mn-sub ul.mn-sub li a:after {
    display: none;
}
.inner-nav ul li.about-main ul.mn-sub li a:after {
    display: none;
}
.main-nav-sub a.current {
    position: relative;
}

.main-nav-sub a:before {
    content: "";
    position: absolute;
    left: 0;
    right: auto;
    height: 1px;
    background: #000;
    bottom: 4px;
}

.main-nav-sub a.current:before {
    right: 0;
}
ul.mn-sub li a {
    display: flex;
    justify-content: space-between;
}
ul.mn-sub li a {
    position: relative;
}
span.mn-has-sub {
    order:3;
}
ul.mn-sub ul.mn-sub, nav.main-nav.body-scrolled .mn-sub ul.mn-sub{left:calc(100% + 30px); top:0; }
.main-nav {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    background: transparent;
    /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.025), 0px 1px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 50px 0px rgba(0, 0, 0, 0.07); */
    z-index: 1030;
    padding:22px 0;
    transition: all 0.2s var(--ease-default);
}
nav.main-nav.body-scrolled {
    padding: 5px 0;
    background: #000;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 1) 100%);
	z-index: 999999;
}

nav.main-nav.body-scrolled .language {
    top: 5px;
}
/* --------------- header style1 --------------- */
.home-section .header-slider {
  position: relative;
  overflow: hidden; }
  .home-section .header-slider .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 100%; }
  .home-section .header-slider .swiper-slide-active {
    position: relative;
    z-index: 20; }
  .home-section .header-slider .slider-controls {
    position: absolute;
    right: 40px;
    bottom: 130px;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    border-radius: 30px;
    color: #fff; }
    .home-section .header-slider .slider-controls .swiper-button-next,
    .home-section .header-slider .slider-controls .swiper-button-prev {
      position: static;
      height: -webkit-max-content;
      height: -moz-max-content;
      height: max-content;
      -webkit-margin-start: 50px;
      margin-inline-start: 50px;
      font-size: 30px; }
      .home-section .header-slider .slider-controls .swiper-button-next::after,
      .home-section .header-slider .slider-controls .swiper-button-prev::after {
        color: #fff;
        position: relative; }
  .home-section .header-slider .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 60px;
    color: #fff;
    z-index: 30;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 15px;
	display:none;
    }
    .home-section .header-slider .swiper-pagination > span {
      font-size: 30px;
      font-weight: 100;
      display: block;
      margin: 10px 0;
      background: #febd47;
      opacity: 0.5;
      width: 15px;
      height: 15px;
      border-radius: 0;
      }
	  .home-section .header-slider .swiper-pagination > span.swiper-pagination-bullet-active
	  {opacity:1}

.home-section .slider-card {
  position: relative; }
  .home-section .slider-card .img {
    height: 100vh;
    position: relative;
    min-height: 100vh }
	.home-section .slider-card .img img {
    min-height: 100%;
    object-fit: cover;
	    min-width: 100%;
}
    .home-section .slider-card .img::after {
 }
  .home-section .slider-card .info {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 130px;
    width: 100%;
    z-index: 20;
    color: #fff;
    padding: 0 !important;
    }
    .home-section .slider-card .info .js-title {
      font-size: 100px;
      font-weight: 700;
      line-height: 1;
      text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      margin-bottom:20px;
      text-transform: uppercase;
      }
	  .home-section .swiper-slide.slide1 .js-title {
    font-size: 30px;
    text-align: center;
    letter-spacing: 5px;
    font-weight: 500;
    margin: 0;
}
.home-section .swiper-slide.slide1 .js-title {
    padding-bottom: calc(50vh - 150px);
}
.slider-card .info .main-title:after {
    content: "";
    width: 115px;
    height: 12px;
    position: absolute;
    bottom: 0;
    background: #ffc259;
    left: 0;
}

.home-section .slider-card .info .main-title {
    padding-bottom: 13px;
    position: relative;
}
.home-section .slider-card .info .cont {
    max-width: 500px;
	padding: 0 !important;
}

.home-section .slider-card .info .cont .know-more-btn {
    display: inline-block;
    margin-top: 30px;
}
.home-section .slider-card .info .cont .know-more-btn a {
    background: transparent;
    padding: 0;
    color: #FFC259;
    font-style: italic;
}
.home-section .slider-card .info .cont .text {
    font-size: 15px;
}
.home-section .slider-card .info .cont .know-more-btn {
    margin-top: 20px;
}
.home-section .slider-card .info .cont .know-more-btn a:before, .home-section .slider-card .info .cont .know-more-btn a:after {
    display: none;
}

.home-section .slider-card .info .cont .know-more-btn a b {
    transition: all 0.5s ease;
}
.home-section .slider-card .info .cont .know-more-btn a:hover b {
    padding-left: 10px;
    display: inline-block;
}
a.scroll-down-1 {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
	animation: up-down 2s ease infinite;
}
a.scroll-down-1 img {
    max-height: 50px;
}
.inside-title a.scroll-down-1 {
    bottom: auto;
    top: 490px;
}
.scroll-down-1-icon {
    color: yellow;
}

.scroll-down-1-icon i:before, .scroll-down-1-icon i {
    color: yellow;
}
@media screen and (max-width: 991px) {
  .home-section .slider-card .img {
    /* height: 550px; */ height: 400px; min-height: 400px; }
    .home-section .slider-card .info {
        /* bottom: 60px; */
        padding: 30px;
    }
  .home-section .swiper-pagination {
    display: none; }
  .home-section .header-slider .slider-controls {
    bottom: 165px;
    right: 0; }
    .home-section .header-slider .slider-controls .swiper-button-prev::after,
    .home-section .header-slider .slider-controls .swiper-button-next::after {
      font-size: 20px; } 
	  .home-section .slider-card .info .js-title {
    font-size: 36px;
        line-height: 1.1;
}
	  .home-section  .slide1 .slider-card .info .js-title {
    font-size: 15px;
        line-height: 24px;
}

/*--*/
.home-section .header-slider {padding-bottom: 50px;}
.home-section .header-slider .swiper-pagination {bottom: 40px;}
a.scroll-down-1 {bottom: -70px;}

	  }
	
/******************** ABout *******************/

img.bracket {position: absolute;height: 100%;left: 0;}

.about-woodfield {
    max-width: 800px;
}

.about-woodfield p.position-relative {
    padding-left: 56px;
    font-style: italic;
    font-size: 25px;
    line-height: 1.3;
	font-weight: 500;
}
a.read-more {
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
}

a.read-more span {
    position: relative;
    font-weight: 600;
}

a.read-more span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: red;
}

/******************* Product **********************/

.product-img {
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0;
}

.product-img img {
    max-height: 100%;
    object-fit: cover;
    width: 100%;
}
.product-woodfield {padding-left: 50px;}

.product-col h5 {
    margin: 0 !important;
    text-transform: uppercase;
    font-size: 15px;
    color: #000;
    min-height: 40px;
	    display: flex;
    align-items: end;
}

.product-col {
    position: relative;
	    padding-bottom: 25px;
		margin-bottom:20px;
		transition: all 0.5s ease-in-out;
}
.product-col:hover {
    background: #f4b644;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 15px;
}

.product-col:hover > * {
    filter: brightness(0) invert(1);
}

.product-col:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    height: 10px;
    width: 100%;
    background: #f4b644;
	    width: 0;
		transition:all 1s ease-in-out;
		opacity:0
}
.aos-animate .product-col:after
{width: 100%; opacity:1}
.product-col:hover:after{opacity:0 !important; transition:all 0.5s ease-in-out;}
.product-col .icon {
    min-height: 90px;
    margin-bottom: 15px;
}
.product-woodfield .row .col-lg-4:last-child .product-col, .product-woodfield .row .col-lg-4:nth-last-child(2) .product-col, .product-woodfield .row .col-lg-4:nth-last-child(3) .product-col {
    margin-bottom: 0;
}
.expert-enginner {
    height: auto;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	    position: relative;
		background-color: #000;
}
.expert-enginner img {
    width: 100%;
}
.expert-enginner h3, .expert-enginner h2 {
    position: absolute;
    top: 150px;
    left: 0;
    color: #fff;
    font-size: 60px;
    z-index: 99999;
    width: 100%;
    text-align: center;
    margin: 0;
    font-weight: 600;
	font-size: 30px;
    text-align: center;
    letter-spacing: 12px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
}
.experience {
    background: url(../images/experience-bg.png) no-repeat center;
}
.count-digit {
    display: block;
    font-weight: 900;
    margin: 0;
    font-size: 80px;
	    line-height: 80px;
}
.count-digit.plus:after{content:"+"}

.count-digit-new {
    display: block;
    font-weight: 900;
    margin: 0;
    font-size: 80px;
	    line-height: 80px;
}
.count-digit-new.plus:after{content:"+"}
.count-area-content {
    color: #000;
	text-align:center;
}

h2.count-title {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 600;
    max-width: 190px;
	display: block;
    margin: 0 auto;
	    margin-top: -5px;
}
.count-area-content img {
    margin: 0 auto;
    display: block;
	margin-bottom: 10px;
}

.count-area-content.experience h2.count-title {
    font-size: 12px;
    /* margin: 0; */
    margin-top: 8px;
}

.count-area-content.experience .count-digit {
    margin-bottom: -15px;
    margin-top: 48px;
}

.count-area-content.experience .count-digit-new {
    margin-bottom: -15px;
    margin-top: 48px;
}
.experience {
    min-height: 187px;
    background-size: 187px;
}
.we-care{background:url(../images/we-care.png) no-repeat center;background-size:cover;padding:0 0;height: auto;position: relative;}
section#we-care {
    height: 1120px;
}
section#we-care > img{display:none}
.frame-text {
        border: 0;
    padding: 30px 50px;
    position: absolute;
    width: 720px;
    right: 0;
    /* background: linear-gradient(0deg, rgb(255 255 255 / 80%) -527.64%, rgb(213 213 213 / 80%) -493.51%, rgb(109 109 109 / 80%) -417.28%, rgb(0 0 0 / 80%) -341.6%); */
	background: linear-gradient(90deg, rgba(0,0,0,0.6222689759497548) 0%, rgba(0,0,0,0.01162471824667366) 100%);
    background-blend-mode: multiply;
    top: auto;
    bottom: 230px;
}
.frame-text-neww {bottom: 140px;}
.frame-text-inner {
    padding-right: 250px;
}

.content-logo {
    margin-bottom: 25px;
}
.header-title {
    color: #f4b644;
}

.header-title {
    font-size: 60px;
    z-index: 99999;
    width: 100%;
    /* text-align: center; */
    margin: 0;
    font-weight: 600;
}

.we-care .header-title {
    text-transform: uppercase;
    font-size: 278px;
    position: absolute;
    text-align: center;
    bottom: -43px;
    line-height: 1;
    color: #fff;
}
.frame-text-inner p {
    color: #fff;
	font-size: 15px;
}
.owl-item.active blockquote.testimonial {
    background: #F1F1F1;
}

.owl-item.active + .owl-item blockquote.testimonial {background: #fff;}
.owl-item blockquote.testimonial {
    border: 6px solid #F1F1F1;
    padding: 80px 60px;
}
.owl-nav button {
    font-size: 50px !important;
}

.owl-nav {
    display: flex;
    gap: 21px;
    position: absolute;
    top: -94px;
    right: calc((100% - 1280px) / 2);
    color: #828385;
}
.owl-carousel .owl-nav button
{transition: all 0.5s ease;}
.owl-carousel .owl-nav button.owl-prev {
    background: url(../images/slider-prev.svg) no-repeat center;
}
.owl-carousel .owl-nav button.owl-next {
    background: url(../images/slider-next.svg) no-repeat center;
}
.owl-carousel .owl-nav button.owl-next:hover {
    transform: translateX(10px);
}
.owl-carousel .owl-nav button.owl-prev:hover {
    transform: translateX(-10px);
}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span{opacity:0}
.post-prev-img img {
    width: 100%;
}
.post-prev-text {
    line-height: 1.2;
    padding: 20px 0;
}
.know-more-btn a {
    background: #fdc043;
    color: #000;
    font-size: 16px;
    /* text-transform: capitalize; */
    text-transform: uppercase;
    padding: 12px 15px;
    /* font-weight: 600; */
    font-weight: 400;
}
section#media .know-more-btn a {
    font-weight: 500;
}
.post-prev-container {
    margin-bottom: 40px;
}
.header-title2 {
    text-transform: uppercase;
    font-weight: 700;
    /* color: #706C6B; */
    color: #828385;
    /* margin-bottom: 30px; */
    margin-bottom: 40px;
	/* font-size:40px; */
	font-size:24px;
	letter-spacing: normal;
}
.accordion-item {
    background: transparent;
    border: 0;
}

.accordion-button {
    background: transparent !important;
    padding: 0;
    padding: 15px 0;
    font-weight: 600;
    text-transform: uppercase;
    color: #000 !important;
    font-size: 22px;
    border: 0;
    box-shadow: none !important;
    border-bottom: 1px solid #000;
	box-shadow: none !important;
}
.accordion-item h2 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
}
ul.contact-info {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
ul.contact-info li {
    display: flex;
    margin-bottom: 15px;
	font-size: 20px;
}

ul.contact-info li span.icon {
    flex: 0 0 30px;
    margin-right: 15px;
}

ul.contact-info li:last-child {
    margin: 0;
}

ul.contact-info {
    max-width: unset;
}
ul.contact-info li a:after {
    content: "";
    width: 0;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease;
}

ul.contact-info li a {
    position: relative;
}

ul.contact-info li a:hover:after {
    width: 100%;
}
ul.contact-info li a:hover
{color:#000}
.accordion-body {
    padding: 0;
    padding-bottom: 30px;
}

div#contact-details .accordion-item:first-child .accordion-button {
    /* border: 0; */
}
div#contact-details .accordion-body {
    padding-top: 20px;
}
.box.follow-us ul {
    justify-content: right;
}

.box.follow-us ul:after {
    display: none;
}

.box.follow-us {
    margin-top: 80px;
}
footer * {
    color: #fff;
}
.footer-main {
    padding: 60px 0;
}

ul.fw-menu li a {
    color: #febd47;
	    font-size: 15px;
}

ul.fw-menu li {
    margin-bottom: 15px;
}

ul.fw-menu li:last-child {
    margin: 0;
}

.subfooter {
    padding-bottom: 60px;
}
.subfooter p {
    font-size: 12px;
    margin: 0;
}
@keyframes fadeInUp{
    0%{
        opacity: 0;
        transform: translate3d(0,37px,0);
    }
    to{
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.no-animate {
    -webkit-transition-property: none !important;
    -moz-transition-property: none !important;
    -o-transition-property: none !important;
    transition-property: none !important;
	visibility: visible;
    animation-delay: 0.55s;
    animation-name: none;
}
.fadeInUp {
    animation-name: fadeInUp;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.wow, .wow-menubar, .wow-p {
    opacity: 0.001;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.appear-animate .wow.animated, .appear-animate .wow.scaleOutIn.animated, .appear-animate .wow-p.amimated, .appear-animate .wow-menubar.animated, .mobile .appear-animate .wow, .mobile .appear-animate .wow-menubar, .mobile .appear-animate .wow-p {
    opacity: 1;
    transform: scale(1.0);
	animation-delay: 0.55s;
}
.splitting {
    --word-center: calc((var(--word-total) - 1) / 2);
    --char-center: calc((var(--char-total) - 1) / 2);
    --line-center: calc((var(--line-total) - 1) / 2);
}
.splitting .word, .splitting .char {
    display: inline-block;
}
.splitting .word {
    --word-percent: calc(var(--word-index) / var(--word-total));
    --line-percent: calc(var(--line-index) / var(--line-total));
}
.splitting .word, .splitting .char {
    display: inline-block;
}
.splitting .char {
    position: relative;
}
.splitting .char {
    --char-percent: calc(var(--char-index) / var(--char-total));
    --char-offset: calc(var(--char-index) - var(--char-center));
    --distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) );
    --distance-sine: calc(var(--char-offset) / var(--char-center));
    --distance-percent: calc((var(--distance) / var(--char-center)));
}
.appear-animate .charsAnimIn .char {
    opacity: 0;
    transform: translateY(.5em) rotate(7deg);
    transform-origin: 0 50%;
    transition: transform .62s var(--ease-out-short), opacity .62s var(--ease-default);
    transition-delay: calc(0.027s* var(--char-index));
}
.charsAnimIn.animated .char, .mobile .charsAnimIn .char {
    opacity: 1;
    transform: none;
}
html:not(.mobile) .appear-animate .charsAnimIn .char {
    will-change: opacity, transform;
}

.header-title3 {
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
    margin-top: -4px;
}
.contact-text p {
    font-size: 27px;
	line-height:36px;
    font-style: italic;
}

.box.follow-us ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    gap: 30px;
}
.box.follow-us ul li a:hover img {
    filter: grayscale(100);
    transform: rotateY(90deg);
    transform: rotateY(360deg);
}

.box.follow-us ul li a img {
    transition: all 0.8s;
}
.page-title ul.bread-crumb {
    text-align: left;
	padding:0; margin:0;margin-bottom:40px;
}
.page-title .content-box .bread-crumb li, .beadcrumb-box .bread-crumb li{
	position: relative;
    display: inline-block;
    font-size: 13.5px;
    font-weight: 500;
    color: #7C7878;
    margin: 0px 3px;
    text-transform: uppercase;
	    font-weight: normal;
		padding-left:0
}

.beadcrumb-box .bread-crumb li{
	color: #000;
}
.page-title .content-box .bread-crumb li span, , .beadcrumb-box .bread-crumb li span{
	font-size: 13px;
}

.page-title .content-box .bread-crumb li:last-child{
	padding: 0px;
	margin: 0px;
}

.page-title .content-box .bread-crumb li a{
	color: #000;
}
.page-title .content-box .bread-crumb li:last-child {
    color: #000;
	font-weight: 700;
}
.page-title .content-box .bread-crumb li a, .beadcrumb-box .bread-crumb li a {
    color: #7C7878;
}
.breadcrumb-item::before, .breadcrumb-item+.breadcrumb-item::before
{content: "";
    background: url(../images/breadcrumb-arrow.svg) no-repeat center;
    width: 7.5px;
    height: 23px;
    background-size: 7.5px;
    padding: 0;
    margin: 0 0.5rem;}
.breadcrumb-item + .breadcrumb-item::before
{padding:0 0.; color:#000; }
.beadcrumb-box .bread-crumb li a
{color:#000;}
.page-title .content-box .bread-crumb li:first-child:before{display:none;}
.main-title {
    text-align: left;
}

.main-title h1 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 35px;
    border-bottom: 15px solid #fdc043;
    display: inline-block;
    margin-top: 30px;
    max-width: 220px;
    width: 220px;
}
.main-title p {
    font-size: 34px;
    color: #828385;
    font-style: italic;
    font-weight: 400;
    padding-left: 30px;
    padding-right: 60px;
    margin: 0;
    text-transform: none;
    line-height: 1.3;
}
.main-title > h1:nth-child(3) {
    margin-top: 0;
}
.content-column .content-box .main-title p {
    padding: 0;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 60px;
    font-size: 33px;
}
.content-column .content-box .main-title p.text-bold {
    font-weight: 900;
    font-style: normal;
}
.content-box .main-title:after {
    display: none;
}

.content-box .main-title {
    padding-bottom: 0;
}

.content-box {
    margin-bottom: 80px;
}
.row.feature-row {
    margin-left: -30px;
    margin-right: -30px;
}

.row.feature-row .col-lg-4, .row.feature-row .col-lg-3, .row.feature-row .col-lg-6  {
    padding-left: 30px;
    padding-right: 30px;
}
.orange-box p.text-italic {
    font-size: 18px;
}
.feature-box-outer {
    display: grid;
    grid-template-columns: 4,;
    grid-template-columns: repeat(3, calc(33.3333333% - 21px));
    /* min-height: 664px; */
    grid-gap: 30px;
}

.feature-box h3, .feature-box h2 {
    font-size: 18px;
    font-weight: 900;
}

.feature-box h2.product-name {
    margin: 0 0 10px 0;
	font-size: 18px;
    font-weight: 900;
}

.feature-box > * {
    color: #5a5d58;
}

.orange-box {
    background: #F1BC5D;
    padding: 30px;
}

.feature-box p {
    font-size: 18px;
    line-height: 1.4;
}

.orange-box > * {
    color: #000;
}
.with-accordian .orange-box > * {color: #828385;}
.orange-box h3 {
    font-size: 16px;
}

.orange-box p {
    font-size: 14px;
}
section.feature-container .feature-box {
    margin-top: 0;
}
section.features-main .accordion-button h2 {
    border-radius: 0 !important;
    border-top: 0;
    border-bottom: 2px solid #828385;
    font-size: 40px;font-size: 24px;
	color:#828385 !important
}
section.features-main .accordion-button h2 {
    border-radius: 0 !important;
    border-top: 0;
	border-bottom: 0;
    font-size: 40px;font-size: 24px;
	color:#828385 !important
}
section.features-main .accordion-button {
    padding-right: 10px;
}
section.features-main .card-body {
    padding: 0 0;
}
section.features-main .card-body ul.list li, section.features-main .accordion-body > ul.list li {
    color: #706C6B;
}
section.features-main .accordion-body > ul.list {
    margin: 20px 0;
}
.accordion-body .card-header {
    
    background: transparent;
    /* border: 0; */
    box-shadow: none;
    padding: 0;
    
}
.accordion-body .card {
    border: 0;
	border-radius:0;
}
.accordion-body .card
{margin-bottom: 8px;
    border-bottom: 1px solid #000;
	padding-bottom: 8px;}


.accordion-body .card-header a {
    display: inline-block;
    width: 100%;
    padding: 8px 10px;
    background: #E8E7E7;
}
.accordion-body .card-header a {
    display: inline-block;
    width: 100%;
    padding: 8px 15px;
    background: #E8E7E7;
    font-weight: 600;
    color: #828385;
}
.accordion-body .card-header a:after, .card-header a:after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    display: inline-block;
}

.accordion-body .card-header a {
    position: relative;
    display: flex;
    align-items: center;
}


ul.list {
    margin: 0;
    /* padding-left: 15px; */
}
section.features-main .card-body {
    margin: 20px 0;
}
.want-head {
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.2;
    padding: 30px 0;
}

.want-head {
    background: url(../images/curley.png) no-repeat center;
    background-size: auto 100%;
    background-position: right center;
}
.want-text {
    padding-left: 50px;
}
.know-more-btn.btn-white a {
    background: #fff;
}
.inside-header {
    padding-top: 550px;
    background-size: cover !important;
	    margin-bottom: 40px;
}
.marine-arms-header
{background:url(../images/header/marine-arms-header.png) no-repeat center}
.skid-header
{background:url(../images/header/skid-header.png) no-repeat center}
.digital-control-valve-header
{background:url(../images/header/digital-control-valve-header.png) no-repeat center}
.floating-suction-unit-header
{background:url(../images/header/floating-suction-unit-header.png) no-repeat center}
.safe-access-systems-header
{background:url(../images/header/safe-access-systems-header.png) no-repeat center}
.swivel-joints-header
{background:url(../images/header/swivel-joints-header.png) no-repeat center}
.strainer-header
{background:url(../images/header/strainer-header.png) no-repeat center}
.accessories-header
{background:url(../images/header/accessories-header.png) no-repeat center}
.rail-and-truck-header
{background:url(../images/header/rail-and-truck-header.png) no-repeat center}




.woodfield-shield-header
{background:url(../images/header/woodfield-shield-header.png) no-repeat center -10px}

.career-header
{background:url(../images/header/career-header.png) no-repeat top center}

.about-header
{background:url(../images/header/about-header.png) no-repeat top center}
.contact-us-header
{background:url(../images/header/contact-us-header.png) no-repeat center}
.privacy-policy-header
{background:url(../images/header/privacy-policy-header.png) no-repeat center}
.site-map-header
{background:url(../images/header/site-map-header.png) no-repeat center}
.terms-of-use-header
{background:url(../images/header/terms-of-use-header.png) no-repeat center}
.news-header
{background:url(../images/header/news-header.png) no-repeat center}
.events-header
{background:url(../images/header/events-header.png) no-repeat center}
.press-and-media-header
{background:url(../images/header/press-and-media-header.png) no-repeat center}
.download-header {background:url(../images/header/download-header.png) no-repeat center}

.caption {
    /* position: absolute; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    width: 100%;
    left: 0;
    max-width: 827px;
    margin-top: 80px;
	text-align:left;
}
.caption .main-title, .home-section .slider-card .info .main-title {
    font-size: 14px;
    text-transform: uppercase;
}

section.page-title.style-one {
    position: relative;
}
.caption > * {
    text-align: left;
    color: #5a5d58;
}

.caption .title3 {
    font-size: 57px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 15px;
    line-height: 1;
}
.caption > p {
    font-weight: 600;
    margin: 0;
}
.caption .main-title, .main-title, section.we-care.about-inside .frame-text p.main-title
{font-size: 14px;
    text-transform: uppercase;padding-bottom: 13px;
    position: relative;
}
.caption .main-title:after, .main-title:after
{content: "";
    width: 115px;
    height: 12px;
    position: absolute;
    bottom: 0;
    background: #ffc259;
    left: 0;}
section.page-title {
    padding: 0;
}
section.page-title.style-one .inside-header {
    height: 550px;
    padding-top: 0;
}
section.page-title.style-one .caption, section.feature-container .caption {
    margin-bottom: 80px;
}
.vision-mission-txt h3, .vision-mission-txt h2 {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}

.vision-mission-txt2 {
    display: flex;
}

.vision-mission-txt2 .span-icon {
    flex: 0 0 50px;
    margin-right: 15px;
}
.vision-mission-txt *, .vision-mission-txt2 * {
    color: #5a5d58;
}
.span-text h3 {
    font-size: 18px;
    font-weight: 600;
}

.span-text p {
    font-size: 17.5px;
    line-height: 1.275;
}
.vision-mission-txt2 h3 {
    margin-bottom: 3px;
}
.our-strength-col-l .vision-mission-txt2 h3 {
    margin-bottom: 9px;
}
.vision-mission-txt p.text-italic {
    font-size: 20px;
    line-height: 1.5;
    padding-right: 65px;
}
.vision-mission-txt {
    margin-bottom: 60px;
}
.vision-mission-txt.head {
    padding-left: 65px;
    margin-bottom: 25px;
}
section.we-care.about-inside .frame-text {
    border: 0;
    background: transparent;
    max-width: unset;
    padding: 0;
    right: auto;
    top: auto;
    transform: none;
    bottom: 150px;
	    max-width: 384px;
}
section.we-care.about-inside .frame-text .frame-text-inner {
    padding: 0;
}

section.we-care.about-inside .frame-text .header-title {
    color: #fff;
    font-size: 80px;
    line-height: 1;
	font-weight: 900;
}
section.we-care.about-inside .frame-text .header-title {
    position: static;
    text-align: left;
}
.our-strength-right {
    padding: 50px 30px;
    background: #fff;
}

.text-yellow {
    color: #fdc043 !important;
}

.text-italic {
    font-style: italic;
}

.text-medium {
    font-size: 20px;
}

section.we-care.about-inside .frame-text p {
    margin: 5px 0;
    line-height: 1.5;
	    font-size: 20px;
}
section.we-care.about-inside .frame-text .frame-text-inner .header-title {
    font-size: 58px;
	margin-bottom: 18px;
}
.feature-box span.icon {
    /* max-height: 118px; */
    display: inline-block;
    margin-bottom: 20px;
}

.feature-box span.icon img {
    max-height: 125px;
}
.work-with-us {
    background:url(../images/work-with-us-bg.png) no-repeat center; background-size:cover;
	    min-height: 990px;
}
section.we-care.work-with-us .frame-text {
    /* border: 0; */
    /* padding: 120px 0; */
    width: auto;
    padding: 0;
    background: transparent;
}

section.we-care.work-with-us .frame-text .header-title {
    font-size: 100px;
    line-height: 1;
    font-weight: 900;
}

section.we-care.work-with-us .frame-text p {
    font-size: 16px;
}
section.we-care.work-with-us .frame-text .header-title {position: static;text-align: left;margin-bottom: 10px;}
.work-txt { max-width: 420px; color: #fff; margin-bottom: 50px; }

section.we-care.work-with-us .frame-text .frame-text-inner {
    padding-right: calc((100vw - 1280px) / 2);
}
nav.main-nav {
    position: fixed;
    top: 0;
}

main#main {margin-top: 0;}

a.btn.skip-to-content {
    display: none;
}
section.we-care.about-inside {
    background: url(../images/our-culture.png) no-repeat center;
    background-size: cover;
    height: 1085px;
}
.text-big {
    font-size: 80px;
}
.fixed-attachment {
    background-attachment: fixed ;
    background-position: center 108px;
}
.float-cursor {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0);
      opacity: 0;
      width: 160px;
      height: 160px;
      background-color: rgb(255 194 89);
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-size: 16px;
      z-index: 10;
      -webkit-transition: all 0.02 linear;
      -o-transition: all 0.02 linear;
      transition: all 0.02 linear;
      pointer-events: none;
      -webkit-box-shadow: 0 0 30px #0001;
      box-shadow: 0 0 30px #0001; }
	  .float-cursor.show {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1); }
section.testimonials {
    position: relative;
}
.process-timeline ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.process-timeline ul li {
    padding-top: 45px;
    display: flex;
    position: relative;
    margin-bottom: 10px;
}

.process-timeline ul li span.icon {
    position: absolute;
    top: 0;
    padding-left: 25.5px;
}

span.arrow2 {
    flex: 0 0 15.5px;
    margin-right: 10px;
	margin-top: -11px;
}

.grey-box {
    background: #828386;
    padding: 40px;
    color: #fff;
    padding-top: 150px;
    font-weight: 600;
    line-height: 1.4;
    min-height: 640px;
}

.process h3 {
    font-size: 65px;
    font-weight: 600;
    color: #FFC259;
    margin: 0;
}

.process p {
    color: #828386;
    margin: 0;
}

.process {
    margin-bottom: 25px;
}
.our-strength-right-inner {
    padding-left: 66px;
}

.process p {
    font-weight: 700;
    line-height: 1.3;
    font-size: 16px;
}
.process-timeline ul li span.txt {
	/* font-size: 12px; color: #828386; line-height: 2.2; letter-spacing: 1.5px;  */    
	font-size: 13px;
    color: #828386;
    line-height: 1.3;
}

.process-timeline ul li span.txt p {
    margin: 0;
}
.certifications {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #828386;
    font-size: 18px;
	line-height: 1.4;
}

.certifications h3 {
    font-weight: 600;
    line-height: 1.4;
    font-size: 22px;
    text-transform: uppercase;
    color: #828386;
    margin-bottom: 10px;
}

.process-timeline ul li:first-child span.txt p, .process-timeline ul li:last-child span.txt p {
    font-weight: 600;
}
.p-relative{position:relative}
.our-strength-img {
    position: absolute;
    display: inline-block;
    width: calc(400% + 80px);
    right: 15px;
    bottom: 14px;
    top: 555px;
}
.our-strength-grey-outer {
    height: 100%;
}
.our-strength-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
[data-aos=image-up] {
    transition: 1s ease-out;
    transition-delay: 0.8s;
    position: relative;
    overflow: hidden;
    /* clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); */
	clip-path: inset(0 100% 0 0);
    visibility: hidden;
}
[data-aos=image-up].aos-animate
{/* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); */
clip-path: inset(0);
    visibility: visible;
    transform: skewY(0);}
	
.card-header a[aria-expanded="true"] {
    /* background: #fdc043; */
    color: #000;
}
.accordion-body .card-header a {
    /* background: linear-gradient(to right, #fdc043 50%, #E8E7E7 50%); */
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}

.accordion-body .card-header a[aria-expanded="true"] {
    background-position: left bottom;
}
nav.main-nav, #home {
    opacity: 0;
}
nav.main-nav {
    background: rgb(255, 255, 255);
    /* background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 1) 100%); */
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 1) 100%);
}
.process-timeline ul li
{transform: translateY(0px);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7 ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;	
}
li.more-padding {
    transform: translateY(30px);
    transition: all 0.7s ease-in-out;	
}
.know-more-btn a:before,.know-more-btn a:after, .btn-outer:before, .btn-outer:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    transition: 0.5s ease-in-out;
}

.know-more-btn a:before, .btn-outer:before {
    transform: translateY(-101%);
}

.know-more-btn a:after, .btn-outer:after {
    transform: translateY(101%);
}

.know-more-btn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: 0.5s ease-in-out;
}

.know-more-btn a:hover:before, .btn-outer:hover:before {
    transform: translateY(-49%);
}

.know-more-btn a:hover:after, .btn-outer:hover:after {
    transform: translateY(50%);
}

.know-more-btn a span {
    position: relative;
    z-index: 9;
}

.know-more-btn a:hover span {
    color: #fff;
}

.know-more-btn a:hover {
    text-decoration: none;
}
#we-care .know-more-btn a:before, #we-care .know-more-btn a:after {
    background: #fff;
}

#we-care .know-more-btn a:hover span {
    color: #000;
}	
.inner-nav ul.mn-sub li a:hover {
    color: #000;
    transform: translateX(5px);
	font-weight: 600;
}
ul.fw-menu {
    float: right;
}

.row.footer-main .col-md-5.offset-lg-2 .row {
    justify-content: space-between;
}

.row.footer-main .col-md-5.offset-lg-2 .row > * {
    flex: auto;
    width: auto;
}

ul.fw-menu li a {
    position: relative;
    display: inline-block;
}

ul.fw-menu li a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    height: 1px;
    width: 0;
    transition: all 0.5s ease;
    background: #fff;
    left: 0;
}

ul.fw-menu li a:hover:after {
    width: 100%;
}
.accordion-header:hover .accordion-button {
    padding-left: 10px;
}

.accordion-header .accordion-button {
    transition: all 0.5s ease;
	outline: 0;
}
.accordion-header .accordion-button span.whitespace {
    width: 10px;
}
.accordion-header .accordion-button:focus {
    border-color: #000;
}
.accordion-button::after
{background-image: url(../images/accordian-arrow.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;}
	
.accordion-button:not(.collapsed)::after
{background-image: url(../images/accordian-arrow.svg)}


	
.accordion-body .card-header a:not(.collapsed)::after, .accordion-body .card-header a[aria-expanded="false"]:after, .card-header a[aria-expanded="false"]:after
{background-image: url(../images/accordian-arrow2.svg);transform: rotate(0deg); }
.accordion-body .card-header a:after, .accordion-body .card-header a[aria-expanded="true"]:after, .card-header a[aria-expanded="true"]:after
{background-image: url(../images/accordian-arrow2.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;transform: rotate(-180deg);
	background-position:center;}


.button-similar ul.list {
    padding-left: 15px;
    /* list-style-type: none; */
}
.post-prev-img {
    overflow: hidden;
}

.post-prev-container a:hover .post-prev-img img {
    transform: scale(1.2);
}

.post-prev-img img {
    transition: all 0.5s ease;
}
div#product-carousel {
    height: 100%;
    position: relative;
}

div#product-carousel * {
    height: 100%;
}
div#product-carousel .item {
    background-repeat: no-repeat !important;
	background-size: cover !important;
}
div#product-carousel .owl-dots {
    position: absolute;
    bottom: 15px;
    width: 100%;
    display: flex;
    justify-content: center;
    height: auto;
}

div#product-carousel .owl-dots .owl-dot {
    width: 25px;
    height: 4px;
    background: #fff;
    margin: 0 6px;
}

div#product-carousel .owl-dots .owl-dot.active {
    background: #f4b644;
}


@-webkit-keyframes fadeInHome {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fade-in-home {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeInHome ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeInHome ease-in 1;
  animation: fadeInHome ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
}
#home.fade-in-home
{-webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;}
.swiper-slide.slide1 .js-title.fade-in-home
{-webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;}
.main-nav.fade-in-home
{-webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7;
  animation-delay: 0.7s;}
	

	
	
.arrow {
	 opacity: 1;
	     height: 16px;
	 
}
 .arrow-first {
	 animation: arrow-movement 2s ease-in-out infinite;
	 /* animation: none; */
}
 .arrow-second {
	 animation: arrow-movement 2s 1s ease-in-out infinite;
	 /* animation: none; */
}


 @keyframes arrow-movement {
	 0% {
		 opacity: 0;
		 top: 45%;
	}
	 70% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}
a.link-offset {
    position: absolute;
    /* margin-top: -120px; */
    top: -100px;
}
section.we-care.about-inside, .caption, .our-strength, .team-work {
    position: relative;
}
.sheild-form {
    text-align: left;
    margin: 80px 0;
}

.sheild-form p {
    font-size: 33px;
    color: #828385;
	margin-bottom: 30px;
}
.content-box.apply-now-content .sheild-form {
    margin-top: 0;
}
.text-uppercase {
    text-transform: uppercase;
}
.content-column .content-box.woodfield-shield-content p {
    padding-left: 0;
    font-size: 32px;
}
.form-group {
    position: relative;
}
.form-control:focus {
    box-shadow: none;
}
.form-control {
    border-radius: 0;
    color: #828385;
    background: transparent;
    padding: 10px 15px;
    height: auto;
    line-height: 1.2;
    border: 1px solid rgb(90 93 89 / 75%);
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-style: italic;
}
.form-control {
	border-radius: 0;
	color: #c0c2c0;
	background: transparent;
	padding: 10px 15px;
	height: auto;
	line-height: 1.2;
	border: 1px solid #828385;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-style: italic;
}
select.form-control {
    -webkit-appearance: auto;
}
.form-control::placeholder
{color: #828385;}
.form-control ~ .focus-border:before,
.form-control ~ .focus-border:after{content: ""; position: absolute; top: 0; right: 0; width: 0; height: 2px; background-color: #FFC259; transition: 0.2s; transition-delay: 0.2s;}
.form-control ~ .focus-border:after{top: auto; bottom: 0; right: auto; left: 0; transition-delay: 0.6s;}
.form-control ~ .focus-border i:before,
.form-control ~ .focus-border i:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; background-color: #FFC259; transition: 0.2s;}
.form-control ~ .focus-border i:after{left: auto; right: 0; top: auto; bottom: 0; transition-delay: 0.4s;}
.form-control:focus ~ .focus-border:before,
.form-control:focus ~ .focus-border:after{width: 100%; transition: 0.2s; transition-delay: 0.6s;}
.form-control:focus ~ .focus-border:after{transition-delay: 0.2s;}
.form-control:focus ~ .focus-border i:before,
.form-control:focus ~ .focus-border i:after{height: 100%; transition: 0.2s;}
.form-control:focus ~ .focus-border i:after{transition-delay: 0.4s;}
.sheild-form h3 {
    color: #828385;
    margin: 10px 0 20px;
    font-weight: 900;
    font-size: 20px;
	padding-left:15px;
}

.form-box {
    padding: 120px;
   /*  border: 15px solid #FFC259; */
}	
.form-box-outer
{position:relative}
.form-box-outer:before, .form-box:after
{
	height: 0%;
    transition: height 1s ease;
    width: 15px;
}	
.form-box-outer:after, .form-box:before
{
	height: 15px;
    transition: width 1s ease;
    width: 0%;
}
.form-box-outer:before, .form-box-outer:after, .form-box:before, .form-box:after
{
	background-color: #FFC259;
    content: "";
    display: block;
    position: absolute;
}
.form-box-outer:before {
    bottom: 0;
    left: 0;
}
.form-box-outer:after {
    bottom: 0;
    right: 0;
}
.form-box:before {
    top: 0;
    left: 0;
}
.form-box:after {
    top: 0;
    right: 0;
}
.form-box-outer.aos-animate:before, .form-box.aos-animate:after
{
	height: 100%;
}	
.form-box-outer.aos-animate:after, .form-box.aos-animate:before
{
	
    width: 100%;
}
.service-email {
    text-align: left;
    margin-bottom: 150px;
}

.service-email h3 {
    font-size: 33px;
    font-weight: 900;
    color: #828385;
    margin-bottom: 10px;
}

.service-email p {
    font-size: 25px;
    color: #828385;
}

.service-email p a {
    color: #828385;
}
.service-email a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    transition: all 0.5s ease;
    height: 2px;
    background: #ffc259;
}

.service-email a {
    position: relative;
}
.service-email a:hover:after {
    width: 100%;
}
input[type="file"] { 
  z-index: -1;
  position: absolute;
  opacity: 0;
}

.post-resume-box {
    margin: 50px 0;
}

.post-resume-box p {
    font-weight: 700;
    color: #828385;
    margin-bottom: 20px;
}

.post-resume-box p span {
    font-weight: 400;
    font-style: italic;
}

.post-resume-box .form-control {
    border: 1px solid #828385;
}
.post-resume-box textarea {
    height: 400px;
    width: 100%;
}

.apply-with-resume {
    display: flex;
    flex-wrap: wrap;
}

div#file-upload-filename {
    flex: 0 0 100%;
}

input.theme-btn.theme-btn-one {}

.apply-with-resume input.theme-btn.theme-btn-one, .form-box input.theme-btn.theme-btn-one {
    background: #fdc043;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 47px;
    font-weight: 400;
    border: 0;
    margin-right: 20px;
    /* margin-top: 25px; */
}

.apply-with-resume {
    margin-top: 25px;
    align-items: center;
	    gap: 15px;
}

.apply-with-resume label {
    display: flex;
    gap: 10px;
    align-items: center;
}
.btn-outer {
    display: inline-block;
    position:relative;
    overflow: hidden;
}

.btn-outer input.theme-btn.theme-btn-one {
    margin-right: 0;
}
.btn-outer input.theme-btn.theme-btn-one {
    position: relative;
    z-index: 2;
    transition: all 0.8s ease;
}

.btn-outer:hover input.theme-btn.theme-btn-one {
    color: #fff;
    background: transparent;
}
.skills ul.list {
    list-style-type: none;
    padding-left: 0;
}

.skills {
    padding-left: 35px;
}

.skills small {
    font-style: italic;
    font-size: 12px;
}

.skills .wrapper-file-input {
    font-style: italic;
    margin-top: 20px;
}

.wrapper-file-input {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.wrapper-file-input label {
    display: flex;
    gap: 14px;
    color: #706C6B;
}
.m20-auto {
    margin: 20px 0;
}
section.features-main .card-body.work-with-us-acc .card-header a {
    background: transparent;
}

section.features-main .card-body.work-with-us-acc .card-header {
    border: 0;
}
.work-with-us-main .accordion-button::after, .work-with-us-main .accordion-body .card-header a:after {
    display: none;
}
.work-with-us-main .accordion-body .card-header a, .work-with-us-main .accordion-button{    cursor: unset;}
.text-right {
    text-align: right;
}
.feature-col .orange-box {
    padding: 90px 48px;
    margin-left: 0;
}

.orange-box h3.text-italic {
    font-size: 18px;
}

.feature-col .orange-box p {
    line-height: 1.48;
    margin-bottom: 0;
}
.feature-box.mt-negative .orange-box {
    padding: 60px 52px;
}
.feature-box.mt-negative .orange-box {
    padding: 50px 33.25px;
    margin-left: 0;
}
.feature-box.mt-negative .orange-box {
  position: relative;
}
section.feature-container .feature-box.mt-negative {
    margin-top: -108px;
}

.feature-box.pr-img {
    /* padding-right: 10px; */
}
p.small.text-right.text-italic {
    font-size: 11px;
    position: absolute;
    bottom: 10px;
    right: 15px;
	    min-height: unset !important;
}
.feature-box.half .orange-box h3 {
    font-size: 18px;
}

.feature-box.half .orange-box p {
    font-size: 18px;
}

.feature-box.half .orange-box {
    padding: 90px 70px;
}
.feature-box.half .orange-box p {
    margin: 0;
}
.feature-box ul {
    padding-left: 18px;
}
.feature-img {
    min-height: 210px;
	padding-bottom:20px;
    display: flex;
    align-items: end;
}
.row.feature-row.accordion p {
    min-height: 260PX;
}
.row.feature-row.accordion p.product-name
{min-height:unset;}
.feature-box .card-header a {
    font-size: 16px;
}
.orange-box p.product-name.text-bold {font-size: 18px;font-weight: 900;}

.orange-box .feature-img {
    min-height: unset;
    padding: 20px 0;
}

.orange-box .feature-img ~ p {
    font-size: 18px;
}

.orange-box ~ .card {
    margin-top: 20px;
}
.feature-box .card-header a:after {
    width: 15px;
    background-size: 15px;
    float: right;
    margin-top: 10px;
}

.feature-box .card-header a[aria-expanded="true"]:after {
    margin-top: 0;
}
.row.feature-row.floating-unit .feature-img {
    min-height: 435px;
}
.row.feature-row.floating-unit h3, .row.feature-row.floating-unit p {
    padding-left: 88px;
}
.row.feature-row.floating-unit .col-lg-3 h3, .row.feature-row.floating-unit .col-lg-3 p {
    padding-left: 59px;
}
ul.sitemap-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

ul.sitemap-list > li a {
    padding: 8px 15px;
    background: #E8E7E7;
    font-weight: 600;
    color: #828385;
    width: 100%;
    display: inline-block;
	text-transform: uppercase;
}

ul.sitemap-list > li {
    margin-bottom: 8px;
    border-bottom: 1px solid #000;
    padding-bottom: 8px;
}

ul.sitemap-list ul {
    margin: 0;
    padding-left: 34px;
    list-style-type: disc;
}

ul.sitemap-list ul > li a {
    background: transparent;
}
ul.sitemap-list ul ul > li a {
    font-weight: normal;
}
ul.sitemap-list ul ul > li a br {
    display: none;
}
ul.sitemap-list {
    margin-bottom: 100px;
}
.features-main.button-similar .accordion-button, .feature-box .card-header a {
    background: #5a5d58 !important;
    text-transform: uppercase;
    padding: 0px 7px;
    color: #fff !important;
    font-weight: 600;
    font-size: 15px;
    width: calc(100% - 30px);
    display: flex;
    transition: all 0.5s ease-in-out;
    border: 0;
    position: static;
	line-height: inherit;
}
.feature-box .card-header {
    padding: 0;
    background: transparent;
}

.feature-box .card-header a::after {
    float: none;
    margin: 0;
}
.features-main.button-similar .accordion-button::after, .feature-box .card-header a::after {
    /* filter: brightness(0) invert(1); */
    position: absolute;
    right: 0;
    background-color: #ffc03a !important;
    content: ">";
    background-image: none !important;
    position: absolute;
    /* padding: 0 7px; */
    background: #ffc03a;
    font-size: 17px;
    right: -1px;
    color: #5a5d58;
    transition: all 0.5s ease-in-out;
    width: 26px;
    top: 0;
    bottom: 0;
    height: 26px;
    transform: rotate(270deg);
    line-height: 26px;
    text-align: center;
}
.features-main.button-similar .accordion-button.collapsed::after, .feature-box .card-header a.collapsed::after, .feature-box .card-header a[aria-expanded="false"]:after
{transform: rotate(90deg);}
.features-main.button-similar .accordion-header {
    position: relative;
}
.features-main.two-col .accordion {
    display: flex;
    gap: 44px;
    justify-content: space-between;
}

.features-main.two-col .accordion .accordion-item {
    flex: 0 0 50%;
}
.feature-box .card {
    border: 0;
}

.feature-box .card .card-body {
    padding: 0;
    padding-top: 20px;
}

.feature-box .card .card-body ul.list li {
    font-style: italic;
}
.col-lg-4 .feature-box.floating {
  margin-right: 30px;
  margin-left: -40px;
}
.col-lg-3 .feature-box.floating {
  margin-left: -30px;
}
.feature-box.floating p {
  font-size: 16px;
}
.feature-box.digital-valve p {
  font-size: 16px;
  line-height: 1.5;
}
.feature-box .card-header, .feature-box .card-header a {
  border-radius: 0;
  border: 0;
  background: #E8E7E7;
}
.feature-box .card{border-radius: 0;}


/*---*/

.policy-page-top {padding-top: 170px !important;}
.privacy-content .listing-1 ul li{border-bottom:0}
.privacy-content .listing-1 ul li::before{top:16px}
.privacy-content h2.heading-2{font-size:18px;line-height:26px;margin-bottom:0.7em;font-weight: 900; color: #828385; text-transform: uppercase;}
.privacy-content p { color: #828385; font-size: 18px; line-height: 1.4; }
.listing-1{width:100%;float:left;margin-bottom:30px}
.listing-1 ul{width:100%;margin:0;padding:0}
.listing-1 ul li{font-size:18px;list-style:none;padding:10px 10px 10px 22px;position:relative;border-bottom:solid 1px #828385;color: #828385; line-height: 1.4;}
.listing-1 ul li:last-child{border-bottom:0}
.listing-1 ul li::before{position:absolute;content:"";background:transparent;width:6px;height:6px;border:solid #373435;border-width:0 2px 2px 0;top:15px;left:2px;transform:rotate(-45deg)}
.listing-1 ul li ul{width:100%;padding:0;margin:0}
.listing-1 ul li ul li{font-size:16px;line-height:22px;list-style:none;padding:10px 10px 5px 22px;position:relative;color:#373435;border-bottom:solid 1px #d7d7d7}
.listing-1 ul li:last-child{border-bottom:0}
.listing-1.two ul li{width:47%;display:inline-block;margin:0 2% 0 0}
.inside-title .main-title { font-weight: bold; color: #000; }
section .main-title { font-weight: bold; }
.form-ttl { text-transform: uppercase; font-weight: 700 !important; color: #828385; margin-bottom: 20px !important; font-size: 24px !important; letter-spacing: normal; }
.formone ::placeholder {opacity: 0.5;}
.content-column .content-box.woodfield-shield-content .main-title.main-title-nnew p { font-size: 22px;
    color: #5A5D59;
    font-style: normal;
    font-weight: 400;
    padding-left: 30px;
    padding-right: 60px;
    margin: 0;
    text-transform: none;
    line-height: 1.4;
    letter-spacing: normal; }
.g-recaptcha { scale: 0.7; float: left; width: 130%; margin-left: -19.3%; }
.content-column .content-box.woodfield-shield-content .font-common-email { font-size: 24px; }
.content-column .content-box.prod-content-box .main-title.main-title-nnew p {font-size: 26px;color: #5A5D59;font-style: normal;font-weight: 400;padding-left: 30px;padding-right: 60px;margin: 0;text-transform: none;line-height: 1.6;letter-spacing: 1.2px;font-style: italic;}
.prod-features-main .feature-box p {font-size: 14px; line-height: 1.6;}
section.feature-container.safe-access-prd .feature-box ul.listing li {
    font-size: 14px;
    line-height: 1.6;
}
.feature-container.prod-features-main { padding-bottom: 50px; }
.feature-pr-img {
    margin-bottom: 20px;
}
.inside-header-product {
  height: 500px;
  margin-bottom: 50px;
}
.inside-header-product .owl-carousel, .inside-header-product .owl-carousel .owl-stage-outer, .inside-header-product .owl-stage, .inside-header-product .owl-item, .inside-header-product .item {height: 100%;}
.item.prod-slide-1 {background: url('../images/product-1.jpg') no-repeat center;}
.item.prod-slide-2 {background: url('../images/product-2.jpg') no-repeat center;}
.item.prod-slide-3 {background: url('../images/product-3.jpg') no-repeat center;}
.inside-header-product .item {
    background-size: cover;
}
.inside-header-product .owl-nav {display:none;}
.inside-header-product .owl-dots { position: absolute; bottom: 10px; width: 100%; left: 0; }
.inside-header-product .owl-dot span { border-radius: 100%; width: 10px; height: 10px; background: #828385 !important; float: left; }
.inside-header-product .owl-dot.active span { background: #fdc043 !important; }
.inside-header-product .owl-dot { border-radius: 100%; width: 10px; height: 10px; margin: 0 3px; }
.popup-form .form-box {padding:30px}
.popup-form .content-box.apply-now-content .sheild-form, .popup-form .content-box.apply-now-content { margin: 0; }
.popup-form-modal .modal-header { padding: 0; border: 0; }
.popup-form-modal .modal-header .btn-close { position: absolute; right: 10px; top: 10px; background: #ffc259; opacity: 1; border-radius: 2px; cursor: pointer; padding: 10px; line-height: 1; font-weight: 600; font-family: arial; z-index: 9; color: #000; }
.popup-form-modal .modal-dialog { margin-top: 50px; max-width: 650px; }
.popup-upload label {cursor: pointer;}
.page-section.bg-yellow .accordion-button::after {filter: brightness(0%);}
section.features-main .card-body .card-body { font-size: 16px; }
.popup-form-modal { z-index: 9999999; }	
.our-strength-new .span-text p { font-size: 14px; line-height: 1.6; }
.our-strength-col-l .span-text p { letter-spacing: 1.5px; }
.modal-backdrop.show {z-index: 999999;}
.product-woodfield-nnew .product-col:after {width: 100%; opacity:1}
.feature-box .orange-box-nnew * { color: #000; }
.feature-col-nnew .feature-box {height:100%}
.feature-col-nnew .feature-box .orange-box {height:100%; align-items: center; display: flex; flex-wrap: wrap; align-content: center; padding-top:50px; padding-bottom:50px; position: relative;}
.feature-col-merge-img {
    display: flex;
    padding-left: 30px;
    padding-right: 30px;
}

.feature-col-merge-img .feature-box {
    flex: 0 0 33.3333333333%;
}

.feature-col-merge-img .feature-box.pr-img {
    flex: 0 0 66.67777777777%;
}
.pr-details-btn a {
    background: #5a5d58;
    text-transform: uppercase;
    padding: 0px 7px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    width: calc(100% - 28px);
    display: inline-block;
	transition: all 0.5s ease-in-out;
}

.pr-details-btn a:after {
    content: ">";
    position: absolute;
    padding: 0 7px;
    background: #ffc03a;
    font-size: 15px;
    right: 0;
    color: #5a5d58;
	transition: all 0.5s ease-in-out;
    width: auto;
}

.pr-details-btn {
    position: relative;
}
.pr-details-btn a:hover:after {
    padding: 0 15px;
}

.pr-details-btn a:hover {
    padding-left: 25px;
}
.prod-features-main.rail-and-truck-prd .feature-box p {
    min-height: 180px;
}

.prod-features-main.rail-and-truck-prd .feature-box {
    margin-bottom: 100px;
}
.grey-box-certifications { font-weight: 400; font-size: 18px; line-height: 1.8; }
.grey-box h3, .grey-box h2 {
    font-size: 22px;
    text-transform: uppercase;
}
.infrastructure-col {
    margin-bottom: 30px;
}
.list-ttl { font-weight: 600; width: 100%; margin: 0 0 10px; }
.list.list01 { margin-bottom: 20px; }
.list-para { margin-bottom: 10px; padding-left: 17px; }
.feature-box.half .orange-box.orange-box02 { padding: 40px; }
section.feature-container.prod-features-main.swivel-joints-prd .feature-box.half .orange-box.orange-box02 {
    min-height: 497px;
}
.accordion-body .card.card-last { border-bottom: 0; padding-bottom: 0; }
.accessories-card .list li { font-size: 14px; line-height: 1.6; margin-bottom: 5px; }
section.feature-container.swivel-joints-prd .feature-box .pr-details-btn {
    /* margin-top: 40px; */
}
.submenu-container {
    display: flex;
    gap: 110px;
    align-items: end;
    padding-bottom: 12px;
    border-bottom: 20px solid #5a5d58;
	margin-bottom:70px;
}

.submenu-container .main-title {
    display: flex;
    gap: 10px;
    flex-grow: 1;
    padding: 0;
	align-items: center;
}

.submenu-container .main-title .main-title-icon {
    flex: 0 0 70px;
}

.submenu-container .main-title h1 {
    font-size: 20px;
    margin: 0;
    color: #5a5d58;
    width: auto;
    border: 0;
}

.submenu-container .main-title:after {
    display: none;
}
.submenu-container.skid .main-title {
    min-width: 270px;
}

.submenu-container.skid {
    gap: 50px;
}
.submenu-col ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    justify-content: space-between;
    min-width: 100%;
    flex: 0 0 100%;
    gap: 30px;
    flex-grow: 1;
	    align-items: baseline;
}

.submenu-col {
    /* display: inline-flex; */
    flex-grow: 1;
}

.submenu-col ul li a {
    font-weight: 600;
    color: #838286 !important;
    text-align: left;
    display: inline-block;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 18px !important;
	margin-bottom: 0;
}

.submenu-col ul li a h2 {
    font-weight: 600;
    color: #838286 !important;
    text-align: left;
    display: inline-block;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 18px !important;
	margin-bottom: 0;
}

.submenu-col ul li {
    line-height: 1;
}

.submenu-col ul li.active a, .submenu-col ul li.active a h2 {
    color: #000 !important;
}
.breif p {
    font-size: 16px;
    color: #5A5D59;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1.3;
    /* letter-spacing: 1.2px; */
    font-style: italic;
    margin-bottom: 18px;
}

.breif {
    margin-top: -20px;
}
.tabbing-content {
    display: flex;
    gap: 30px;
}

.resp-vtabs ul.resp-tabs-list {
    position: absolute;
    left: 50%;
    width: 160px;
	height: 100%;
}

.resp-vtabs .resp-tabs-container {
    width: 100%;
}

.tab-pr-img {
    flex: 0 0 50%;
    max-width: calc(50% - 30px);
}
.product-no-tabs.two-col .tab-pr-img {
    flex: 0 0 35%;
    max-width: calc(35% - 30px);
    margin-right: 15%;
}
.tab-pr-txt {
    padding-left: 340px;
}
.resp-vtabs  {
    display: inline-block !important;
}
.product-tabs-header {
    display: flex;
    gap: 30px;
    padding-bottom: 12px;
    border-bottom: 2px solid #5a5d58;
    margin-bottom: 20px;
    align-items: end;
}
.product-tabs-header h2 {
    margin-bottom: 0;
}
.product-tabs-header .product-tabs-header-h2 {
    flex: 0 0 50%;
    max-width: calc(50% - 30px);
}

.models {
    flex: 0 0 310px;
}

.product-tabs-header-h2 h2 {
    font-size: 20px;
    margin: 0;
    color: #5a5d58;
    font-weight: 900;
	    text-transform: uppercase;
}
.product-tabs-content-part .product-tabs-header-h2 h2 br {
    display: none;
}
.product-tabs-header > * {
    line-height: 1;
    font-size: 19px;
    font-weight: 600;
    color: #5a5d58;
	text-transform: uppercase;
}
.resp-tabs-list li span {
    display: block;
    font-size: 15px;
    font-weight: 400;
}

.resp-tabs-list li.resp-tab-active span {
    font-weight: 400;
}
.tab-pr-details ul.listing, .tab-pr-details ul.listing ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.tab-pr-details ul.listing ul
{margin-top:10px;}
.tab-pr-details ul.listing li {
    /*padding-left: 15px; */
    /* display: flex; */
    gap: 10px;
    margin-bottom: 12px;
    flex-wrap: wrap;
    padding-left: 0;
    position: relative;
	
}
.tab-pr-details ul.listing li ul {
    flex: 0 0 100%;
}
.tab-pr-details ul.listing li:last-child {
    margin: 0;
}
.tab-pr-details ul.listing li:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #5a5d58;
    /* position: absolute; */
    border-radius: 50%;
    display: inline-block;
    flex: 0 0 8px;
    margin-top: 7px;
    position: absolute;
    left: 0;
}

.tab-pr-details h3 {
    font-size: 17px;
    margin-bottom: 5px;
    color: #000;
}

.tab-pr-details {
    font-size: 16px;
    color: #5a5d58;
    line-height: 1.4;
}
section.feature-container.marine-loading-prd .feature-box p {
    min-height: 247px;
}
section.feature-container.marine-loading-prd .feature-box h3 {
    min-height: 43px;
}
section.feature-container.safe-access-prd .feature-box p {
    min-height: 206px;
}
.feature-box.no-min-height p {
    min-height: unset !important;
}
section.feature-container.swivel-joints-prd .feature-box p {
    min-height: 158px;
}
section.feature-container.swivel-joints-prd .feature-box.half .orange-box p {
    line-height: 1.5;
    font-size: 17px;
}
section.feature-container.skid-solution-prd .feature-box {
    margin-bottom: 40px;
}
.orange-box ~ .pr-details-btn {
    margin-top: 10px;
}
.card.accessories-card ~ .pr-details-btn {
    margin-top: 10px;
}
section.feature-container.skid-solution-prd .feature-box p {
    min-height: 180px;
}

section.feature-container.skid-solution-prd .feature-box  h3 {
    min-height: 43px;
}
section.feature-container.swivel-joints-prd .feature-box  h3 {
    min-height: 43px;
}

section.feature-container.swivel-joints-prd .feature-box  h2 {
    min-height: 43px;
	    font-size: 18px;
    font-weight: 900;
}

section.feature-container.marine-loading-prd .feature-box .orange-box {
    margin-bottom: 10px;
}
section.feature-container.skid-solution-prd .feature-box:last-child p {
    min-height: unset;
}
section.feature-container.skid-solution-prd .col-lg-4:first-child .feature-box:last-child p {
    min-height: 180px;
}
.product-no-tabs .tab-pr-txt {
    padding-left: 0;
    display: flex;
    gap: 30px;
	    flex-wrap: wrap;
		    width: 100%;
}
.product-no-tabs.col1 .tab-pr-txt {
    display: inline-block;
}
.tab-pr-details ul.listing {
    margin: 0 0 1.5em 0;
    margin-top: 8px;
}
.product-no-tabs.col1 .tabbing-content ul.listing li, .product-detail-container.no-bullets  .tabbing-content ul.listing li {
    padding: 0;
}

.product-no-tabs.col1 .tabbing-content ul.listing li::before,  .tabbing-content ul.listing li::before {
    visibility: hidden;
}
.four-col .tabbing-content .tab-pr-details ul.listing li ul li {
    margin-top: -1px;
}

.four-col .tabbing-content .tab-pr-details ul.listing li ul {
    margin: 0;
}
.tabbing-content ul.listing li strong {
    font-weight: 700;
}
.tab-pr-details ul.listing li ul li {
    font-size: 15px;
    margin-bottom: 0px;
}
.tab-pr-details h3 {
    text-transform: uppercase;
}
.tab-pr-txt .card-header a {
    width: 100%;
    display: inline-block;
}

.tab-pr-txt .card-header a:after {
    display: block;
    float: right;
    margin-top: 10px;
}

.tab-pr-txt .card {
    margin-bottom: 20px;
}
.tab-pr-txt .accordion-body ul.listing {
    margin-top: 15px;
}
.tab-col1 {
    flex: 0 0 310px;
}
.table-panel {
    width:100%;
    float: left;
    margin-top: 5px;
    border-left: 1px solid rgba(0,0,0,0.20);
    border-bottom: 1px solid rgba(0,0,0,0.20);
}
.tr1 {
    width: 100%;
    float: left;
    background-color: #fff;
    color: #2b2b2b;
    font-weight: 400;
    text-transform: none;
    text-align: center;
}
.tr2 {
    width: 100%;
    float: left;
    background-color: #f4f4f4;
    color: #2b2b2b;
    font-weight: 400;
    text-transform: none;
    text-align: center;
    margin: 0;
    padding: 0;
}
.tr-tl .td:first-child, .tr1 .td:first-child, .tr2 .td:first-child {
    border-left: 1px solid rgba(0,0,0,0.20);
        border-left-color: rgba(0, 0, 0, 0.2);
}

.td {
    width: 70%;
    float: left;
    padding: 11px;
    margin: 0;
    min-height: 28px;
    text-align: left;
    border-left: 0 !important;
        border-left-color: currentcolor;
    border-left-color: currentcolor;
    font-size: 16px;
}

.tr-tl .td:first-child, .tr1 .td:first-child, .tr2 .td:first-child {
    width: 30% !important;
}
.tr-tl .td:first-child, .tr1 .td:first-child, .tr2 .td:first-child, .tr-tl .td:first-child, .tr1 .td:last-child, .tr2 .td:last-child {
    border: 1px solid rgba(0, 0, 0, 0.20);
    border-left-color: rgba(0, 0, 0, 0.2) !important;
    border-bottom: 0 !important;
}
.product-details-panel {
    float: left;
    width: 100%;
    margin: 20px 0 20px;
}
.product-details-panel .product-r {

    width: 100%;
}
.table-1.responsive-table th {
    background: #000;
    color: #fff;
    font-size: 16px;
}
.table-1 table th, .tkt-slctr-tbl-wrap-dv table th {
    /* border: 1px solid #dcdcdc; */
    background: #f6f6f6;
    padding: 20px;
    text-align: left;
}
.table-1 tr td, .tkt-slctr-tbl-wrap-dv tr td {
    /* border: 1px solid #dcdcdc; */
    padding: 10px 20px;
}
.table-1 tr:nth-child(even), .tkt-slctr-tbl-wrap-dv tr:nth-child(even) {
    background: #f6f6f6;
}
p.bold {
    font-weight: 600;
}

.table-panel {
    margin-bottom: 30px;
}
.tab-col3.full {
    flex: 0 0 100%;
}

.tab-col2 {
    flex: 0 0 310px;
    max-width: calc(100% - 340px);
}
.product-r {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.product-r > p {
    flex: 0 0 100%;
}

.pro-col {
    flex: 0 0 50%;
    max-width: calc(50% - 15px);
    text-align: center;
    border: 1px solid #eee;
}

.product-r .heading-4 {
    background: #fdc043;
    text-align: center;
    padding: 5px;
    margin: 0;
}

.pro-col .pro-img {
    margin-bottom: 15px;
}
.pro-col .pro-img:last-child {
    margin: 0;
}
.product-r + .product-r {
    margin-top: 30px;
}
.table-panel.vertical-table .td {
    max-width: 35%;
    border: 0;
}

.table-panel.table-pnl-1.vertical-table {
    border: 1px solid rgba(0,0,0,0.20);
}

.table-panel.table-pnl-1.vertical-table .tr2, .table-panel.table-pnl-1.vertical-table .tr1 {
    border-bottom: 1px solid #ccc;
}

.table-panel.table-pnl-1.vertical-table td {
    border: 0;
}

.td.span {
    display: flex;
}

.inner-tr span {
    display: block;
}

.inner-tr {
    flex: 0 0 50%;
}
.tab-pr-txt .models {
    display: none;
}
section.product-detail-container.four-col .tab-pr-img {
    flex: 0 0 25%;
}

section.product-detail-container.four-col .tab-pr-txt > div {
    flex: 0 0 33.3333333%;
    max-width: calc(33% - 20px);
}

section.product-detail-container.four-col .tab-pr-txt > div ul.listing li {
    padding: 0;
}
section.product-detail-container ~ section.features-main.prod-features-main {
    margin-top: -30px;
}
section.features-main.prod-features-main .accordion-body {
    /* padding-top: 20px; */
}
section.features-main.prod-features-main .accordion-body p.bold {
    font-size: 17px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
section.features-main.prod-features-main .accordion-body {
    display: inline-block;
    width: 100%;
}
section.product-detail-container.four-col .product-tabs-header .product-tabs-header-h2 {
    flex: 0 0 25%;
}

section.product-detail-container.four-col .product-tabs-header  > div {
    flex: 0 0 25%;
}

section.product-detail-container.four-col .product-tabs-header > .product-tabs-detail {
    margin-left: -34px;
}
section.product-detail-container.four-col .product-tabs-header .product-tabs-header-h2 h2 {
    color: #000;
}
.prod-content-box .button-similar.prod-features-main {
    margin-top: -50px;
}
.download-title h3 {
    font-weight: 700;
    font-size: 20px;
    margin: 0;
	text-transform: uppercase;
}

.download-title > * {
    text-align: left;
}

.download-title p {
    font-size: 18px;
}

.download-title {
    padding-top: 110px;
    background: url(../images/download-icon.svg) no-repeat left 45px;
}

.download-box {
    margin: 25px 0;
}
.download-header ~.container .main-title h1 {
    border: 0;
    margin-bottom: 0;
}

.download-header ~.container .content-box {
    margin-bottom: 60px;
}
.back-to-top{
  display: inline-block;
    background: #ffc259;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    border: 0;
    bottom: 15px;
    right: 15px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    border-radius: 50%;
	box-shadow:0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}
.back-to-top:after {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    margin-left: auto;
    content: "";
    background-image: url(../images/accordian-arrow.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    background-position: center;
    transition: transform .2s ease-in-out;
    filter: brightness(0%);
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-180deg);
}
.back-to-top.show {
  opacity: 1;
  visibility: visible;
  display:none;
}
.back-to-top-bottom{
  display: inline-block;
  background: transparent;
  width: 50px;
  height: 70px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  border: 0;
  top: 50%;
  right: 15px;
  transform:translateY(-50%);
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  border-radius: 50%;
  animation: up-down 2s ease infinite;
  padding: 0;
}
.back-to-top-bottom:after {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    margin-left: auto;
    content: "";
    background-image: url(../images/top-bottom-arrow.svg);
    background-repeat: no-repeat;
    background-size: auto 60px;
    background-position: center;
    transition: transform .2s ease-in-out;
    /* filter: brightness(0%); */
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-180deg);
}
.back-to-top-bottom.show {
  opacity: 1;
  visibility: visible;
}

@keyframes up-down{
  0% { transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(-10px);
  }
  99% {
    opacity: 1;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.breif.column2 {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.breif.column2 .breif-text {
    flex: 0 0 50%;
}

.breif.column2 .breif-img, .breif.column2 .breif-text {
    flex: 0 0 50%;
    max-width: calc(50% - 20px);
}
.content-to-hide .hd3 {
    line-height: 1;
    font-size: 19px;
    font-weight: 600;
    color: #5a5d58;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 2px solid #5a5d58;
    margin-bottom: 12px;
}
.content-to-hide .hd3 {
    position: absolute;
    left: 48%;
    top: 0;
}

.resp-vtabs {
    position: relative;
}

.content-to-hide .resp-vtabs ul.resp-tabs-list {
    padding-top: 43px;
    margin-top: 0 !important;
    left: 48%;
}

.content-to-hide .tab-pr-txt .hd3 {
    position: static;
}

.content-to-hide .tab-pr-txt {
    padding-left: 180px;
}
.content-to-hide .tab-pr-txt.column2 {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    max-width: unset;
}


.tab-pr-txt-col-1 {
    flex: 0 0 33%;
}


.tab-pr-txt-col-2 {
    flex: 0 0 67%;
    max-width: calc(67% - 30px);
}
.content-to-hide .resp-vtabs ul.resp-tabs-list:after {
    content: "";
    width: 1px;
    bottom: 18px;
    position: absolute;
    top: 43px;
    background: #5a5d58;
    right: 8px;
}

.content-to-hide .resp-vtabs ul.resp-tabs-list li.resp-tab-active:after {top: 0;content: "";width: 5px;position: absolute;right: 7px;height: 100%;he100%: ;background: #5a5d58;}

.content-to-hide .tab-pr-img {
    max-width: calc(48% - 30px);
}

.content-to-hide .tab-pr-txt {
    max-width: calc(52% - 30px);
}

.tab-pr-details:last-child ul.listing:last-child {
    margin-bottom: 0;
}
.content-to-hide .tab-pr-txt.column2 {
    display: block;
}

.content-to-hide .tab-pr-txt.column2 p {
    margin-bottom: 15px;
}

.tab-pr-txt-col-2 {
    max-width: unset;
}
.moretext {
  height: 0;
  overflow:hidden;
}
.moretext.content-more {
    height: auto;
	    padding-bottom: 30px;
}

.content-to-hide .resp-vtabs .resp-tab-content {
    /* display: block; */
}
.product-tabs-header-h2 {
    margin-bottom: 15px;
}

.content-to-show {
    padding-right: 220px;
	cursor: pointer;
}

a.moreless-button {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    font-style: italic;
    color: #5A5D59;
    bottom: 10px;
    padding-right: 35px;
    cursor: pointer;
    padding-left: 10px;
}
a.moreless-button:before {
    content: "";
    position: absolute;
    width: calc(100% - 28px);
    background: #febd47;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.product-tabs-content-part {
    position: relative;
    border-bottom: 2px solid #000;
    padding-bottom: 15px;
	margin-bottom: 30px;
}

.content-to-show p:last-child {
    margin: 0;
}

.content-to-show > * {color: #5A5D59;font-size: 16px;line-height: 1.4;}
a.moreless-button:after {
    content: "";
    background-color: #5a5d58 !important;
    content: "\003E";
    background-image: none !important;
    position: absolute;
    /* padding: 0 7px; */
    background: #ffc03a;
    font-size: 17px;
    right: 0;
    color: #ffc03a;
    transition: all 0.5s ease-in-out;
    width: 26px;
    top: 1px;
    bottom: 0;
    height: 22px;
    transform: rotate(90deg);
    line-height: 22px;
    text-align: center;
    font-weight: 600;
    padding-bottom: 25px;
    font-style: normal;
}

.content-more ~ a.moreless-button:after {
    transform: rotate(270deg);
}
.content-feature > * {
    color: #5A5D59;
    font-size: 16px;
    padding-left: 0;
}

.content-feature {
    margin-top: 25px;
}

.content-feature > h3 {
    font-size: 17px;
}

.content-feature p {
    font-style: italic;
	    margin-bottom: 18px;
}
.content-to-hide .resp-vtabs {
    margin-top: 25px !important;
}
.content-feature ul.listing li:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #5A5D59;
    position: absolute;
    border-radius: 100%;
    left: 0;
    top: 9px;
}

.content-feature ul.listing li {
    position: relative;
    padding-left: 15px;
}

.content-feature ul.listing {
    list-style-type: none;
    margin: 0;
	    margin-bottom: 18px;
}
.moretext.content-more > p {
    color: #5A5D59;
    font-size: 16px;
    line-height: 1.4;
}

.moretext.content-more > p:first-child {
    margin-top: 25px;
}
.additional-content {
    margin-top: 30px;
}

.additional-content p {
    font-size: 16px;
    color: #5A5D59;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1.3;
    /* letter-spacing: 1.2px; */
    /* font-style: italic; */
    margin-bottom: 18px;
}

@media only screen and (min-width: 1024px) {
section#we-care {height: auto; min-height: 100vh;}
section.we-care.work-with-us {height: auto; min-height: 100vh; background-position: top center;}
}
@media only screen and (max-width: 767px) {
.feature-col-merge-img {
    display: block;
}

.feature-col-merge-img .feature-box.pr-img {
    height: auto;
}

.feature-col-merge-img .feature-box {
    height: auto;
}

.feature-col-merge-img {
    padding-left: 15px;
    padding-right: 15px;
}
}