html{
  scroll-behavior:smooth;
}
body,html{
  margin:0px;
  padding:0px;
  background-color:#0A0D10;
}
body *{
  box-sizing:border-box;
  font-family:"Open Sans" ,sans-serif;
}
body.menu-open{
  overflow:hidden;
}
.container{
  max-width: 1440px;
  padding-left: 29px;
  padding-right: 29px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
header.nav .outer__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header.nav .outer__header .nav__menu{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header.nav .outer__header{
  min-height: 162px;
}
header.nav .outer__header .nav__menu>ul{
  padding:0px;
  list-style-type: none;
  margin:0px;
  position: relative;
  margin-right: 40px;
  top:2px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header.nav .outer__header .nav__menu>ul>li>a{
  text-decoration: none;
  font-size: 18px;
  line-height: 24px;
  color:#fff;
  letter-spacing: 0.9px;
  position: relative;
  text-transform: uppercase;
  transition:.3s ease all;
}
header.nav .outer__header .nav__menu>ul>li{
  margin-right: 41px;
}
header.nav .outer__header .nav__menu>a.btn{
  font-weight: 600;
}
header.nav .outer__header .nav__menu>ul>li>a:before{
  content:"";
  position: absolute;
  left:50%;
  transform:translateX(-50%);
  width:0px;
  bottom:-12px;
  height:2px;
  background-color: #E5AE56;
  transition:.3s ease all;
}
header.nav .outer__header .nav__menu{
  margin-left: auto;
}
header.nav .outer__header .nav__menu>ul>li>a:hover{
  color:#E5AE56;
}
header.nav .outer__header .nav__menu>ul>li>a:hover:before{
  width: 100%;
}
header.nav .outer__header .nav__menu>ul>li>a.is-active:before{
  width: 100%;
}
header.nav .outer__header .nav__menu>ul>li>a.is-active{5
  color:#E5AE56;
}
header.nav .outer__header .nav__menu>ul>li:last-child{
  margin-right: 0px;
}
header.nav .outer__header .nav__menu>a.btn{
  background:linear-gradient(to bottom , #DCA755, #AA7D39);
  border-radius: 5px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  color:#1e1c1d;
  padding-left: 25px;
  padding-right: 25px;
  letter-spacing: 0.02px;
  min-height: 55px;
  transition:.3s ease all;
}
header.nav .outer__header .nav__menu>a.btn:hover{
  opacity:.7;
}
header.nav {
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
}
.hero .outer__hero{
  padding-left: 17px;
  padding-top: 373px;
  padding-bottom: 175px;
}
.hero .outer__hero>span{
  display: block;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 3.3px;
  color:#DBA351;
  line-height: 28px;
}

.why__we .grid .elem>.head>p{
  font-weight: 500;
}
header:before{
  pointer-events: none;
}
.hero .outer__hero>p{
  font-size: 22px;
  line-height: 36px;
  font-weight: 400;
  color: rgba(255, 255, 255, .8);
  margin: 0px;
  letter-spacing: 0.18px;
}
.hero .outer__hero>h1{
  margin-top: 21px;
  margin-bottom: 17px;
  font-size: 78px;
  font-weight: 400;
  line-height: 77px;
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  text-transform: uppercase;
}

.hero .outer__hero .btns{
  display: flex;
  align-items: center;
  margin-top: 49px;
  justify-content: flex-start;
}
.hero .outer__hero .btns>.request-quote{
  background: linear-gradient(to bottom, #DCA755, #AA7D39);
  border-radius: 5px;
  min-height: 61px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  color: #1e1c1d;
  padding-left: 25px;
  padding-right: 25px;
  letter-spacing: 0.02px;
  transition: .3s ease all;
  margin-right: 21px;
}
.hero .outer__hero .btns>.request-quote:hover{
  opacity:.7;
}
.hero .outer__hero .btns>.products:hover{
  background-color:rgba(0,0,0,.7);
}
.hero .outer__hero .btns>.products:hover span{
  opacity:1;
}
.hero .outer__hero .btns>.products{
  display: inline-flex;
  align-items: cener;
  justify-content: center;
  border-radius: 5px;
  min-height: 61px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border:2px solid #DCA755;
  padding-left: 30px;
  background-color:rgba(0,0,0,.5);
  padding-right: 22px;
  letter-spacing: 0.02px;
  transition: .3s ease all;
  margin-right: 0px;
}
.hero .outer__hero .btns>.products span{
  color:#DCA755;
}
.hero .outer__hero .btns>.request-quote span , .hero .outer__hero .btns>.products span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 34px;
  padding-bottom: 3px;
  font-size: 34px;
  opacity: .7;
  transition:.3s ease all;
}
.features__wrapper .top__part{
  width: calc(100% - 16px);
  margin-left: auto;
  margin-right: auto;
  border:1px solid rgba(220,167,85,.4);
  display: grid;
  grid-template-columns: repeat(3 ,1fr);
  padding:30px 29px;
  column-gap:30px;
  background-color: #0E1014;
}
.features__wrapper .top__part>.spacer{
  min-width: 1px;
  background-color: rgba(220,167,85,.4);

}
.features__wrapper .top__part>.elem{
  text-align: center;
  width: 100%;
}
.features__wrapper .top__part>.elem>p{
  margin-top: 0px;
  text-align: left;
  margin-bottom: 31px;
  color:#DCA755;
  font-size: 26px;
  line-height: 32px;
  padding-left: 70px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.features__wrapper .top__part>.spacer{
  margin:0px 78px;
}
.features__wrapper .top__part>.elem:nth-child(3)>p{
  text-align: left;
}
.features__wrapper .top__part>.elem ul{
  padding:0px;
  list-style-type: none;
  margin:0px;
  padding-left: 7px;
}
.features__wrapper .top__part>.elem ul>li{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}
.features__wrapper .top__part>.elem ul>li{
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 25px;
  text-align: left;
  letter-spacing: 0.03px;
  color:#fff;
}
.features__wrapper .top__part>.elem ul>li:last-child{
  margin-bottom: 0px;
}
.features__wrapper .top__part>.elem ul>li span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
.features__wrapper .top__part>.elem ul>li span img{
  min-width: 44px;
  max-width: 44px;
}
.features__wrapper .top__part{
  padding-top: 38px;
}
.features__wrapper .top__part>.elem>p{
  letter-spacing: 2.5px;
}
.features__wrapper .top__part>.elem>p{
  margin-bottom: 22px;
}
.features__wrapper .top__part>.elem:nth-child(3)>p{
  padding-left: 61px;
}
.features__wrapper .top__part>.elem:nth-child(3) ul{
  padding-left: 58px;
  padding-top: 4px;
}
.features__wrapper .top__part>.elem{
  position: relative;
}
.features__wrapper .top__part>.elem:before{
  content:"";
  top:0px;
  height:100%;
  position: absolute;
  right:-25px;
  background-color: rgba(220,167,85,.4);
  width: 1px;
}
.features__wrapper .top__part>.elem:last-child:before{
  content:none;
}
.features__wrapper .top__part>.elem:nth-child(1):before{
  right:8px;
}
.features__wrapper .top__part>.elem:nth-child(2):before{
  right:-38px;
}
.why__we{
  width: 100%;
  border-left: 1px solid rgba(220,167,85,.4);
  border-right: 1px solid rgba(220,167,85,.4);
  border-bottom: 1px solid rgba(220,167,85,.4);
}
.why__we{
  padding:50px 25px;
  width: calc(100% - 16px);
  margin-left: auto;
  margin-right: auto;
}
.why__we .title{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.why__we .grid{
  display: grid;
  grid-template-columns: repeat(3 ,1fr);
  grid-column-gap: 40px;
}
.why__we .grid .elem>.head>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.why__we .grid .elem>.head>p{
  margin:0px;
  color: #DCA755;
  font-size: 26px;
  line-height: 32px;
  font-weight: 500;
}
.why__we .grid .elem>.head>span>img{
  min-width: 80px;
  max-width: 80px;
}
.why__we .grid .elem>.head{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.why__we .title>p{
  margin:0px 25px;
  font-size: 38px;
  line-height: 44px;
  color:#DCA755;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 1px;
}
.why__we .title>span{
  width: 100%;
  min-height: 2px;
}
.why__we .title>span:nth-child(1){
  background:linear-gradient( to right , rgba(220,167,75,0) , rgba(220,167,75,1));
}

.why__we .title>span:nth-child(3){
  background:linear-gradient( to left , rgba(220,167,75,0) , rgba(220,167,75,1));
}
.why__we .grid{
  padding-left: 15px;
}
.why__we .grid .elem>.head>span{
  margin-right: 22px;
}
.why__we .grid .elem>.head>p{
  font-size: 25px;
  line-height: 33px;
  letter-spacing: 0.5px;
}
.why__we .grid .elem .content{
  margin-top: 17px;
}
.why__we .grid .elem .content>p{
  margin:0px;
  font-size: 19px;
  line-height: 30px;
  padding-left: 28px;
  color:rgba(255,255,255,.8);
}
.why__we .grid .elem .content>p>span{
  display: inline-block;
  width: 8px;

}
.why__we .grid .elem:nth-child(3) .head{
  margin-left: -13px;
}
.why__we .grid .elem:nth-child(3) .content{
  padding-left: 10px;
}
.why__we .grid .elem:nth-child(3) .content>p{
  padding-left: 20px;
}
.why__grid{
  display: grid;
  grid-template-columns: repeat(4 ,1fr);
    width: calc(100% - 16px);
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid rgba(220, 167, 85, .4);
    border-right: 1px solid rgba(220, 167, 85, .4);
    border-bottom: 1px solid rgba(220, 167, 85, .4);
  }
.why__grid .elem{
  text-align: center;
  padding:25px 20px;
}
.why__grid>.elem>span:nth-child(1){
  display: flex;
  justify-content: center;
  align-items: center;
}
.why__grid>.elem>span:nth-child(1)>img{
  max-width: 100px;

}
.why__we{
  padding-bottom: 40px;
}
.why__grid>.elem>.text{
  text-align: center;
  font-size: 25px;
  line-height: 30px;
  color:#DCA755;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
}
.why__grid>.elem>span:nth-child(1){
  margin-bottom: 15px;
}
.why__grid>.elem{
  border-right:1px solid rgba(220,167,85,.4);
}
.why__grid>.elem:last-child{
  border-right: 0px;
}
.why__grid>.elem>p{
  margin: 0px;
  margin-top: 10px;
  font-size: 19px;
  line-height: 28px;
  color: rgba(255, 255, 255, .8);
}
footer{
  width: calc(100% - 16px);
  margin-left: auto;
  margin-right: auto;
  padding:16px 33px;
  border-top:0px;
  border:1px solid rgba(220,167,85,.4);
}
footer{
  display: flex;
  align-items: center;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  justify-content: space-between;
  padding-right:58px;
}
footer .spacer{
  min-width: 2px;
  min-height: 24px;
  max-height: 24px;
  background-color:#DBA351;
}
footer .logo{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
footer .logo>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
footer .logo>span:nth-child(1){
  margin-right: 28px;
}
footer .logo>span:nth-child(2){
  font-size: 19px;
  line-height: 26px;
  color:#fff;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
}
footer .logo>span img{
  min-width: 65px;
  max-width: 65px;
}
footer>p{
  margin:0px;
  font-size: 17px;
  line-height: 24px;
    color: #DCA755;
    letter-spacing: 2.25px;
}
footer#quote{
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 18px;
  row-gap: 6px;
  padding-right: 28px;
}
footer#quote>.spacer{ display: none; }
footer#quote>p.footer__address{
  flex-basis: 100%;
  width: 100%;
  margin: 2px 0 0;
  font-size: 13px;
  line-height: 18px;
  color:#fff;
  letter-spacing: 0.6px;
  text-align: center;
}
footer>a{
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 24px;
  color:#fff;
  text-decoration: none;
  letter-spacing: 2.25px;
  transition:.3s ease all;
}
footer>a:hover{
  color:#DCA755;
}
footer>a.footer__terms{
  color:#DCA755;
}
footer>a.footer__terms:hover{
  color:#fff;
}
body{
  padding-bottom: 45px;
}
header  .logo{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
header .logo>a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
header .logo>a>img{
  max-width: 400px;
}
header .outer__header{
  position: relative;
  z-index: 2;
}
header:before{
  content:"";
  position: absolute;
  left:0px;
  top:0px;
  width: 100%;
  height: 240px;
  background:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}
.why__we , .why__grid , footer{
  background-color: #0E1014;
}
.hero .outer__hero{
  padding-bottom: 230px;
  margin-bottom: -60px;
}
.features__wrapper{
  position: relative;
}
.features__wrapper:before{
  content:"";
  position: absolute;
  left:0px;
  width: 100%;
  top:-78px;
  height:140px;
  z-index: 3;
  background:linear-gradient(to top , rgba(10,13,16,1) , rgba(10,13,16,0));
}
.outer__features{
  position: relative;
  z-index: 4;
}
.why__we .grid{
  padding-left: 0px;
}
.why__we .grid .elem{
  position: relative;
}
.why__we .grid .elem:nth-child(3){
  padding-left: 20px;
}
.features__wrapper .top__part>.elem:before{
  opacity:.3;
}
.why__we .grid .elem:before{
  content:"";
  position: absolute;
  opacity:.3;
  right:-20px;
  width: 1px;
  height:100%;
  top:0px;
  background-color: rgba(220, 167, 85, .4);
}
header.nav{
  position: fixed;
  z-index: 20!important;
}
.container{
  max-width: 1040px;
}
header .logo>a>img{
  max-width: 240px;
}
header.nav .outer__header .nav__menu>ul>li>a{
  font-size: 10px;
  line-height: 14px;
}
header.nav .outer__header .nav__menu>a.btn{
  font-size: 13px;
  line-height: 17px;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
  min-height: 38px;
  border-radius: 2px;
  letter-spacing: 0.2px;
}
header.nav .outer__header .nav__menu>ul{
  margin-right: 26px;
  position: relative;
  top:-2px;
}
header.nav .outer__header .nav__menu>ul>li>a{
  letter-spacing: 0.6px;
}
header.nav .outer__header .nav__menu>ul>li{
  margin-right: 29px;
}
header.nav .outer__header .nav__menu>ul>li>a{
  font-size: 13px;
  line-height: 16px;
}

header .logo>a>img{
  max-width: 210px;
}
.hero .outer__hero>span{
  font-size: 12.5px;
  font-weight: 500;
}
.hero .outer__hero>h1{
  margin-top: 5px;
  margin-bottom: 17px;
  font-size: 55px;
  font-weight: 400;
  line-height: 59px;
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1px;
  margin-bottom: 6px;
}
.hero .outer__hero>p{
  font-size: 16px;
  line-height: 28px;
}
.hero .outer__hero .btns{
  margin-top: 33px;
}
.hero .outer__hero .btns>.request-quote , .hero .outer__hero .btns>.products{
  min-height: 40px;
  font-size: 13.5px;
  border-radius: 2px;
}
.hero .outer__hero .btns>.request-quote{
  padding-left: 18px;
  padding-right: 14px;
  border-radius: 3px;
  letter-spacing: 0.3px;
  margin-right: 16px;
}
.hero .outer__hero .btns>.products{
  padding-left: 20px;
  letter-spacing: 0.5px;
  padding-right: 13px;
}
.hero .outer__hero .btns>.request-quote span, .hero .outer__hero .btns>.products span{
      display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 30px;
    padding-bottom: 5px;
    font-size: 24px;
    opacity: .7;
    transition: .3s ease all;
}
.hero .outer__hero .btns>.products span{
  margin-left: 27px;
}
.hero .outer__hero{
  padding-left: 11px;
  padding-top: 263px;
}
header.nav .outer__header{
  min-height: 119px;
}
.hero{
  background:url('../icons/back-port.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.hero .outer__hero{
  margin-bottom: -116px;
}
.features__wrapper .top__part>.elem>p{
  padding-left: 0px;
  padding-left: 53px;
  font-size: 17.5px;
  line-height: 24px;
  margin-bottom: 15px;
}
.features__wrapper .top__part>.elem ul>li span img{
  min-width: 35px;
  max-width: 35px;
}
.features__wrapper .top__part{
  padding-top: 31px;
}
.features__wrapper .top__part>.elem ul>li{
  font-size: 16px;
  line-height: 20px;
}
.features__wrapper .top__part{
  padding:30px 21px;
}
.features__wrapper .top__part>.elem ul>li span{
  margin-right: 10px;
}
.features__wrapper .top__part{
  column-gap: 0px;
}
.features__wrapper .top__part>.elem:nth-child(3)>p{
  padding-left: 57px;
}
.features__wrapper .top__part>.elem ul>li span img{
  max-width: 32px;
  max-height: 29px;
}
.features__wrapper .top__part>.elem ul>li{
  margin-bottom: 9.5px;
}
.why__we{
  padding:25px 20px;
}
.why__we .title>p{
  font-size: 29px;
  line-height: 44px;
  letter-spacing: 2px;
  margin:0px 44px;
}
.why__we .grid .elem>.head>span>img{
  min-width: 56px;
  max-width: 56px;
}
.why__we .title{
  margin-bottom: 13px;
}
.why__we .grid .elem>.head>span{
  margin-right: 16px;
}
.why__we .grid .elem .content>p{
  padding-left: 20px;
  font-size: 13px;
  line-height: 21px;
}
.why__we .grid .elem .content{
  margin-top:9px;
}
.why__we .grid .elem:nth-child(2)>.head{
  position: relative;
  left:-9px;
  margin-bottom: -4px;
}
.why__we .grid .elem:nth-child(2)>.head>span{
  position: relative;
  top:-7px;
  left:-4px;
}
.why__we .grid .elem>.head:nth-child(2)>span{
  margin-right: 18px;
}
.why__we .grid .elem:nth-child(2) .content>p{
  padding-left: 12px;
}
.why__we .grid{
  padding-left: 14px;
}
.why__we .grid .elem>.head>p{
  font-size: 17.5px;
  line-height: 23px;
}
.why__we .grid .elem:nth-child(3) .head{
  position: relative;
  left:-25px;
}
.why__we .grid .elem>.head:nth-child(3)>span{
  position: relative;
  left: -9px;
  top:4px;
}
.why__we .grid .elem:nth-child(3)>.head>p{
  position: relative;
  top:4px;
  left: -7px;
}
.why__we .grid .elem:nth-child(3){
  padding-left: 0px;
}
.why__we .grid .elem:nth-child(3) .content>p{
  padding-left: 3px;
  padding-top: 8px;
}
.why__we .grid .elem:nth-child(3)>.head>span>img{
  min-width: 70px;
  max-width: 70px;
  margin-left: 7px;
}
.why__we .grid .elem:nth-child(3)>.head>span{
  margin-right: 22px;
}
.why__grid>.elem>span:nth-child(1)>img{
  position: relative;
  top:-5px;
}
.why__grid>.elem:nth-child(3)>span:nth-child(1)>img{
  position: relative;
}

.why__grid>.elem:nth-child(4)>span:nth-child(1)>img{
  position: relative;
}
.features__wrapper:before{
  top:-22px;
}
.why__grid>.elem>.text{
  font-size: 16px;
  line-height: 20px;
}
.why__grid .elem{
  padding:25px 15px;
}
.why__grid>.elem>span:nth-child(1){
  margin-bottom: 3px;
}
.why__grid{
  padding-left: 0px;
  padding-right: 0px;
}
.why__grid>.elem>p{
  font-size: 13.5px;
  line-height: 20px;
}
footer>a{
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 2.5px;
}
footer .logo>span img{
  min-width: 39px;
  max-width: 39px;
}
footer .logo>span:nth-child(1){
  margin-right: 12px;
}
footer .logo>span:nth-child(2){
  font-size: 12px;
  line-height: 16px;
}
footer>p{
  font-size: 10px;
  line-height: 16px;
  margin-left: 9px;
  margin-top: 2px;
}
footer .logo>span:nth-child(1){
  margin-right: 23px;
}
footer{
  padding:10px 28px;
}
footer .spacer{
  min-width: 1px;
  min-height: 16px;
  max-height: 16px;
}

.why__we .grid .elem:before{
  right: -10px;
}
.why__we .grid .elem:before{
  right: 17px;
}
.menu__button{
  display: none;
  background: transparent;
  border: 0;
  padding: 10px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  z-index: 30;
  position: relative;
}
.menu__button:focus-visible{
  outline: 2px solid #E5AE56;
  outline-offset: 2px;
  border-radius: 4px;
}
.why__we .grid .elem:nth-child(2)>.head>p{
  position: relative;
  top:-3px;
}
.hero .outer__hero{
  margin-bottom: -112px;
}
.features__wrapper .top__part>.elem:nth-child(2) ul>li span{
  margin-right: 15px;
}
.features__wrapper .top__part>.elem:nth-child(3) ul>li span img{
  position: relative;
  left:-6px;
  top:-2px;
}
.hero{
  background: url(../icons/hero-back-another.png);
  background-repeat: no-repeat;
  background-size: 1025px;
  background-position: center 90px;
}
.features__wrapper .top__part>.elem ul>li{
  font-size: 14.5px;
}
.features__wrapper .top__part{
  padding:27px 21px;
}
.why__we .grid .elem>.head>p{
  letter-spacing: 2.85px;
  font-size: 14px;
  line-height: 23px;
}
.hero .outer__hero .btns>.products{
  border:1px solid #DCA755;
}
.why__we .grid .elem:nth-child(1):before{
  right: -17px;
}
.why__we .grid .elem:nth-child(3):before{
  right: 5px;
  content:none;
}
header.nav{
  z-index: 3;
}

body.legal{
  padding-bottom: 45px;
}
.legal__main{
  padding-top: 160px;
  padding-bottom: 60px;
  position: relative;
}
.legal__main:before{
  content:"";
  position: absolute;
  left:0px;
  top:0px;
  width: 100%;
  height:260px;
  background:linear-gradient(to bottom, rgba(0,0,0,.75), rgba(0,0,0,0));
  pointer-events: none;
  z-index: 0;
}
.legal__content{
  position: relative;
  z-index: 1;
  max-width: 880px;
  margin:0 auto;
  padding:40px 34px 30px;
  border:1px solid rgba(220,167,85,.4);
  background-color: #0E1014;
  border-radius: 12px;
  color:rgba(255,255,255,.85);
}
.legal__header{
  border-bottom:1px solid rgba(220,167,85,.25);
  padding-bottom: 20px;
  margin-bottom: 24px;
  text-align: center;
}
.legal__eyebrow{
  display: inline-block;
  font-size: 12.5px;
  letter-spacing: 3.3px;
  color:#DBA351;
  text-transform: uppercase;
  font-weight: 500;
}
.legal__content h1{
  font-family: "Bebas Neue", sans-serif;
  font-size: 52px;
  line-height: 58px;
  color:#fff;
  margin:10px 0 6px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.legal__updated{
  margin:0;
  font-size: 13px;
  line-height: 20px;
  color:rgba(255,255,255,.6);
  letter-spacing: 1px;
  text-transform: uppercase;
}
.legal__content section{
  margin-bottom: 22px;
}
.legal__content h2{
  color:#DCA755;
  font-size: 19px;
  line-height: 26px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-weight: 600;
  margin:0 0 10px;
}
.legal__content p{
  margin:0;
  font-size: 15px;
  line-height: 26px;
  color:rgba(255,255,255,.82);
  letter-spacing: 0.1px;
}
.legal__content a{
  color:#DCA755;
  text-decoration: none;
  border-bottom:1px solid rgba(220,167,85,.4);
  transition:.3s ease all;
}
.legal__content a:hover{
  color:#fff;
  border-bottom-color:#fff;
}
.legal__footer-wrap{
  position: relative;
  z-index: 1;
}

.legal__main{
  position: relative;
  z-index: 3;
  padding-top: 170px;
}
.legal__content{
  max-width: 100%;
}
.legal__content{
  z-index: 3;
}
.legal__header:before{
  content:none;
}
footer>a.footer__terms{
  position: absolute;
  bottom:10px;
}
footer{
  padding-bottom: 30px;
}
.legal__main{
  padding-bottom: 0px;
}
.legal__content{
  width: calc(100% - 16px);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom:0px;
}
header.nav .outer__header .nav__menu>ul>li{
  margin-right: 22px;
}
header.nav .outer__header .nav__menu>ul{
  margin-right: 22px;
}
.hero .outer__hero{
  padding-top: 244px;
  padding-bottom: 200px;
}
.why__we .grid .elem>.head>p{
  font-size: 13.3px;
  line-height: 20px;
}

.why__we .grid .elem:before{
  right: 7px;
}
.about__head  .container{
  margin-top: 80px;
  padding-top: 50px;
  padding-bottom: 35px;
  background:url('../icons/back.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
}

.about__head .outer__about>p{
  margin:0px;
  margin-top: 20px;
  font-size: 14px;
  line-height: 24px;
  color:#fff;
}
.about__head .outer__about{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.about__head .outer__about>h2 , .about__head .outer__about>h2 span{
  font-size: 42px;
  line-height: 48px;
  margin:20px 0px;
  font-weight: 500;
  font-family:serif;
  color:#fff;
}
.about__head .outer__about>h2 span{
  color:#DCA755;
}
.about__head .outer__about>span{
  display: inline-flex;
  min-width: 90px;
  min-height: 1px;
  background-color:#715D3F;
}
.about__desc{
  padding:20px 0px;
  background-color: #E9E5DA;
}
.about__desc .outer{
  width: calc(100% + 40px);
  margin-left: -20px;
  padding:15px 40px;
  border:1px solid #A47B17;
  text-align: center;
}
.about__desc .outer h2 {
  margin:0px;
}
.about__desc .outer h2 , .about__desc .outer h2 span{
  font-size: 31px;
  line-height: 37px;
  font-family:serif;
  font-weight: 500;
  color:#282620;
}
.about__desc .outer h2 span{
  color:#A47B17;  
}

.about__desc .outer p{
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 24px;
  color:#282620;
  text-align: left;
}
.about__desc .message{
  margin-top: 60px;
}
.about__desc .message .title{
  display: flex;
  align-items: center;
  justify-content: center;
}
.about__desc .message .title>h2{
  margin:0px 20px;
}
.about__desc .message .title>span{
  min-width: 120px;
  min-height: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #A47B17;
}
.about__desc  .spacer--box{
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about__desc  .spacer--box{
  position: relative;
}

.about__desc  .spacer--box:before{
  content:"";
  position: absolute;
  width: 6px;
  margin-top: -1px;
  margin-left: -4px;
  top:50%;
  transform:rotate(45deg) translateY(-50%);
  height: 6px;
  background-color: #A47B17;
}
.about__desc  .spacer--box>span:nth-child(1){
  margin-right: 20px;
}
.about__desc  .spacer--box>span{
  min-width: 60px;
  max-width: 60px;
  min-height: 1px;
  background-color: #A47B17;
}
.president>span{
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color:#A47B17;
}
.president .author>img{
  margin-bottom: 15px;
}
.president .author>p{
  margin:0px;
  margin-top: 0px;
}
.president .author>span{
  font-size: 21px;
  line-height: 26px;
  font-weight: 500;
  text-transform: uppercase;
  font-family:serif;
}
.president .author{
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.president .author>img{
  max-width: 200px;
}
body.no-padding{
  padding-bottom: 0px;
}
.about__desc .message .title>span{
  min-width: 100px;
}
.about__desc .message .title>h2{
  margin:0px 15px;
}
.about__desc  .spacer--box.longer>span{
  min-width: 220px;
}
.about__desc .after{
  text-align: center;
}
.about__desc .after>span{
  font-size: 14px;
  line-height: 18px;
}
.about__desc .after>p{
  text-align: center;
  font-size: 20px;
  line-height: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: serif;
}
.about__desc .after>p span{
  font-family:serif;
  color:#A47B17;
}
header.nav.smaller:before{
  height: 140px!important;
}
.about__desc .outer .square.sq1{
  position: absolute;
  top:-1px;
  left:-1px;
  background-color: #E9E5DA;
  width: 10px;
  height: 10px;
  z-index: 2;
  border-right:1px solid #A47B17;
  border-bottom:1px solid #A47B17;
  border-bottom-right-radius: 5px;
}


.about__desc .outer .square.sq2{
  position: absolute;
  top:-1px;
  right:-1px;
  background-color: #E9E5DA;
  width: 10px;
  height: 10px;
  z-index: 2;
  border-left:1px solid #A47B17;
  border-bottom:1px solid #A47B17;
  border-bottom-left-radius: 5px;
}


.about__desc .outer .square.sq3{
  position: absolute;
  bottom:-1px;
  left:-1px;
  background-color: #E9E5DA;
  width: 10px;
  height: 10px;
  z-index: 2;
  border-top:1px solid #A47B17;
  border-right:1px solid #A47B17;
  border-top-right-radius: 5px;
}

.about__desc .outer .square.sq4{
  position: absolute;
  bottom:-1px;
  right:-1px;
  background-color: #E9E5DA;
  width: 10px;
  height: 10px;
  z-index: 2;
  border-left:1px solid #A47B17;
  border-top:1px solid #A47B17;
  border-top-left-radius: 5px;
}





.about__desc .outer{
  position: relative;
}



header.nav{
  position: absolute;
  left:0px;
  top:0px;
}



/* ===========================
   PRODUCTS PAGE (light theme)
   =========================== */

:root{
  --pp-bg: #F4E9C9;
  --pp-card: #F4E9C9;
  --pp-border: #D9B872;
  --pp-border-soft: rgba(200,150,78,0.35);
  --pp-gold: #B98B3F;
  --pp-gold-2: #DCA755;
  --pp-gold-dark: #8E6520;
  --pp-text: #2A241B;
  --pp-text-mute: #6F5F44;
  --pp-thumb: #cfcfcf;
}
body.products{
  background-color: var(--pp-bg);
  padding-bottom: 0px;
}
.products__main{
  padding-top: 0;
  padding-bottom: 0;
}
.products__main .container{
  max-width: 1010px;
  padding-left: 18px;
  padding-right: 18px;
}
.products__title-wrap{
  margin: 6px 0 16px;
  text-align: center;
}
.products__title{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.products__title>h1{
  margin: 0 18px;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-size: 38px;
  line-height: 42px;
  letter-spacing: 3px;
  color: var(--pp-text);
  text-transform: uppercase;
  white-space: nowrap;
}
.ttl-line{
  position: relative;
  height: 1px;
  background: var(--pp-gold);
  flex: 0 0 170px;
}
.ttl-line:before, .ttl-line:after{
  content: "";
  position: absolute;
  width: 4px; height: 4px;
  background: var(--pp-gold);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.ttl-line:before{ left: 0;
}
.ttl-line:after{ right: 0;
}
.products__subtitle{
  text-align: center;
  margin: 4px 0 0;
  color: #6a5b3e;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.2px;
  font-style: italic;
}
.products__layout{
  display: grid;
  grid-template-columns: 196px 1fr;
  column-gap: 14px;
  align-items: flex-start;
}
.products__sidebar{
  display: flex;
  flex-direction: column;
}
.sidebar__title{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  padding: 0;
}
.sidebar__title>p{
  margin: 0 8px;
  font-size: 10.5px;
  letter-spacing: 1.6px;
  color: var(--pp-gold);
  font-weight: 700;
  text-transform: uppercase;
  font-style: italic;
}
.sb-dec{
  position: relative;
  display: inline-block;
  width: 24px;
  height: 1px;
  background: var(--pp-gold);
}
.sb-dec:before{
  content: "";
  position: absolute;
  top: 50%; transform: translateY(-50%);
  width: 3px; height: 3px;
  background: var(--pp-gold);
  border-radius: 50%;
}
.sb-dec--left:before{ right: -1px;
}
.sb-dec--right:before{ left: -1px;
}
.cat__list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.cat__item{
  display: grid;
  grid-template-columns: 50px 1fr 12px;
  align-items: center;
  column-gap: 8px;
  padding: 8px 9px 8px 8px;
  background: #F8EFD0;
  border: 1px solid var(--pp-border-soft);
  border-radius: 3px;
  cursor: pointer;
  transition: .25s ease all;
  min-height: 64px;
}
.cat__item:hover{
  background: #F2E4B5;
}
.cat__item.is-active{
  background: linear-gradient(to bottom, #DCA755, #A87930);
  border-color: #8E6520;
}
.cat__item.is-active .cat__name{ color: #2A241B;
}
.cat__item.is-active .cat__desc{ color: rgba(42,36,27,0.85);
}
.cat__item.is-active .cat__chev{ color: #2A241B;
}
.cat__thumb{
  width: 50px;
  height: 50px;
  background: var(--pp-thumb);
  border-radius: 2px;
}
.cat__info{ min-width: 0;
}
.cat__name{
  margin: 0 0 2px 0;
  font-weight: 700;
  font-size: 10.5px;
  letter-spacing: 1px;
  color: var(--pp-text);
  text-transform: uppercase;
  line-height: 12px;
}
.cat__desc{
  margin: 0;
  font-size: 9px;
  line-height: 11px;
  color: var(--pp-text-mute);
  letter-spacing: 0.1px;
}
.cat__chev{
  color: var(--pp-gold);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-align: right;
}
.need__info{
  margin-top: 12px;
  padding: 12px 10px 12px;
  background: #F8EFD0;
  border: 1px solid var(--pp-border-soft);
  border-radius: 3px;
  text-align: center;
}
.need__icon{
  width: 30px; height: 30px;
  background: var(--pp-thumb);
  border: 1px solid var(--pp-gold);
  border-radius: 50%;
  margin: 0 auto 6px;
}
.need__title{
  margin: 0 0 4px 0;
  font-size: 11px;
  font-weight: 700;
  color: var(--pp-text);
  font-style: italic;
}
.need__desc{
  margin: 0 0 10px 0;
  font-size: 9.5px;
  line-height: 13px;
  color: var(--pp-text-mute);
}
.need__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--pp-text);
  border: 1px solid var(--pp-gold);
  border-radius: 3px;
  padding: 6px 14px;
  font-size: 10.5px;
  letter-spacing: 1.2px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  transition: .25s ease all;
}
.need__cta:hover{ background: rgba(220,167,85,0.1);
}
.need__cta-icon{
  display: inline-block;
  width: 10px; height: 8px;
  margin-left: 8px;
  background: var(--pp-thumb);
  border-radius: 1px;
}
.products__grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 0;
  background: #F8EFD0;
  border: 1px solid var(--pp-border-soft);
  border-radius: 3px;
  padding: 14px 0 16px;
}
.prod__col{
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0 12px;
  border-right: 1px solid rgba(200,150,78,0.25);
}
.prod__col:last-child{ border-right: 0;
}
.prod__col-title{
  margin: 0 0 10px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 1.6px;
  color: var(--pp-gold);
  font-weight: 700;
  text-transform: uppercase;
}
.prod__main-img{
  width: 100%;
  height: 86px;
  background: var(--pp-thumb);
  border-radius: 2px;
  margin-bottom: 8px;
}
.prod__sub-img{
  width: 100%;
  height: 78px;
  background: var(--pp-thumb);
  border-radius: 2px;
  margin-bottom: 4px;
}
.prod__sub-img--lg{
  height: 110px;
  margin-bottom: 4px;
}
.prod__cap{
  margin: 0 0 10px;
  text-align: center;
  font-size: 10.5px;
  color: var(--pp-text-mute);
  font-style: italic;
  letter-spacing: 0.2px;
}
.prod__media--tall{
  width: 100%;
  height: 320px;
  background: var(--pp-thumb);
  border-radius: 2px;
  margin-bottom: 10px;
}
.prod__col-desc{
  margin: 4px 0 12px;
  font-size: 10.5px;
  line-height: 15px;
  color: #3b332a;
  letter-spacing: 0.1px;
  flex: 1 1 auto;
}
.prod__view{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  background: transparent;
  border: 1px solid var(--pp-gold);
  border-radius: 3px;
  color: var(--pp-text);
  padding: 7px 12px;
  text-decoration: none;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  transition: .25s ease all;
}
.prod__view>span{
  margin-left: 8px;
  color: var(--pp-gold);
  font-size: 14px;
  line-height: 1;
}
.prod__view:hover{ background: rgba(220,167,85,0.1);
}
/* ===========================
   PRODUCT POPUP MODALS
   =========================== */

.modal{
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 28px 14px;
  overflow-y: auto;
}
.modal.is-open{
  display: flex;
}
.modal__overlay{
  position: fixed;
  inset: 0;
  background: rgba(20,15,8,0.55);
  backdrop-filter: blur(2px);
  cursor: pointer;
}
.modal__dialog{
  position: relative;
  width: 100%;
  max-width: 920px;
  background: #F4E9C9;
  border: 1px solid rgba(200,150,78,0.55);
  border-radius: 6px;
  padding: 18px 22px 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.45);
  margin: auto;
}
.modal__dialog--ferro{
  max-width: 920px;
}
.modal__close{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #B98B3F;
  background: transparent;
  color: #B98B3F;
  font-size: 18px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition:.25s ease all;
  z-index: 2;
}
.modal__close:hover{ background: rgba(220,167,85,0.1);
}
.modal__head{
  display: grid;
  grid-template-columns: 130px 1fr 130px;
  align-items: center;
  margin-bottom: 4px;
}
.modal__logo{
  width: 110px;
  height: 38px;
  background: url('../icons/logo.png') no-repeat left center;
  background-size: contain;
}
.modal__title-row{
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal__title-row>h2{
  margin: 0 18px;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 32px;
  letter-spacing: 2px;
  color: #2A241B;
  text-transform: uppercase;
  white-space: nowrap;
}
.modal__line{
  flex: 0 0 130px;
  height: 1px;
  background: #B98B3F;
  position: relative;
}
.modal__line:before, .modal__line:after{
  content: "";
  position: absolute;
  width: 4px; height: 4px;
  background: #B98B3F;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.modal__line:before{ left: 0;
}
.modal__line:after{ right: 0;
}
.modal__sub{
  text-align: center;
  margin: 4px 0 16px;
  color: #6F5F44;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.2px;
  font-style: italic;
}
.modal__cards{
  display: grid;
  column-gap: 12px;
  margin-bottom: 14px;
}
.modal__cards--3{ grid-template-columns: repeat(3, 1fr);
}
.mc{
  display: flex;
  flex-direction: column;
  background: #F8EFD0;
  border: 1px solid rgba(200,150,78,0.4);
  border-radius: 3px;
  padding: 10px;
}
.mc__name{
  margin: 0 0 8px;
  text-align: center;
  font-size: 11.5px;
  letter-spacing: 1.4px;
  font-weight: 700;
  color: #B98B3F;
  text-transform: uppercase;
}
.mc__img{
  width: 100%;
  height: 130px;
  background: #cfcfcf no-repeat center center;
  background-size: cover;
  border-radius: 3px;
  margin-bottom: 8px;
  border: 1px solid rgba(200,150,78,0.35);
}
.mc__img--alu-ingots{ background-image: url('../icons/popup/alu-card-ingots.png');
}
.mc__img--alu-billets{ background-image: url('../icons/popup/alu-card-billets.png');
}
.mc__img--alu-tubes{ background-image: url('../icons/popup/alu-card-tubes.png');
}
.mc__img--steel-coils{ background-image: url('../icons/popup/steel-card-coils.png');
}
.mc__img--steel-billets{ background-image: url('../icons/popup/steel-card-billets.png');
}
.mc__img--steel-slabs{ background-image: url('../icons/popup/steel-card-slabs.png');
}
.mc__desc{
  margin: 0;
  font-size: 10.5px;
  line-height: 14px;
  color: #3b332a;
  text-align: center;
}
.modal__three{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 0;
  background: #F8EFD0;
  border: 1px solid rgba(200,150,78,0.4);
  border-radius: 3px;
  padding: 12px 4px;
  margin-bottom: 14px;
}
.modal__three--4{
  grid-template-columns: repeat(4, 1fr);
}
.m3{
  border-right: 1px solid rgba(200,150,78,0.3);
  padding: 0 14px;
}
.modal__three>.m3:last-child{ border-right: 0;
}
.m3__title{
  display: flex;
  align-items: center;
  margin: 0 0 8px;
  font-size: 11.5px;
  letter-spacing: 1.4px;
  color: #B98B3F;
  font-weight: 700;
  text-transform: uppercase;
}
.m3__icon{
  display: inline-block;
  width: 16px; height: 16px;
  background: no-repeat center center;
  background-size: contain;
  margin-right: 8px;
  vertical-align: middle;
}
.m3__text{
  margin: 0 0 8px;
  font-size: 10.5px;
  line-height: 15px;
  color: #3b332a;
}
.m3__table{
  width: 100%;
  border-collapse: collapse;
  font-size: 10.5px;
  line-height: 14px;
}
.m3__table td{
  padding: 3px 4px;
  vertical-align: top;
  color: #3b332a;
}
.m3__table td:first-child{
  color: #6F5F44;
  white-space: nowrap;
  padding-right: 8px;
  font-weight: 600;
}
.m3__list{
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 10.5px;
  line-height: 17px;
  color: #3b332a;
}
.m3__list>li{
  padding-left: 12px;
  position: relative;
}
.m3__list>li:before{
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 4px; height: 4px;
  background: #B98B3F;
  border-radius: 50%;
}
.modal__section-title{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px 0 12px;
  font-size: 13px;
  letter-spacing: 1.6px;
  color: #B98B3F;
  font-weight: 700;
  text-transform: uppercase;
}
.modal__detailed{
  display: grid;
  column-gap: 12px;
  margin-bottom: 14px;
}
.modal__detailed--3{
  grid-template-columns: repeat(3, 1fr);
}
.md{
  background: #F8EFD0;
  border: 1px solid rgba(200,150,78,0.4);
  border-radius: 3px;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.md__title{
  margin: 0 0 8px;
  text-align: center;
  font-size: 11.5px;
  letter-spacing: 1.4px;
  color: #B98B3F;
  font-weight: 700;
  text-transform: uppercase;
}
.md__table{
  width: 100%;
  border-collapse: collapse;
  font-size: 10px;
  line-height: 13px;
  margin-bottom: 10px;
}
.md__table td{
  padding: 4px 4px;
  vertical-align: top;
  border-bottom: 1px solid rgba(200,150,78,0.18);
  color: #3b332a;
}
.md__table tr:last-child td{ border-bottom: 0;
}
.md__table td:first-child{
  color: #6F5F44;
  white-space: nowrap;
  font-weight: 600;
  padding-right: 8px;
  width: 42%;
}
.modal__supply{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 0;
  background: #F8EFD0;
  border: 1px solid rgba(200,150,78,0.4);
  border-radius: 3px;
  padding: 12px 4px;
  margin-bottom: 14px;
}
.modal__supply--5{
  grid-template-columns: repeat(5, 1fr);
}
.ms{
  display: flex;
  align-items: flex-start;
  border-right: 1px solid rgba(200,150,78,0.25);
  padding: 0 12px;
}
.modal__supply>.ms:last-child{ border-right: 0;
}
.ms__icon{
  flex: 0 0 26px;
  width: 26px; height: 26px;
  background: no-repeat center center;
  background-size: contain;
  margin-right: 10px;
  margin-top: 2px;
}
.ms__title{
  margin: 0 0 2px;
  font-size: 10.5px;
  letter-spacing: 1.2px;
  color: #B98B3F;
  font-weight: 700;
  text-transform: uppercase;
}
.ms__text{
  margin: 0;
  font-size: 9.5px;
  line-height: 13px;
  color: #3b332a;
}
.modal__cta{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 6px auto 8px;
  width: 320px;
  text-align: center;
  background: linear-gradient(to bottom, #DCA755, #A87930);
  color: #2A241B;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1.4px;
  padding: 11px 14px;
  border-radius: 3px;
  transition: .3s ease all;
}
.modal__cta:hover{ opacity: .85;
}
.modal__cta-note{
  margin: 0;
  text-align: center;
  font-size: 10.5px;
  line-height: 14px;
  color: #6F5F44;
}
/* ----- IRON popup specific ----- */

.iron__section{
  background: #F8EFD0;
  border: 1px solid rgba(200,150,78,0.4);
  border-radius: 3px;
  padding: 12px 14px;
  margin-bottom: 12px;
}
.iron__title{
  margin: 0 0 10px;
  color: #B98B3F;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(200,150,78,0.45);
  padding-bottom: 6px;
}
.iron__row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 14px;
}
.iron__desc{
  margin: 0 0 12px;
  font-size: 11px;
  line-height: 16px;
  color: #3b332a;
}
.iron__cols{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 14px;
}
.iron__right{
  display: flex;
}
.iron__right .iron__img{
  flex: 1 1 auto;
  height: auto;
  min-height: 240px;
  background: #cfcfcf no-repeat center center;
  background-size: cover;
  border-radius: 3px;
  border: 1px solid rgba(200,150,78,0.35);
}
.iron__right--double{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 8px;
}
.iron__right--double .iron__img{
  min-height: 240px;
}
.iron__right .iron__img--pellets{ background-image: url('../icons/popup/iron-pellets.png');
}
.iron__right .iron__img--briq1{ background-image: url('../icons/popup/iron-briq-1.png');
}
.iron__right .iron__img--briq2{ background-image: url('../icons/popup/iron-briq-2.png');
}
/* ----- FERRO popup specific ----- */

.ferro__layout{
  display: grid;
  grid-template-columns: 1fr 200px;
  column-gap: 14px;
  margin-bottom: 14px;
}
.ferro__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.fc{
  background: #F8EFD0;
  border: 1px solid rgba(200,150,78,0.4);
  border-radius: 3px;
  padding: 8px;
  display: flex;
  flex-direction: column;
}
.fc__name{
  margin: 0 0 6px;
  text-align: center;
  font-size: 11px;
  letter-spacing: 1.2px;
  color: #B98B3F;
  font-weight: 700;
  text-transform: uppercase;
}
.fc__img{
  width: 100%;
  height: 110px;
  background: #cfcfcf no-repeat center center;
  background-size: cover;
  border-radius: 3px;
  border: 1px solid rgba(200,150,78,0.35);
  margin-bottom: 6px;
}
.fc__img--1{ background-image: url('../icons/popup/ferro-1.png');
}
.fc__img--2{ background-image: url('../icons/popup/ferro-2.png');
}
.fc__img--3{ background-image: url('../icons/popup/ferro-3.png');
}
.fc__img--4{ background-image: url('../icons/popup/ferro-4.png');
}
.fc__img--5{ background-image: url('../icons/popup/ferro-5.png');
}
.fc__desc{
  margin: 0;
  font-size: 10px;
  line-height: 13px;
  color: #3b332a;
  text-align: center;
}
.ferro__side{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fs{
  background: #F8EFD0;
  border: 1px solid rgba(200,150,78,0.4);
  border-radius: 3px;
  padding: 10px 12px;
}
.fs__title{
  display: flex;
  align-items: center;
  margin: 0 0 8px;
  font-size: 11.5px;
  letter-spacing: 1.4px;
  color: #B98B3F;
  font-weight: 700;
  text-transform: uppercase;
}
.fs__icon{
  display: inline-block;
  width: 16px; height: 16px;
  background: no-repeat center center;
  background-size: contain;
  margin-right: 8px;
  vertical-align: middle;
}
.fs__list{
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 10.5px;
  line-height: 16px;
  color: #3b332a;
}
.fs__list>li{
  padding: 2px 0;
}
.fs__list--bullets>li{
  padding-left: 12px;
  position: relative;
}
.fs__list--bullets>li:before{
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px; height: 4px;
  background: #B98B3F;
  border-radius: 50%;
}
.fs__list{
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 10.5px;
  line-height: 16px;
  color: #3b332a;
}
.fs__list>li{
  padding: 2px 0;
}
.fs__list--bullets>li{
  padding-left: 10px;
  position: relative;
}
.fs__list--bullets>li:before{
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px; height: 4px;
  background: #C8964E;
  border-radius: 50%;
}
body.modal-open{
  overflow: hidden;
}
.products__title>h1{
  font-family:"Open Sans" ,sans-serif;
  font-weight: bold;
  color:#3E3F42;
  letter-spacing: 0.5px;
}
.products__title>span{
    position: relative;
    top: 1px;
    min-width: 43px;
    min-height: 1px;
    background-color: #C98513;
    display: inline-flex;
}
.products__title>span:nth-child(1):before{
    content: "";
    position: absolute;
    right: -2px;
    margin-top: -1px;
    top: 50%;
    width: 3px;
    height: 3px;
    transform: rotate(45deg) translateY(-50%);
    background-color: #C98513;
}
.products__title>span:nth-child(3):before{
    content: "";
    position: absolute;
    left: -3px;
    top: 50%;
    width: 3px;
    margin-top: -1px;
    height: 3px;
    transform: rotate(45deg) translateY(-50%);
    background-color: #C98513;
}
.products__subtitle{
  margin-top: 0px;
  font-style: initial!important;
  color:#3E3F42;
  font-size: 12px;
  line-height: 14px;
}
body.docs.products{
  background-color: #FBFAF8;
}
.products__title-wrap{
  padding-top: 9px;
}
.products__title>h1{
  
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 0.3px;
}
.products__main .container{
  max-width: 1026px;
}
.products__main .products__subtitle{
  margin-top: 5px;
}
.products__main .products__subtitle{
  font-size: 12px;
  line-height: 15px;
}
.products__main .ttl-line{
  width: 95px;
  flex:none;
}
.products__main .products__title>span:nth-child(1):before{
  width: 6px;
  left:-3px;
  height: 6px;
}
.products__main .products__title>span:nth-child(3):after{
  width: 6px;
  right:-3px;
  height: 6px;
}
.sidebar__title>p{
  white-space: nowrap;
  letter-spacing: 0.4px;
  font-style: initial;
  font-weight: 500;
}
.products__main{
  background-color:#FAF4ED;
}
.products__main .products__title-wrap{
  margin-top: 0px;
  padding-top: 17px;
}
.cat__thumb{
  border-radius: 6px;
  overflow:hidden;
  background-color: transparent;
}
.cat__thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.products__layout{
  display: flex;
  justify-content: space-between;
}
.products__sidebar{
  min-width: 224px;
  max-width: 224px;
}
.cat__item{
  border-radius: 8px;
  display: flex;
  justify-content: flex-start;
}
.cat__thumb{
  min-width: 75px;
  max-width: 75px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cat__item{
  position: relative;
  background:transparent;
}
.sidebar__title>p{
  font-size: 11px;
}
.cat__item.is-active{
  background:none;
  background-color: #D1A23F;
}
.cat__name{
  margin-bottom: 4px;
}
.cat__desc{
  color:#2A241B;
}
.cat__chev{
  font-size: 24px;
  position: absolute;
  right: 11px;
  margin-top: -6px;
}
.cat__desc{
  font-size: 8px;
  line-height: 12px;
}
.cat__list{
  row-gap:3px;
}
.cat__item{
  padding-left: 10px;
}
.cat__item .cat__info{
  padding-left: 3px;
}
.products__sidebar{
  margin-top: -29px;
}
.cat__chev{
  right: 6px;
}
.need__info{
  padding:10px;
  border:1px solid var(--pp-border-soft);
  border-radius: 8px;
  background-color: transparent;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.need__info .need__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.need__icon{
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  background-color: transparent;
  border:0px;
  border-radius: 0px;
  margin-left: 10px;
  margin-right: 7px;
}
.need__desc{
  font-size: 8.5px;
  line-height: 14px;
  color:#000;
}
.need__info .need__icon img{
  min-width: 36px;
  max-width: 36px;
}
.need__info{
  padding:12px;
}
.need__info .desc{
  text-align: left;
}
.need__title{
  color:#000;
  font-weight: bold;
  font-family: serif;
  margin-top: 3px;
  font-size: 12px;
  font-style: initial;
  margin-bottom: 2px;
}
.need__cta .need__cta-icon{
  width: auto;
  background:none;
  border:0px;
  border-radius: 0px;
  height: auto;
}
.need__cta .need__cta-icon img{
  min-width: 30px;
  max-width: 30px;
}
.need__cta{
  padding:5px 13px;
  color:#B98B3F;
  font-size: 8px;
  letter-spacing: 0.6px;
}
.need__cta .need__cta-icon img{
  min-width: 16px;
  max-width: 16px;
  margin-left: 5px;
}
.need__cta .need__cta-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.need__info .need__icon{
  margin-left: 0px;
}
.prod__view>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.prod__view{
  font-size: 9px;
  letter-spacing: 0.3px;
  color:#B98B3F;
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  justify-content: space-between;
}
.prod__col-title{
  font-size: 11.5px;
  white-space: nowrap;
  color:#3E3F42;
  margin-bottom: 15px;
  
  letter-spacing: 0.3px;
}
.prod__col-title{
  position: relative;
}
.prod__col-title:before{
  content:"";
  position: absolute;
  left:50%;
  bottom:-6px;
  transform:translateX(-50%);
  width: 24px;
  height: 1px;
  background-color: #C98513;
}
.products__grid{
  background-color: transparent;
  border-radius: 8px;
  border:1px solid rgba(200,150,78,0.35);
}
.prod__main-img{
  border-radius: 8px;
  overflow:hidden;
  position: relative;
}
.prod__main-img img{
  position: absolute;
  left:0px;
  top:0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.prod__main-img{
  height: 63px;
}
.prod__sub-img{
  height: 63px;
   border-radius: 8px;
  overflow:hidden;
  position: relative;
}
.prod__sub-img img{
  position: absolute;
  left:0px;
  top:0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.prod__cap{
  margin-top: -2px;
  font-style: initial;
  color:#000;
  font-size: 9px;
}
.prod__col-desc{
  font-size: 9px;
  line-height: 13.5px;
  color:#000;
}
.prod__sub-img.prod__sub-img--lg{
  height: 109px;
}
.prod__media--tall{
  position: relative;
  width: 100%;
  height: 243px;
  border-radius: 8px;
}
.prod__media--tall img{
  position: absolute;
  left:0px;
  top:0px;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.prod__cap + .prod__col-desc{
  margin-top: 0px;
}
.products__grid>.prod__col:nth-child(1) .prod__col-desc{
  margin-top: 15px;
}
.prod__media--tall{
  margin-bottom: 18px;
}
.prod__col{
  border-right:0px;
}
.products__grid{
  padding:0px;
  border:0px;
}
.prod__col{
  padding:12px 8px;
  border-radius: 8px;
  border:1px solid rgba(200,150,78,0.35);
  border-right:0px;
}
.prod__col:last-child{
   border:1px solid rgba(200,150,78,0.35)!important;
}
.products__main .container{
  max-width: 1000px;
}
.products__main{
  position: relative;
}
.products__main:before{
  content:"";
  position: absolute;
  left:0px;
  top:-5px;
  width: 100%;
  height: 5px;
  background-color: #FAF4ED;
}
.products__main .container{
  border:1px solid rgba(200,150,78,0.35);
  padding-top: 5px;
  margin-top: 4px;
  border-radius: 8px;
}
.products__main .products__title-wrap{
  padding-top: 8px;
}
.products__layout{
  column-gap: 18px;
}
.products__grid>.prod__col:nth-child(1) .prod__col-desc{
  margin-top: -2px;
}
.prod__col:nth-child(3) .prod__col-desc{
  margin-top: -5px;
}
.prod__col:nth-child(4) .prod__col-desc{
  margin-top: -1px;
}
.products__grid{
  margin-top: -6px;
}
.after-grid{
  display: grid;
  grid-template-columns: repeat(4 ,1fr);
  padding:10px;
  border:1px solid rgba(200,150,78,0.35);
  border-radius: 8px;
  margin-top: 4px;
}
.after-grid .elem{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.after-grid .elem .media{
  margin-right: 3px;
}
.after-grid .elem .media img{
  min-width: 26px;
  max-width: 26px;
}
.after-grid .elem .desc>span{
  display: block;
  margin-bottom: 1px;
  font-size: 8px;
  line-height: 12px;
  
  text-transform: uppercase;
  font-weight: bold;
}
.after-grid .elem .desc>p{
  margin:0px;
  font-size: 8px;
  line-height: 11px;
}
.after-grid .elem{
  position: relative;
}
.after-grid .elem:before{
  content:"";
  width: 1px;
  position: absolute;
  right: 3px;
  height: 36px;
  background-color: rgba(200,150,78,0.35);
}
.after-grid .elem:last-child:before{
  content:none;
}
.products__main, .products__main:before{
  background-color: #FDF8ED!important;
}
.prod__view{
  padding:4px 8px;
  justify-content: center;
  width: calc(100% - 45px);
}
.prod__view>span{
  position: relative;
  top:-1px;
}
.after__footer{
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding-left: 15px;
  padding-right: 15px;
}
.products__main .container{
  padding-bottom: 12px;
}
.after__footer{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.after__footer>span{
  min-width: 180px;
  min-height: 1px;
  background-color: #C98513;
}
.after__footer .top{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.after__footer .top .desc>p{
  margin-top: 0px;
  margin-bottom: 5px;
}
.after__footer .inn{
  margin:0px 18px;
}
.after__footer .top>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.after__footer .top>span img{
  min-width: 40px;
  max-width: 40px;
}
.after__footer .top .desc>span{
  font-size: 13px;
  line-height: 15px;
}
.after__footer .top .desc>p{
  margin:0px;
  margin-bottom: 3px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.after__footer .top .desc>span{
  font-size: 10px;
  line-height: 12px;
}
.after__footer .top .desc>p{
  font-size: 14px;
  line-height: 17px;
  margin-bottom: -4px;
  letter-spacing: 0.3px;
}
.after__footer .top>span{
  margin-right: 8px;
}
.after__footer .top>span img{
  min-width: 32px;
  max-width: 32px;
}
.after__footer .after{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
.after__footer .after img{
  max-width: 52px;
  min-width: 52px;
}
.after__footer>span{
  position: relative;
  top:-11px;
}
.after__footer .after span{
  min-width: 50px;
  min-height: 1px;
  background-color: #C98513;
}
.after__footer .after>img{
  margin:0px 12px;
}
.prod__sub-img.prod__sub-img--lg{
  height: 107px;
}
.prod__col:nth-child(3) .prod__col-desc{
  margin-top: -1px;
}
.modal__dialog{
  background-color:#FDF9F4;
}
.modal__logo{
  width: 260px;
  height: 86px;
  margin-top: -4px;
}
.modal__dialog{
  max-width: 1024px;
}
.modal__title-row{
  margin-left: 112px;
}
.modal__title-row>h2{
  font-size: 33px;
  font-family:"Open Sans", sans-serif;
  font-weight: bold;
  line-height: 38px;
  letter-spacing: 0.3px;
}
.modal__title-row{
  padding-left: 26px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.modal__line{
  flex:none;
  height: 3px;
  min-width: 72px;
}
.modal__line:before{
  content:none;
}
.modal__line:after{
  width: 8px;
  height: 8px;
}
.modal__line:nth-child(1):after{
  right:auto;
  left:0px;
}
.modal__sub{
  color:#2A241B;
}
.modal__head .modal__desc{
  padding-top: 17px;
}
.modal__sub{
  margin-left: 117px;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}
.modal__logo{
  position: relative;
  top:-10px;
}
.mc{
  background-color: transparent;
  border-radius: 8px;
}
.modal__cards{
  column-gap: 4px;
}
.mc__name{
  font-size: 13px;
  margin-bottom: 14px;
}
.mc__img{
  height: 180px;
  border:0px;
  margin-bottom: 10px;
}
.mc__desc{
  font-size: 12px;
  line-height: 16px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: left;
}
.modal__three{
  display: grid;
  grid-template-columns: repeat(3 ,1fr);
  padding:0px;
  background:none;
  border:0px;
  grid-column-gap: 4px;
}
.modal__three .m3{
  border:1px solid rgba(200,150,78,0.4);
  padding:19px;
  border-radius: 8px;
}
.modal__three .m3 .m3__title>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.modal__three .m3 .m3__title>span img{
  min-width: 36px;
  max-width: 36px;
}
.m3__title{
  font-size: 14px;
}
.modal__three .m3:last-child{
  border-right:1px solid rgba(200,150,78,0.4)!important;
}
.modal__cards  *{
  color:#2A241B;
}
.m3__text{
  font-size: 12px;
  line-height: 16px;
}
.m3__table{
  border-radius: 5px;
  border-spacing: 0px;
  border-collapse: initial;
  border:1px solid rgba(200,150,78,0.4);
}
.m3__list{
  font-size: 12px;
  line-height: 16px;
  color:#2A241B;
}
.m3__list li{
  color:#2A241B;
  margin-bottom: 4px;
}
.m3__list li:last-child{
  margin-bottom: 0px;
}
.m3__table tr td{
  border-bottom:1px solid rgba(200,150,78,0.4);
  padding:6px 10px;
  border-right:1px solid rgba(200,150,78,0.4);
}
.m3__table tr:last-child td{
  border-bottom:0px;
}
.m3__table tr td:last-child{
  border-right:0px;
}
.m3__table tr td:nth-child(1){
  color:#2A241B;
}
.mc__desc{
  font-weight: 500;
}
.m3__text{
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
}
.m3__table tr td{
  font-weight: 500;
}
.m3__list li{
  font-weight: 500;
}
.modal__three .m3 .m3__title>span img{
  min-width: 32px;
  max-width: 32px;
}
.md{
  border-radius: 8px;
  background-color: transparent;
  border:1px solid rgba(200,150,78,0.4);
}
.modal__section-title span img{
  min-width: 34px;
  max-width: 34px;
}
.modal__section-title{
  margin-bottom: 6px;
}
.modal__section-title span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.modal__detailed.modal__detailed--3{
  grid-template-columns: repeat(3 ,1fr);
  grid-column-gap: 4px;
}
.modal__detailed.modal__detailed--3 .md{
  padding:0px;
}
.modal__detailed.modal__detailed--3 .md__title{
  margin-bottom: 0px;
  padding:5px 8px;
  border-bottom:1px solid rgba(200,150,78,0.4)!important;
}
.modal__detailed.modal__detailed--3  .md__table td{
  padding:6px 10px;
  font-size: 11px;
  line-height: 14px;
}
.modal__detailed.modal__detailed--3  .md__table td:nth-child(1){
  color:#2A241B;
  border-right:1px solid rgba(200,150,78,0.18);
}
.modal__detailed.modal__detailed--3 .img{
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal__detailed.modal__detailed--3 .img img{
  max-width: 200px;
}
.modal__cta-note{
  font-size: 9px;
  line-height: 13px;
  color:#2A241B;
}
.modal__cta{
  width: auto;
  min-height: 50px;
  color:#fff;
  font-size: 16px;
  line-height: 20px;
  padding:5px;
  letter-spacing: 0.25px;
}
.modal__cta span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 7px;
}
.modal__cta span img{
  min-width: 28px;
  max-width: 28px;
}
.modal-cta-btn{
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-cta-btn>.modal__cta{
  margin:0px;
  width: auto;
  border-radius: 6px;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 40px;
  font-size: 14.5px;
}
.cat__item.is-active{
  border-color:rgba(200,150,78,0.35);
}
.modal__supply{
  display: grid;
  grid-template-columns: repeat(4 ,1fr);
  border:1px solid rgba(200,150,78,0.4);
  border-radius: 8px;
  background-color: transparent;
}
.modal__supply .ms__icon{
  position: static;
  min-width: 45px;
  height: auto;
  width: auto;
  max-width: 45px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.modal__supply .ms__icon img{
  max-width: 100%;
  max-height: 34px;
}
.ms__text{
  font-weight: 500;
}
.modal__detailed.modal__detailed--3 .md__table td{
  font-weight: 500;
}
.modal__supply .ms__title{
  margin-bottom: 0.5px;
  letter-spacing: 0.4px;
  font-size: 9.5px;
  line-height: 13px;
}
.modal__supply{
  padding-top: 35px;
  position: relative;
}
.modal__supply>p{
  color:#B98B3F;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin:0px;
  position: absolute;
  left:71px;
  top:12px;
}
.modal__supply .ms:nth-child(2) .ms__icon{
  position: relative;
  top:-30px;
}
.modal__cta-note{
  font-weight: 500;
}
.modal__dialog{
  padding:12px 15px;
}
.modal__title-row .modal__line:nth-child(1):after{
  left:auto!important;
  right: 0px!important;
}
.modal__title-row .modal__line:nth-child(3):after{
  left:0px!important;
  right: auto!important;
}
.modal__sub{
  font-weight: 500;
}
.mc__name{
  color:#B98B3F;
}
.modal__three.modal__three--4{
  grid-template-columns: repeat(4 ,1fr);
}
.modal__three .m3{
  padding:15px;
}
.m3__list.bigger{
  padding-top: 8px;
}
.m3__list.bigger li{
  margin-bottom: 12px;
}
.md__title{
  font-size: 13px;
  letter-spacing: 0.4px;
}
.mc__name{
  letter-spacing: 0.4px;
}
.modal-cta-btn>.modal__cta{
  font-size: 16px;
  font-weight: 500;
}
.modal-cta-btn>.modal__cta{
  padding-left: 30px;
  padding-right: 30px;
}
.modal__detailed.modal__detailed--3 .img{
  margin-top: auto;
  margin-bottom: auto;
}
.md__table td, .m3__text{
  color:#2A241B;
}
.modal__section-title.separate{ 
  font-size: 18px!important;
  letter-spacing: 0.4px;
  line-height: 22px!important;
}
.modal__section-title>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.modal__sub{
  line-height: 21px;
  font-size: 15px;
}
.iron__section{
  background-color: transparent;
  border-radius: 8px;
}
.iron__title{
  font-size: 21px;
  line-height: 25px;
  letter-spacing: 0.4px;
  position: relative;
  margin-bottom: 24px;
  padding-bottom: 0px;
  border-bottom:0px;
}
.iron__title:before{
  content:"";
  position: absolute;
  left:0px;
  bottom:-12px;
  width: 60px;
  height: 2px;
  background-color:#B98B3F;
}
.iron__desc{
  font-size: 12px;
  line-height: 18px;
  color:#2A241B;
}
.iron__row{
  display: flex;
  justify-content: space-between;
}
.iron__left{
  width: 46%;
}
.iron__right{
  width: 53%;
}
.iron__right .iron__img{
  border-radius: 8px;
}
.iron__desc{
  font-weight: 500;
}
.iron__right.iron__right--double{
  width: 60%;
}
.iron__cols{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.iron__cols .m3__list{
  font-size: 10.5px;
  line-height: 14px;
}
.iron__cols .m3__list li{
  margin-bottom: 12px;
}
.iron__cols .m3__list li:before{
  top:5px;
}
.m3__icon img{
  max-width: 28px;
  max-height: 24px;
}
.m3__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.supply__outer{
  padding:12px;
  border:1px solid rgba(200,150,78,0.4);
  border-radius: 8px;
}
.supply__outer .modal__supply{
  padding:0px;
  border:0px;
}
.supply__outer .modal__section-title{
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 12px;
  letter-spacing: 0.3px;
}
.supply__outer .modal__section-title span img{
  min-width: 28px;
  max-width: 28px;
}
.supply__outer .modal__supply{
  display: grid;
  grid-template-columns: repeat(5 ,1fr);
}
.supply__outer .modal__supply .ms__title{
  margin-bottom: 5px;
}
.modal__supply.modal__supply--5 .ms__icon{
  top:0px!important;
  margin-top: 0px!important;
  margin-right: 10px!important;
}
.supply__outer{
  padding:7px 12px;
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.supply__outer .modal__supply{
  margin-bottom: 0px;
}
.m3__title{
  font-weight: 600;
  letter-spacing: 0.3px;
}
.fc{
  background-color: transparent;
  border-radius: 8px;
  padding:12px;
}
.fc__name{
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.4px;
}
.fc__name span{
  color:#000;
  font-size: 9px;
}
.fc__img{
  border-radius: 8px;
  border:0px;
  height: 150px;
  background-color: none;
}
.fc__desc{
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  color:#2A241B;
  font-weight: 500;
}
.ferro__grid .fc:nth-child(4), .ferro__grid .fc:nth-child(5){
  position: relative;
  left:50%;
}
.fs{
  background:none;
  padding:15px;
}
.fs__title{
  font-size: 12px;
  letter-spacing: 0.3px;
}
.fs__icon img{
  max-width: 100%;
  max-height: 24px;
}
.fs__icon{
  width: 24px;
  height: 24px;
}
.fs__list--bullets>li, .fs__list>li{
  font-weight: 500;
}
.products__title-wrap .media{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.products__title-wrap .media>img{
  max-width: 350px;
}

header.nav.product:before{
  content:none;
}

.products__main{
  padding-top: 130px;
}
header.nav.product ul li a{
  color:#3E3F42!important;
}
body.light, html.light{
  background-color: #FDF8ED!important;
}
.modal__dialog{
  margin-top: -120px;
  transform:scale(0.75);
}
#modal-ferro .modal__dialog {
  margin-top:-40px;
}

.about__head.quote{
  margin-top: 110px!important;
}
.about__head.quote{
  background-color: #020F20;
}
.about__head.quote .container{
  position: relative;
}
.about__head.quote .outer__about{
  position: relative;
  z-index: 2;
}
.about__head.quote .outer__about .spacer img{
  max-width: 230px;
}
.about__head.quote .outer__about .spacer{
  margin:20px 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.about__head.quote .outer__about>p{
  margin-bottom: 15px;
}
.about__head.quote .outer__about>span{
  font-size: 12px;
  line-height: 19px;
  color:#fff;
  background-color: transparent;
  max-width: 270px;
}
.about__head.quote .container:before{
  content:"";
  position: absolute;
  top:0px;
  left:278px;
  width: 50%;
  height: 100%;
  background:linear-gradient(to right , rgba(2,15,32,1) 10%, rgba(2,15,32,.0));
}


.about__head.quote p{
  margin-top: 0px;
  font-size: 16px;
  line-height: 25px;
}
.about__head.quote .container {
  background: url(../icons/relative-back.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  background-color: #020F20;
}
.about__head.quote .outer__about>h2 , .about__head.quote .outer__about>h2 span{
  margin:0px;
  font-size: 44px;
  line-height: 54px;
  font-weight: 700;
  font-family:"Open Sans" ,sans-serif;
}
.about__head.quote .container{
  padding-top: 45px;
  padding-bottom: 40px;
}
.cta__box{
  padding-top: 40px;
  padding-bottom: 25px;
}
.cta__box .container{
  position: relative;
}
.cta__box .container:before{
  content:"";
  position: absolute;
  left:38%;
  top:0px;
  height: 100%;
  width: 50%;
  background:linear-gradient(to right , rgba(2,15,32,1) 10%, rgba(2,15,32,.0));
}
.cta__box .container{
  border-radius: 25px;
  background:url('../icons/boat-back.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  background-color:rgba(2,15,32,1);
  padding:35px 80px;
}
.cta__box .container .inner{
  position: relative;
  z-index: 2;
}
.cta__box .container .inner>h2{
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 24px;
  line-height: 30px;
  color:#fff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1px;
}
.cta__box .container .inner .spacer{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin:15px 0px;
}
.cta__box .container .inner .spacer>img{
  max-width: 240px;
  position: relative;
  left:-5px;
}
.cta__box .container .inner >p{
  margin:0px;
  font-size: 12px;
  line-height: 20px;
  color:#fff;
}
.cta__box .container .inner .btn{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cta__box .container .inner .btn>a span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}
.cta__box .container .inner .btn>a span img{
  max-width: 20px;
}
.cta__box .container .inner .btn{
  margin-top: 18px;
}
.cta__box .container .inner .btn>a{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  background: linear-gradient(to bottom, #BB8A37, #A87528);
  border-radius: 5px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  color: #1e1c1d;
  padding-left: 20px;
  padding-right: 20px;
  color:#fff;
  letter-spacing: 0.02px;
  margin-top: 0px;
  transition: .3s ease all;
}
.cta__box .container .inner .btn>a:hover{
  opacity:.7;
}
body.quote{
  background-color:#F9F8F6;
}
footer.quote__footer{
  margin:0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 100%;
}
footer.quote__footer .outer__footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer.quote__footer .outer__footer .logo{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
footer.quote__footer .outer__footer .logo>a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
footer.quote__footer .outer__footer .logo>a>img{
  max-width: 240px;
}
footer.quote__footer .desc{
  display: flex;
  position: relative;
  top:3px;
  flex-direction: column;
  align-items: flex-start;
}
footer.quote__footer .desc>p{
  margin-top: 0px;
  margin-bottom: 7px;
  font-size: 14px;
  line-height: 18px;
  color:#fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
footer.quote__footer .desc>span{
  font-size: 11px;
  line-height: 15px;
  color:#fff;

}
footer.quote__footer{
  padding:14px 0px;
  background-color: #0A0D10;
  border-bottom:0px;
}
footer.quote__footer .list>ul{
  padding:0px;
  list-style-type: none;
  margin:0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
footer.quote__footer .list>ul>li{
  font-size: 12px;
  line-height: 16px;
  color:#fff;
  text-transform: uppercase;
}
footer.quote__footer .list>ul>li.dot{
  min-width: 4px;
  max-width: 4px;
  min-height: 4px;
  max-height: 4px;
  border-radius: 250px;
  margin:0px 12px;
  background-color: #AA7D39;
}


body.contact-page .container{
  padding-left: 18px;
  padding-right: 18px;
}
.contact__main{
  padding-top: 0;
  padding-bottom: 0;
}
body.contact-page .products__title>h1{
  font-size: 32px;
  letter-spacing: 2.4px;
}
body.contact-page .ttl-line{
  flex: 0 0 80px;
}

.contact__wrapper .contact__layout{
  display: grid;
  grid-template-columns: 1fr 320px;
  column-gap: 14px;
  align-items: stretch;
  margin-bottom: 12px;
}

/* form card */
.contact__wrapper .contact__form-card,
.contact__wrapper .contact__info-card{
  background: #F8EFD0;
  border: 1px solid rgba(200,150,78,0.4);
  border-radius: 4px;
  padding: 18px 20px;
}
.contact__wrapper .cf__head,
.contact__wrapper .ci__head{
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(200,150,78,0.35);
}
.contact__wrapper .cf__head>h2{
  margin: 0;
  font-size: 14px;
  letter-spacing: 1.6px;
  color: #B98B3F;
  font-weight: 700;
  text-transform: uppercase;
}
.contact__wrapper .cf__icon{
  display: inline-block;
  width: 22px; height: 22px;
  background: #cfcfcf;
  border: 1px solid rgba(200,150,78,0.5);
  border-radius: 50%;
  margin-right: 10px;
}

.contact__wrapper .cf__form{
  display: block;
}
.contact__wrapper .cf__row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 14px;
  margin-bottom: 10px;
}
.contact__wrapper .cf__field{
  display: flex;
  flex-direction: column;
}
.contact__wrapper .cf__field--full{
  margin-bottom: 14px;
}
.contact__wrapper .cf__label{
  font-size: 11px;
  letter-spacing: 1px;
  color: #6F5F44;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.contact__wrapper .cf__field input,
.contact__wrapper .cf__field select,
.contact__wrapper .cf__field textarea{
  font-family: "Open Sans", sans-serif;
  background: #FBF6E2;
  border: 1px solid rgba(200,150,78,0.45);
  border-radius: 3px;
  padding: 9px 10px;
  font-size: 12.5px;
  color: #2A241B;
  outline: none;
  transition: .2s ease all;
  width: 100%;
}
.contact__wrapper .cf__field input::placeholder,
.contact__wrapper .cf__field textarea::placeholder{
  color: #a89a7c;
}

.contact__wrapper .cf__field textarea{
  resize: vertical;
  min-height: 90px;
  line-height: 18px;
}
.contact__wrapper .cf__field select{
  appearance: none;
  -webkit-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #B98B3F 50%),
    linear-gradient(135deg, #B98B3F 50%, transparent 50%);
  background-position:
    calc(100% - 14px) 14px,
    calc(100% - 9px) 14px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 28px;
}
.contact__wrapper .cf__field input.is-invalid,
.contact__wrapper .cf__field select.is-invalid,
.contact__wrapper .cf__field textarea.is-invalid{
  border-color: #B83A2B;
  background: #FFF1EE;
  box-shadow: 0 0 0 2px rgba(184,58,43,0.12);
}

.contact__wrapper .cf__upload{
  margin-bottom: 14px;
}
.contact__wrapper .cf__optional{
  margin-left: 6px;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: #9a8a6c;
  text-transform: none;
  font-style: italic;
}
.contact__wrapper .cf__file{
  display: flex;
  align-items: center;
  background: #FBF6E2;
  border: 1px dashed rgba(200,150,78,0.55);
  border-radius: 3px;
  padding: 6px 8px 6px 6px;
  cursor: pointer;
  transition: .2s ease all;
}
.contact__wrapper .cf__file:hover{
  background: #FFF9E5;
  border-color: #B98B3F;
}
.contact__wrapper .cf__file input[type="file"]{
  position: absolute;
  width: 1px; height: 1px;
  opacity: 0;
  pointer-events: none;
}
.contact__wrapper .cf__file-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: transparent;
  border: 1px solid #B98B3F;
  border-radius: 3px;
  color: #2A241B;
  padding: 6px 12px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.contact__wrapper .cf__file-name{
  flex: 1 1 auto;
  margin-left: 12px;
  font-size: 12px;
  color: #6F5F44;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contact__wrapper .cf__file.has-file .cf__file-name{
  color: #2A241B;
  font-weight: 600;
}
.contact__wrapper .cf__hint{
  margin: 6px 0 0 0;
  font-size: 11px;
  color: #8a7960;
}
.contact__wrapper .cf__file-list{
  list-style: none;
  margin: 8px 0 0 0;
  padding: 6px 8px;
  background: #FBF6E2;
  border: 1px solid rgba(200,150,78,0.35);
  border-radius: 3px;
  max-height: 130px;
  overflow-y: auto;
}
.contact__wrapper .cf__file-list>li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px 4px;
  border-bottom: 1px dashed rgba(200,150,78,0.25);
  font-size: 11.5px;
  color: #2A241B;
}
.contact__wrapper .cf__file-list>li:last-child{ border-bottom: 0; }
.contact__wrapper .cf__file-item-name{
  flex: 1 1 auto;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contact__wrapper .cf__file-item-size{
  flex: 0 0 auto;
  font-size: 10.5px;
  color: #8a7960;
  font-weight: 600;
}

.contact__wrapper .cf__actions{
  display: flex;
  align-items: center;
  margin-top: 6px;
  column-gap: 18px;
}
.contact__wrapper .cf__submit{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #DCA755, #A87930);
  color: #2A241B;
  border: 0;
  border-radius: 3px;
  padding: 11px 26px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  cursor: pointer;
  transition: .25s ease all;
}
.contact__wrapper .cf__submit:hover{ opacity: .85; }
.contact__wrapper .cf__submit:disabled,
.contact__wrapper .cf__submit.is-loading{ opacity: .55; cursor: progress; }
.contact__wrapper .cf__submit-arrow{
  margin-left: 12px;
  font-size: 18px;
  line-height: 1;
}
.contact__wrapper .cf__status{
  margin: 0;
  font-size: 12px;
  color: #6F5F44;
}
.contact__wrapper .cf__status.is-success{ color: #2e7d3a; font-weight: 600; }
.contact__wrapper .cf__status.is-error{ color: #B83A2B; font-weight: 600; }

/* info card */
.contact__wrapper .ci__head{
  flex-direction: column;
  align-items: flex-start;
}
.contact__wrapper .ci__logo{
  display: inline-block;
  width: 44px;
  height: 28px;
  background: #cfcfcf;
  border: 1px solid rgba(200,150,78,0.5);
  border-radius: 2px;
  margin-bottom: 8px;
}
.contact__wrapper .ci__name{
  margin: 0 0 2px 0;
  font-size: 13px;
  font-weight: 700;
  color: #2A241B;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.contact__wrapper .ci__tag{
  margin: 0;
  font-size: 11px;
  font-style: italic;
  color: #6F5F44;
}

.contact__wrapper .ci__list{
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
}
.contact__wrapper .ci__list>li{
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
}
.contact__wrapper .ci__icon{
  flex: 0 0 24px;
  width: 24px; height: 24px;
  background: #cfcfcf;
  border: 1px solid rgba(200,150,78,0.5);
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 1px;
}
.contact__wrapper .ci__label{
  margin: 0 0 2px 0;
  font-size: 10.5px;
  letter-spacing: 1.2px;
  color: #B98B3F;
  font-weight: 700;
  text-transform: uppercase;
}
.contact__wrapper .ci__value{
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: #2A241B;
  text-decoration: none;
  display: block;
  transition: .2s ease all;
}
.contact__wrapper a.ci__value:hover{ color: #B98B3F; }

.contact__wrapper .ci__hours{
  border-top: 1px solid rgba(200,150,78,0.35);
  padding-top: 12px;
}
.contact__wrapper .ci__hours-title{
  display: flex;
  align-items: center;
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: 1.2px;
  color: #B98B3F;
  font-weight: 700;
  text-transform: uppercase;
}
.contact__wrapper .ci__hours-title>.ci__icon{
  flex: 0 0 18px;
  width: 18px; height: 18px;
  margin-right: 8px;
  margin-top: 0;
}
.contact__wrapper .ci__hours-text{
  margin: 0 0 2px 0;
  font-size: 11.5px;
  color: #3b332a;
}

/* features bar reused on contact page */
.contact__wrapper .contact__features{
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 0;
  background: #F8EFD0;
  border: 1px solid rgba(200,150,78,0.4);
  border-radius: 3px;
  padding: 14px 18px;
}
.contact__features .feat{
  display: flex;
  align-items: flex-start;
  column-gap: 10px;
  padding: 0 14px;
  border-right: 1px solid rgba(200,150,78,0.22);
}
.contact__features .feat:first-child{ padding-left: 0; }
.contact__features .feat:last-child{ border-right: 0; padding-right: 0; }


.contact__wrapper{
  padding:30px 0px;
}
.contact__wrapper .products__title-wrap{
  padding-top: 0px;
  margin-top: 0px;
}
.contact__wrapper .products__title>h1{
  font-size: 24px;
}
.contact__wrapper{
  padding:25px 0px;
}
.contact__wrapper .products__title-wrap .media{
  margin-top: 10px;
}
.contact__wrapper .products__title-wrap{
  margin-bottom: 15px;
}
.contact__wrapper .products__title-wrap .media img{
  max-width: 240px;
}
body.quote {
  background-color: #F8F7F5;
}
.contact__wrapper .contact__form-card{
  padding:0px;
  border:0px;
  background-color: transparent;
}
.contact__wrapper .cf__field input, .contact__wrapper .cf__field select, .contact__wrapper .cf__field textarea{
  background-color: transparent!important;
  box-shadow:none!important;
  color:#000!important;
}
.contact__wrapper .cf__label span{
  color:red;
}
.contact__wrapper .cf__label{
  font-size: 10px;
  line-height: 14px;
  color:#000;
}
.contact__wrapper .cf__row{
  column-gap: 18px;
}
.contact__wrapper .cf__row{
  margin-bottom: 18px;
}
.contact__wrapper .cf__field input, .contact__wrapper .cf__field select, .contact__wrapper .cf__field textarea{
  padding-top: 0px;
  padding-bottom: 0px;
  height: 34px;
  font-size: 11px;
}
.contact__wrapper .cf__field textarea{
  padding-top: 9px;
  resize:none;
}
.contact__wrapper .cf__submit{
  width: 300px;
  height: 44px;
  color:#fff;
  letter-spacing: 0.3px;
  font-size: 13px;
  line-height: 17px;
}
.contact__wrapper .cf__submit span{
  position: relative;
  top:2px;
  margin-right: 7px;
}
.contact__wrapper .cf__submit span img{
  max-height: 25px;
}
.contact__wrapper .contact__info-card{
  border-radius: 8px;
  background-color: transparent;
  min-width: 290px;
  max-width: 290px;

}
.contact__wrapper .contact__layout{
  display: flex;
  justify-content: space-between;
}
.contact__wrapper .contact__layout>section{
  width: 100%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.contact__wrapper .ci__name{
  font-size: 12px;
}
.contact__wrapper .ci__tag{
  font-size: 10px;
  font-style: normal;
  color:#000;
}
.contact__wrapper .ci__head{
  padding-bottom: 0px;
  margin-bottom: 22px;
  border-bottom:0px;
}
.contact__wrapper .ci__list>li .ic{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.contact__wrapper .ci__list>li{
  margin-bottom: 15px;
}
.contact__wrapper .ci__list>li .ic>img{
  min-width: 22px;
  max-width: 22px;
}
.contact__wrapper .ci__value{
  font-size: 11px;
  line-height: 15px;
}
.contact__wrapper .ci__label{
  font-size: 12px;

  margin-bottom: 5px;
}
.contact__wrapper .ci__hours-title span{
  display: none;
}
.contact__wrapper .ci__hours-title{
  font-size: 12px;
}
.contact__wrapper .ci__hours-text{
  font-size: 11px;
  line-height: 15px;
}

.contact__wrapper .contact__info-card{
  margin-bottom: 25px;
}

.contact__wrapper .bottom__grid{
  margin-top: 35px;
  padding:20px 15px;
  grid-column-gap: 24px;
  border-radius: 8px;
  border:1px solid rgba(200,150,78,0.4);
}
.contact__wrapper .bottom__grid{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F8F5F2;
}
.contact__wrapper .bottom__grid>.elem{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.contact__wrapper .bottom__grid>.elem:last-child:before{
  content:none;
}
.contact__wrapper .bottom__grid>.elem:before{
  content:"";
  position: absolute;
  right:-8px;
  height: 100%;
  width: 1px;
  background-color: #DCA755;
}
.contact__wrapper .bottom__grid>.elem .desc>span{
  font-size: 10px;
  line-height: 16px;
  color:#000;
  display: block;
}
.contact__wrapper .bottom__grid>.elem .desc>p{
  margin:0px;
  margin-bottom: 7px;
  font-size: 11px;
  line-height: 14px;
  color:#000;
  text-transform: uppercase;
  font-weight: bold;
}
.contact__wrapper .bottom__grid>.elem>.media{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.contact__wrapper .bottom__grid>.elem>.media img{
  min-width: 60px;
  max-width: 60px;
}
.contact__wrapper .bottom__grid>.elem>.media img.smaller{
  min-width: 45px;
  max-width: 45px;
}
.cta__box{
  padding-top: 0px;
}


.supply__outer{
  padding:12px;
  border:1px solid rgba(200,150,78,0.4);
  border-radius: 8px;
}
.supply__outer .modal__supply{
  padding:0px;
  border:0px;
}
.supply__outer .modal__section-title{
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 12px;
  letter-spacing: 0.3px;
}
.supply__outer .modal__section-title span img{
  min-width: 28px;
  max-width: 28px;
}
.supply__outer .modal__supply{
  display: grid;
  grid-template-columns: repeat(5 ,1fr);
}
.supply__outer .modal__supply .ms__title{
  margin-bottom: 5px;
}
.modal__supply.modal__supply--5 .ms__icon{
  top:0px!important;
  margin-top: 0px!important;
  margin-right: 10px!important;
}
.supply__outer{
  padding:7px 12px;
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.supply__outer .modal__supply{
  margin-bottom: 0px;
}


/* ============================================================
   SUPPLY SOLUTIONS PAGE
   ============================================================ */
body.supply-page{
  background-color:#FBFAF8;
}
body.supply-page .supply__main{
  padding-top: 200px;
  padding-bottom: 80px;
}
body.supply-page .supply__hero{
  text-align: center;
  margin-bottom: 56px;
}
body.supply-page .supply__title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 18px;
}
body.supply-page .supply__title h1{
  font-family:"Bebas Neue",sans-serif;
  font-size: 64px;
  line-height: 1;
  letter-spacing: 3px;
  color:#1d160c;
  margin: 0;
}
body.supply-page .supply__title .ttl-line{
  display:inline-block;
  width: 80px;
  height:1px;
  background: linear-gradient(to right, transparent, #B98B3F, transparent);
}
body.supply-page .supply__subtitle{
  margin-top: 18px;
  font-size: 16px;
  letter-spacing: 1.2px;
  color:#B98B3F;
  text-transform: uppercase;
  font-weight: 600;
}
body.supply-page .supply__lead{
  margin-top: 14px;
  font-size: 15px;
  line-height: 26px;
  color:#4a3f2c;
}
body.supply-page .supply__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 24px;
  margin-bottom: 60px;
}
body.supply-page .ss-card{
  background:#FBF6E2;
  border:1px solid #E1C997;
  border-radius: 6px;
  padding: 28px 26px 28px;
  position: relative;
  overflow: hidden;
}
body.supply-page .ss-card:before{
  content:"";
  position:absolute;
  top:0; left:0;
  width: 100%; height: 4px;
  background: linear-gradient(to right, #DCA755, #AA7D39);
}
body.supply-page .ss-card__icon{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background:#F4E9C9;
  border: 1px solid #D9B872;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom: 14px;
}
body.supply-page .ss-card__icon img{
  max-width: 30px;
  max-height: 30px;
}
body.supply-page .ss-card__title{
  font-family:"Open Sans",sans-serif;
  font-size: 16px;
  letter-spacing: 1.1px;
  color:#1d160c;
  font-weight: 700;
  margin: 0 0 10px;
}
body.supply-page .ss-card__desc{
  font-size: 14px;
  line-height: 22px;
  color:#4a3f2c;
  margin: 0 0 12px;
}
body.supply-page .ss-card__list{
  margin: 0;
  padding-left: 18px;
  color:#4a3f2c;
  font-size: 13px;
  line-height: 22px;
}
body.supply-page .ss-card__list li{
  margin-bottom: 4px;
}
body.supply-page .ss-card--cta{
  background: linear-gradient(180deg,#FBF6E2 0%, #F4E9C9 100%);
  border-color:#B98B3F;
}
body.supply-page .ss-card--cta:before{
  background: #B98B3F;
}
body.supply-page .ss-card__cta{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  margin-top: 8px;
  background: linear-gradient(to bottom,#DCA755,#AA7D39);
  color:#1d160c;
  text-decoration:none;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 10px 16px;
  border-radius: 4px;
  font-size: 13px;
}
body.supply-page .ss-card__cta:hover{ opacity:.85; }
body.supply-page .supply__why{
  margin-top: 60px;
}
body.supply-page .supply__why .docs__section-title h2{
  font-family:"Bebas Neue",sans-serif;
  font-size: 36px;
  letter-spacing: 2px;
  color:#1d160c;
  margin: 0;
}
body.supply-page .supply__cap{
  text-align:center;
  font-size: 14px;
  color:#6F5F44;
  margin: 6px 0 30px;
}
body.supply-page .supply__pillars{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 24px;
}
body.supply-page .sp{
  background:#FBF6E2;
  border:1px solid #E1C997;
  border-radius: 6px;
  padding: 24px 20px;
  text-align:center;
}
body.supply-page .sp__icon{
  display:inline-flex;
  width: 64px;
  height: 64px;
  border-radius:50%;
  background:#F4E9C9;
  border:1px solid #D9B872;
  align-items:center;
  justify-content:center;
  margin-bottom: 12px;
}
body.supply-page .sp__icon img{
  max-width: 38px;
  max-height: 38px;
}
body.supply-page .sp__title{
  font-size: 14px;
  letter-spacing: 1px;
  color:#B98B3F;
  font-weight: 700;
  margin: 0 0 8px;
}
body.supply-page .sp__text{
  font-size: 13px;
  line-height: 20px;
  color:#4a3f2c;
  margin: 0;
}
body.supply-page .supply__bottom{
  margin-top: 60px;
}
body.supply-page .sb__inner{
  background: linear-gradient(135deg,#1d160c 0%, #2A241B 100%);
  border-radius: 8px;
  padding: 36px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color:#fff;
}
body.supply-page .sb__eyebrow{
  font-size: 12px;
  letter-spacing: 2px;
  color:#DCA755;
  font-weight:700;
  text-transform: uppercase;
  margin: 0 0 8px;
}
body.supply-page .sb__title{
  font-family:"Bebas Neue",sans-serif;
  font-size: 32px;
  letter-spacing: 1.5px;
  color:#fff;
  margin: 0 0 8px;
}
body.supply-page .sb__desc{
  font-size: 14px;
  line-height: 22px;
  color: rgba(255,255,255,.78);
  margin: 0;
  max-width: 540px;
}
body.supply-page .sb__actions{
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: none;
}
body.supply-page .sb__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 6px;
  padding: 14px 22px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  transition: .2s ease all;
  white-space: nowrap;
}
body.supply-page .sb__btn--primary{
  background: linear-gradient(to bottom,#DCA755,#AA7D39);
  color:#1d160c;
}
body.supply-page .sb__btn--primary:hover{ opacity:.85; }
body.supply-page .sb__btn--ghost{
  border:1px solid rgba(220,167,85,.6);
  color:#DCA755;
}
body.supply-page .sb__btn--ghost:hover{ background: rgba(220,167,85,.1); }


.btn.btn--gold.nav__cta{
    background: linear-gradient(to bottom, #DCA755, #AA7D39)!important;
    color:#1e1c1d!important;
}

.btn.btn--gold.nav__cta span{
  margin-left: 8px;
  position: relative;
  top:-0.5px;
}
.supply{
  padding-top: 40px;
}
.supply .outer>span{
  display: flex;
  justify-content: center;
  align-items: center;
}
.supply .outer>h2{
  font-size: 64px;
  line-height: 64px;
  color:#000;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 12px;
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 3px;
  font-weight: 500;
}
.supply .outer>p{
  text-align: center;
  margin:0px;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  color:#AE6F1D;
  font-weight: 600;
}
.supply .map{
  display: flex;
  margin-top: 25px;
  align-items: center;
  justify-content: center;
}
.supply .map img{
  max-width: 1040px;
}
.supply .spacer{
  width: 50px;
  height: 2px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  margin-bottom: 25px;
  background-color: #AE6F1D;
}
.supply .desc{
  text-align: center;
}
.supply .desc p{
  margin:0px;
  font-size: 16px;
  line-height: 22px;
  color:#000;
  font-weight: 500;
}
.supply .grid{
  max-width: 1140px;
  display: grid;
  grid-template-columns: repeat(4 ,1fr);
  grid-column-gap: 12px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -80px;
}
.supply .grid>.elem{
  background-color:rgba(249,244,233,.6);
  border:1px solid #AE6F1D;
  border-radius: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
.supply .grid>.elem .media img{
  max-width: 70px;
  max-height: 70px;
}
.supply .grid>.elem .media{
  width: 110px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border:1px solid #AE6F1D;
  height: 110px;
  border-radius: 250px;
  margin-bottom: 15px;
}
.supply .grid>.elem>p{
  text-align: center;
  margin:0px;
  font-size: 20px;
  line-height: 26px;
  color:#000;
  font-weight: bold;
  text-transform: uppercase;
}
.supply  .grid .spacer{
  margin:15px auto;
}
.supply .grid .desc p{
  font-size: 13px;
  line-height: 18px;
}
.supply .grid .elem{
  position: relative;
  padding-bottom: 60px;
}
.supply .grid ul{
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding:0px;
  margin:0px;
  list-style-type: none;
  position: absolute;
  left:12px;
  width: calc(100% - 24px);
  bottom:15px;
}
.supply .grid ul>li img{
  min-width: 14px;
  max-width: 14px;
}
.supply .grid ul>li span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 2px;
}
.supply .grid ul>li{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 10px;
  line-height: 12px;
  color:#000;
}
.bottom-bar{
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  border:1px solid #AE6F1D;
  margin-top: 30px;
  border-radius: 12px;
  display: flex;
  padding:20px 40px;
  justify-content: space-between;
}
.bottom-bar .desc{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.bottom-bar .desc span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.bottom-bar .desc >p{
  margin:0px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
}
.bottom-bar .desc span>img{
  max-width: 90px;
  max-height: 80px;
}
.bottom-bar .desc{
  text-align: left;
}
.bottom-bar .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bottom-bar .btn>a span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bottom-bar .btn>a span img{
  max-width:34px;
}
.bottom-bar .btn>a span.document{
  margin-right: 20px;
}
.bottom-bar .btn>a span.arrow{
  margin-left: 20px;
}
.bottom-bar{
  margin-bottom: 40px;
}
.bottom-bar .btn>a{
  display: inline-flex;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  border:1px solid #DCA755;
  font-weight: 600;
  background: linear-gradient(to bottom, #BD8422, #7B4D06) !important;
  font-size: 20px;
  text-shadow:0px 0px 20px rgba(255,255,255,.3);
  color:#fff!important;
  padding:16px 20px;
  line-height: 24px;
  text-decoration: none;
  transition:.3s ease all;
}
.bottom-bar .btn>a:hover{
  opacity:.7;
}
.supply{
  position: relative;
}
.supply:before{
  content:"";
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  height: 400px;
  background
}
.supply>img{
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  object-fit: cover;
}
.supply .container{
  position: relative;
  z-index: 2;
}
.supply .grid>.elem .media{
  background-color: rgba(249,244,233,1);
}
.supply .grid{
  position: relative;
  z-index: 3;
}
.bottom-bar{
  position: relative;
  z-index: 3;
}
.supply .spacer{
  margin:15px auto;
}
.supply .desc p{
  font-size: 14px;
  line-height: 20px;
}
.supply .map img{
  max-width: 940px;
}
.supply .grid>.elem>p{
  font-size: 18px;
  line-height: 24px;
}
.supply .grid .desc p{
  font-size: 12px;
  line-height: 16px;
}
.supply{
  overflow:hidden;
}
.rd-viewer__hero{
  padding:40px 0px;
}
.rd-viewer__hero{

  background-color: #F4EADD;
}
.rd-viewer__hero .rd-wrap>h1{
  margin:0px;
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 2px;
  font-size: 44px;
  line-height: 65px;
  font-weight: 500;
}
.rd-viewer__hero .rd-wrap .rd-hero__crumbs{
  margin:0px;
}
.rd-viewer__hero .rd-wrap .rd-hero__crumbs span{
  margin:0px 7px;
  font-size: 20px;
  line-height: 24px;
  color:#AE6F1D;
}
.rd-viewer__hero .rd-wrap .rd-hero__crumbs>a{
  text-decoration: none;
}
.rd-viewer__hero .rd-wrap .rd-hero__crumbs>a{
  color:#000;
  text-decoration: none;
}
.rd-viewer__hero .rd-wrap .rd-hero__crumbs{
  color:#AE6F1D;
}

.rd-viewer__hero{
  position: relative;
  border-bottom:2px solid #C1923B;
}
.rd-viewer__hero>img{
  position: absolute;
  top:-4px;
  left:50%;
  transform:translateX(-50%);
  max-height: 193px;
}
.rd-viewer__body{
  padding-top: 40px;
  padding-bottom: 20px;
}
.rd-viewer__body .rd-viewer__title>h2{
  text-align: center;
  margin-top: 0px;
  font-size: 30px;
  line-height: 36px;
  font-family:serif;
  font-weight: 600;
  color:#AE6F1D;
}

.rd-viewer__hero>img{
  pointer-events:none;
}
.rd-viewer__title .spacer{
  display: flex;
  align-items: center;
  justify-content: center;
}
.rd-viewer__title .spacer img{
  max-width: 140px;
}
.rd-viewer__body .rd-viewer__title>h2{
  margin-bottom: 10px;
}
.rd-viewer__body .rd-viewer__title>p{
  margin:0px;
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.rd-viewer__frame{
  background-color: transparent!important;
}
.rd-viewer__frame>img{
  border:0px;
}
.rd-viewer__body .rd-viewer__frame{
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;

}
.rd-viewer__body .rd-viewer__frame iframe{
  width: 100%;
  height: 840px;
}
.rd-viewer__body .rd-viewer__frame .rd-doc-image{
  display: block;
  width: 100%;
  height: auto;
}
.rd-viewer__body .rd-viewer__actions{
  display: flex;
  align-items: center;
  margin-top: 15px;
  justify-content: center;
}
.rd-viewer__body .rd-viewer__actions>a{
  margin-right: 35px;
}
.rd-viewer__body .rd-viewer__actions>a:last-child{
  margin-right: 0px;
}
.rd-viewer__actions>.rd-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border-radius: 8px;
  padding:7px 25px;
  border:1px solid #DCA755;
  background: linear-gradient(to bottom, #DCA755, #AA7D39) !important;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  color:#fff;
  transition:.3s ease all;
}
.rd-viewer__actions>.rd-btn:hover{
  opacity:.7;
}
.rd-viewer__actions>.rd-btn span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
}
.rd-viewer__actions>.rd-btn span>img{
  max-width: 30px;
  max-height: 30px;
}

.rd-viewer__actions>.rd-btn.rd-btn--dark{
  background:none!important;
  border:#1D2327;
  background-color: #1D2327!important;
  color: #fff !important;
}

.rd-viewer__frame{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  overflow:hidden;
  box-shadow:0px 0px 30px rgba(0,0,0,.5);
}
.cta__box .container .inner .btn>a{
  color:#fff!important;
}
header.nav.smaller.dark{
  background-color: #000;
}
.supply{
  padding-top: 150px;
}
.supply .outer>h2{
  font-size: 44px;
  line-height: 44px;
  margin-top: 10px;
}
.supply .outer>p{
  font-size: 11px;
  line-height: 17px;
}
.supply .desc p{
  font-size: 11px;
  line-height: 15px;
}
.supply .spacer{
  margin:12px auto;
}
.supply .map img{
  width: 100%;
  max-width: 840px;
}
.supply .grid{
  max-width: 880px;
}
.supply .grid>.elem{
  padding-top: 20px;
  padding-left: 12px;
  padding-right: 12px;
}
.supply .grid>.elem>p{
  font-size: 14px;
  line-height: 18px;
}
.supply .grid .spacer{
  margin:10px auto;
}
.supply .grid .desc p{
  font-size: 10px;
  line-height: 13px;
}
.supply .grid ul>li{
  font-size: 8px;
  line-height: 10px;
}
.supply .grid ul>li span{
  position: relative;
  top:1px;
}
.supply .grid ul>li span img{
  min-width: 9px;
  max-width: 9px;
}
.supply .grid{
  margin-top: -40px;
  grid-column-gap: 8px;
}
.supply .grid>.elem .media{
  width: 80px;
  height: 80px;
}
.supply .grid>.elem .media img{
  max-width: 45px;
  max-height: 45px;
}
.bottom-bar{
  max-width: 880px;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.supply .desc p{
  font-size: 9px;
  line-height: 13px;
}
.bottom-bar .desc span{
  margin-right: 5px;
}
.bottom-bar .desc span img{
    max-width: 60px;
    max-height: 50px;
}
.bottom-bar .btn>a{
  min-height: 50px;
  font-size: 12px;
  line-height: 18px;
  padding:5px 15px;
}
.bottom-bar .btn>a span.document{
  margin-right: 10px;
}
.bottom-bar .btn>a span.arrow{
  margin-left: 10px;
}
.bottom-bar .btn>a span.document img{
  max-width: 17px;
}
.bottom-bar .btn>a span img{
  max-width: 21px;
}

.about__head.markets .outer__about>h2{
  text-align: center;
  font-size: 56px;
  line-height: 64px;
  font-weight: bold;
  color:#fff;
  width: 480px;
}
.about__head.markets .outer__about .spacer{
  width: 480px;
  display: flex;
  margin:12px 0px;
  justify-content: center;
}
.about__head.markets .outer__about>span{
  display: block;
  text-align: center;
  width: 480px;
  max-width: 100%;
  font-size: 17px;
  line-height: 22px;
  color:#B98B3F;
  text-transform: uppercase;
  font-weight: 500;
}
.about__head.markets .outer__about>p{
  text-align: center;
  width: 480px;
  font-size: 12px;
  line-height: 21px;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 10px;
}
.about__head.markets .container:before{
  left:445px;
}
.about__head.markets .outer__about .spacer{
  margin:8px 0px;
}
.global__markets{
  padding-top: 25px;
  margin-bottom: 20px;
}
.global__markets .outer__global>p{
  margin:0px;
  font-size: 24px;
  line-height: 28px;
  color:#0F1929;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  text-align: center;
}
.global__markets .outer__global .spacer{
  display: flex;
  justify-content: center;
  align-items: center;
  margin:12px 0px;
}
.global__markets .outer__global .spacer>img{
  max-width: 260px;
}
.global__markets .cards-box{
  display: grid;
  grid-template-columns: repeat(4 ,1fr);
  grid-column-gap: 12px;
}
.global__markets .cards-box>.card{
  background-color: rgba(249, 244, 233, .6);
  border: 1px solid #AE6F1D;
  border-radius: 15px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  padding-bottom: 80px;
}
.global__markets .cards-box>.card .med{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.global__markets .cards-box>.card>span{
  font-size: 12px;
  line-height: 18px;
  display: block;
  font-weight: 500;
  color: #0F1929;
}
.global__markets .cards-box>.card >p{
  margin-top: 0px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #0F1929;
  font-family: "Open Sans", sans-serif;
}
.global__markets .cards-box>.card .med img{
  max-width: 60px;
  min-width: 60px;
}
.global__markets .cards-box>.card{
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-position: bottom center!important;
  background-color: rgba(249, 244, 233, .6)!important;
}
.industries{
  margin-top: 22px;
}
.industries>.spacer>img{
  min-width: 260px;
  max-width: 260px;
}
.industries>.spacer{
  display: flex;
  justify-content: center;
  align-items: center;
  margin:12px 0px;
}
.industries>p{
  margin: 0px;
    font-size: 24px;
    line-height: 28px;
    color: #0F1929;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-align: center;
}
.industries .box__industries{
  display: grid;
  grid-template-columns: repeat(5 ,1fr);
  grid-column-gap: 40px;
  padding:20px;
  border:1px solid rgba(174,111,29,.4);
  border-radius: 12px;
}
.industries .box__industries .elem{
  text-align: center;
}
.industries .box__industries .elem{
  position: relative;
}
.industries .box__industries .elem:last-child:before{
  content:none;
}
.industries .box__industries .elem:before{
  content:"";
  position: absolute;
  right: -20px;
  opacity:.4;
  top:0px;
  width: 1px;
  height: 100%;
  background-color:#AE6F1D;
}
.industries .box__industries .elem .image{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70px;
  max-height: 70px;
  margin-bottom: 12px;
}
.industries .box__industries .elem>span{
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  display: block;
  font-weight: 500;
  color: #0F1929;
}
.industries .box__industries .elem>p{
  text-align: center;
  margin-top: 0px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #0F1929;
  font-family: "Open Sans", sans-serif;
}
.industries .box__industries .elem .image img{
  max-width: 70px;
  max-height: 70px;
}
.how-connect{
  padding-top: 25px;
  padding-bottom: 25px;
}
.how-connect>p{
  margin: 0px;
  font-size: 24px;
  line-height: 28px;
  color: #0F1929;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}

.how-connect>span{
  font-size: 14px;
  line-height: 18px;
  display: block;
  width: 100%;
  color:#0F1929;
  opacity:.6;
  text-align: center;
}
.connect-boxes{
  display: grid;
  grid-template-columns: repeat(3 ,1fr);
  grid-column-gap: 30px;
  margin-top: 28px;
}
.connect-boxes>.el>span{
  position: absolute;
  left:50%;
  transform:translateX(-50%);
  font-size: 12px;
  line-height: 16px;
  color:#fff;
  top:-14px;
  font-weight: 500;
  padding:6px 24px;
  border-radius: 5px;
  background-color: #112540;
}
.connect-boxes>.el{
  border:1px solid rgba(174,111,29,.4);
  border-radius: 12px;
  width: 100%;
  position: relative;
  padding:25px;
}
.industries .box__industries{
  margin-top: -40px;
}
.industries>.spacer{
  position: relative;
}
.industries>.spacer>img{
  position: relative;
  z-index: 2;
}
.industries .box__industries{
  padding-top: 45px;
}
.industries>.spacer:before{
  content:"";
  position: absolute;
  width: 300px;
  height: 30px;
  top:-10px;
  background-color: #F8F7F5;
}
.connect-boxes>.el{
  background-color: #FAF9F7;
}
.connect-boxes>.el .inn{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.connect-boxes>.el .inn>.image{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.connect-boxes>.el .inn>.image>span{
  display: block;
  padding-top: 8px;
  text-align: center;
  color:#0F1929;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  border-top:1px solid rgba(174,111,29,.4);
  padding-top: 6px;
  margin-top: 5px;
}
.connect-boxes>.el .inn>.image>img{
  max-width: 140px;
}
.connect-boxes>.el .inn .desc>.el>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
}
.connect-boxes>.el .inn .desc>.el>span>img{
  min-width: 20px;
  max-width: 20px;
}
.connect-boxes>.el .inn .desc>.el .in>p{
  margin:0px;
  font-size: 9px;
  line-height: 13px;
}
.connect-boxes>.el .inn .desc{
  margin-left: 13px;
}
.connect-boxes>.el .inn .desc>.el {
  margin-bottom: 8px;
}
.connect-boxes>.el .inn .desc>.el:last-child{
  margin-bottom: 0px;
}
.connect-boxes>.el .inn .desc>.el .in{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.connect-boxes>.el .inn .desc>.el .in>span{
  color: #0F1929;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
}
.connect-boxes>.el .inn .desc>.el{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.connect-boxes>.el  .logo-media{
  display: flex;
  align-items: center;
  justify-content: center;
}
.connect-boxes>.el  .logo-media>img{
  max-width: 185px;
}
.connect-boxes>.el .bottom-list>ul{
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0px;
  list-style-type: none;
}
.connect-boxes>.el .bottom-list>ul>li.dot{
  margin:0px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5px;
  max-width: 5px;
  min-height: 5px;
  max-height: 5px;
  border-radius: 250px;
  background-color: rgba(174,111,29,1);
}
.connect-boxes>.el .bottom-list>ul{
  margin:0px;
  margin-top: 8px;
  font-weight: 600;
  color:#0F1929;
}
.connect-boxes>.el .bottom-list>ul>li{
  font-size: 11px;
  line-height: 14px;
}
.connect-boxes>.el .inn-el{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.connect-boxes>.el .inn-el>.media{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.connect-boxes>.el .inn-el>.media>img{
  min-width: 115px;
  max-width: 115px;
}
.connect-boxes>.el .inn-el .list>.el{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.connect-boxes>.el .inn-el .list>.el>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.connect-boxes>.el .inn-el .list>.el>span>img{
  min-width: 18px;
  max-width: 18px;
}
.connect-boxes>.el .inn-el .list>.el .desc{
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
.connect-boxes>.el .inn-el .list>.el .desc>p{
  margin:0px;
  font-size: 10px;
  line-height: 13px;
}
.connect-boxes>.el .inn-el .list>.el .desc>span{
  font-size: 11px;
  line-height: 15px;
  color:#112540;
  font-weight: bold;
}
.connect-boxes>.el{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.connect-boxes>.el .inn-el>.media{
  margin-right: 15px;
}
.connect-boxes>.el .list>.el{
  margin-bottom: 12px;
}
.connect-boxes>.el .list>.el:last-child{
  margin-bottom: 0px;
}
.connect-boxes{
  position: relative;
}
.connect-boxes>img{
  max-width: 30px;
  position: absolute;
  top:50%;
  transform:translateY(-50%);
}
.connect-boxes>img:nth-child(2){
  left:308px;
}
.connect-boxes>img:nth-child(4){
  left:645px;
}
.bottom-docs{
  border-radius: 12px;
  border:1px solid rgba(174,111,29,.4);
  padding:20px 12px;
  display: flex;
  justify-content: center;
}
.bottom-docs>.el{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 280px;
}
.bottom-docs>.el>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
.bottom-docs>.el>span>img{
  max-height: 60px;
  max-width: 60px;
}
.bottom-docs>.el>.desc>p{
  margin-top: 0px;
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 16px;
  color:#0F1929;
  font-weight: bold;
  text-transform: uppercase;
}
.bottom-docs{
  margin-bottom: 15px;
}
.bottom-docs>.el>.desc>ul{
  padding:0px;
  padding-left: 15px;
  list-style-type: none;
  margin:0px;
}
.bottom-docs>.el>.desc>ul>li:last-child{
  margin-bottom: 0px;
}
.bottom-docs>.el>.desc>ul>li{
  font-size: 11px;
  color:#0F1929;
  margin-bottom: 3px;
  line-height: 15px;
  position: relative;
}
.bottom-docs>.el>.desc>ul>li:before{
  content:"";
  position: absolute;
  left:-9px;
  width: 5px;
  height: 5px;
  border-radius: 250px;
  top:50%;
  transform:translateY(-50%);
  background-color: rgba(174,111,29,1);
}
.cta__box.middle{
  padding-bottom: 0px;
}
.cta__box.middle .container{
  border-radius: 0px;
}
.cta__box.middle .inner{
  text-align: center;
}
.cta__box.middle .container .inner .spacer{
  justify-content: center;
  margin-top: 0px;
}
.cta__box.middle .container .inner .btn{
  justify-content: center;
}
.cta__box.middle .container{
  padding:15px 25px;
}
.cta__box.middle .container .inner .btn{
  min-height: 34px;
  padding-left: 40px;
  padding-right: 40px;
}
.cta__box.middle h2{
  margin-bottom: 5px!important;
}
.cta__box.middle .container{
  background:url('../icons/cta-middle-back.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.cta__box.middle .container .inner .btn{
  margin-top: 3px;
}
.cta__box.middle .container:before{
  left:20%;
  width: 60%;
  background:linear-gradient(to right , rgba(9,27,46,.3) 15%, rgba(2,15,32,.0));
  background-color: #091A2E;
}
.connect-boxes>.el .logo-media>img{
  max-width: 245px;
}
header.nav .outer__header .nav__menu>ul>li>a{
  font-size: 12px;
  line-height: 15px;
}
header.nav .outer__header{
  min-height: 90px;
}

.supply .outer>span img{
  max-width: 150px;
}


.tracking__page{
  margin-top: 90px;
  background-color: #FAFAFA;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  z-index: 200;
}
.tracking__page .inner__tracking{
  display: flex;
  justify-content: space-between;
}
.tracking__page .inner__tracking>.left{
  width: 45%;
}
.tracking__page .inner__tracking>.left>.top-left-boxes{
  display: flex;
  justify-content: space-between;
  gap:10px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice{
  width: 55%;
  border-radius: 5px;
  padding:10px;
  border:1px solid rgba(0,0,0,.1);
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice .list>.el{
  margin-bottom: 12px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice .list>.el:last-child{
  margin-bottom: 0px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice .list>.el>p:nth-child(1){
  min-width: 110px;
  max-width: 110px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice .list>.el{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice .list>.el>p{
  margin:0px;
  font-size: 11px;
  line-height: 15px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice>p>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 7px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice>p>span>img{
  min-width: 20px;
  max-width: 20px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice>p{
  margin:0px;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 600;
  margin-bottom: 15px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el{
  border-radius: 5px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, .1);
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double{
  width: 45%;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el>p span{
  display: inline-flex;
  margin-right: 5px;
  align-items: center;
  justify-content: center;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el>p span img{
  min-width: 18px;
  max-width: 18px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el>p{
  margin-top: 0px;
  color:#AA7D39;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el{
  margin-bottom: 10px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el:last-child{
  margin-bottom: 0px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el .table>.row{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el .table>.row{
  margin-bottom: 5px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el .table>.row:last-child{
  margin-bottom: 0px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el .table>.row>p{
  margin:0px;
  font-size: 11px;
  line-height: 15px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el .table>.row>p:nth-child(1){
  min-width: 90px;
  max-width: 90px;
}
.tracking__page .table__info{
  margin-top: 12px;
}
.tracking__page .table__info>table{
  width: 100%;
  border-spacing: 0px;
  border-radius: 6px;
  border:1px solid rgba(0,0,0,.1);
}
.tracking__page .table__info>table tr th{
  padding:5px 10px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  color:#000;
}
.tracking__page .table__info>table tr:nth-child(1){
  background-color: #F4EDE3;
}

.tracking__page .table__info>table tr td>p{
  margin:0px;
  font-size: 12px;
  line-height: 15px;
  color:#000;
}
.tracking__page .table__info>table tr td>p{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.tracking__page .table__info>table tr td>p>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}
.tracking__page .table__info>table tr td>p>span img{
  min-width: 40px;
  max-width: 40px;
}
.total__table{
  max-width: 240px;
  margin-left: auto;
}
.total__table{
  border:1px solid rgba(0, 0, 0, .1);
  border-radius: 5px;
  margin-top: 10px;
}
.total__table .content{
  padding:10px;
}
.total__table .content>.row{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
}
.total__table .content>.row:last-child{
  margin-bottom: 0px;
}
.total__table .content>.row>p{
    margin: 0px;
    font-size: 11px;
    line-height: 15px;
}
.total__table .total>p{
  font-size: 11px;
  line-height: 15px;
  font-weight: bold;
  color:#fff;
  text-transform: uppercase;
  margin:0px;
}
.total__table{
  border-radius: 5px;
  overflow:hidden;
  margin-bottom: 10px;
}
.total__table .total{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #9C5F02;
  padding:5px 10px;
}
.double__box--information{
  display: grid;
  grid-template-columns: repeat(2 ,1fr);
  grid-column-gap: 10px;
  grid-row-gap:10px;
}
.double__box--information>.el{
  padding:10px;
  border:1px solid rgba(0,0,0,.1);
  border-radius: 5px;
}
.double__box--information>.el>p>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.double__box--information>.el>p>span img{
  min-width: 18px;
  max-width: 18px;
}
.double__box--information>.el>p{
  margin-top: 0px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color:#000;
  font-weight: 600;
  font-size: 11px;
  line-height: 15px;
  text-transform: uppercase;
}
.double__box--information>.el .list>.row>p{
  font-size: 11px;
  line-height: 14px;
  color:#000;
  margin:0px;
}
.double__box--information>.el .list>.row:last-child{
  margin-bottom: 0px;
}
.double__box--information>.el .list>.row{
  display: flex;
  margin-bottom: 7px;
  align-items: flex-start;
  justify-content:flex-start;
}
.double__box--information>.el .list>.row>p:nth-child(1){
  min-width: 110px;
  max-width: 110px;
}
.double__box--information>.el .invoice__desc>img{
  max-width: 45px;
}
.double__box--information>.el .invoice__desc>p{
  margin:0px;
  font-size: 11px;
  line-height: 14px;
  color:#000;
  margin-right: 10px;
}
.double__box--information>.el .invoice__desc{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.double__box--information>.el>ul{
  padding:0px;
  list-style-type: none;
  margin:0px;
}
.double__box--information>.el>ul>li{
  font-size: 11px;
  line-height: 13px;
  color:#000;
  position: relative;
}
.double__box--information>.el>ul>li{
  padding-left: 12px;
  margin-bottom: 8px;
  position: relative;
}
.double__box--information>.el>ul>li:last-child{
  margin-bottom: 0px;
}
.double__box--information>.el>ul>li:before{
  content:"";
  position: absolute;
  top:4px;
  left:0px;
  width: 4px;
  height: 4px;
  background-color: #9C5F02;
  border-radius: 250px;
}
.double__box--information .help__inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.double__box--information .help__inner>a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  line-height: 12px;
  white-space: nowrap;
  background: linear-gradient(to bottom, #DCA755, #AA7D39);
  min-height: 26px;
  padding:5px 8px;
  border-radius: 4px;
  color:#fff;
  text-transform: uppercase;
  text-decoration: none;
}
.double__box--information .help__inner>p{
  margin:0px;
  margin-right: 10px;
  font-size: 10px;
  line-height: 13px;
  color: #000;
}
.bottom__info--box{
  padding:15px 10px;
  margin-top: 10px;
  border-radius: 5px;
  border:1px solid rgba(0,0,0,.1);
}
.bottom__info--box ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style-type: none;
  padding:0px;
  font-size: 8px;
  line-height: 11px;
  color:#000;
  gap:7px;
  margin:0px;
}
.bottom__info--box ul>li{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.bottom__info--box ul>li span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.bottom__info--box ul>li span img{
  min-width: 14px;
  max-width: 14px;
}
.bottom__info--box ul>li a{
  color: inherit;
  text-decoration: none;
}
.bottom__info--box ul>li a:hover{
  text-decoration: underline;
}
.tracking__page .inner__tracking{
  gap:10px;
}
.tracking__page .inner__tracking .invoice__right{
  width: 55%;
}
.tracking__page .inner__tracking .invoice__right .top__header{
  display: flex;
  justify-content: space-between;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf>p{
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  color:#000;
  font-weight: 600;
  padding-left: 7px;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf>.box>span:last-child{
  margin-bottom: 0px;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf>.box>.bt__controls>a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  line-height: 13px;
  white-space: nowrap;
  background: linear-gradient(to bottom, #DCA755, #AA7D39);
  min-height: 26px;
  padding: 5px 8px;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf{
  max-width: 40%;
  margin-top: auto;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf>.box>.bt__controls>p{
  margin:0px;
  font-size: 6.5px;
  line-height: 11px;
  color:#fff;
  margin-right: 10px;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf>.box>.bt__controls{
  display: flex;
  align-items: center;
  justify-content: center;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf>.box>span{
  display: block;
  text-align: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 8px;
  line-height: 12px;
  color:#fff;
  margin-bottom: 6px;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf>.box>p{
  text-align: center;
  font-size: 10px;
  line-height: 13px;
  color:#fff;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 7px;
  text-transform: uppercase;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf>.box{
  padding:15px;
  background-color:#000;
  border-radius: 6px;
}
.tracking__page .inner__tracking .top__header>img{
  margin-top: auto;
  margin-bottom: auto;
  min-width: 32px;
  max-width: 32px;
  margin-left: 5px;
  margin-right: 5px;
}
.tracking__page .inner__tracking .rg{
  width: 100%;
  background-color:#000;
  padding:10px;
  border-radius: 6px;
}
.tracking__page .inner__tracking .rg>.status{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.tracking__page .inner__tracking .rg>.status>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding-left: 6px;
  padding-right: 6px;
  color:#fff;
  text-transform: uppercase;
  font-size: 8.5px;
  line-height: 11px;
  font-weight: 600;
  background:linear-gradient(to bottom, #DCA755, #AA7D39);
  border-radius: 5px;
  margin-left: 6px;
}
.tracking__page .inner__tracking .rg>.status>p{
  margin:0px;
  font-size: 10px;
  line-height: 13px;
  color:#fff;
  text-transform: uppercase;
  font-weight: 600;
}
.tracking__page .inner__tracking .rg .dbl-wrap{
  display: grid;
  grid-template-columns: repeat(2 ,1fr);
  grid-column-gap: 15px;
}
.tracking__page .inner__tracking .rg .dbl-wrap>.dbl>.el>p>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.tracking__page .inner__tracking .rg .dbl-wrap>.dbl>.el>p>span img{
  min-width: 15px;
  max-width: 15px;
}

.tracking__page .inner__tracking .rg .dbl-wrap>.dbl>.el{
  margin-bottom: 8px;
}
.tracking__page .inner__tracking .rg .dbl-wrap>.dbl>.el:last-child{
  margin-bottom: 0px;
}
.tracking__page .inner__tracking .rg .dbl-wrap>.dbl>.el>p{
  font-size: 7px;
  line-height: 12px;
  margin:0px;
  color:#fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tracking__page .inner__tracking .rg .dbl-wrap .btn{
  display: flex;
  align-items: center;
  justify-content: center;
}
.tracking__page .inner__tracking .rg .dbl-wrap .btn>a>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .btn>a>span img{
  min-width: 12px;
  max-width: 12px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .btn>a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  border-radius: 5px;
  text-decoration: none;
  background: linear-gradient(to bottom, #DCA755, #AA7D39);
  color:#fff;
  font-size: 8px;
  line-height: 12px;
  width: 100%;
  font-weight: 600;
}
.tracking__page .inner__tracking .rg .dbl-wrap{
  display: grid;
  grid-template-columns: repeat(2 ,1fr);
  grid-column-gap: 15px;
  align-items: flex-start;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right>.el>p:last-child{
  margin-bottom: 0px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right .btn{
  margin-top: 12px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right>.el>p{
  font-size: 9px;
  line-height: 12px;
  margin-top: 0px;
  margin-bottom: 5px;
  color:#fff;
  text-transform: uppercase;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right{
  padding-top: 7px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right>.el{
  margin-bottom: 13px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right>.el:last-child{
  margin-bottom: 0px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right>.el{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tracking__page .inner__tracking .rg .dbl-wrap>.dbl{
  margin-top: 10px;
}
.tracking__page .inner__tracking .rg .dbl-wrap>.dbl>.el{
  display: flex;
  gap:10px;
  align-items: center;
  justify-content: space-between;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right .after{
  margin-top: 10px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right .after>p{
  margin:0px;
  font-size: 8px;
  line-height: 11px;
  color:#fff;
}
.shipping__box{
  margin-top: 12px;
}
.shipping__box .box__inner.rt {
  min-height: 280px;
}
/* ===== Real-time shipment tracking block ===== */
.rt{
  position: relative;
  overflow: hidden;
  line-height: 1;
  container-type: inline-size;
}
.rt .rt__map{
  display: block;
  width: 100%;
  height: auto;
}
.rt *{
  box-sizing: border-box;
}
/* Live update card */
.rt__live{
  position: absolute;
  left: 1%;
  top: 41.5%;
  width: 14.5%;
  padding: 2.4% 2.2% 2.6%;
  border-radius: 6px;
  background: rgba(8,11,18,.62);
  border: 1px solid rgba(255,255,255,.08);
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease;
  z-index: 3;
  font: inherit;
  color: inherit;
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
}
button.rt__live{
  display: block;
  margin: 0;
}
.rt__live:hover,
.rt__live:focus-visible{
  border-color: rgba(46,192,74,.6);
  box-shadow: 0 0 10px rgba(46,192,74,.25);
  outline: none;
}
.rt__live-title{
  margin: 0 0 5%;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-weight: 700;
  font-size: 1.05cqw;
  letter-spacing: .3px;
  text-transform: uppercase;
}
.rt__dot{
  width: .7cqw;
  height: .7cqw;
  border-radius: 50%;
  background: #2ec04a;
  box-shadow: 0 0 5px #2ec04a;
  flex: 0 0 auto;
}
.rt__live-text{
  margin: 0 0 7%;
  color: #cfd3da;
  font-size: .92cqw;
  line-height: 1.45;
}
.rt__thumb{
  display: block;
  width: 100%;
  border-radius: 4px;
}
/* Cargo information card */
.rt__cargo{
  position: absolute;
  right: 2%;
  top: 42%;
  width: 20.5%;
  padding: 3% 3.2% 3.4%;
  border-radius: 7px;
  background: rgba(8,11,18,.72);
  border: 1px solid rgba(224,140,30,.45);
  z-index: 3;
}
.rt__cargo-title{
  margin: 0 0 6%;
  color: #e8941e;
  font-weight: 700;
  font-size: 1.12cqw;
  letter-spacing: .4px;
  text-transform: uppercase;
}
.rt__row{
  display: flex;
  align-items: center;
  gap: 5%;
  margin-bottom: 5%;
}
.rt__row label{
  flex: 0 0 26%;
  color: #fff;
  font-weight: 700;
  font-size: 1.05cqw;
}
.rt__row input,
.rt__select select{
  width: 100%;
  border: 1px solid rgba(255,255,255,.16);
  background: #11151f;
  border-radius: 4px;
  color: #fff;
  font-size: .98cqw;
  padding: .5cqw .55cqw;
  outline: none;
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
}
.rt__row input::placeholder{ color: #8a8f98; }
.rt__select{
  flex: 1 1 auto;
  position: relative;
}
.rt__select select{
  color: #8a8f98;
  cursor: pointer;
}
.rt__select::after{
  content: "";
  position: absolute;
  right: .5cqw;
  top: 50%;
  width: .5cqw;
  height: .5cqw;
  border-right: 1.5px solid #e8941e;
  border-bottom: 1.5px solid #e8941e;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}
.rt__cargo-note{
  margin: 9% 0 0;
  text-align: center;
  color: #d7dade;
  font-size: 1.05cqw;
  line-height: 1.55;
}
/* Status timeline */
.rt__timeline{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3%;
  height: 26%;
  z-index: 3;
}
.rt__track{
  position: absolute;
  left: 6.7%;
  right: 31.1%;
  top: 2cqw;
  height: 0;
  border-top: 1.5px dotted rgba(224,140,30,.6);
  z-index: 0;
}
.rt__track::before{
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: var(--rt-progress, 0%);
  border-top: 1.5px solid rgba(224,140,30,.95);
  transition: width .35s ease;
}
.rt__step{
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
.rt__step:nth-child(2){ left: 6.7%; }
.rt__step:nth-child(3){ left: 18.9%; }
.rt__step:nth-child(4){ left: 31.4%; }
.rt__step:nth-child(5){ left: 43.6%; }
.rt__step:nth-child(6){ left: 56.1%; }
.rt__step:nth-child(7){ left: 68.9%; }
.rt__node{
  width: 4cqw;
  height: 4cqw;
  border-radius: 50%;
  border: 1.5px solid rgba(224,140,30,.95);
  background: #080b12;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e8941e;
}
.rt__node svg{
  display: block;
  width: 52%;
  height: 52%;
}
.rt__label{
  margin-top: .8cqw;
  color: #e8941e;
  font-size: .92cqw;
  font-weight: 600;
  letter-spacing: .2px;
  white-space: nowrap;
  text-transform: uppercase;
}
.rt__step.is-active .rt__node{
  border-color: #2ec04a;
  box-shadow: 0 0 6px rgba(46,192,74,.55);
}
.rt__step.is-active .rt__node,
.rt__step.is-active .rt__label{ color: #2ec04a; }
/* Live update popup */
.rt-modal{
  position: fixed;
  inset: 0;
  top: 90px;
  z-index: 9999;
  display: none;
  padding: 0;
  flex-direction: column;
}
.rt-modal.is-open{ display: flex; }
body.rt-fs-open header.nav{
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  z-index: 10001 !important;
}
.rt-modal__bottom{
  flex: 0 0 auto;
  position: relative;
  z-index: 4;
  background-color: #010A19;
  padding: 8px;
  text-align: center;
}
.rt-modal__bottom>p{
  margin: 0;
  font-size: 11px;
  line-height: 14px;
  color: #fff;
}
.rt-modal__bottom>p span{ color: #E5AE56; }
.rt-modal__overlay{
  position: absolute;
  inset: 0;
  background: #05080e;
}
.rt-modal__close{
  position: absolute;
  top: 14px;
  right: 18px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.3);
  background: #11161f;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  z-index: 5;
  transition: background .15s ease;
}
.rt-modal__close:hover{ background: #1c2533; }

/* ===== Fullscreen tracking popup (visual only) =====
   Full-bleed: fills the whole viewport edge to edge. The sidebar text is sized
   by min(width, height) so it always fits regardless of how wide the screen is. */
.rt-modal__stage{
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.rt-modal .fs{
  position: relative;
  height: 100%;
  width: 100%;
  container-type: size;
  display: flex;
  background: #05080e;
  overflow: hidden;
}
.rt-modal .fs *{ box-sizing: border-box; }
.rt-modal .fs input, .rt-modal .fs select{ font-family: inherit; }
/* Sidebar */
.fs__side{
  flex: 0 0 20.5%;
  background: #0a0e16;
  border-right: 1px solid rgba(255,255,255,.06);
  padding: min(1.9cqw, 3.38cqh) min(1.5cqw, 2.67cqh);
  overflow: hidden;
}
.fs__h1{
  margin: 0;
  font-size: min(1.55cqw, 2.76cqh);
  font-weight: 800;
  letter-spacing: .5px;
  color: #fff;
  line-height: 1.15;
}
.fs__h1 span{ color: #e8941e; }
.fs__lead{
  margin: min(.7cqw, 1.25cqh) 0 min(1.4cqw, 2.49cqh);
  font-size: min(.82cqw, 1.46cqh);
  line-height: 1.45;
  color: #9aa3af;
}
.fs__label{
  margin: 0 0 min(.55cqw, 0.98cqh);
  font-size: min(.72cqw, 1.28cqh);
  font-weight: 700;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: #e8941e;
}
.fs__label--mt{ margin-top: min(1.4cqw, 2.49cqh); }
.fs__invoice{ display: flex; gap: min(.5cqw, 0.89cqh); }
.fs__invoice input{
  flex: 1 1 auto;
  min-width: 0;
  background: #11151f;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 5px;
  color: #fff;
  font-size: min(.85cqw, 1.51cqh);
  padding: min(.7cqw, 1.25cqh) min(.8cqw, 1.42cqh);
  outline: none;
}
.fs__invoice button{
  flex: 0 0 auto;
  width: min(2.6cqw, 4.63cqh);
  border: none;
  border-radius: 5px;
  background: linear-gradient(180deg,#f0a92a,#d9881d);
  color: #1a1206;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fs__invoice button svg{ width: min(1.1cqw, 1.96cqh); height: min(1.1cqw, 1.96cqh); }
.fs__muted{
  margin: min(.7cqw, 1.25cqh) 0 0;
  font-size: min(.72cqw, 1.28cqh);
  line-height: 1.4;
  color: #8b94a1;
}
.fs__rows{ margin-top: min(.6cqw, 1.07cqh); }
.fs__row{
  display: flex;
  align-items: center;
  gap: min(.6cqw, 1.07cqh);
  margin-bottom: min(.55cqw, 0.98cqh);
}
.fs__row > label{
  flex: 0 0 auto;
  font-size: min(.78cqw, 1.39cqh);
  color: #c9ced6;
  white-space: nowrap;
}
.fs__row > input,
.fs__row .fs__select{ flex: 1 1 auto; min-width: 0; margin-left: auto; max-width: 58%; }
.fs__row input,
.fs__select select{
  width: 100%;
  background: #11151f;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 5px;
  color: #fff;
  font-size: min(.78cqw, 1.39cqh);
  padding: min(.5cqw, 0.89cqh) min(.6cqw, 1.07cqh);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.fs__row input::placeholder,
.fs__cargo input::placeholder{ color: #79808c; }
.fs__select{ position: relative; }
.fs__select select{ color: #aeb4bd; cursor: pointer; }
.fs__select::after{
  content: "";
  position: absolute;
  right: min(.55cqw, 0.98cqh);
  top: 50%;
  width: min(.38cqw, 0.68cqh);
  height: min(.38cqw, 0.68cqh);
  border-right: 1.4px solid #e8941e;
  border-bottom: 1.4px solid #e8941e;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}
.fs__date{
  background: url('../icons/calendar.svg') no-repeat #11151f;
  background-size: min(.95cqw, 1.69cqh);
  background-position: calc(100% - min(.55cqw, 0.98cqh)) center;
  padding-right: min(1.8cqw, 3.2cqh) !important;
  cursor: pointer;
}
.fs__box{
  margin-top: min(1.1cqw, 1.96cqh);
  padding: min(.9cqw, 1.6cqh) min(1cqw, 1.78cqh);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 7px;
  background: rgba(255,255,255,.015);
}
.fs__box-title{
  margin: 0 0 min(.5cqw, 0.89cqh);
  display: flex;
  align-items: center;
  gap: min(.5cqw, 0.89cqh);
  font-size: min(.82cqw, 1.46cqh);
  font-weight: 700;
  letter-spacing: .4px;
  color: #fff;
  text-transform: uppercase;
}
.fs__box-title svg{ width: min(1.1cqw, 1.96cqh); height: min(1.1cqw, 1.96cqh); }
.fs__dot{
  width: min(.7cqw, 1.25cqh);
  height: min(.7cqw, 1.25cqh);
  border-radius: 50%;
  background: #2ec04a;
  box-shadow: 0 0 6px #2ec04a;
}
.fs__box-accent{
  margin: 0 0 min(.55cqw, 0.98cqh);
  font-size: min(.82cqw, 1.46cqh);
  color: #e8941e;
}
.fs__progress{
  height: min(.45cqw, 0.8cqh);
  border-radius: min(1cqw, 1.78cqh);
  background: rgba(255,255,255,.1);
  overflow: hidden;
  margin-bottom: min(.55cqw, 0.98cqh);
}
.fs__progress span{
  display: block;
  width: 22%;
  height: 100%;
  border-radius: min(1cqw, 1.78cqh);
  background: linear-gradient(90deg,#f0a92a,#d9881d);
}
.fs__port{
  display: block;
  width: 100%;
  margin-top: min(.7cqw, 1.25cqh);
  border-radius: 6px;
}
/* Map area */
.fs__map{
  flex: 1 1 auto;
  position: relative;
  background: #05080e url('../icons/fs-map.png') top right/cover no-repeat;
}
/* Timeline */
.fs__step{
  position: absolute;
  top: 73.5%;
  transform: translateX(-50%);
  width: 12%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  z-index: 1;
}
.fs__step:nth-child(2){ left: 4.1%; }
.fs__step:nth-child(3){ left: 17.6%; }
.fs__step:nth-child(4){ left: 31.1%; }
.fs__step:nth-child(5){ left: 44.6%; }
.fs__step:nth-child(6){ left: 58.1%; }
.fs__step:nth-child(7){ left: 70.4%; }
.fs__track{
  position: absolute;
  left: 4.1%;
  right: 29.6%;
  top: calc(84.5% + min(1.7cqw, 3.02cqh));
  height: 0;
  border-top: 1.5px dashed rgba(150,160,175,.55);
  z-index: 0;
}
.fs__track::before{
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 60.6%;
  border-top: 1.5px solid rgba(224,140,30,.95);
}
.fs__node{
  width: min(3.4cqw, 6.05cqh);
  height: min(3.4cqw, 6.05cqh);
  border-radius: 50%;
  border: 1.6px solid rgba(224,140,30,.95);
  background: #05080e;
  color: #e8941e;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fs__node svg{ width: 50%; height: 50%; }
.fs__step-label{
  margin-top: min(.55cqw, 0.98cqh);
  font-size: min(.82cqw, 1.46cqh);
  font-weight: 700;
  letter-spacing: .3px;
  color: #e8941e;
}
.fs__step-note{
  margin-top: min(.35cqw, 0.62cqh);
  font-size: min(.76cqw, 1.35cqh);
  line-height: 1.35;
  color: #8b94a1;
}
.fs__step.is-active .fs__node{
  background: linear-gradient(180deg,#f0a92a,#d9881d);
  border-color: #f0a92a;
  color: #1a1206;
  box-shadow: 0 0 16px rgba(240,169,42,.55);
}
.fs__step:not(.is-done):not(.is-active) .fs__node{
  border-color: rgba(150,160,175,.5);
  color: #95a0ad;
}
.fs__step:not(.is-done):not(.is-active) .fs__step-label{ color: #95a0ad; }
/* Cargo */
.fs__cargo{
  position: absolute;
  right: 1.1%;
  top: 70.5%;
  width: 25.5%;
  padding: min(1cqw, 1.78cqh) min(1.1cqw, 1.96cqh);
  border: 1px solid rgba(224,140,30,.4);
  border-radius: 8px;
  background: rgba(8,11,18,.72);
  z-index: 2;
}
.fs__cargo-title{
  margin: 0 0 min(.7cqw, 1.25cqh);
  font-size: min(.92cqw, 1.64cqh);
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: #e8941e;
}
.fs__cargo-grid{ display: flex; gap: min(.8cqw, 1.42cqh); align-items: center; }
.fs__cargo-fields{ flex: 1 1 auto; min-width: 0; }
.fs__crow{
  display: flex;
  align-items: center;
  gap: min(.5cqw, 0.89cqh);
  margin-bottom: min(.5cqw, 0.89cqh);
}
.fs__crow:last-child{ margin-bottom: 0; }
.fs__crow > label{
  flex: 0 0 28%;
  font-size: min(.78cqw, 1.39cqh);
  color: #c9ced6;
}
.fs__crow > input,
.fs__crow .fs__select{ flex: 1 1 auto; min-width: 0; }
.fs__crow input,
.fs__cargo .fs__select select{
  width: 100%;
  background: #11151f;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 5px;
  color: #fff;
  font-size: min(.76cqw, 1.35cqh);
  padding: min(.45cqw, 0.8cqh) min(.55cqw, 0.98cqh);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.fs__cargo .fs__select select{ color: #aeb4bd; }
.fs__container{
  flex: 0 0 auto;
  width: min(5.2cqw, 9.26cqh);
  height: auto;
}
.fs__cargo-note{
  margin: min(.8cqw, 1.42cqh) 0 0;
  text-align: center;
  font-size: min(.92cqw, 1.64cqh);
  line-height: 1.5;
  color: #d7dade;
}
@media (max-width: 760px){
  .rt-modal .fs{ aspect-ratio: auto; width: 96vw; height: 88vh; overflow: auto; }
  .rt-modal .fs{ flex-direction: column; }
  .fs__side{ flex: none; }
  .fs__map{ min-height: 70vh; }
}
.shipping__box>p{
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  padding-left: 7px;
}
.grid__title{
  display: grid;
  grid-template-columns: repeat(3 ,1fr);
  width: 100%;
  grid-column-gap: 10px;
  margin-top: 10px;
}
.grid__title>.elem__grid{
  width: 100%;
  padding:10px;
  border-radius: 5px;
  border:1px solid rgba(0, 0, 0, .1);
}
.grid__title>.elem__grid .documents__list>.el>span{
  font-size: 7px;
  line-height: 11px;
  color:grey;
}
.grid__title>.elem__grid .documents__list>.el .dbl-btn>span{
  margin:0px 2px;
  display: inline-flex;
  font-size: 7px;
  line-height: 11px;
  color:#000;
}
.grid__title>.elem__grid .documents__list>.el .dbl-btn>a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  line-height: 11px;
  color:#000;
}
.grid__title>.elem__grid .documents__list>.el .dbl-btn{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.grid__title>.elem__grid .documents__list{
  margin-top: 5px;
  margin-bottom: 5px;
}
.grid__title>.elem__grid .documents__list>.el{
  margin-bottom: 3px;
}
.grid__title>.elem__grid .documents__list>.el:last-child{
  margin-bottom: 0px;
}
.grid__title>.elem__grid .documents__list>.el>p span{
  display: inline-flex;
  margin-right: 3px;
  align-items: center;
  justify-content: center;
  position: relative;
  top:-1px;
}
.grid__title>.elem__grid .documents__list>.el>p span img{
  min-width: 12px;
  max-width: 12px;
}
.grid__title>.elem__grid .documents__list>.el>p{
  margin:0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 3px;
  font-size: 7px;
  line-height: 11px;
  color:#000;
}
.grid__title>.elem__grid .documents__list>.el{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.grid__title>.elem__grid>p{
  margin:0px;
  font-size: 8px;
  line-height: 12px;
  color:#000;
  font-weight: 700;
  text-transform: uppercase;
}
.grid__title>.elem__grid>span{
  display: block;
  font-size: 8px;
  line-height: 11px;
  color:#000;
}
.double__box--information>.el>ul>li{
  font-size: 8px;
  line-height: 11px;
}
.double__box--information>.el>ul>li{
  margin-bottom: 4px;
}
.double__box--information>.el>ul>li:before{
  top:3px;
}
.shipment__status>.el{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shipment__status>.el>p>span{ display: inline-flex; align-items: center;
 justify-content: center; min-width: 10px; max-width: 10px; min-height: 10px;
 max-height: 10px; border-radius: 250px; border:1px solid #000; margin-right:
 3px; }

.shipment__status{
  margin-top: 10px;
}
.shipment__status>.el{
  margin-bottom:7px;
}
.shipment__status>.el:last-child{
  margin-bottom: 0px;
}
.shipment__status>.el>p{
  font-size: 8px;
  line-height: 11px;
  margin:0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color:#000;
}
.elem__grid .tl-el{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.elem__grid .tl-el>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.elem__grid .tl-el>.desc>span{
  display: inline-flex;
  font-size: 7px;
  line-height: 11px;
  color:#000;
}
.elem__grid .tl-el{
  margin-bottom: 8px;
}
.elem__grid .tl-el:last-child{
  margin-bottom: 0px;
}
.elem__grid .tl-el>.desc>p{
  margin-top: 0px;
  margin-bottom: 1px;
  font-size: 9px;
  line-height: 12px;
  color:#000;
  text-transform: uppercase;
  font-weight: 600;
}
.elem__grid .tl-el>.desc{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.elem__grid .tl-el>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.elem__grid .tl-el>span img{
  min-width: 36px;
  max-width: 36px;
}
.bottom__footer .top__footer--new{
  background-color: #010A19;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom:rgba(255,255,255,.1);
}
.bottom__footer .top__footer--new .inn{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bottom__footer .top__footer--new .inn>a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bottom__footer .top__footer--new .inn .last{
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.bottom__footer .top__footer--new .inn .last>p{
  margin:0px;
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 600;
  color:#DCA755;
}
.bottom__footer .top__footer--new .inn>a img{
  min-width: 180px;
  max-width: 180px;
}
.bottom__footer .top__footer--new .container{
  padding-right: 29px;
}
.bottom__footer .top__footer--new .grid{
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottom__footer .top__footer--new .grid>.elem>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.bottom__footer .top__footer--new .grid>.spacer{
  margin:0px 20px;
  min-width: 1px;
  min-height: 30px;
  background:linear-gradient(to bottom,  rgba(255,255,255,0) , rgba(255,255,255,.3));
}
.bottom__footer .top__footer--new .grid>.elem>p{
  margin:0px;
  font-size: 9px;
  line-height: 13px;
  color:#fff;
  text-transform: uppercase;
}
.bottom__footer .top__footer--new .grid>.elem>span img{
  min-width: 40px;
  max-width: 40px;
}
.bottom__footer .top__footer--new .grid>.elem{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice .list>.el>p{
  font-weight: 600;
  font-size: 10px;
  line-height: 13px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice .list>.el>p:nth-child(1){
  min-width: 90px;
  max-width: 90px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice .list>.el{
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice .list>.el>input , .tracking__page .inner__tracking>.left>.top-left-boxes>.invoice .list>.el>select{
  width: 100%;
  font-size: 9px;
  line-height: 12px;
  outline:none;
  height: 26px;
  padding-left: 6px;
  padding-right: 6px;
  border:1px solid rgba(0,0,0,.1);
  border-radius: 4px;
}
.flatpickr-calendar{
  transform: scale(.65)!important;
  transform-origin: top left!important;
}
.tracking__page input.date-field{
  background:url('../icons/calendar.svg') no-repeat;
  background-size: 14px;
  background-position: calc(100% - 7px) center;
  background-color:#fff;
  padding-right: 26px;
  cursor: pointer;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice .list>.el>select{
   -moz-appearance: none;
    -webkit-appearance: none;
    background:url('../icons/arrow-select.png');
    background-repeat: no-repeat;
    background-size: 12px;
    background-color: #fff;
    background-position: calc(100% - 4px) center;
    color:rgba(0,0,0,.6);
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice .list>.el>select.changed{
  color:#000;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.invoice>p{
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 6px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el .table>.row{
  margin-bottom: 2px;
  align-items: center;
}

.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el .table>.row>p:nth-child(1){
  min-width: 55px;
  font-size: 9px;
  max-width: 55px;
  font-weight: 600;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el .table>.row>input{
  width: 100%;
  font-size: 9px;
  line-height: 12px;
  outline: none;
  height: 20px;
  padding-left: 6px;
  padding-right: 6px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 4px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el>p{
  margin-bottom: 7px;
  font-size: 12px;
  line-height: 16px;
}

.tracking__page .table__info>table tr td.invoice{
  padding:10px 7px;
  text-align: center;
}
.tracking__page .table__info>table tr td>p span img{
  min-width: 24px;
  max-width: 24px;
}
.tracking__page .table__info>table tr td>p>span{
  margin-bottom: 3px;
}
.tracking__page .table__info>table tr td>p{
  font-size: 9px;
  line-height: 13px;
}

.tracking__page .table__info>table tr th{
  font-size: 9px;
  line-height: 12px;
}
.tracking__page .table__info>table tr td.regular-td{
  padding:4px 7px;
}
.tracking__page .table__info>table tr td.regular-td{
  border-right:1px solid rgba(0,0,0,.1);
  border-bottom:1px solid rgba(0,0,0,.1);
}
.tracking__page .table__info>table tr td.regular-td>input{
  width: 100%;
  font-size: 9px;
  line-height: 12px;
  outline: none;
  height: 22px;
  padding-left: 6px;
  padding-right: 6px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 4px;
}
  
  .tracking__page .table__info>table tr th{
    text-align: center;
  }

.total__table .content{
  padding:6px;
}
.total__table .content>.row>p{
  font-size: 9px;
  line-height: 14px;
  font-weight: 600;
  color:#000;
}
.total__table .total>p{
  font-size: 8px;
  line-height: 12px;
}
.total__table .total{
  padding:6px;
}
.total__table .total>input{
    width: 100%;
    font-size: 9px;
    line-height: 12px;
    outline: none;
    height: 22px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 6px;
    color:#fff;
    border: 1px solid rgba(255,255,255,1);
    border-radius: 4px;
    max-width: 90px;
}
.total__table .content>.row>input{
      width: 100%;
    font-size: 9px;
    line-height: 12px;
    outline: none;
    height: 22px;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    max-width: 90px;
}
.total__table .content>.row{
  align-items: center;
}
.total__table .content>.row{
  margin-bottom: 3px;
}
.total__table .total{
  padding:2px 6px;
}
.double__box--information>.el .list>.row>p:nth-child(1){
  font-size: 9px;
  line-height: 12px;
}
.double__box--information>.el .list>.row>input{
  width: 100%;
    font-size: 9px;
    line-height: 12px;
    outline: none;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
}
.double__box--information>.el .list>.row{
  align-items: center;
  margin-bottom: 2px;
}
.double__box--information>.el .list>.row>p:nth-child(1){
  min-width: 80px;
  max-width: 80px;
}
.double__box--information>.el .invoice__desc>p{
  font-size: 9px;
  line-height: 12px;
}
.double__box--information>.el .invoice__desc>img{
  max-width: 35px;
}
.double__box--information>.el .invoice__desc{
  flex-direction: column;
  position: relative;
  padding-right: 40px;
}
.double__box--information>.el .invoice__desc>img{
  position: absolute;
  top:0px;
  right:0px;
}
.double__box--information>.el .list>.row>p:nth-child(1){
  font-weight: 600;
}
.double__box--information>.el .invoice__desc>p{
  font-weight: 600;
}
.double__box--information>.el .invoice__desc>input{
      width: 100%;
    font-size: 9px;
    line-height: 12px;
    outline: none;
    height: 24px;
    padding-left: 6px;
    margin-top: 10px;
    padding-right: 6px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
}
.double__box--information .help__inner>p{
  font-size: 9px;
  line-height: 12px;
  font-weight: 600;
}
.grid__title>.elem__grid{
  padding:5px;
}
.grid__title>.elem__grid>span{
  display: block;
  width: calc(100% + 10px);
  margin-left: -5px;
  padding-top: 4px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  border-top:1px solid rgba(0,0,0,.1);
}
.double__box--information>.el>p{
  margin-bottom: 5px;
}
.grid__title>.elem__grid .documents__list>.el .dbl-btn>a{
  font-size: 6px;
  line-height: 10px;
}

.grid__title>.elem__grid .documents__list>.el>p{
  font-size: 6px;
  line-height: 10px;
}
.grid__title>.elem__grid .documents__list>.el>p span img{
  min-width: 9px;
  max-width: 9px;
}
.grid__title>.elem__grid .documents__list>.el>p span{
  top:0px;
}
.shipment__status>.el{
  margin-bottom: 4px;
}
.elem__grid .tl-el>.desc>p{
  font-size: 7px;
  line-height: 9px;
  font-weight: 600;
}
.elem__grid .tl-el>.desc>span{
  font-size: 6px;
  line-height: 10px;
}
.elem__grid .tl-el>span img{
  min-width: 32px;
  max-width: 32px;
}
.elem__grid .tl-el{
  margin-bottom: 4px;
}
.double__box--information>.el .invoice__desc>p , .double__box--information .help__inner>p{
  font-size: 7px;
  line-height: 10px;
}
.double__box--information>.el .invoice__desc>input{
  margin-top: 5px;
}
.double__box--information>.el>ul>li{
  margin-bottom: 2.5px;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf>.box>.bt__controls>input{
  width: 100%;
  font-size: 7px;
  line-height: 10px;
  outline: none;
  height: 22px;
  padding-left: 6px;
  padding-right: 6px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 4px;
  background-color:transparent;
  color:#fff;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf>.box{
  padding:8px;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf>.box>.bt__controls>a{
  font-size: 8px;
  line-height: 12px;
  min-height: 22px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 4px;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf>.box>p{
  font-size: 9px;
  line-height: 12px;
  margin-bottom: 4px;
}
.tracking__page .inner__tracking .invoice__right .top__header>.lf>.box>span{
  font-size: 7px;
  line-height: 11px;
  margin-bottom: 4px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .btn>a{
  min-height: 22px;
  font-size:7px;
  line-height: 10px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .btn>a>span{
  margin-right: 3px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .btn>a>span img{
  min-width: 9px;
  max-width: 9px;
}
.tracking__page .inner__tracking .rg>.status>p{
  font-size: 8px;
  line-height: 12px;
}
.tracking__page .inner__tracking .rg>.status>span{
  min-height: 17px;
  font-size: 7px;
  line-height: 11px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 3px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right>.el>p{
  font-size: 7px;
  line-height: 10px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right>.el>input{
  width: 100%;
  font-size: 7px;
  line-height: 10px;
  outline: none;
  height: 18px;
  padding-left: 6px;
  padding-right: 6px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 4px;
  background-color: transparent;
  color: #fff;
}
.tracking__page .inner__tracking .rg>.status{
  margin-top: -10px;
  margin-bottom: 0px;
}
.tracking__page .inner__tracking .rg{
  padding-top: 0px;
  padding-bottom: 3px;
}
.tracking__page .inner__tracking .rg .dbl-wrap>.dbl>.el>p{
  font-size: 6px;
  line-height: 11px;
}
.tracking__page .inner__tracking .rg .dbl-wrap>.dbl>.el>p span{
  margin-right: 5px;
}
.tracking__page .inner__tracking .rg .dbl-wrap>.dbl>.el>p span img{
  min-width: 12px;
  max-width: 12px;
}
.tracking__page .inner__tracking .rg .dbl-wrap>.dbl>.el>input{
  width: 50px;
  font-size: 7px;
  line-height: 10px;
  outline: none;
  height: 18px;
  padding-left: 6px;
  padding-right: 6px;
  text-align: right;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 4px;
  background-color: transparent;
  color: #fff;
}
.tracking__page .inner__tracking .rg .dbl-wrap>.dbl>.el{
  margin-bottom: 2px;
}
.tracking__page .inner__tracking .rg .dbl-wrap>.dbl>.el{
  gap:5px;
}
.tracking__page .inner__tracking .rg .dbl-wrap{
  display: grid;
  grid-template-columns: 150px 100px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right{
  padding-top: 0px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right>.el>p{
  font-size: 6px;
  line-height: 9px;
  margin-bottom: 3px;

}
.tracking__page .inner__tracking .rg .dbl-wrap .right>.el{
  margin-bottom: 7px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right .btn{
  margin-top: 5px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .btn>a{
  min-height: 19px;
  border-radius: 4px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right .after{
  margin-top: 3px;
  padding-bottom: 3px;
}
.tracking__page .inner__tracking .rg .dbl-wrap .right .after>p{
  font-size: 6px;
  line-height: 9px;
}
.tracking__page .inner__tracking>.left>.top-left-boxes>.double>.el .table>.row{
  margin-bottom: 0px;
}
.total__table .content>.row>input{
  height: 18px;
}
.total__table .content>.row{
  margin-bottom: 1px;
}
.total__table .total>input{
  height: 18px;
}
header.nav .outer__header .nav__menu>ul>li>a{
  font-size: 11px;
  line-height: 13px;
}
header.nav .outer__header .nav__menu>ul>li{
  margin-right: 15px;
}

body.side--box header.nav .outer__header .nav__menu>ul>li>a{
  font-size: 8.5px!important;
  line-height: 12px!important;
  letter-spacing: 0.3px!important;
}
body.side--box header.nav .outer__header .nav__menu>ul>li>a:before{
  bottom:-8px;
}
.rt__cargo{

  top:26%;
  padding:10px;
}
.rt__cargo-title{
  font-size: 6px;
  margin-bottom: 5px;
}
.rt__row label{
  font-size: 5px;
  line-height: 7px;
}
.rt__row{
  gap:5px;
  align-items: center;
}
.rt__live{
  top:41%;
  padding:5px;
}
.rt__live-title{
  font-size: 5px;
  gap:4px;
}
.rt__live-text{
  font-size: 5px;
}
.rt__cargo-note{
  max-width: 100%;
  width: 100%;
  font-size: 5px;
  line-height: 8px;
}
.rt__cargo-note br{
  display: none;
}
.rt__row label{
  position: relative;
  top:0px;
}
.rt__select{
  display: flex;
}
.rt__select::after{
  margin-right: 2px;
}
.rt__live{
  top:38%;
}
.tracking__page input.date-field{
  background: url(../icons/calendar-back.png) no-repeat;
  background-size: 14px;
  background-position: calc(100% - 7px) center;
}
.fs__side{
  padding:8px;
}
.fs__h1{
  font-weight: 400;
}
.fs__h1 span{
  font-weight: 600;
}
.rt-modal__close{
  top:4px;
  right:4px;
}

.fs__step:nth-child(2){
  left:6%;
}
.fs__step:nth-child(3){
  left:18.6%;
}
.fs__step:nth-child(4){
  left:32%;
}
.fs__step:nth-child(7){
  left:68.4%;
}
.fs__step:nth-child(6){
  left:56.7%;
}
.fs__step{
  top:84.5%;
}
.fs__side{
  background-color: #000;
  margin-left: -15px;
  margin-top: -15px;
  padding:25px;
  height: calc(100% + 30px);
  border-right:1px solid rgba(255,255,255,.1);
}
.fs__lead{
  color:#fff;
}
.fs__label{
  letter-spacing: 0.1px;
}
.fs__muted{
  color:#fff;
}
.fs__spacer{
  padding-left: 20px;
  margin-top: 0px;
}

.fs__row input.fs__date{
  background:url('../icons/calendar-white.png');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position:  calc(100% - 12px) center;
}
.fs__row input, .fs__select select , .fs__crow input, .fs__cargo .fs__select select{
  background-color: #000;
}
.estimated-title{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.estimated-title>img{
  min-width: 40px;
  max-width: 40px;
  margin-right: 10px;
}
.estimated-title .fs__box-title{
  margin-bottom: 5px;
}
.estimated-title p:last-child{
  margin-bottom: 0px;
}
.fs__progress{
  margin-top: 7px;
  margin-bottom: 0px;
}
.terms__head{
  margin-top: 90px;
  border-top:1px solid #E5AE56;
  border-bottom:1px solid #E5AE56;
}
.terms__head .outer__terms{
  padding:40px 0px;
}
.terms__head .outer__terms>h1{
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 3px;
  font-weight: 500;
  color:#000;
  font-size: 62px;
  line-height: 74px;
  margin:0px;
}
.terms__head .outer__terms .subtitle{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.terms__head .outer__terms .subtitle>span{
  display: inline-flex;
  align-items: center;
  min-width: 20px;
  min-height: 2px;
  justify-content: center;
  background-color: #AD5800;
}
.terms__head .outer__terms .subtitle>p{
  margin:0px 10px;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 600;
  color:#AD5800;
}
.terms__head .outer__terms .desc>p{
  margin:0px;
  margin-top: 12px;
  font-size: 14px;
  line-height:20px;
  color:#000;
  font-weight: 500;
}
.terms__head{
  position: relative;
}
.terms__head:before{
  content:"";
  position: absolute;
  left:50%;
  transform:translateX(-50%);
  width: 8px;
  height: 8px;
  bottom:-4px;
  background-color: #E5AE56;
  transform:rotate(45deg);
}
.terms__head{
  background:url('../icons/back-.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #FDF9F4;
  background-position: bottom right;
}
.terms__list{
  background-color: #FEFEFE;
}
.terms__list{
  padding:45px 0px;
}
.terms__list .outer__list{
  display: grid;
  grid-template-columns: repeat(2 ,1fr);
  grid-column-gap: 40px;
}
.terms__list .outer__list .row>.el{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 20px;
  border-bottom: 1px solid #E5AE56;
  margin-bottom: 20px;
}
.terms__list .outer__list .row>.el>.media{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
  margin-right: 15px;
}
.terms__list .outer__list .row>.el>.media>img{
  max-width: 100%;
}
.terms__list .outer__list .row>.el>.desc>p{
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
  color:#000;
  font-weight: bold;
  text-transform: uppercase;
}
.terms__list .outer__list .row>.el>.desc>span{
  display: block;
  font-size: 13px;
  line-height: 20px;
  color:#000;
}
.terms__list .outer__list .row>.el>.desc>span a {
  font-weight: bold;
  text-decoration: underline;
  color:#AD5800;
}
.terms__list .double{
  display: grid;
  grid-template-columns: repeat(2 ,1fr);
  grid-column-gap: 40px;
  border-bottom:1px solid #E5AE56;
}
.terms__list .outer__list .row>.el:last-child{
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-bottom: 25px;
}
.terms__list .outer__list{
  border-bottom:1px solid #E5AE56;
}
.terms__list .double>.el{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.terms__list .double>.el>.media{
  min-width: 70px;
  max-width: 70px;
  margin-right: 15px;
}
.terms__list .double{
  padding:20px 0px;
}
.terms__list .double>.el>.media>img{
  max-width: 100%;
}
.terms__list .double>.el>.desc>p{
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}
.terms__list .double>.el>.desc>span{
  display: block;
  font-size: 11px;
  line-height: 15px;
  color: #000;
}
.terms__list .outer__list .row>.el>.desc>span{
  font-size: 11px;
  line-height: 15px;
  display: block;
}
.terms__list .outer__list .row>.el>.desc>p{
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
}
.terms__list .outer__list .row>.el>.media{
  margin-right: 10px;
  min-width: 55px;
  max-width: 55px;
  min-height: 55px;
  max-height: 55px;
}
.terms__list .double>.el>.desc>span{
  margin-bottom: 12px;
}
.terms__list .double>.el>.desc>span:last-child{
  margin-bottom: 0px;
}
.terms__list .contact__after{
  padding:15px 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.terms__list .contact__after>img{
  min-width: 70px;
  max-width: 70px;
}
.terms__list .contact__after>.desc{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content:center;
  margin-left: 15px;
  margin-right: 30px;
}
.terms__list .contact__after .grid ul{
  padding:0px;
  list-style-type: none;
  margin:0px;
}
.terms__list .contact__after .grid ul li:last-child{
  margin-bottom: 0px;
}
.terms__list .contact__after .grid ul li span{
  display: inline-flex;
  align-items: center;
  margin-right: 5px;
}
.terms__list .contact__after .grid>.row>p{
  margin:0px;
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 10px;
  font-weight: 600;
  color:#AD5800;
  text-transform: uppercase;
}
.terms__list .contact__after .grid ul li span>img{
  min-width: 14px;
  max-width: 14px;
}
.terms__list .contact__after .grid ul li p{
  margin: 0px;
  font-size: 10px;
  line-height: 14px;
  color: #000;
  font-weight: 500;
}
.terms__list .contact__after .grid ul li span{
  position: relative;
  top:-1px;
}
.terms__list .contact__after .grid .row{
  position: relative;
}
.terms__list .contact__after .grid .row:last-child:before{
  content:none;
}
.terms__list .contact__after .grid .row:nth-child(1):after{
  content:"";
  width: 1px;
  height: 55px;
  top:50%;
  transform:translateY(-50%);
  background-color: #E5AE56;
  position: absolute;
  left:-30px;
}
.terms__list .contact__after .grid .row:before{
  content:"";
  width: 1px;
  height: 55px;
  top:50%;
  transform:translateY(-50%);
  background-color: #E5AE56;
  position: absolute;
  right:-15px;
}
.terms__list .contact__after .grid ul li{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 6px;
}
.terms__list .contact__after .grid{
  display: grid;
  align-items: center;
  grid-column-gap: 30px;
  grid-template-columns: repeat(3 ,1fr);
  width: 100%;
}
.terms__list .contact__after>.desc>span{
  display: block;
  min-width: 240px;
  font-size: 13px;
  line-height: 20px;
  max-width: 240px;
  color: #000;
}
.terms__list .contact__after>.desc>p{
  margin:0px;
  margin-bottom: 7px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}
.terms__list .contact__after>.desc>span{
  font-size: 10px;
  line-height: 14px;
}
.terms__list .contact__after>.desc>p{
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 18px;
}
.terms__list .contact__after>img{
  min-width: 50px;
  max-width: 50px;
}
.terms__list{
  padding-bottom: 0px;
}
.bottom__footer.no-space .container{
  padding-right: 29px;
}


footer.updated{
  background-color: transparent;
  padding:0px;
  margin:0px;
  border-radius: 0px;
  flex-direction: column;
  background-color: #F8F1E9;
  border-top:1px solid #B18829;
}

footer.updated .grid .elem .social-list>ul{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
footer.updated .grid .elem .social-list>ul>li{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
footer.updated .grid .elem .social-list>ul>li>a img{
  max-height: 30px;
}
footer.updated .grid .elem .social-list>ul>li>a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
footer.updated .grid .elem .social-list>ul{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin:0px;
  padding:0px;
  margin-top: 10px;
}
footer.updated .grid .elem .social-list>ul>li:last-child{
  margin-right: 0px;
}
footer.updated .grid .elem>p{
  margin:0px;
  text-align: left;
  font-size: 12px;
  line-height: 17px;
  color:#000;
  font-weight: 500;
}
footer.updated .grid{
  padding:15px 0px;
  grid-column-gap: 10px;
  display: grid;
  grid-template-columns: repeat(4 ,1fr);
}
footer.updated .grid .elem>.logo img{
  max-width: 240px;
}
footer.updated .grid .elem>.logo{
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
  justify-content: center;
}
footer.updated p{
  text-align: center;
  margin:0px;
  font-size: 13px;
  line-height: 18px;
  color:#B18829;
}
footer.updated .bottom__part{
  margin-left: auto;
  background-color: #171F24;
  margin-right: auto;
  width: 100%;
  padding:16px 0px;
  text-align: center;
  border-top:1px solid #B18829;
}
footer.updated .grid .elem>.subtitle{
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  color:#AA7D39;
  text-transform: uppercase;
  font-weight: 600;
}
footer.updated .grid .elem>ul{
  padding:0px;
  list-style-type: none;
  margin:0px;
}
footer.updated .grid .elem>ul>li{
  margin-bottom: 3px;
}
footer.updated .grid .elem>ul>li>a:hover{
  opacity:.7;
}
footer.updated .grid .elem>ul>li>a{
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
  color:#000;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  transition:.3s ease all;
}
footer.updated .grid .elem>ul>li>a>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
}
footer.updated .grid .elem>ul>li:last-child{
  margin-bottom: 0px;
}
footer.updated .grid .elem .socials>li{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 13px;
  line-height: 16px;
  color:#000;
  font-weight: 500;
  margin-bottom: 10px;
}
footer.updated .grid .elem .socials>li>span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
footer.updated .grid .elem .socials>li>span img{
  min-width: 18px;
  max-width: 18px;
}
footer.updated .grid .elem{
  padding-left: 20px;
  padding-right: 20px;
}
footer.updated .grid .elem:nth-child(1){
  padding-left: 0px;
}
footer.updated .grid .elem:last-child{
  padding-right: 0px;
}
footer.updated .grid>.elem{
  position: relative;
}
footer.updated .grid>.elem:before{
  content:"";
  position: absolute;
  right:-10px;
  top:0px;
  width: 1px;
  height: 100%;
  background-color: #AA7D39;
}
footer.updated .grid>.elem:last-child:before{
  content:none;
}
.nav.smaller.fixed{
  position: relative;
  background-color: #020F20;

}
header.nav.fixed .outer__header .nav__menu>a.btn {
    font-size: 13px;
    line-height: 17px;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    min-height: 38px;
    border-radius: 2px;
    letter-spacing: 0.2px;
}
header.nav.fixed .outer__header .nav__menu>ul{
  margin-right: 22px;
}
.rd-viewer__hero .rd-wrap .rd-hero__crumbs{
  font-size: 14px;
}
.rd-viewer__hero>img{
  top:-6px;
}
.rd-viewer__body .rd-viewer__title>h2{
  margin-bottom: 0px;
}
.rd-viewer__body{
  padding-top: 25px;
}
.rd-viewer__body .rd-viewer__title>p{
  font-size: 11px;
  line-height: 15px;
}
.rd-viewer__hero .rd-wrap>h1{
  font-family:serif;
  font-weight: 600;
  letter-spacing: 0px;
}
header.nav.smaller.fixed:before{
  content:none;
}
.bottom__footer.no-space .container .column{
  width: 100%;
  max-width: 210px;
}
.rd-viewer__actions>a{
  transform:scale(0.7);
}
.rd-viewer__actions{
  margin-top: -25px;
}
.rd-viewer__actions>a{
  margin-right: 0px;
}
.rd-viewer__actions>a:nth-child(1){
  margin-right: -45px;
}
.rd-viewer__frame{
  box-shadow: none;
  border:1px solid #E5AE56;
  overflow:hidden;
  border-radius: 18px;
}
.rd-viewer__hero>img{
  left:auto;
  right:0px;
  transform:none;
}
.rd-wrap.main{
  position: relative;
  z-index: 2;
}
.rd-viewer__hero{
  position: relative;
}
.rd-viewer__hero:before{
  content:"";
  position: absolute;
  left:50%;
  transform:translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  bottom:-5px;
  z-index: 2;
  background-color:#C1923B;

}
.rd-viewer__actions>.rd-btn span{
  margin-right: 7px;
  transform:scale(0.8);
}
.rd-viewer__frame.long{
  max-width: 1140px;
  padding:10px;
  background-color: #fff!important;
}
.rd-viewer__frame{
  position: relative;
}
.rd-viewer__frame>span{
  position: absolute;
  top:50%;
  width: 100%;
  text-align: center;
  color:rgba(0,0,0,.7);
  font-size: 140px;
  opacity:.5;
  font-weight: bold;
  transform:translateY(-50%) rotate(-20deg);
}
footer .logo>span:nth-child(1){
  margin-right: 12px;
}
footer#quote{
  column-gap: 0px;
  gap:0px;
  align-items: center;
  justify-content: flex-start;
}
footer>a{
  font-size: 10px;
  line-height: 14px;
}
footer#quote>p.footer__address{
  font-size: 10px;
  line-height: 14px;
}
footer#quote>.spacer{
  display: block;
  margin:0px 10px;
}
footer .logo>span:nth-child(2){
  font-size: 10px;
  line-height: 14px;
}
footer .logo>span:nth-child(1) img{
  min-width: 24px;
  max-width: 24px;

}
footer>p{
  margin-top: 0px;
}

footer#quote>p.footer__address{
  width: auto;
  margin:5px 0px;
  display: inline-flex;
}
footer#quote{
  padding-bottom: 24px;
}

.side__box{
  left:auto!important;
  right: 15px!important;
}
.docs-listing .head, .docs-listing .docs-grid{
  padding-right: 0px!important;
}