.cspot_v2 {
  border: 2px solid #eee;
  max-width: 567px;
  box-sizing: border-box;
  display: block;
  text-align: center
}

.cspot_v2__visual {
  overflow: hidden;
  height: 279px;
  width: 100%;
  position: relative
}

@media only screen and (max-width:761px) {
  .cspot_v2__visual {
    height: 252px
  }
}

@media only screen and (max-width:370px) {
  .cspot_v2__visual {
    height: 239px
  }
}


.cspot_v2__visual img.js-loaded {
  height: 279px;
  width: 563px;
  position: absolute;
  left: calc(50% - 281px);
  top: 0;
  transform: scale(1);
  transition: transform ease-in-out .5s
}

@media only screen and (max-width:761px) {
  .cspot_v2__visual img.js-loaded {
    height: 100%;
    width: 509px;
    left: calc(50% - 254px)
  }
}

@media only screen and (max-width:370px) {
  .cspot_v2__visual img.js-loaded {
    height: 100%;
    width: 482px;
    left: calc(50% - 241px)
  }
}




.cspot_v2:hover img.js-loaded {
  transform: scale(1.05)
}

.cspot_v2__special-mention {
  font-family: Gotham SSm medium A, Gotham SSm medium B, Helvetica, Arial, sans-serif;
  color: #be0f34;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 20px;
  margin-bottom: 0;
  line-height: 1.2em
}

@media only screen and (max-width:370px) {
  .cspot_v2__special-mention {
    font-size: 10px
  }
}

.cspot_v2__title {
  font-family: Gotham SSm book A, Gotham SSm book B, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000;
  font-size: 30px;
  margin: 0;
  line-height: 1em;
  margin: 13px 20px;
  margin-bottom: 0
}

@media only screen and (max-width:370px) {
  .cspot_v2__title {
    font-size: 25px
  }
}

.cspot_v2__text {
  font-family: Gotham SSm book A, Gotham SSm book B, Helvetica, Arial, sans-serif;
  color: #000;
  font-size: 11px;
  line-height: 15px;
  margin: 8px 20px;
  margin-bottom: 0
}

@media only screen and (max-width:370px) {
  .cspot_v2__text {
    font-size: 10px
  }
}

.cspot_v2__link {
  font-family: Gotham SSm medium A, Gotham SSm medium B, Helvetica, Arial, sans-serif;
  color: #000;
  font-size: 11px;
  text-transform: uppercase;
  border-bottom: #d4d4d4 1px solid;
  display: inline-block;
  margin: 18px auto;
  margin-bottom: 18px
}

@media only screen and (max-width:370px) {
  .cspot_v2__link {
    font-size: 10px
  }
}

.cspot_v2__link:hover {
  color: #be0f34;
  border-bottom: #be0f34 1px solid
}