@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@700&family=Encode+Sans:wght@400;500&family=Kalam:wght@700&display=swap');

    body{background-color: #FFF}
    header{background-color: #FFF; padding:15px 0px 50px 0px; text-align: center}
    .avatar{overflow: hidden; border:0px; background:transparent;}

    .list-group-item.cart{background-color:#e5068d; color:#FFF; border-color:#d40783;}
    .list-group-item.contactUs{background-color:#a3cd3a; color:#FFF; padding: 15px 30px; border:0px;}

    .contactUs .image{margin-right:10px; }
      .contactUs .image .material-icons{font-size:50px;}
      .contactUs .phone{font-size:18px;}

    .custom-checkbox .invalid-feedback{margin-top:20px;}    

    .card-primary .card-header{ color:#0950a3; font-weight: 700; padding: 1rem 1.5rem}
    .card-green .card-header{background-color:#a3cd3a; color:#FFF; font-weight: 700; padding: 1rem 1.5rem}
    .card-pink .card-header{background-color:#e5068d; color:#FFF; font-weight: 700; padding: 1rem 1.5rem}
    .card-blue .card-header{background-color: #0950a3; color:#FFF; font-weight: 700; padding: 1rem 1.5rem}
    .bg-light{background-color: #eaeaea}

    .image-cart{float:left; width:100%; height: 300px; margin-bottom:25px; background-position: center; background-size:cover; }

    @media (min-width: 1200px) {.container {width:100%; max-width:1370px;}} 


header .logo{display: inline-block;}
header a{margin-left:10px;}
header .icon-nac {
    height: 26px;
    margin-top: 4px;
    transition: all .2s;
}
header .social-links {
  float: right;
  display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    margin-left: 0px;
    padding: 0;
    list-style-type: none;
    margin-left: 10px;
}
header .social-links > li {
    padding: .13rem;
    font-size: 1.6rem;
}
header .social-links a{color:#000;}

@media(max-width:991px) {
  header .logo img{height:44px;}
  .buttons-nav{display: none}
}


.bg-lightgray {
    background-color: #efefef;
}
.footer {
    margin-top: 3rem;
    font-family: "Encode Sans", sans-serif;
    font-weight: 500;
    margin-bottom: 50px;
    background-color: #FFF;
    padding-bottom: 0px;
}
.footer h3 {
    font-family: "Asap Condensed";
    font-size: 1.4rem;
    font-weight: bold;
    color: #000;
    margin-top: 1rem;
}
.footer ul {
    padding-left: 0;
}
.footer ul li {
    list-style: none;
    font-size: .9rem;
    line-height: initial;
    margin-bottom: 6px;
}
.footer .header-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
    padding: 20px;
    text-align: center;
}

@media(min-width:768px) {
 .footer .header-footer {
  flex-wrap:no-wrap
 }
}
.footer .header-footer .bg {
 background-color:#e6e6e6
}
.footer .header-footer .follow {
 display:flex;
 align-items:center
}
.footer .header-footer .follow h3 {
    display: inline;
    margin: 0;
}
.footer .header-footer .follow .social-links {
    display: inline-flex;
    margin-bottom: 0;
}
.footer .header-footer .follow .social-links li {
    margin-bottom: 0;
}
.footer .header-footer .follow .social-links li a {
    font-size: 1.7rem;
    margin: 0 6px;
}
.footer .header-footer .follow .social-links li a:hover {
 text-decoration:none
}
.footer .header-footer .follow .social-links li a:hover i {
 color:#000
}
.footer .header-footer .follow .fa-facebook-f {
 color:#3b5998
}
.footer .header-footer .follow .fa-twitter {
 color:#00acee
}
.footer .header-footer .follow .fa-instagram {
 color:#d6249f;
 color:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)
}
.footer .header-footer .follow .fa-youtube {
 color:#c4302b
}
.footer .header-footer .hashtags {
 margin-left:0;
 width:100%;
 margin-top:14px
}
@media(min-width:768px) {
 .footer .header-footer .hashtags {
  margin-left:50px;
  width:auto;
  margin-top:0
 }
}
.footer .header-footer .hashtags a {
 font-family:'kalam', cursive;
 font-size:1.6rem;
 font-weight:bold;
 margin:0 10px
}
.footer .header-footer a {
 color:#585858
}
.footer .header-footer a:hover {
 text-decoration:none;
 color:#000
}
.footer .bg-newsletter-footer {
 background:#585858
}
.footer .newsletter-footer {
 color:#fff;
 padding:10px 0;
 display:flex;
 align-items:center;
 justify-content:center
}
@media(max-width:991.98px) {
 .footer .newsletter-footer {
  padding:30px 0
 }
}
.footer .newsletter-footer form {
 display:flex;
 align-items:center;
 justify-content:center;
 flex-wrap:nowrap
}
@media(max-width:991.98px) {
 .footer .newsletter-footer form {
  flex-wrap:wrap
 }
}
.footer .newsletter-footer .title {
 display:flex
}
@media(max-width:991.98px) {
 .footer .newsletter-footer .title {
  width:100%;
  justify-content:center
 }
}
.footer .newsletter-footer .title .icon {
 margin:0 5px;
 font-size:1.8rem;
 color:rgba(0,0,0,0.5);
 line-height:initial
}
.footer .newsletter-footer .title .message {
 margin:0 15px 0 10px;
 font-size:1.3rem;
 text-align:center
}
.footer .newsletter-footer .inputs {
 background-color:#fff;
 background-color:rgba(255,255,255,0.15);
 border-radius:50px;
 padding:4px;
 display:flex;
 flex-wrap:nowrap
}
@media(max-width:991.98px) {
 .footer .newsletter-footer .inputs {
  flex-wrap:wrap;
  background-color:rgba(255,255,255,0.15);
  border-radius:22px;
  padding:6px;
  margin-top:10px
 }
 .footer .newsletter-footer .inputs input {
  background:#fff !important;
  width:100%;
  margin:0 0 6px 0 !important;
  color:#000 !important
 }
 .footer .newsletter-footer .inputs input:hover,
 .footer .newsletter-footer .inputs input:focus {
  color:#000 !important;
  background:#fff !important
 }
 .footer .newsletter-footer .inputs input::placeholder {
  color:rgba(0,0,0,0.5) !important
 }
 .footer .newsletter-footer .inputs button {
  width:100% !important;
  margin:0 !important;
  background-color:rgba(0,0,0,0.5) !important
 }
 .footer .newsletter-footer .inputs button:hover {
  background-color:#000 !important
 }
}
.footer .newsletter-footer .inputs input {
 margin:0;
 height:40px;
 border:2px solid transparent;
 border-radius:50px;
 padding:10px 10px;
 color:#fff;
 background-color:transparent;
 transition:all .2s
}
.footer .newsletter-footer .inputs input:first-child {
 margin-right:4px
}
.footer .newsletter-footer .inputs input::placeholder {
 color:#fff
}
.footer .newsletter-footer .inputs input:hover {
 border:2px solid rgba(255,255,255,0.5)
}
.footer .newsletter-footer .inputs input:focus {
 color:black;
 outline:0;
 background:#fff
}
.footer .newsletter-footer .inputs input:focus::placeholder {
 color:rgba(0,0,0,0.5)
}
.footer .newsletter-footer .inputs button {
 font-size:1.2rem;
 margin-left:8px;
 width:40px;
 height:40px;
 padding:0;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:50px;
 color:#fff;
 background-color:rgba(0,0,0,0.5);
 transition:all .2s;
 border:0;
 cursor:pointer
}
.footer .newsletter-footer .inputs button:hover {
 color:#fff;
 background-color:#000
}
.footer .newsletter-footer .inputs button:focus {
 outline:0
}
.footer .map-footer {
 padding:1rem 0 1rem 0
}
.footer .map-footer a {
 color:#585858
}
.footer .map-footer a:hover {
 text-decoration:underline
}
.footer .banners-footer {
 margin-top:1rem;
 display:flex;
 flex-wrap:wrap
}
@media(min-width:768px) {
 .footer .banners-footer {
  flex-wrap:nowrap
 }
}
@media(min-width:992px) {
 .footer .banners-footer {
  flex-wrap:wrap
 }
}
.footer .banners-footer a {
 display:block;
 width:100%;
 height:80px;
 margin-bottom:15px;
 border-radius:5px;
 background-color:#fff;
 margin-left:5px;
 margin-right:5px;
 padding:5px
}
.footer .banners-footer a img {
 height:100%;
 width:100%;
 object-fit:contain
}
.footer .banners-footer a:hover {
 text-decoration:none
}
.footer .links-footer {
 font-size:14px;
 text-transform:uppercase;
 width:100%;
 text-align:center;
 margin-bottom:15px;
 margin-top:15px
}
.footer .links-footer .row {
 justify-content:center
}
.footer .links-footer a {
 display:inline-block;
 padding:5px 0;
 text-decoration:none;
 font-weight:600;
 line-height:initial;
 color: #6b6b6b;
}
.footer .links-footer a:hover {
 opacity:1
}
.footer .content-footer {
 display:flex;
 max-width:700px;
 flex-wrap:wrap;
 margin:auto
}
.footer .content-footer .logo-footer {
 text-align:center;
 width:100%;
 margin-bottom:30px
}
.footer .content-footer .logo-footer img {
 height:100px
}
@media(min-width:768px) {
 .footer .content-footer .logo-footer {
  text-align:left
 }
}
.footer .content-footer .text-footer {
 font-size:12px;
 line-height:15px;
 display:flex;
 align-items:center;
 padding-left:4rem
}
@media(min-width:768px) {
 .footer .content-footer {
  flex-wrap:nowrap
 }
}