/*
 * American Marine & Cargo Inc. - site stylesheet
 * Recreates the original Bridge theme design (Qode options "proya" of amcbal.com):
 * Raleway typography, navy #000035 / grey #898b8e header, orange #f89418 accents,
 * gradient separators #000035 -> #5b9ce5, 1100px content grid.
 * Hand-written replacement code; no WordPress / theme / plugin CSS is included.
 */

/* ------------------------------------------------------------------ fonts */
@font-face{font-family:'Raleway';font-style:normal;font-weight:100;font-display:swap;src:url(../fonts/raleway-latin-100-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:normal;font-weight:200;font-display:swap;src:url(../fonts/raleway-latin-200-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/raleway-latin-300-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/raleway-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/raleway-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/raleway-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/raleway-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:italic;font-weight:200;font-display:swap;src:url(../fonts/raleway-latin-200-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/raleway-latin-300-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:normal;font-weight:100;font-display:swap;src:url(../fonts/raleway-latin-ext-100-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Raleway';font-style:normal;font-weight:200;font-display:swap;src:url(../fonts/raleway-latin-ext-200-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Raleway';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/raleway-latin-ext-300-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Raleway';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/raleway-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Raleway';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/raleway-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Raleway';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/raleway-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Raleway';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/raleway-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Icons: Font Awesome 4.7 subset (SIL OFL 1.1) and three Elegant Icons glyphs (MIT) */
@font-face{font-family:'amc-fa';font-style:normal;font-weight:400;font-display:block;src:url(../icons/fa-subset.woff2) format('woff2')}
@font-face{font-family:'amc-ei';font-style:normal;font-weight:400;font-display:block;src:url(../icons/elegant-subset.woff2) format('woff2')}

/* ------------------------------------------------------------------ tokens */
:root{
  --orange:#f89418;
  --orange-soft:#cd9f58;
  --navy:#000035;
  --blue:#5b9ce5;
  --grad:linear-gradient(to right,#000035,#5b9ce5);
  --text:#707070;          /* original #818181, slightly darkened for WCAG contrast */
  --heading:#303030;
  --page-bg:#f6f6f6;
  --container:1100px;
  --gutter:30px;
  --header-h:88px;
}

/* ------------------------------------------------------------------ base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body{margin:0;background:var(--page-bg);color:var(--text);font-family:'Raleway',sans-serif;font-size:14px;line-height:26px;font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
::selection{background:#f7bf7b}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
a{color:var(--heading);text-decoration:none;transition:color .15s ease-out}
a:hover{color:var(--orange)}
p{margin:0;line-height:18px}
p+p{margin-top:0}
strong,b{font-weight:600}
h1,h2,h3,h4,h5,h6,.h1-style,.h2-style{margin:0;color:var(--heading);font-family:'Raleway',sans-serif;text-transform:uppercase;-ms-word-wrap:break-word;word-wrap:break-word}
h1,.h1-style{font-size:37px;line-height:1.25em;font-weight:200;color:var(--heading);letter-spacing:0}
h2,.h2-style{font-size:30px;line-height:1.3846em;font-weight:200;letter-spacing:1px;color:var(--orange)}
h3{font-size:25px;line-height:1.3043em;font-weight:200;letter-spacing:1px}
h4{font-size:20px;line-height:1.375em;font-weight:300;letter-spacing:1.5px}
h5{font-size:16px;line-height:18px;font-weight:300;letter-spacing:1.5px}
h6,.h6-style{font-size:13px;line-height:1.54em;font-weight:400;letter-spacing:.5px}
.h4-style{font-size:20px;line-height:1.375em;font-weight:300;letter-spacing:1.5px}
.h5-style{font-size:16px;line-height:18px;font-weight:300;letter-spacing:1.5px}
.h4-style,.h5-style,.h6-style{color:var(--heading);text-transform:uppercase}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong{font-weight:600}
ul,ol{margin:0;padding:0}
.content-text p{margin:0 0 0}
.content-text p+p,.content-text .gap{margin-top:18px}
.justify{text-align:justify}
.center{text-align:center}
.right{text-align:right}
.white{color:#fff}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:#fff;color:var(--heading);padding:10px 16px;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}

.fa{display:inline-block;font:normal normal normal 14px/1 'amc-fa';font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-twitter:before{content:"\f099"}.fa-google-plus:before{content:"\f0d5"}.fa-facebook:before{content:"\f09a"}.fa-instagram:before{content:"\f16d"}
.fa-linkedin:before{content:"\f0e1"}.fa-bars:before{content:"\f0c9"}.fa-angle-right:before{content:"\f105"}.fa-angle-down:before{content:"\f107"}
.fa-angle-left:before{content:"\f104"}.fa-arrow-up:before{content:"\f062"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-users:before{content:"\f0c0"}
.fa-tachometer:before{content:"\f0e4"}.fa-battery-full:before{content:"\f240"}.fa-user-plus:before{content:"\f234"}.fa-internet-explorer:before{content:"\f26b"}
.fa-check-square:before{content:"\f14a"}.fa-check-circle:before{content:"\f058"}.fa-phone:before{content:"\f095"}.fa-envelope:before{content:"\f0e0"}
.fa-globe:before{content:"\f0ac"}.fa-envelope-o:before{content:"\f003"}.fa-signal:before{content:"\f012"}.fa-recycle:before{content:"\f1b8"}
.fa-certificate:before{content:"\f0a3"}.fa-cogs:before{content:"\f085"}.fa-shield:before{content:"\f132"}.fa-ship:before{content:"\f21a"}
.fa-at:before{content:"\f1fa"}.fa-bar-chart:before{content:"\f080"}.fa-money:before{content:"\f0d6"}.fa-connectdevelop:before{content:"\f20e"}
.fa-th:before{content:"\f00a"}.fa-map-marker:before{content:"\f041"}.fa-times:before{content:"\f00d"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}
.ei{font-family:'amc-ei';speak:none;font-style:normal;font-weight:400;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;font-size:14px}
.ei-mail:before{content:"\e076"}.ei-phone:before{content:"\e090"}.ei-pin:before{content:"\e01d"}

/* ------------------------------------------------------------------ layout */
.container{width:100%;max-width:var(--container);margin:0 auto;position:relative}
.container--full{max-width:none;padding:0 20px}
@media (max-width:1160px){.container{max-width:calc(100% - 60px)}}
@media (max-width:600px){.container{max-width:calc(100% - 40px)}}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
.row>.col{padding:0 15px;min-width:0}
.col-12{width:100%}.col-1-2{width:50%}.col-1-3{width:33.3333%}.col-2-3{width:66.6667%}.col-1-4{width:25%}.col-1-12{width:8.3333%}
.row--center{justify-content:center}
.row--middle{align-items:center}

.sec{position:relative;background-color:transparent;background-repeat:repeat;background-position:0 0}
.sec--white{background-color:#fff}
.sec--pattern1{background-image:url(../images/uploads/2022/01/pattern-1.png)}
.sec--pattern2{background-image:url(../images/uploads/2022/01/parrern2.png)}
.sec--pattern{background-image:url(../images/uploads/2022/01/pattern.png)}
/* "mpattern.png" is missing from the backup: the site's other light pattern is used (see IMAGE-AUDIT) */
.sec--mpattern{background-image:var(--mpattern,url(../images/uploads/2022/01/pattern.png))}

/* Bridge parallax rows: fixed background on desktop, scroll on touch / small screens */
.parallax{position:relative;background-color:#2b2b33;background-size:cover;background-position:50% 0;background-attachment:fixed;background-repeat:no-repeat;overflow:hidden}
.parallax.lazy-bg.is-visible,.parallax:not(.lazy-bg){background-image:var(--bg)}
.parallax--shade::before{content:"";position:absolute;inset:0;background:rgba(0,0,30,.45);pointer-events:none}
.parallax--shade-strong::before{background:rgba(0,0,30,.6)}
.parallax>*{position:relative}
.lazy-bg.is-visible{background-image:var(--bg)}
@media (max-width:960px){
  .lazy-bg.is-visible,.parallax:not(.lazy-bg){background-image:var(--bg-sm,var(--bg))}
}
@media (max-width:1024px),(hover:none){.parallax{background-attachment:scroll;background-position:50% 50%}}

/* ------------------------------------------------------------------ separators / spacing */
.sep-space{height:1px;background:transparent}
.sep{display:block;height:2px;background-color:var(--heading)}
.sep--small{width:22px;margin-left:auto;margin-right:auto}
.sep--small.sep--left{margin-left:0;margin-right:auto}
.sep--small.sep--right{margin-left:auto;margin-right:0}
.sep--gradient{background-color:var(--navy);background-image:var(--grad)}
.sep--normal{width:100%;height:1px;background-color:#eaeaea}
.sep--normal.sep--gradient{background-color:var(--navy)}

/* ------------------------------------------------------------------ buttons */
.qbutton{position:relative;display:inline-block;height:43px;line-height:39px;padding:0 23px;border:2px solid #a8a8a8;border-radius:4px;background:#f1f1f1;color:var(--heading);font-family:'Raleway',sans-serif;font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;text-align:left;transition:color .1s linear,background-color .1s linear,border-color .1s linear}
.qbutton:hover,.qbutton:focus-visible{background:#a8a8a8;border-color:#f1f1f1;color:#fff}
.qbutton__icon{margin-left:8px;font-size:13px;vertical-align:baseline}
.qbutton--grey{color:#a8a8a8}
.qbutton--grey:hover,.qbutton--grey:focus-visible{color:#f1f1f1}
.qbutton--light{background:transparent;border-color:#fff;color:#fff}
.qbutton--light:hover,.qbutton--light:focus-visible{background:#fff;border-color:#fff;color:#a2a2a2}
.btn-submit{cursor:pointer;font-family:'Raleway',sans-serif;height:39px;line-height:35px}

/* ------------------------------------------------------------------ social icons */
.social{list-style:none;display:flex;flex-wrap:wrap;align-items:center}
.social-circle{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s,background-color .2s,border-color .2s}
.social-circle .fa{line-height:1}

/* ------------------------------------------------------------------ header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:110;transition:transform .3s}
.topbar{position:relative;height:34px;background:rgba(0,0,53,.85);border-bottom:1px solid var(--orange);transition:background-color .3s}
.topbar__inner{display:flex;justify-content:space-between;align-items:center;height:33px}
.topbar__contact{margin:0;padding:0 15px;color:#fff;font-family:'Raleway',sans-serif;font-size:11px;font-weight:200;line-height:32px;letter-spacing:1.5px;white-space:nowrap}
.topbar__contact a{color:#f7f7f7}
.topbar__contact a:hover{color:var(--orange)}
.topbar__contact .ei{font-size:14px;vertical-align:-2px}
.topbar__sep{display:inline-block;margin:0 5px 0 10px}
.topbar__social{list-style:none;display:flex;align-items:center;margin:0;padding:0 2px 0 0}
.topbar__social li{margin-left:18px}
.topbar__social a{color:#fff;font-size:17px;line-height:32px}
.topbar__social a .fa{font-size:13px}
.topbar__social a:hover{color:var(--orange)}
.mainbar{height:55px;background:rgba(137,139,142,.85);transition:height .3s ease,background-color .3s}
.mainbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%}
.logo{position:relative;display:block;height:45px;width:170px;flex:0 0 auto;transition:height .3s}
.logo img{position:absolute;left:0;top:50%;transform:translateY(-50%);transition:opacity .3s}
.logo__normal{width:auto;height:45px}
.logo__sticky{width:auto;height:25px;opacity:0}
.menu-toggle{display:none}

.main-nav__list{list-style:none;display:flex;align-items:stretch;margin:0;padding:0;height:100%}
.main-nav{height:100%}
.main-nav__item{position:relative;display:flex;align-items:center}
.main-nav__item+.main-nav__item::before{content:'|';position:relative;left:-2px;color:#f7f7f7;font-size:15px;font-weight:400;line-height:1}
.main-nav__link{display:inline-block;padding:0 17px;color:#f7f7f7;font-family:'Raleway',sans-serif;font-size:12px;font-weight:300;line-height:55px;letter-spacing:3.5px;text-transform:uppercase;transition:color .15s,line-height .3s;cursor:pointer}
.main-nav__item:last-child .main-nav__link{padding-right:0}
.main-nav__arrow{display:none}
.main-nav__item:hover>.main-nav__link,.main-nav__item.is-active>.main-nav__link,.main-nav__link:focus-visible{color:var(--orange)}
.main-nav__sub{position:absolute;top:100%;left:0;width:227px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s linear .2s;z-index:20}
.main-nav__item.has-sub:hover>.main-nav__sub,.main-nav__item.has-sub:focus-within>.main-nav__sub,.main-nav__item.is-open>.main-nav__sub{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.main-nav__sub ul{list-style:none;margin:0;padding:0;background:rgba(17,17,17,.75);border:1px solid #3d3d3d}
.main-nav__sub li{border-bottom:1px solid #3d3d3d}
.main-nav__sub li:last-child{border-bottom:0}
.main-nav__sub a,.main-nav__sublabel{display:block;padding:9px 20px;color:#f7f7f7;font-size:12px;font-weight:300;line-height:16px;letter-spacing:3px;text-transform:uppercase}
.main-nav__sublabel{cursor:default}
.main-nav__sub a:hover,.main-nav__sub a:focus-visible,.main-nav__sub li.is-active>a{color:var(--orange)}

/* header after scrolling (Bridge "fixed" header: 55px -> 40px, sticky logo) */
.site-header.is-scrolled .topbar{background:rgba(0,0,53,.75)}
.site-header.is-scrolled .mainbar{height:40px;background:rgba(137,139,142,.75)}
.site-header.is-scrolled .main-nav__link{line-height:40px;font-weight:400}
.site-header.is-scrolled .logo{height:25px}
.site-header.is-scrolled .logo__normal{opacity:0}
.site-header.is-scrolled .logo__sticky{opacity:1}
.no-banner .site-main{padding-top:var(--header-h)}

/* ------------------------------------------------------------------ title banner */
.title-area{position:relative;height:var(--title-h,350px);background-color:transparent;background-image:var(--bg);background-repeat:no-repeat;background-position:50% 0;background-size:var(--bg-w,1920px) auto;overflow:hidden}
.title-area--responsive{height:auto;aspect-ratio:var(--ratio);background-size:100% auto}
.title-area__holder{position:absolute;left:0;right:0;top:var(--header-h);bottom:0;display:flex;align-items:center}
.title-area__inner{display:flex;align-items:center;justify-content:space-between}
.title-area__h1{color:#fff;font-size:24px;line-height:1.3846em;font-weight:400;letter-spacing:1px;text-transform:uppercase}
.title-area--small .title-area__h1{font-size:17px;line-height:1.3043em;font-weight:400}
.title-area--dark .title-area__h1{color:var(--heading)}
.title-area__sep{display:block;width:22px;height:2px;margin:14px 0 10px;background:var(--heading)}
.title-area__sep--gradient{background:var(--navy) var(--grad)}
.title-area__sep--plain{background:#fff}
.title-area--dark .title-area__sep--plain{background:var(--heading)}
.breadcrumb{font-size:13px;line-height:1em;color:var(--heading);white-space:nowrap;margin-left:20px}
.breadcrumb a{color:var(--heading)}
.breadcrumb a:hover{color:var(--orange)}
.breadcrumb__current{color:#e8e8e8}
.title-area--light-crumbs .breadcrumb,.title-area--light-crumbs .breadcrumb a{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.title-area--light-crumbs .breadcrumb a:hover{color:var(--orange)}
/* Contact page: title height 0 - title and breadcrumb float over the top of the map */
.title-area--overlay{height:0;overflow:visible;z-index:5}
.title-area--overlay .title-area__holder{top:var(--header-h);bottom:auto;height:46px}

/* ------------------------------------------------------------------ home: hero slider */
.hero{position:relative;height:100vh;min-height:560px;max-height:1200px;overflow:hidden;background:#e8e8e8;color:#fff}
.hero__slides{list-style:none;margin:0;padding:0;height:100%}
.hero__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .3s linear,visibility 0s linear .3s}
.hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .3s linear}
.hero__bg{position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:50% 50%}
@media (max-width:960px){.hero__bg{background-image:var(--bg-sm,var(--bg))}}
.js .hero__bg--later:not(.is-loaded){background-image:none}
.hero__layers{position:absolute;inset:0}
.hero__layer{position:absolute;left:var(--x);top:var(--y);white-space:nowrap;opacity:0;transform:translateX(60vw)}
.hero__slide.is-active.is-animating .hero__layer{animation:hero-in .6s cubic-bezier(.215,.61,.355,1) forwards;animation-delay:var(--d)}
.hero__slide.is-active.is-static .hero__layer{opacity:1;transform:none}
@keyframes hero-in{to{opacity:1;transform:none}}
.hero__tag{font-size:15px;line-height:22px;font-weight:300;letter-spacing:2px;color:var(--orange-soft);text-transform:uppercase}
.hero__quote{font-size:37px;line-height:40px;font-weight:100;color:#fff;margin:0;text-transform:none;letter-spacing:0}
.hero__quote--big{font-size:60px;line-height:90px}
.hero__line{width:73px;height:1px;background:#e7ab5f}
.hero__text{font-size:16px;line-height:30px;font-weight:300;letter-spacing:1px;color:#fff;margin:0}
.hero__btn .qbutton{font-size:13px}
.hero__arrow{position:absolute;top:50%;z-index:5;width:40px;height:40px;margin-top:-20px;border-radius:50%;background:rgba(0,0,0,.15);color:var(--orange);font-size:28px;line-height:40px;text-align:center;transition:background-color .3s}
.hero__arrow:hover{background:rgba(0,0,0,.5)}
.hero__arrow--prev{left:50px}
.hero__arrow--next{right:80px}
.hero__bullets{position:absolute;left:0;right:0;bottom:50px;z-index:5;display:flex;justify-content:center;gap:15px;list-style:none;margin:0;padding:0}
.hero__bullet{display:block;width:11px;height:11px;border-radius:50%;background:#fff;opacity:.95;transition:background-color .3s}
.hero__bullet[aria-current="true"],.hero__bullet:hover{background:#e7ab5f}
.hero__progress{position:absolute;left:50px;bottom:50px;width:40px;height:40px;z-index:5;pointer-events:none}
.hero__progress circle{fill:none;stroke:rgba(248,148,24,.65);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}
.hero.is-paused .hero__progress circle{transition:none}

/* ------------------------------------------------------------------ home sections */
.welcome-logo-col{border-right:1px dashed #dd9933}
.welcome-logo-col .col-inner{padding-top:35px}
.counters{height:560px}
.counters .row{padding-top:197px}
.counter{text-align:center;padding:20px 40px;color:var(--heading)}
.counter__num,.counter__suffix{display:inline-block;font-size:60px;line-height:60px;font-weight:300;color:var(--heading)}
.counter__sep{display:block;width:22px;height:2px;margin:19px auto 0;background:var(--heading)}
.counter__text{margin:12px 0 0;font-size:14px;line-height:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--heading)}

.video-band{position:relative;padding:250px 0;overflow:hidden;background:#27272f}
.video-band__poster{position:absolute;inset:0;background-size:cover;background-position:50% 50%}
.video-band__poster.is-visible{background-image:var(--bg)}
@media (max-width:960px){.video-band__poster.is-visible{background-image:var(--bg-sm,var(--bg))}}
.video-band__video{position:absolute;left:50%;top:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none;opacity:0;transition:opacity 1s}
.video-band__video.is-playing{opacity:1}
.video-band__pattern{position:absolute;inset:0;background:url(../images/ui/overlay-pattern-09.png) repeat;opacity:.8;pointer-events:none}
.video-band__content{position:relative;padding:25px 0}
.video-band h4{color:#fff;text-align:center}
.video-band h4 strong{font-weight:600}

.globe{position:relative;max-width:700px;margin:0 auto 35px}
.globe>img{display:block;width:100%;height:auto}
.hotspot{position:absolute;transform:translate(-50%,-50%);z-index:1}
.hotspot__btn{position:relative;z-index:0;isolation:isolate;display:block;width:32px;height:32px;color:#ef0443;font-size:32px;line-height:32px;text-align:center}
.hotspot__btn::before{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px;border-radius:50%;background:rgba(255,255,255,.65);animation:hotspot-glow 2s ease-out infinite;z-index:-1}
@keyframes hotspot-glow{0%{transform:scale(.4);opacity:.95}70%{transform:scale(1);opacity:.25}100%{transform:scale(1.05);opacity:0}}
.hotspot__tip{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%,6px);min-width:170px;padding:10px 14px;background:#fff;color:#555;font-size:13px;line-height:18px;border-radius:4px;box-shadow:0 2px 14px rgba(0,0,0,.18);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s linear .2s;z-index:5}
.hotspot__tip::after{content:"";position:absolute;left:50%;top:100%;margin-left:-7px;border:7px solid transparent;border-top-color:#fff}
.hotspot__tip img{margin-right:6px;vertical-align:middle}
.hotspot--l .hotspot__tip{left:-12px;transform:translate(0,6px)}
.hotspot--l .hotspot__tip::after{left:28px}
.hotspot--r .hotspot__tip{left:auto;right:-12px;transform:translate(0,6px)}
.hotspot--r .hotspot__tip::after{left:auto;right:21px}
.hotspot--l:hover .hotspot__tip,.hotspot--l.is-open .hotspot__tip,.hotspot--l .hotspot__btn:focus-visible+.hotspot__tip,.hotspot--r:hover .hotspot__tip,.hotspot--r.is-open .hotspot__tip,.hotspot--r .hotspot__btn:focus-visible+.hotspot__tip{transform:none}
.hotspot:hover .hotspot__tip,.hotspot__btn:focus-visible+.hotspot__tip,.hotspot.is-open .hotspot__tip{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}

/* client logos */
.clients{position:relative;overflow:hidden}
.clients__track{list-style:none;margin:0;padding:0;display:flex;justify-content:center}
.clients__item{position:relative;flex:0 0 auto;width:218px;height:118px;margin-right:2px}
.clients__item:last-child{margin-right:0}
.clients__item img{display:block;width:100%;height:118px;object-fit:contain}
.clients__second{position:absolute;inset:0;opacity:0;transition:opacity .25s ease-in-out}
.clients__item:hover .clients__second{opacity:1}
.clients--scroll .clients__track{justify-content:flex-start;transition:transform .8s ease-in-out}

/* ------------------------------------------------------------------ about */
.cta-bar{background:#c0c0c0;padding:51px 0}
.cta-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-bar h3{color:#fff;margin:0}

/* ------------------------------------------------------------------ history */
.hl{background:var(--orange);color:#fff;padding:0 3px}
.timeline{position:relative;list-style:none;margin:0;padding:0}
.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;margin-left:-.5px;background:#d6d6d6}
.tl-item{position:relative;display:flex}
.tl-box{position:relative;z-index:1;background:#fcfcfc;border:1px solid #d0d0d0;border-radius:4px;padding:16px 16px 18px;transition:box-shadow .3s}
.tl-box:hover{box-shadow:0 3px 14px rgba(0,0,0,.1)}
.tl-box h3{font-size:15px;line-height:22.5px;font-weight:200;letter-spacing:1px;margin:0 0 7px;color:var(--heading)}
.tl-box p{font-size:14px;line-height:18px;color:var(--text)}
.tl-item--feat{justify-content:center;margin:30px 0}
.tl-item--feat .tl-box{width:100%;text-align:center;padding:15px 20px 24px}
.tl-item--feat .tl-box::before{content:"";position:absolute;left:50%;top:-7px;width:12px;height:12px;margin-left:-6px;background:#fcfcfc;border:1px solid #d0d0d0;border-right:0;border-bottom:0;transform:rotate(45deg)}
.tl-item--left{justify-content:flex-start}
.tl-item--right{justify-content:flex-end}
.tl-item--left .tl-box,.tl-item--right .tl-box{width:calc(50% - 19px)}
.tl-item--left .tl-box{text-align:right}
.tl-item--left .tl-box::after,.tl-item--right .tl-box::after{content:"";position:absolute;top:50%;width:12px;height:12px;margin-top:-6px;background:#fcfcfc;border:1px solid #d0d0d0;transform:rotate(45deg)}
.tl-item--left .tl-box::after{right:-7px;border-left:0;border-bottom:0}
.tl-item--right .tl-box::after{left:-7px;border-right:0;border-top:0}
.tl-dot{position:absolute;left:50%;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:radial-gradient(circle,var(--orange) 0 2.6px,#fff 3px);box-shadow:0 0 0 1px #e3e3e3;z-index:2}
.tl-item--feat .tl-dot{top:-23px;margin-top:0}
.tl-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--orange);color:#fff;font-size:28px;animation:tl-pulse 2s ease-in-out infinite}
.tl-item--feat .tl-icon{margin:0 auto 22px}
.tl-item--left .tl-icon,.tl-item--right .tl-icon{position:absolute;top:50%;margin-top:-28px}
.tl-item--left .tl-icon{left:-28px}
.tl-item--right .tl-icon{right:-28px}
@keyframes tl-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.tl-sep{position:relative;display:flex;justify-content:center;margin:30px 0;list-style:none}
.tl-sep span{position:relative;z-index:1;display:block;width:28px;height:24px;border-radius:3px;background:var(--orange);color:#fff;font-size:11px;line-height:20px;text-align:center;letter-spacing:1px}
.progress-v{text-align:left}
.progress-v__bar{position:relative;height:200px;background:#e3e3e3;overflow:hidden}
.progress-v__fill{position:absolute;left:0;right:0;bottom:0;height:0;background:#015383;border:1px solid #015383;transition:height 1.6s cubic-bezier(.25,.46,.45,.94)}
.progress-v.is-visible .progress-v__fill{height:var(--pct)}
.progress-v__title{margin:16px 0 12px;font-size:16px;line-height:18px;font-weight:300;letter-spacing:1.5px;color:var(--heading)}
.progress-v__pct{margin:0 0 14px;font-size:18px;line-height:18px;font-weight:500;color:var(--heading)}

/* ------------------------------------------------------------------ founder */
.quote-mark{display:block;text-align:center;color:var(--orange);font-size:120px;font-weight:300;font-family:'Raleway',sans-serif}
.quote-mark--open{line-height:17px;margin-top:24px;height:42px;padding-top:40px}
.quote-mark--close{line-height:97px;height:97px}
.founder-quote{text-align:center;font-size:26px;line-height:28px;font-weight:200;font-style:italic;color:var(--text);margin:18px 0 0}
.founder-sign{text-align:right;font-size:26px;line-height:28px;font-weight:200;color:var(--text);margin:28px 0 0}
.icon-text{text-align:center}
.icon-text__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:2px solid var(--orange);background:#f4f4f4;color:var(--orange);font-size:28px;transition:background-color .3s,color .3s}
.icon-text:hover .icon-text__icon{background:var(--orange);color:#f4f4f4}
.icon-text__title{margin:17px 0 0;font-size:13px;line-height:20px;font-weight:400;letter-spacing:.5px;color:var(--heading)}
.icon-text__sep{display:block;width:45px;height:2px;margin:10px auto 15px;background:var(--orange)}
.icon-text__text{margin:0;color:var(--text)}
.icon-text__link{display:inline-block;margin-top:14px;color:var(--orange);font-size:13px}
.icon-text__link:hover{color:var(--heading)}
.qr-col h6{text-align:right;margin-bottom:6px}
.qr-col img{display:block;margin-left:auto}

/* ------------------------------------------------------------------ why */
.icon-box{position:relative;margin-top:28px;padding:46px 20px 26px;border:1px solid #717171;text-align:center;background:transparent}
.icon-box__icon{position:absolute;left:50%;top:-29px;width:56px;height:56px;margin-left:-28px;border-radius:50%;border:1px solid #717171;background:#fff;color:#717171;font-size:20px;line-height:54px;transition:background-color .3s,color .3s}
.icon-box:hover .icon-box__icon{background:#717171;color:#fff}
.icon-box h3{color:var(--heading);margin:0 0 24px}
.icon-box p{margin:0;font-size:14px;line-height:18px;color:var(--text)}
.cover-boxes{list-style:none;display:flex;gap:20px;margin:0;padding:0;height:259px}
.cover-box{position:relative;flex:1 1 0;min-width:0;overflow:hidden;transition:flex-grow .5s ease}
.cover-box.is-active{flex-grow:2}
.cover-box__thumb{position:absolute;left:0;top:0;width:259px;height:259px;overflow:hidden}
.cover-box__thumb img{display:block;width:259px;height:auto}
.cover-box__content{position:absolute;left:285px;top:0;width:245px;opacity:0;transition:opacity .35s}
.cover-box.is-active .cover-box__content{opacity:1;transition-delay:.15s}
.cover-box__content h3{margin:0 0 18px;color:var(--heading)}
.cover-box__content p{margin:0;font-size:14px;line-height:18px}
.cover-box__content .qbutton{margin-top:20px}

/* ------------------------------------------------------------------ services (ourservices) */
.service-table{background:#fff;height:100%}
.service-table__title{padding:31px 20px 20px;text-align:center}
.service-table__title h3{margin:0}
.service-table ul{list-style:none;margin:0;padding:0;text-align:center}
.service-table li{padding:9px 20px;border-top:1px solid #f0f0f0;line-height:26px}
.service-table li:first-child{border-top:0}
.big-social{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center}
.big-social>:first-child{grid-column:2}
.big-social .social-circle{width:150px;height:150px;margin:17px 0;font-size:75px;color:#f5f5f5;background:rgba(255,255,255,.5)}
.big-social .social-circle:hover{background:rgba(245,245,245,.5);color:#fff}

/* ------------------------------------------------------------------ AMCI services */
.fa-list{list-style:none;margin:0;padding:0 0 0 30px}
.fa-list li{position:relative;line-height:26px;font-size:13px}
.fa-list li .fa{position:absolute;left:-30px;top:5px;width:16px;text-align:center;color:var(--orange);font-size:16px}
.feature{text-align:center;padding:0 0 10px}
.feature--border{border-right:1px dashed var(--orange)}
.feature__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin:30px 5px 32px;border-radius:50%;border:1px dashed var(--orange);color:var(--orange);font-size:35px}
.feature h5{font-size:16px;margin:0}
.feature p{text-align:justify;line-height:18px}
.condition-table{font-size:13px;border:1px solid #000;border-collapse:collapse;margin-top:8px}
.condition-table td{border:1px solid #000;text-align:left;padding:2px 8px;line-height:24px;color:var(--text)}
.condition-table .fa{color:var(--orange)}
.rounded img{border-radius:6px}
.zoom{overflow:hidden;display:inline-block;max-width:100%}
.zoom img{transition:transform .3s ease}
.zoom:hover img{transform:scale(1.1)}

/* fading image slider */
.fade-slider{position:relative;width:100%;overflow:hidden;background:#eee}
.fade-slider__slides{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.fade-slider__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.fade-slider__slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease}
.fade-slider__slide a{display:block;height:100%}
.fade-slider__slide img{display:block;width:100%;height:100%;object-fit:cover}
.fade-slider__nav{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;color:#fff;font-size:34px;line-height:40px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.5);opacity:0;transition:opacity .2s}
.fade-slider:hover .fade-slider__nav,.fade-slider__nav:focus-visible{opacity:.9}
@media (hover:none){.fade-slider__nav{opacity:.85}}
.fade-slider__prev{left:6px}
.fade-slider__next{right:6px}

/* ------------------------------------------------------------------ mission */
.fancy{display:flex;justify-content:center;flex-wrap:wrap;align-items:baseline;font-size:60px;line-height:60px;font-weight:700;text-transform:uppercase;text-align:center}
.fancy__prefix{color:#fff;margin-right:.2em}
.fancy__text{color:var(--orange);min-height:60px}
.fancy__cursor{display:inline-block;width:4px;height:48px;margin-left:6px;background:#9a9a9a;animation:blink 1s step-end infinite;vertical-align:-4px}
@keyframes blink{50%{opacity:0}}
.fancy--55{font-size:55px;line-height:60px}
.fancy--ticker{align-items:flex-start}
.fancy--ticker .fancy__text{position:relative;display:block;overflow:hidden;height:60px;text-align:left;transition:width .4s ease}
.fancy--ticker .fancy__word{display:block;width:max-content;height:60px;line-height:60px;white-space:nowrap;transition:transform .5s ease}
.flip{perspective:1000px;height:290px}
.flip__inner{position:relative;width:100%;height:100%;transition:transform .8s ease;transform-style:preserve-3d}
.flip:hover .flip__inner,.flip:focus-within .flip__inner,.flip.is-flipped .flip__inner{transform:rotateY(180deg)}
.flip__face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px dashed var(--orange);border-radius:10px;background:#f2f2f2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 15px;text-align:center}
.flip__back{transform:rotateY(180deg);background:#f7f7f7}
.flip__icon{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background:#fff;color:var(--orange);font-size:75px;margin-bottom:12px}
.flip h3{font-size:14px;line-height:20px;font-weight:400;letter-spacing:2px;margin:6px 0 10px;color:var(--heading)}
.flip p{font-size:13px;line-height:22px;color:var(--text)}
.flip__back h3{font-size:16px;text-transform:none;letter-spacing:1px}

.phone-box{text-align:center}
.phone-box__icon{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;border:2px solid #fff;background:#e2e2e2;color:#fff;font-size:42px;transition:background-color .3s,color .3s}
.phone-box:hover .phone-box__icon{background:#fff;color:#e2e2e2}
.phone-box__title{margin-top:24px;font-weight:700}
.phone-box__title a{color:var(--orange)}
.phone-box__title a:hover{color:#fff}

/* ------------------------------------------------------------------ gallery */
.album{margin-bottom:0}
.album+.album{padding-top:21px}
.album__title{font-size:30px;line-height:1.3846em;font-weight:200;letter-spacing:1px;color:var(--orange);margin:0}
.album__cover{position:relative;display:block;overflow:hidden;margin-bottom:60px;background:#e9e9e9}
.album__cover img{display:block;width:100%;height:auto;aspect-ratio:400/310;object-fit:cover;transition:transform .4s ease}
.album__cover:hover img,.album__cover:focus-visible img{transform:scale(1.04)}
.album__count{position:absolute;right:8px;bottom:8px;padding:2px 9px;border-radius:12px;background:rgba(0,0,53,.75);color:#fff;font-size:11px;line-height:20px;letter-spacing:1px;opacity:0;transition:opacity .25s}
.album__cover:hover .album__count,.album__cover:focus-visible .album__count{opacity:1}
.nb{margin:0}
.nb strong{color:red;font-weight:600}

/* ------------------------------------------------------------------ contact */
.map{position:relative;padding:3px 0;border-left:2px solid transparent;border-right:2px solid transparent}
.map__frame{position:relative;height:650px;margin:0 3px;background:#d9dee3 center/cover no-repeat}
.map__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--heading)}
.map__fallback a{color:var(--orange);text-decoration:underline}
.office h5{margin:0}
.office p{margin:0}
.contact-line{display:flex;align-items:center;margin:0 0 16px;font-size:13px;line-height:20px;font-weight:300;color:var(--text)}
.contact-line .fa{width:30px;flex:0 0 30px;font-size:17px;color:#b7b7b7;transition:color .2s}
.contact-line:hover .fa{color:var(--orange)}
.contact-line a{color:var(--text)}
.contact-line a:hover{color:var(--orange)}
.social--contact .social-circle{width:37px;height:37px;margin:4px;border:1px solid #a7a7a7;background:#fff;color:#a7a7a7;font-size:18px}
.social--contact .social-circle:hover{background:#a7a7a7;color:#fff;border-color:#fff}
.cf label{display:block;font-size:14px;line-height:18px;color:var(--text);margin:0}
.cf .field{margin-bottom:20px}
.cf input[type=text],.cf input[type=email],.cf textarea{display:block;width:100%;margin:5px 0 0;padding:15px;border:1px solid transparent;border-radius:0;background:#fff;color:#555;font-family:'Raleway',sans-serif;font-size:13px;font-weight:400;line-height:17px;outline:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.cf input[type=text],.cf input[type=email]{height:47px}
.cf textarea{height:200px;resize:vertical}
.cf input:focus,.cf textarea:focus{border-color:#c2c2c2}
.cf .is-invalid input,.cf .is-invalid textarea{border-color:#dc3232}
.cf__error{display:block;color:#dc3232;font-size:13px;line-height:18px;margin-top:4px;font-weight:400}
.cf__hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.cf__response{margin:18px 0 0;padding:10px 14px;border:2px solid #ffb900;font-size:14px;line-height:20px;color:var(--heading)}
.cf__response--ok{border-color:#46b450}
.cf__response--error{border-color:#dc3232}
.cf__response:empty{display:none}
.cf .qbutton[disabled]{opacity:.6;cursor:wait}
.mail-band{padding:150px 0;color:#fff;text-align:center}
.mail-icon{display:inline-flex;align-items:center;justify-content:center;width:116px;height:116px;border-radius:50%;border:2px solid var(--orange);font-size:56px;color:transparent;background:transparent;transition:background-color .3s}
.mail-icon .fa{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.mail-icon:hover{background:var(--orange)}
.mail-band h2{font-size:30px;margin:25px 0 0;word-break:break-word}
.mail-band h2 a{color:var(--orange)}
.mail-band h2 a:hover{color:#fff}
.mail-band .mail-sep{display:block;width:45px;height:2px;margin:25px auto;background:var(--orange)}
.mail-band p{color:#fff;margin:0}
.marquee{overflow:hidden;height:190px;white-space:nowrap;color:#c9c9c9;font-family:Arial,Helvetica,sans-serif;font-size:140px;font-weight:400;line-height:190px}
.marquee__inner{display:inline-block;padding-left:100%;animation:marquee 26s linear infinite}
.marquee:hover .marquee__inner{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-100%)}}

/* ------------------------------------------------------------------ footer */
.site-footer{position:relative}
.footer-top{position:relative;padding:72px 0 52px;background-color:#0d1624;background-size:cover;background-position:50% 50%}
.footer-top::before{content:"";position:absolute;inset:0;background:rgba(0,0,25,.35);pointer-events:none}
.footer-top__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.footer-col{position:relative;color:#cfcfcf;font-size:14px;line-height:26px}
.footer-col--1{top:-18px}
.footer-logo{display:block}
.footer-col__sep{width:63px;height:2px;margin:19px 0 27px;background:#015382}
.footer-address{line-height:26px;color:#b9b9b9;margin:0 0 10px}
.footer-title{margin:0 0 22px;color:#fff;font-size:16px;line-height:18px;font-weight:300;letter-spacing:1.5px}
.footer-menu{list-style:none;margin:0;padding:0}
.footer-menu li{margin:0 0 14px}
.footer-menu a{color:#b9b9b9;line-height:26px}
.footer-menu a:hover{color:var(--orange)}
.footer-map{display:block;width:100%;max-width:337px;opacity:.95}
.social--footer{margin-top:14px;gap:6px}
.social--footer a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:8px;border:1px solid var(--orange);border-radius:50%;color:#f7f6f5;font-size:16px;transition:background-color .2s}
.social--footer a:hover{background:var(--orange);color:#fff}
.footer-bottom{background:var(--navy);color:#e0e0e0;text-align:center;font-size:12px;line-height:22px;padding:15.5px 0}

.back-to-top{position:fixed;right:25px;bottom:65px;z-index:100;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s,visibility 0s linear .3s}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.back-to-top span{display:block;width:56px;height:56px;border:2px solid #e8e8e8;border-radius:50%;color:#cdcdcd;font-size:18px;line-height:52px;text-align:center;background:rgba(0,0,0,.15);transition:border-color .2s,color .2s}
.back-to-top:hover span{border-color:var(--orange);color:var(--orange)}

/* ------------------------------------------------------------------ lightbox */
body.lb-open{overflow:hidden}
.lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}
.lightbox[hidden]{display:none}
.lightbox__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88)}
.lightbox__figure{position:relative;margin:0;max-width:calc(100vw - 140px);max-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center}
.lightbox__stage{position:relative;line-height:0;touch-action:pan-y}
.lightbox__img{display:block;max-width:calc(100vw - 140px);max-height:calc(100vh - 120px);width:auto;height:auto;background:#fff;padding:8px;border-radius:4px;opacity:1;transition:opacity .25s}
.lightbox.is-loading .lightbox__img{opacity:.25}
.lightbox__spinner{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:none}
.lightbox.is-loading .lightbox__spinner{display:block}
@keyframes spin{to{transform:rotate(360deg)}}
.lightbox__caption{display:flex;gap:16px;justify-content:space-between;width:100%;padding:10px 4px 0;color:#eee;font-size:13px;line-height:18px}
.lightbox__count{color:#aaa;white-space:nowrap}
.lightbox__btn{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:34px;transition:background-color .2s}
.lightbox__btn:hover,.lightbox__btn:focus-visible{background:var(--orange)}
.lightbox__prev{left:20px;top:50%;margin-top:-26px}
.lightbox__next{right:20px;top:50%;margin-top:-26px}
.lightbox__close{right:20px;top:20px;font-size:26px}
.lightbox--single .lightbox__prev,.lightbox--single .lightbox__next{display:none}

/* ------------------------------------------------------------------ scroll-in animations (Bridge "element_from_*") */
.js .reveal{opacity:0;transition:opacity var(--rdur,.8s) ease,transform var(--rdur,.8s) ease;transition-delay:var(--rd,0s)}
.js .reveal-l{transform:translateX(-60px)}
.js .reveal-r{transform:translateX(60px)}
.js .reveal-u{transform:translateY(60px)}
.js .reveal-d{transform:translateY(-60px)}
.js .reveal.is-visible{opacity:1;transform:none}

/* ------------------------------------------------------------------ responsive */
@media (max-width:1200px){
  .hero__arrow{display:none}
}
@media (max-width:1100px){
  .hero__layers{display:flex;flex-direction:column;justify-content:center;padding:var(--header-h) 40px 90px 8%;}
  .hero__layer{position:static;white-space:normal;max-width:900px}
  .hero__quote{margin-top:15px}
  .hero__quote br,.hero__text br{display:none}
  .hero__line{margin:30px 0 22px}
  .hero__btn{margin-top:40px}
}
@media (max-width:1000px){
  :root{--header-h:0px}
  .site-header{position:relative;background:#fff}
  .topbar{display:none}
  .mainbar,.site-header.is-scrolled .mainbar{height:100px;background:#fff}
  .mainbar__inner{justify-content:center}
  .logo,.site-header.is-scrolled .logo{height:45px}
  .site-header.is-scrolled .logo__normal{opacity:1}
  .site-header.is-scrolled .logo__sticky{opacity:0}
  .menu-toggle{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:50%;width:44px;height:44px;margin-top:-22px;margin-left:-12px;color:#777;font-size:16px}
  .menu-toggle:hover{color:var(--orange)}
  .main-nav{position:absolute;left:50%;width:100vw;transform:translateX(-50%);top:100%;height:auto;background:#fff;max-height:0;overflow:hidden;transition:max-height .4s ease;box-shadow:0 6px 12px rgba(0,0,0,.06)}
  .main-nav.is-open{max-height:85vh;overflow-y:auto}
  .main-nav__list{flex-direction:column;height:auto;padding:0 0 10px}
  .main-nav__item{display:block;border-bottom:1px solid #eaeaea}
  .main-nav__item+.main-nav__item::before{display:none}
  .main-nav__link,.site-header.is-scrolled .main-nav__link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0;color:#555;font-size:12px;font-weight:400;line-height:26px;letter-spacing:0;text-transform:none;text-align:left}
  .main-nav__item.is-active>.main-nav__link,.main-nav__link:hover{color:var(--orange)}
  .main-nav__arrow{display:inline-block;font-size:16px;color:#999;transition:transform .2s}
  .main-nav__item.is-open .main-nav__arrow{transform:rotate(180deg)}
  .main-nav__sub{position:static;width:auto;opacity:1;visibility:visible;transform:none;max-height:0;overflow:hidden;transition:max-height .3s ease}
  .main-nav__item.has-sub:hover>.main-nav__sub{max-height:0}
  .main-nav__item.is-open>.main-nav__sub,.main-nav__item.has-sub.is-open:hover>.main-nav__sub{max-height:400px}
  .main-nav__sub ul{background:transparent;border:0;padding-left:20px}
  .main-nav__sub li{border-bottom:0;border-top:1px solid #eaeaea}
  .main-nav__sub a,.main-nav__sublabel{padding:10px 0;color:#555;font-size:12px;font-weight:400;line-height:26px;letter-spacing:0;text-transform:none}
  .main-nav__sublabel{color:#999}
  .main-nav .container,.main-nav__list{margin:0 auto}
  .main-nav__list{max-width:calc(100% - 30px)}
  .title-area,.title-area--responsive{height:auto;aspect-ratio:auto;min-height:clamp(190px,calc(var(--title-h,350px) * .62),300px);background-size:cover;background-position:50% 50%}
  .title-area__holder{position:relative;top:auto;min-height:inherit}
  .title-area__inner{padding:40px 0}
  .title-area--overlay{min-height:0;height:auto}
  .title-area--overlay .title-area__holder{position:relative;height:auto;background:var(--navy)}
  .title-area--overlay .title-area__inner{padding:22px 0}
  .title-area--overlay .breadcrumb__current{color:#bbb}
  .title-area--overlay .breadcrumb a{color:#fff}
  .hero{height:auto;min-height:560px;height:calc(100vh - 100px)}
  .counters{height:auto;padding-bottom:60px}
  .counters .row{padding-top:80px}
  .col-1-4{width:50%}
  .why-text{width:100%;margin-bottom:10px}
  .cover-boxes{display:grid;grid-template-columns:repeat(3,1fr);height:auto;gap:30px 20px}
  .cover-box,.cover-box.is-active{flex:none;overflow:visible}
  .cover-box__thumb{position:relative;width:100%;height:auto;max-width:259px}
  .cover-box__thumb img{width:100%}
  .cover-box__content,.cover-box.is-active .cover-box__content{position:static;width:auto;opacity:1;margin-top:16px;transition:none}
  .footer-top__grid{grid-template-columns:1fr 1fr}
  .footer-col--3{grid-column:1 / -1}
  .footer-col--1{top:0}
  .breadcrumb{white-space:normal;text-align:right}
  .fancy{font-size:44px;line-height:50px}
  .fancy__text{min-height:50px}
  .fancy--ticker .fancy__text,.fancy--ticker .fancy__word{height:50px;line-height:50px}
  .tl-item--left .tl-box,.tl-item--right .tl-box{width:calc(50% - 30px)}
  .marquee{font-size:100px;height:150px;line-height:150px}
}
@media (max-width:767px){
  .col-1-2,.col-1-3,.col-2-3,.col-1-4{width:100%}
  .row>.col+.col{margin-top:20px}
  .row--keep>.col+.col{margin-top:0}
  .row>.col.keep-half{width:50%}
  .row>.col.keep-half+.col.keep-half{margin-top:0}
  .welcome-logo-col{border-right:0;border-bottom:1px dashed #dd9933;padding-bottom:20px;margin-bottom:10px}
  .welcome-logo-col .col-inner{padding-top:0}
  .feature--border{border-right:0;border-bottom:1px dashed var(--orange);padding-bottom:25px}
  h2,.h2-style{font-size:26px}
  .hero__quote{font-size:28px;line-height:34px}
  .hero__quote--big{font-size:40px;line-height:50px}
  .hero__layers{padding:30px 24px 100px}
  .hero__btn{margin-top:30px}
  .hero__progress{left:20px;bottom:40px}
  .hero__bullets{bottom:52px}
  .counter{padding:20px 10px}
  .counter__num,.counter__suffix{font-size:48px;line-height:50px}
  .video-band{padding:120px 0}
  .video-band h4{font-size:17px}
  .cta-bar__inner{flex-direction:column;text-align:center}
  .cover-boxes{grid-template-columns:1fr}
  .timeline::before{left:28px}
  .tl-item--left,.tl-item--right,.tl-item--feat{justify-content:flex-end}
  .tl-item--left .tl-box,.tl-item--right .tl-box,.tl-item--feat .tl-box{width:calc(100% - 52px);text-align:left}
  .tl-item--feat .tl-box{text-align:center}
  .tl-item--feat .tl-box::before{display:none}
  .tl-dot,.tl-item--feat .tl-dot{left:28px;top:30px;margin-top:-6.5px}
  .tl-item--left .tl-box::after{left:-7px;right:auto;border:1px solid #d0d0d0;border-right:0;border-top:0;top:30px}
  .tl-item--right .tl-box::after{top:30px}
  .tl-item--left .tl-icon,.tl-item--right .tl-icon{position:static;margin:0 0 12px}
  .tl-sep{justify-content:flex-start;padding-left:14px;margin:22px 0}
  .progress-row .col-1-12{width:16.666%}
  .progress-row>.col+.col{margin-top:0}
  .progress-v__bar{height:160px}
  .big-social .social-circle{width:96px;height:96px;font-size:46px;margin:10px}
  .fancy{font-size:32px;line-height:40px}
  .fancy__text{min-height:40px}
  .fancy--ticker .fancy__text,.fancy--ticker .fancy__word{height:40px;line-height:40px}
  .fancy__cursor{height:32px}
  .footer-top__grid{grid-template-columns:1fr}
  .footer-col--3{grid-column:auto}
  .title-area__inner{flex-direction:column;align-items:flex-start;gap:14px}
  .breadcrumb{margin-left:0;text-align:left}
  .map__frame{height:420px}
  .mail-band{padding:90px 0}
  .mail-band h2{font-size:20px}
  .marquee{font-size:64px;height:100px;line-height:100px}
  .qr-col h6{text-align:left}
  .qr-col img{margin-left:0}
  .flip{height:260px}
  .lightbox__figure{max-width:calc(100vw - 20px)}
  .lightbox__img{max-width:calc(100vw - 20px);max-height:calc(100vh - 160px)}
  .lightbox__prev,.lightbox__next{top:auto;bottom:18px;margin-top:0}
  .lightbox__prev{left:calc(50% - 64px)}
  .lightbox__next{right:calc(50% - 64px)}
  .lightbox__close{right:10px;top:10px}
  .condition-table,.condition-table tbody,.condition-table tr,.condition-table td{display:block;width:100%}
  .condition-table tr{border:0}
  .condition-table td{border-width:0 0 1px}
  .condition-table tr:first-child td:first-child{border-top-width:0}
  .back-to-top{right:15px;bottom:20px}
}
@media (max-width:767px){
  .clients:not(.clients--scroll) .clients__track{flex-wrap:wrap;justify-content:center;row-gap:6px}
  .clients:not(.clients--scroll) .clients__item{width:calc(50% - 4px);max-width:218px;height:auto;aspect-ratio:218/118;margin:0 2px}
  .clients__item img{height:100%}
}
@media (max-width:480px){
  .col-1-4.keep-half{width:50%}
  .album__title{font-size:22px;line-height:28px}
  .contact-line{font-size:13px}
}
@media print{
  .site-header,.back-to-top,.hero__arrow,.hero__bullets,.hero__progress,.lightbox,.video-band__video{display:none!important}
  .no-banner .site-main{padding-top:0}
  body{background:#fff}
}