:root {
  --cassiopeia-color-primary: #91c73e;
  --cassiopeia-color-hover: #ac562b;
  --link-color-rgb: #ac562b;
  --link-color: #ac562b;
  --brown-filter: invert(38%) sepia(34%) saturate(969%) hue-rotate(335deg) brightness(96%) contrast(95%);
}

body .avPlayerWrapper .avPlayerContainer .avPlayerBlock { padding: 340px 0 0 0 !important; }
body .avPlayerWrapper .avPlayerContainer .avPlayerBlock iframe { width: 600px !important; height: 340px !important;}

.container-header {
  position: relative;
  display: grid;
  width: 1320px;
  justify-content: left;
  margin: 0 auto 0 auto;
  grid-auto-flow: column;
  gap: .25rem;
  background-image: none;
  align-self: center;
  width: 100vw;
  padding: 0 calc((100vw - 1320px) /2);
}
.container-header .grid-child {
  display: inline-grid;
  align-content: start;
  padding: 0 1rem 0 0;
}
@media (max-width: 1600px) {
  .container-header .grid-child {
    padding: 0 .5rem;
  }
}
@media (max-width: 992px) { 
  .container-header { grid-auto-flow: row; }
  .container-header .brand-logo img { position: relative; }
  .container-header .container-nav { width: calc(90vw - 1rem); margin-left: 10vw; }
  .container-header .container-nav .mod-menu > li > a { display: inline-grid; }
}

h3 { margin: 2rem 0; }

.container-header .grid-child.container-nav {
  align-content: end;
  padding-top: .15rem;
  padding-bottom: 1rem;
}
.container-header .grid-child .navbar-brand {
  min-height: 68px;
  min-width: 360px;
}
.container-header .mod-menu > li::after {
  opacity: .5;
}
.container-header .mod-menu img { width: 32px; height: 26px; filter: invert(1); }
.container-header a[href*="contact"] { display: grid; grid-auto-flow: column; grid-column-gap: .6rem; align-items: center; }
.container-header a[href*="contact"]:before { content: ''; background-image: url('/images/icons/flags/svg/botswana-flag.svg'); height: 20px; width: 26px; background-size: cover; grid-column: 2; }

.brand-logo img {
  position: absolute;
  background-color: #fff;
  padding: 2rem;
  border-radius: 10px;
  border: 1px solid var(--cassiopeia-color-primary);
  filter: drop-shadow(rgba(0,0,0,.25) 0.15rem 0.15rem .2rem);
}

.introblockttl { font-size: 3rem; line-height: 3rem; margin-bottom: 2rem; }
.homeintrowrap { display: grid; grid-auto-flow: column; }
.leftintro { margin-right: 20px; }
.introblocktxt { font-size: 1.5rem; a { font-size: 1rem; } }
@media (max-width: 992px) {
  .leftintro { grid-row: 2; grid-column: 1; margin-top: 2rem; }
}

.limos-block {
  background-color: #ac562b; color: #fff; margin: 4rem 0 3rem 0;
  display: grid;
  align-self: center;
  width: 100vw;
  padding: 2rem calc((100vw - 1320px) /2) 4rem calc((100vw - 1320px) /2);
}
@media (max-width: 1200px) {
  .limos-block { padding: 4rem 1rem 4rem 1rem; }
  .limoswrap { grid-template-columns: 1fr !important; }
}
.limosintro { margin-bottom: 2rem; }
.limosittl { font-size: 3rem; margin-bottom: 1.5rem; }
.limositxt { color: #fff; font-size: 1.5rem; line-height: 1.75rem; padding-bottom: 1rem; }
.limositxt span { color: var(--cassiopeia-color-primary); }
.limoswrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
}
.limos-block a { color: #fff; text-decoration: none; }
.limosnote:hover img { filter: invert(1) drop-shadow(rgba(255,255,255,.9) 0px 0px 10px); }
.limosttl { font-weight: bold; }
.limosttl img { width: 2.5rem; position: absolute; filter: invert(1); }
.limosttl div { color: #fff; margin-left: 3.5rem; margin-bottom: 1rem; font-size: 1.3rem; line-height: 1.5rem; }
.limosttl div span { color: var(--cassiopeia-color-primary); }
.limostxt { margin-left: 3.5rem; }

.block-imgs.no-card li { display: grid; text-align: center; padding: 2rem 1rem; position: relative; }
.block-imgs.no-card li:hover { background: var(--cassiopeia-color-primary); }
.block-imgs.no-card li:hover > h5 { color: #fff; }
.block-imgs.no-card li > figure { transition: transform 1s var(--ease-elastic); transform-origin: top center; }
.block-imgs.no-card li:hover > figure { transform: scale(1.15); }
 .block-imgs.no-card li > h5 { grid-row: 2; color: var(--link-color); margin: 2rem 0 1rem 0; }
.block-imgs.no-card > ul > li > figure > img { height: 202px; width: auto; }
.block-imgs.no-card li > a { text-decoration: none; color: #000; }
.block-imgs.no-card li > a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.com-content-article > .item-image { width: 100%; }

body.aboutus .container-component { margin-bottom: 2rem; }

body.whylimos .item-pagewhylimos > figure.left.item-image { display: none; }
body.whylimos .limos-block { background-color: transparent; color: var(--body-color); margin: 0; }
body.whylimos .limositxt { color: var(--link-color); font-size: 1.5rem; font-weight: bold; }
body.whylimos .limosttl > span {
  position: absolute;
  border: 3px solid var(--link-color);
  color: var(--link-color);
  border-radius: 2rem;
  width: 2rem;
  height: 2rem;
  text-align: center;
  align-content: center;
}
body.whylimos .limosttl > div, body.whylimos .limostxt { margin-left: 3rem; }
body.whylimos .limosttl > div { color: var(--link-color); }
body.whylimos .limosttl > div span { color: var(--cassiopeia-color-primary); }

.container-banner { margin: 0; }
.container-banner img { width: 100vw; }
.header-img { text-align: center; max-height: 600px; overflow: hidden; background-image: url(/images/videos/headers/vidbg.avif); background-size: contain; }
.header-img p { margin: 0; }
.header-img img { width: 100vw; }
.header-img .custom { min-height: calc(100vw * 0.3125); position: relative; text-align: left; }
.header-img .vidwrap { display: grid; align-content: center; position: absolute; top: 0; max-height: 600px; transition: all .5s linear; opacity: 1; left: 50%;}
.header-img .vidwrap video { width: 100vw; position: relative; left: -50%; }
.header-img .vidwrap.fadeout { opacity: 0; }
.preloadvid { display: none; }
.img-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  display: grid;
  color: #fff;
  align-content: end;
  bottom: 2rem;
  text-align: center;
  max-height: 600px;
}
.img-overlay > h1 { text-shadow: rgba(0,0,0,.7) 0px 0px 2px; }

.container-component { margin-top: 9rem; }
@media (max-width: 992px) {
  .container-component { margin-top: 2rem; }
}
body.home .container-component, body.whylimos .container-component { margin-top: 2rem; }

.com-content-article .page-header > h1 { color: var(--cassiopeia-color-primary); margin-bottom: 3rem; }
.ccol > h1 { color: var(--cassiopeia-color-primary); }
body.shows .com-content-article img, body.sales .com-content-article img { max-width: 600px; }
body.shows .custom { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2rem; }
@media (max-width: 992px) {
  body.shows .custom { grid-template-columns: 1fr; }
}
body.shows .shows-page { margin-bottom: 2rem; }

body.home .gallery-home { margin: 1rem 0 2rem 0; }
body.home .gallery-home > h3 { margin: 0 0 2rem 0; }
body.gallery-page .gallery-home { margin-bottom: 3rem; }
body .boxplusx-container[dir="ltr"] .boxplusx-viewport > div.boxplusx-next,
body .boxplusx-container[dir="ltr"] .boxplusx-viewport > div.boxplusx-previous { cursor: pointer; }
body .boxplusx-container[dir="ltr"] .boxplusx-viewport > div.boxplusx-next:hover,
body .boxplusx-container[dir="ltr"] .boxplusx-viewport > div.boxplusx-previous:hover { filter: invert(1); }
body .boxplusx-container[dir="ltr"] .boxplusx-viewport > div.boxplusx-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='48' viewBox='0 0 100 100'%3E%3Crect ry='25' x='-10.417' height='100' width='100' fill-opacity='.5'/%3E%3Cpath d='M35 36.5H19v28h16zm25 14l-25 34m0 0l25-34-25-35' fill='%23fff'/%3E%3C/svg%3E"); }
body .boxplusx-container[dir="ltr"] .boxplusx-viewport > div.boxplusx-previous
{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='48' viewBox='0 0 100 100'%3E%3Crect ry='25' x='10.417' height='100' width='100' fill-opacity='.5'/%3E%3Cpath d='M65 36.5h16v28H65zm-25 14l25 34m0 0l-25-34 25-35' fill='%23fff'/%3E%3C/svg%3E"); }
.sigplus-gallery .captionplus-overlay { pointer-events: none; }
.boxplusx-controls > * { cursor: pointer; }

body.home .boxplusx-navigation.boxplusx-bottom { margin-bottom: 0; background-color: rgba(255,255,255,.75); opacity: 1; }
body.home .boxplusx-navigation.boxplusx-bottom > .boxplusx-navbar { margin: 0px auto; height: 100%; }
body.home .boxplusx-navigation.boxplusx-bottom > .boxplusx-navbar .boxplusx-navitem { width: 93px !important; }
body.home .boxplusx-navigation.boxplusx-bottom > .boxplusx-navbar .boxplusx-navimage { color: #fff; text-shadow: #000 0px 0px 4px; }

.com-contact { display: grid; }
body.contact .com-contact__container { grid-row: 1; }
body.contact .com-contact__container > h2 { color: var(--cassiopeia-color-primary); font-size: 2.5rem; }
#contact-form legend { display: none; }
.com-contact > .contact-miscinfo { grid-row: 2; }
.com-contact .page-header { display: none; }
.com-contact > h2 {
  border-top: 1px solid var(--link-color);
  line-height: 4rem;
}
.com-contact__info { font-size: 150%; }
.contact-form + h2 { visibility: hidden; }
.contact-miscinfo {
  display: flow-root;
  width: 100%;
}
.contact-miscinfo .jicons-text { display: none; }
.contact-miscinfo dd { padding: 0 !important; }
.contact-address { margin: 0 }
.contact-misc a[href*="map"] { float: right; margin-bottom: 10px; }
.contact-misc a[href*="map"] img { height: 1rem; width: 1.5rem;  filter: invert(33%) sepia(87%) saturate(511%) hue-rotate(336deg) brightness(96%) contrast(85%);  }
.icon-info-circle { display: none; }
button[type="submit"] {
  display: grid;
  margin: 0 auto;
}

footer { background-image: none !important; }
footer .custom:not(.scrolljs) { width: 100vw; grid-template-columns: 1fr 1fr 1fr 1fr; display: grid; }
@media (max-width: 1200px) {
  footer .custom:not(.scrolljs) { grid-template-columns: 1fr; }
  footer .custom > div { margin: 0 0 0 2rem; grid-column: unset; grid-row-gap: 1rem; }
  footer .custom > .col1 { margin: 0 0 2rem 2rem; }
  footer .custom > .col2 h4, footer .custom > .col2 div h5:first-child { margin: 0; }
  footer .col3 h4 { margin: 2rem 0 0 0; }
}
footer .custom > div { display: grid; width: max-content; align-content: start; }
footer h5 { margin: .25rem 0 0 0; }
footer a { text-decoration: none !important; }
footer .col1 { grid-column: 1; grid-auto-flow: column; }
footer .col2 { grid-column: 3; }
footer .col3 { grid-column: 4; }
footer .col1 .brand-logo { text-decoration: none; }
footer .col1 .brand-logo img { position: relative; width: 270px; margin-right: 10px; filter: none; background: #fff; }
footer .col1 span { align-content: center; }
footer .col3 img { width: 26px; height: 26px; filter: invert(1); margin: 5px 5px 0 0; }
footer .col3 h4 { display: grid; grid-auto-flow: column; grid-column-gap: .6rem; align-items: center; width: fit-content; }
footer .col3 h4:after { content: ''; background-image: url('/images/icons/flags/svg/botswana-flag.svg'); height: 22px; width: 32px; background-size: cover; }
footer .scrolljs { width: 0; }

.pdf2img .sigplus-gallery > ul > li { display: block; }
body.sales #boxplusx_sigplus_1001 > .boxplusx-dialog { max-width: 100% !important; height: 90vh; overflow-y: scroll; }

body.sales .container-component > .no-card { margin-top: 0; }
body.sales .saleswrap { display: grid; grid-auto-flow: column; grid-row-gap: 2rem; margin-bottom: 2rem; }
@media (max-width: 1200px) {
  body.sales .saleswrap { grid-template-columns: 1fr; grid-auto-flow: unset; }
}
body.sales .saleswrap .scol { max-width: 600px; }
/*body.sales .saleswrap .scol > h5:first-child { margin-bottom: 3.25rem; }*/
body.sales .saleswrap .scol > h5 { color: var(--link-color); }
body.sales .saleswrap .col1:empty + .col2 { max-width: 100%; }
body.sales a.sigplus-image { cursor: zoom-in; }
body.sales a[href*="cdpauctions.co.za"] { font-size: 1.15rem; display: inline-grid; text-indent: 2rem; position: relative; border: 1px solid #888; padding: 5px 10px; background-color: var(--cassiopeia-color-primary ); color: #fff; text-decoration: none; font-weight: bold; /*position: absolute; top: 1.9rem;*/ margin-bottom: 1rem; }
body.sales a[href*="cdpauctions.co.za"]:before, body.sales a[href*="cdpauctions.co.za"]:after { content: ''; position: absolute; mask-repeat: no-repeat; }
body.sales a[href*="cdpauctions.co.za"]:before { height: 1.5rem; mask-image: url(/images/icons/gavel.svg); display: inline-block; width: 1.5rem; background: var(--link-color); transform: rotate(254deg); transition: transform .2s linear; left: 10px; top: 8px; transform-origin: 50% 38%; }
body.sales a[href*="cdpauctions.co.za"]:after { background: var(--link-color); height: 2px; width: .8rem; left: 10px; bottom: 9px; }
body.sales a[href*="cdpauctions.co.za"]:hover { background: var(--link-color); }
body.sales a[href*="cdpauctions.co.za"]:hover:before { transform: rotate(226deg) translate(-1px, -5px); background: var(--cassiopeia-color-primary); }
body.sales a[href*="cdpauctions.co.za"]:hover:after { background: var(--cassiopeia-color-primary); }

.slideplus-caption, .captionplus-overlay { transition: transform .2s linear; transform: translateY(100%); }
.slideplus-content:hover .slideplus-caption, .captionplus:hover .captionplus-overlay { transform: translateY(0); }
.captionplus { overflow: hidden; }
.captionplus .captionplus-outside { margin-bottom: .5rem; height: 3rem; }

body.home .slideplus-container { contain: unset; }
body.home .slideplus-viewport { overflow: visible; }
body.home .slideplus-slot { transition: transform 1.5s var(--ease-elastic); transform-origin: bottom center; }
body.home .slideplus-slot:hover { transform: scale(1.1); z-index: 1; }

body.home .slideplus-pager  { display: inline-grid; }
body.home .slideplus-pager:not(.slideplus-current) { background-color: #fff; }
body.home .slideplus-pager:hover { filter: invert(1); }
.slideplus-navigation.slideplus-bottom { border-bottom: 1px solid #ccc; padding: 5px 0; }

.slideplus-container[dir="ltr"] > .slideplus-viewport.slideplus-horizontal > .slideplus-next, .slideplus-container[dir="ltr"] > .slideplus-viewport.slideplus-horizontal > .slideplus-previous { z-index: 2; }

.slideplus-container[dir="ltr"] > .slideplus-viewport.slideplus-horizontal > .slideplus-next:hover, .slideplus-container[dir="ltr"] > .slideplus-viewport.slideplus-horizontal > .slideplus-previous:hover { filter: invert(1); cursor: pointer; }
.slideplus-navigation[dir="ltr"] > .slideplus-first, .slideplus-navigation[dir="ltr"] > .slideplus-last, .slideplus-navigation[dir="ltr"] > .slideplus-previous, .slideplus-navigation[dir="ltr"] > .slideplus-next { opacity: .6; background-color: #fff; }
.slideplus-navigation[dir="ltr"] > .slideplus-first:hover, .slideplus-navigation[dir="ltr"] > .slideplus-last:hover, .slideplus-navigation[dir="ltr"] > .slideplus-previous:hover, .slideplus-navigation[dir="ltr"] > .slideplus-next:hover {
filter: invert(1); cursor: pointer; }

a.nosale { display: none; }
@keyframes rotate { from { transform: rotate(-176deg); } to { transform: rotate(184deg); } }
.toppop { position: fixed; right: 34px; top: 30px; width: 136px; }
.popcol { display: none; }
.popico { width: 136px; height: 136px; }
.popico:hover:before { filter: invert(1); }
.popico:before, .popico:after, .popwrap:before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.popico:before { border-radius: 100%; background: var(--link-color); transition: all .5s linear; }
.popico:after { white-space: pre; line-height: 1.9rem; display: grid; align-content: center; text-align: center; font-weight: bold; font-size: 1.7rem; transform: rotate(26deg); filter: drop-shadow( #000 0px 0px 2px ); }
@media (max-width: 992px) {
  /*.toppop { transform: scale(.5); transform-origin: 124% -30px; }*/
  .toppop { transform: scale(.5); right: 56px; top: 15px; transform-origin: calc(100% - -16px) -0px; }
}
.popcol:empty + .popico { display: none; }
.popwrap { filter: drop-shadow(rgba(0,0,0,.7) 0.15rem 0.15rem .2rem); }
.popwrap:before { transform: scale(1.41); border: 2px solid var(--link-color); border-radius: 100%; }
.popwrap svg { animation: rotate 30s linear infinite; }

@keyframes scrollInRight { from { opacity: 0; transform: translateX(30%); } to { opacity: 1; transform: translateX(0); } }
@keyframes scrollInLeft { from { opacity: 0; transform: translateX(-30%); } to { opacity: 1; transform: translateX(0); } }
body.home .leftintro,
body.home .notewrap:nth-child(odd)/*,
body.home .gallery-home .slideplus-stripe > div > .slideplus-slot:nth-child(-n+3) img*/ {
  animation: scrollInLeft auto both;
  animation-range: entry -50% contain 20%;
  /*animation-range: contain -40% entry 80%;*/ /* pop */
  animation-timeline: view();
  /*scroll-snap-align: center;
    scroll-snap-stop: always;
    animation: revealease-out forwards;
    animation-timeline: view();
    animation-range: entry 0% contain 100%;
  */
}
body.home .introblockimg,
body.home .notewrap:nth-child(even)/*,
body.home .gallery-home .slideplus-stripe > div > .slideplus-slot:nth-last-child(-n+2) img*/ {
  animation: scrollInRight auto both;
  animation-range: entry -50% contain 20%;
  animation-timeline: view();
}

:root {
  --ease-elastic: linear(
    0, 0.186 2.1%, 0.778 7.2%, 1.027 9.7%, 1.133, 1.212, 1.264, 1.292 15.4%,
    1.296, 1.294, 1.285, 1.269 18.9%, 1.219 20.9%, 1.062 25.8%, 0.995 28.3%,
    0.944 31.1%, 0.93, 0.921, 0.92 35.7%, 0.926, 0.94 39.7%, 1.001 47%, 1.014,
    1.021 52.4%, 1.02 56.4%, 1 65.5%, 0.994 70.7%, 1.001 88.4%, 1
  );
}
@keyframes reveal { 0%, 100% { translate: 0 -25%; scale: 0.7; opacity: 0.2; } 50% { scale: 1; translate: 0; opacity: 1; } }
body.home .limoswrap { scroll-snap-type: y mandatory; }

#back-top .icon-arrow-up:before {
  content: '';
  mask-image: url('/images/icons/chevron-up.svg');
  height: 16px;
  width: 20px;
  display: block;
  mask-size: cover;
  mask-position: center center;
  background: #91c73e;
}
#back-top:hover .icon-arrow-up:before { background: #fff; }

