.footer {
   width: 100%;
   height: auto;
}
.footer__top {
   width: 100%;
   height: auto;
   padding: 15px 0px;
   box-sizing: border-box;
   background: #1e2731;
}
.footer__top__inner {
   width: 100%;
   height: auto;

   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}
.footer__top__inner span {
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 25px;
   line-height: 29px;
   text-transform: uppercase;
   color: #efeded;
}

.footer__form {
   width: 40%;
   height: auto;

   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}
.footer__top__input {
   width: 50%;
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 21px;
   text-align: center;
   text-transform: uppercase;
   color: #efeded;
   text-align: center;
   padding: 10px 0px;
   border: none;
   border-bottom: 1px solid #a68e6a;
   background-color: transparent;
   border-radius: 0px;

   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}
.footer__top__btn {
   background: #a68e6a;
   border: 1px solid #a68e6a;
   padding: 10px 15px;
   box-sizing: border-box;
   border-radius: 5px;

   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 21px;
   text-align: center;
   text-transform: uppercase;
   text-align: center;
   color: #10100f;
   cursor: pointer;

   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}

.footer__main {
   width: 100%;
   height: auto;
   background: #171e26;
   padding: 15px 0px;
   box-sizing: border-box;
}
.footer__main__inner {
   width: 100%;
   height: auto;

   display: flex;
   flex-direction: row;
   justify-content: space-around;
   align-items: flex-start;
}
.footer__col {
   width: 20%;
   height: auto;

   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
}
.footer__logo {
   width: 100%;
   height: auto;
}
.footer__logo img {
   display: block;
   width: 90%;
   height: auto;
   margin: 0 auto;
}
.footer__logo span {
   display: block;
   width: 100%;

   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 13px;
   line-height: 15px;
   text-align: center;
   text-transform: uppercase;
   color: #efeded;

   margin-top: 10px;
}
.footer__office {
   margin-top: 40px;
}
.footer__office img {
   display: block;
   width: 90%;
   height: auto;
   margin: 0 auto;
}
.footer__office span {
   display: block;
   width: 100%;

   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
   line-height: 18px;
   text-align: center;
   text-transform: uppercase;
   color: #efeded;

   margin-top: 10px;
}

.footer__title {
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   font-size: 25px;
   line-height: 29px;
   color: #ffffff;
   margin-top: 20px;
}
.footer__title::after {
   content: "";
   display: block;
   margin-top: 7px;
   margin-bottom: 20px;
   width: 100%;
   height: 1px;
   background-color: #a68e6a;
}
.footer__text {
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 19px;
   line-height: 22px;
   color: #efeded;
   text-transform: uppercase;
   margin-top: 10px;
}

.footer__text:hover {
   color: #a68e6a;
}

.footer__time {
   width: 100%;
   height: auto;

   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
}
.footer__time span:not(:last-child) {
   width: 50%;
   height: auto;
}
.footer__time span {
   display: inline-block;

   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 19px;
   line-height: 22px;
   color: #efeded;
   text-transform: uppercase;
   margin-top: 10px;
}
.footer__pay {
   width: 100%;
   height: auto;

   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;

   margin-top: 100px;
}
.footer__pay img {
   width: auto;
   height: 50px;
   object-fit: contain;
}

.social-link__wrapper {
   margin-top: 40px;
   width: 100%;
   display: flex;
   justify-content: flex-start;
   align-items: center;
}
.social-link {
   margin-right: 12px;
}
.footer__pdf {
   margin-top: 30px;

   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;

   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
   line-height: 18px;
   color: #efeded;
}
.footer__pdf svg {
   margin-right: 12px;
}

.stores {
   width: 100%;
   display: flex;
   justify-content: flex-start;
   align-items: center;

   margin-top: 150px;
}
.stores img {
   width: 40%;
   height: auto;
   margin-right: 12px;
   cursor: pointer;
}

.footer__bottom {
   width: 100%;
   height: auto;
   background: #1e2731;
   padding: 15px 0px;
}
.footer__bottom p {
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
   line-height: 20px;
   text-align: center;
   color: #f2f2f2;
}

@media (max-width: 1024px) {
   .footer__top__inner {
      flex-direction: column;
   }
   .footer__form {
      width: 100%;
      justify-content: space-around;

      margin-top: 15px;
   }

   .footer__main__inner {
      flex-wrap: wrap;
   }
   .footer__col {
      width: 40%;
   }
   .footer__logo img,
   .footer__office img {
      width: 70%;
   }
}

@media (max-width: 768px) {
   .footer__col {
      width: 100%;
   }
   .footer__col:nth-of-type(1) {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      align-content: center;
   }
   .footer__pay,
   .stores {
      margin-top: 40px;
   }
   .footer__logo,
   .footer__office {
      width: 50%;
      height: 200px;
      margin-top: 0;
   }
   .footer__logo img,
   .footer__office img {
      width: 50%;
   }
}
@media (max-width: 480px) {
   .footer__form {
      flex-direction: column;
   }
   .footer__top__input,
   .footer__top__btn {
      width: 100%;
      margin-top: 10px;
   }
}