@import url("https://use.typekit.net/gok7nup.css");

:root {
    --bs-font-sans-serif: "futura-pt", Arial, Helvetica, sans-serif;
    --bs-dark: #000;
    --bs-dark-rgb: 0, 0, 0;
    --bs-body-font-size: 1rem;
    --bs-body-text-align: left;
    --bs-body-mtr-font-weight: 400;
    --bs-body-mtr-font-mtr-bold: 700;
    --mtr-body-bg-color: #000000;
    --mtr-body-font-color: #000000;
    --mtr-grey-light: #F2F2F2;
    --mtr-grey-mid: #939393;
    --mtr-grey-dark: #555454;
    --mtr-grey-1: #646464;
    --mtr-grey-2: #999999;
    --mtr-green-1: #53d668;

}

body {
    background-color: var(--mtr-body-bg-color);
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-mtr-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--mtr-body-font-color);
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.header {top: -30px;width:100%;}
div.content-container{padding:0;}
.header.visible {background: #fff;position: fixed;top: -30px;}

div.cta-wrapper {display: flex;}
a.cta-rect {border:solid 1px #000;border-radius:5px;padding:15px 25px 15px 25px;text-decoration:none;font-weight:bold;}
a.cta-round-style-1{border:solid 2px #000;border-radius:25px;padding:15px;text-decoration:none;color:#000;font-weight:bold;}
a.cta-style-1{color:#000;background-color:#fff;}
a.cta-style-2{color:#fff;background-color:var(--mtr-green-1)}

.bg-light-grey{background-color:var(--mtr-grey-light);}

.pl-40 {padding-left:50px;}
.pr-40 {padding-right:50px;}
.h50{min-height:50px;}
.display-4 {font-weight:600;line-height:100%;}

@media (min-width: 992px) {
    .navbar-brand img {height: 80px;}
}

.border-red{border:solid 1px red;}

/* Footer Menu */
ul.ul-footer-menu {list-style:none;padding-left:0}
div.footer-menu-wrapper .title {font-weight:600;margin-bottom:5px;}
ul.ul-footer-menu li{}
div.fm-col-2{padding-left:25px;}

/* Visit auction*/
div.content-wrapper-block-visit-auction {
    border:solid 2px #000;
    border-radius:25px;
    padding:0 5px 0 5px;
}
div.content-wrapper-block-visit-auction i{color:var(--mtr-green-1);font-size:1.4em;}
div.content-wrapper-block-visit-auction a{display:flex;text-decoration:none!important;color:#000;align-items:center;}

/* Homepage: Main banner */
div.hp-banner-main {
    background-image: url("/assets/img/hp/banners/banner-1.jpg");
    background-size: cover;
    min-height: 525px;
}
div.content-hp-banner-main {
    max-width:370px;
    align-content:center;
    margin-left:100px;
}
.mobile div.content-hp-banner-main {margin-left:0;}




/* Homepage: Second lifecycle*/
div.hp-second-lifecycle {padding:50px 0 50px 0;text-align:center;}
div.hp-second-lifecycle p{line-height:100%}
div.hp-second-lifecycle h1 {font-weight:600;}
div.sl-img img{max-width:300px;}
div.quarter-box .sl-title{margin-top:15px;font-weight:600;color:var(--mtr-green-1)}
div.quarter-box .icon,
div.quarter-box .title{text-align:center;font-weight:600;align-content:center;}
div.hp-second-lifecycle p.lead {padding-top:15px;padding-bottom:15px;}

div.quarter-box .icon{background:#fff;border-radius:50%;padding:80px;}
div.quarter-box .icon img{max-width:120px}

.what-matters .title {padding-top:25px;}

/* Homepage: Enterprise and Warranty Repairs*/
section.wr-st,
section.sustainability{display:block;clear:both;padding:0 25px 0 25px;}

section.sustainability .row-content{border-radius:15px;}
section.sustainability .row-counts{align-items:end; margin:0 auto;}
section.sustainability {color:#fff}
section.sustainability .col-content{align-content:center;padding:50px;}
section.sustainability .container-counts{padding:0 50px 50px 50px;margin-top:-25px;}

section.sustainability .img-tree {text-align:center;}

div.warranty-repairs .row{align-items:center;border-top-right-radius:15px;border-bottom-right-radius:15px;}

/* Homepage: Trade Sales Team */
div.sales-team{display:flex;}
div.sales-team .bg-light-grey {align-content:center;border-top-left-radius:15px;border-bottom-left-radius:15px;text-align:right;}

section.sustainability h2,
div.warranty-repairs h2,
div.sales-team h2{font-weight:bold;}

/* Homepage: Partners */
.partners>.row{padding:25px 0 25px 0; align-items:center;}
.partners .title {letter-spacing:0.5em;color:var(--mtr-grey-2);}

.tbm-submenu-toggle:before {top: 35%;left: 0;}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.355em;
    width: 8px;
    height: 8px;
    content: "";
    border-top: 0.1em solid #000;
    border-right: 0.1em solid #000;
    transform: rotate(135deg);
    border-bottom: 0;
    border-left: none;
}

.mobile #nav-main{width:auto;position:absolute;left:15px;}
.mobile #block-b5mtr-branding img{padding:0;margin:0;}
.mobile .va-lbl{display:none;}
.mobile .navbar-brand{margin:0 auto;}
.mobile .navbar-toggler{border:none;}



section.wr-st,
section.second-lifecycle,
section.sustainability,
section.main-banner {background-color:#ffffff;}

.carousel-control-prev,
.carousel-control-next {display: flex;width: 3%;}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") ;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
}

.card-post{background:var(--mtr-grey-light);border:solid 3px var(--mtr-green-1);padding:25px;border-radius:10%;}
.card-post .card-body{background:var(--mtr-grey-light);padding:10px 0 0 0;margin-top:-30%;}
.card-post .card-body a{text-decoration:none;}
.card-post p{line-height:100%}
.card-post .postedon-row {color:var(--mtr-grey-2);line-height:100%}
.card-post .postedon-row>.sm-icon{align-content:center;}
.sm-icon>.bi-linkedin{font-size:2.4em;}
.transparent_gradient {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6.7vw;
  background: linear-gradient(360deg, transparent 0, var(--mtr-grey-light) 100%);
}

.hp-banner-main-cta-wrapper>a{margin-right:10px;}
.hp-banner-main-cta-wrapper>a:last-child{margin-right:0;}

/** MObile **/
.mobile div.content-hp-banner-main{margin:0;text-align:center;max-width:100%;align-content:start;padding-top:45px;}
.mobile div.content-hp-banner-main .lead{padding-top:15px;line-height:105%;}
.mobile div.content-hp-banner-main .hp-banner-main-cta-wrapper {padding-top:10px;}
.mobile div.hp-banner-main {
  background-image: url("/assets/img/hp/banners/banner-1-mobile.jpg");
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.mobile div.quarter-box {display:flex;}
.mobile .reverse {flex-direction:row-reverse;}
.mobile div.quarter-box{padding-bottom:20px;}
.mobile div.quarter-box .sl-img>img{max-width:150px}
.mobile div.quarter-box .tr{text-align:right;}
.mobile div.quarter-box .tl{text-align:left;}
.mobile div.quarter-box>div{padding-right:15px;}
.mobile .sl-title{font-size:2em;line-height:100%}

.mobile .hp-second-lifecycle .cta-wrapper{display: none;}
.mobile .partners img{width:80%}

.mobile .warranty-repairs{padding:0;}
.mobile .warranty-repairs .bg-light-grey>.row{padding:0;margin:0;}
.mobile .warranty-repairs .bg-light-grey>.row .pl-40 {padding:25px;}