.hopesgear-footer {
  background-color: black;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0;
  background-position: 50% 50%; }

.hopesgear-footer .top {
  padding: 30px 0 20px; }

.hopesgear-footer h4,
.hopesgear-footer .h4,
.hopesgear-footer h4 p,
.hopesgear-footer .h4 p {
  font-weight: normal;
  text-align: left;
  font-size: 20px; }

.hopesgear-footer h4,
.hopesgear-footer .h4 {
  color: #7C818E;
  font-weight: bold;
  font-size: 16px; }

.hopesgear-footer .topic {
  color: var(--main-color);
  font-size: 20px; }

.hopesgear-footer .hopesgear-footer-grids ul li {
  margin-bottom: 5px;
  font-size: 14px;
  list-style-type: none;
  line-height: 180%; }

.hopesgear-footer .hopesgear-footer-grids ul li a {
  color: #3A3A3A;
  text-decoration: none; }

.hopesgear-footer .hopesgear-footer-grids ul li a:hover {
  color: #fff; }

.hopesgear-footer .hopesgear-footer-grids h4 a,
.hopesgear-footer .hopesgear-footer-grids .h4 a {
  color: #D28F3B;
  font-size: 2.3em;
  text-decoration: none; }

.hopesgear-footer .description.desc_ a {
  color: inherit; }

.hopesgear-footer .skip_txt {
  color: white;
  display: flex; }

.hopesgear-footer .skip_txt .name {
  display: block;
  margin-right: 8px; }

@media (max-width: 991px) {
  .hopesgear-footer .col-xs-6 {
    margin: 10px 0; } }

@media (max-width: 768px) {
  .hopesgear-footer {
    display: none; } }

.hopesgear-copyright {
  background-color: #2C2D31;
  padding: 0;
  background-position: 0% 0%;
  background-color: #202022;
  background-size: auto;
  background-repeat: repeat;
  border-top: 1px solid rgba(151, 151, 151, 0.5); }

.hopesgear-copyright .bottom {
  padding: 10px 0; }

.hopesgear-copyright .copyright {
  color: #cccccc;
  font-size: 12px;
  line-height: 20px;
  padding: 0; }

@media (max-width: 768px) {
  .hopesgear-copyright .copyright,
  .hopesgear-copyright .share-to {
    width: 100%;
    text-align: center;
    padding: 2px 0; } }