#sp-de-tour, #sp-overons{
  min-height:calc(100vh - 150px);
}
#sp-sponsors{
  width:100vw;
  height:150px;
}
#detourheaderwrapper, #detourcontentwrapper{
  min-height:calc(100vh - 150px);
  text-align:center;
  align-content:center;
}
#titlecontentwrapper{
  min-height:calc(100vh - 150px);
  align-content:center;
  position:absolute;
  right:20px;
  max-width:550px;
}
@media (max-width: 590px) {
  #titlecontentwrapper{
    font-size:14px;
    right:0px;
  }
}
#titlecontentinnerwrapper{
  padding:40px;
  border-radius:40px;
  background-color:rgba(255,255,255,0.9);
}
#detourcontentinnerwrapper{
  padding:40px;
  border-radius:40px;
  background-color:#fff;
}
#detourheaderwrapper h1{
  font-size:80px;
  font-weight:700;
  color:#fff;
}
#helpheaderwrapper h1{
  font-size:80px;
  font-weight:700;
}
#newsheaderwrapper h1{
  font-size:80px;
  font-weight:700;
}
#teamheaderwrapper h1{
  font-size:80px;
  font-weight:700;
  color:#000;
}
#sp-footer{
  position:fixed;
  bottom:0;
  width:100%;
  height:50px;
  z-index:100;
}
#sp-footer .container .container-inner {
  padding:0;
}
#mountainrangewrapper {
  position:absolute;
  bottom:45px;
  left:0;
  width:100%;
  z-index:100;
}
#motion-svg {
  width: 100%;
  height: auto;
  display: block;
}
#moving-dot {
    transition: cx 0.05s linear, cy 0.05s linear;
    stroke-width: 2;
    stroke: #000000;
    fill: #fff;
    transform-origin: center;
    animation: pulse 1s infinite;
  }

  @keyframes pulse {
    0% { r: 8; stroke-opacity: 1; }
    50% { r: 12; stroke-opacity: 0.3; }
    100% { r: 8; stroke-opacity: 1; }
  }
@media (max-width: 990px) {
  #sp-top2, #sp-bottom2, #sp-position8 {
    order: 1 !important;
  }
  #sp-top1, #sp-bottom1, #sp-position7 {
    order: 2 !important;
  }
}
#sp-footer1 .sp-column ul{
  float:right;
  margin-left:20px;
}
.teamreadmore{
  padding:5px;
  background-color:#fff;
  border-radius:10px;
  color:#000;
}
.sponsorwrapper{
    width: 100vw;
  position:absolute;
  left:0px;
}
.sponsortrack{
    display: flex;
    gap: 40px;
    width: max-content;
    animation: scroll-sponsors 20s linear infinite;
}
.sponsorbanner {
  max-width:250px;
  object-fit:contain;
  background-color:#fff;
  border-radius:5px;
  align-content:center;
}
.sponsorimg {
  border-radius:30px;
}
  @keyframes scroll-sponsors {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }
.creativecontactform_wrapper{
  border-radius:30px;
}
.article {
  border:2px solid #A1A984 !important;
  min-height:100px;
}
.ccf_copyright_wrapper, .creativecontactform_header{
  display:none;
}
.article-intro-image{
  width:30%;
  /* height:200px; */
  float:left;
  margin:30px;
}
.article-intro-image img{
  border-radius:30px !important;
  height:100%;
  width:100%;
  padding:10px;
}
.article .article-body{
  margin-left:30%;
}
.header-sticky{
  background-color:rgba(161,169,132,0.8) !important;
}
.teamphotowrapper {
    position: relative;
    overflow: hidden;
    width: 100%;  
    margin:20px 0px;
    border-radius:30px;

}
.teamphotorole {
  padding:5px;
  background-color:#fff;
  border-radius:10px;
  color:#000;
}
.teamphotowrapper img {
    height: 100%;
    display: block;
}

.teamphototextwrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
  background-color:rgba(0,0,0,0.75);
}

.teamphototitle {
    margin: 0;
    font-size: 20px;
    position: relative;
    z-index: 2;
}

.teamphototext {
      font-size:14px;

    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease;
    opacity: 0;
}
.creativecontactform_wrapper, #mod-custom131 {
  height:430px;
  margin:15px 0px;
}
.teamphotowrapper:hover .teamphototext {
    max-height: 500px;
    opacity: 1;
    margin-top: 10px;
}