.spot-footer, .spot-footer:before, .spot-footer:after, .spot-footer *, .spot-footer *:before, .spot-footer *:after{box-sizing: border-box; line-height: 1.1em;}
.spot-footer{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; margin-top: 10px;}
.spot-footer__one{background: #ce3026; background: -moz-linear-gradient(top,  #ce3026 0%, #aa271e 100%); background: -webkit-linear-gradient(top,  #ce3026 0%,#aa271e 100%); background: linear-gradient(to bottom,  #ce3026 0%,#aa271e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce3026', endColorstr='#aa271e',GradientType=0 ); border-radius: 12px; padding: 20px; margin: 10px; width: calc(100%/4 - 20px); position: relative; text-align: left; padding-bottom: 54px; text-decoration: none; color: inherit; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; overflow: hidden;}
.spot-footer__one:last-child{}
.spot-footer__one:after{content: ''; position: absolute; background: url(/i/img/page/instaspot/footer/pattern.svg) no-repeat; width: 290px; height: 101px; z-index: 1; right: 0px; top: 0px; background-size: cover; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; pointer-events: none;}
.spot-footer__one__head{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #ffffff;}
.spot-footer__one__head__logo{margin-right: 10px;}
.spot-footer__one__head__logo img{display: block;}
.spot-footer__one__head__text{ font-size: 16px; line-height: 16px;}
.spot-footer__one__desc{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #e8bebc; bottom: 20px; position: absolute; left: 0px; padding: 0 20px;}
.spot-footer__one__desc__text{margin-right: 10px; font-size: 14px; line-height: 14px;}
.spot-footer__one__desc__logo{}
.spot-footer__one__desc__logo img{display: block;}

.spot-footer__one:hover .spot-footer__one__desc__text{color: #ffffff;}
.spot-footer__one:hover:after{right: -25px; top: 10px;}

@media screen and (max-width: 900px) {
    .spot-footer__one{width: calc(100%/2 - 20px);}
}

@media screen and (max-width: 500px) {
    .spot-footer__one{width: calc(100% - 20px);}
}