.bg-primary {
  background-color: #000000 !important;
}

.bg-secondary {
  background-color: #F7F7F7 !important;
}

.bg-highlight {
  background-color: #fd6d21 !important;
}

.bg-footer {
  background-color: #1C1C1C !important;
}

.tx-primary {
  color: #B4B4B4 !important;
}

.tx-secondary {
  color: #484848 !important;
}

.tx-white {
  color: #FFFFFF !important;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 700;
}

.bold {
  font-weight: 900;
}

* {
  font-family: "Lato", sans-serif;
}

.container h1 {
  font-size: 2rem;
  font-weight: 400;
}
.container h1 b {
  font-weight: 900;
}

.btn.btn-primary:active, .btn.btn-primary:hover {
  background: inherit !important;
  border-color: inherit !important;
}
.btn.btn-primary:focus {
  box-shadow: none !important;
}

select:active, select:hover, select:focus {
  border-color: inherit !important;
  box-shadow: none !important;
}

input:focus {
  box-shadow: none !important;
}

a {
  color: inherit !important;
}
a:hover {
  color: inherit !important;
}

p {
  margin: 0px;
}

nav.topper {
  position: fixed;
  background: #000;
  top: -100%;
  z-index: 100;
  padding: 0;
}

header .navbar-brand figure, nav.topper .navbar-brand figure {
  width: 150px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  header .navbar-brand figure, nav.topper .navbar-brand figure {
    width: 100%;
  }
}
header .navbar-brand figure img, nav.topper .navbar-brand figure img {
  display: block;
  margin: 0 auto;
}
header form.form-inline img, nav.topper form.form-inline img {
  height: 23px !important;
}
header form.form-inline .form-group input.form-control, nav.topper form.form-inline .form-group input.form-control {
  width: 340px;
  border-radius: 0;
}
header form.form-inline button.btn, nav.topper form.form-inline button.btn {
  border-radius: 0;
  height: 38px;
  width: 60px;
}
header form.form-inline button.btn.btn-primary, nav.topper form.form-inline button.btn.btn-primary {
  color: #fff;
  background-color: #fd6d21 !important;
  border-color: #fd6d21 !important;
}
header .change .coin .figure, nav.topper .change .coin .figure {
  width: 25px;
}
header .change .coin span, nav.topper .change .coin span {
  color: white;
  font-size: 0.8rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}
header a i, nav.topper a i {
  width: 25px;
  height: 25px;
}
header a span, nav.topper a span {
  color: white;
  font-size: 13px;
}
header .category_wrap figure, nav.topper .category_wrap figure {
  width: 25px;
}
header .category_wrap span, nav.topper .category_wrap span {
  color: #484848 !important;
  line-height: 1;
}

header {
  position: fixed;
  width: 100%;
  z-index: 10;
  top: 0px;
}
@media (max-width: 1075px) {
  header {
    z-index: 20;
  }
}
@media (max-width: 475px) {
  
  header .link.nav .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  header .link.nav .nav-item span {
    display: block;
    text-align: center;
  }
}
@media (max-width: 576px) {
  header .link.nav .nav-item {
    padding: 0;
  }
}
@media (max-width: 990px) {
  header .link.nav .nav-item .nav-link {
    padding: 0;
  }
}
header .link.nav .nav-item a span {
  color: #FFFFFF !important;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 3px;
  opacity: 0.8;
}
@media (max-width: 576px) {
  header .link.nav .nav-item a span {
    padding: 3px 5px;
  }
}
header .link.nav .nav-item a span:hover {
  background: #fd6d21 !important;
  color: #fff !important;
  opacity: 1;
}
header .link.nav .nav-item:not(:first-child)::before {
  content: "";
  display: block;
  height: 40%;
  width: 1px;
  position: absolute;
  top: 20px;
  background: #484848 !important;
}
@media (max-width: 992px) {
  header .link.nav .nav-item:not(:first-child)::before {
    display: none;
  }
}
header .login .link.nav .nav-item .nav-link {
  padding: 0;
}
header .login .link.nav .nav-item .nav-link a {
  padding: 0;
}
header .contato .whatsapp figure {
  width: 30px;
}

.slide_wrapper {
  background: #000000 !important;
}
@media (max-width: 475px) {
  .slide_wrapper {
    margin-top: 7rem !important;
  }
}
.slide_wrapper .homem {
  position: absolute;
  bottom: 222px;
  right: 100px;
  z-index: 1;
}

i {
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
i.search {
  background-image: url("../icons/icon_search.png");
}
i.menu_buttom {
  background-image: url("../icons/icon_menu.png");
}
i.whatsapp {
  background-image: url("../icons/whatsapp.svg");
}
i.budget {
  background-image: url("../icons/budget.svg");
}
i.pin {
  background-image: url("../icons/pin.svg");
}
i.shopping-cart {
  background-image: url("../icons/shopping-cart.svg");
}
i.status {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  display: inline-block;
  margin-right: 5px;
}
i.status.on {
  background: #0EB900 0% 0% no-repeat padding-box;
}
i.status.off {
  background: #E60404 0% 0% no-repeat padding-box;
}
i.status.bus {
  background: #E6A004 0% 0% no-repeat padding-box;
}

.product .wrapper {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
}
.product a {
  color: inherit;
}
.product a:hover {
  text-decoration: none;
}
.product figure.d-flex {
  height: 200px;
  width: 100%;
  overflow: hidden;
  position: relative;
  transition: 0.3s;
}
@media (max-width: 992px) {
  .product figure.d-flex {
    height: 200px;
  }
}
.product h1 {
  font-size: 1.5rem;
  font-weight: 900;
}
.product h2 {
  height: 70px;
  font-size: 0.9rem;
  font-weight: 400;
}
.product h2:hover {
  color: #B4B4B4 !important;
}
@media (max-width: 992px) {
  .product h2 {
    height: 90px;
  }
}
@media (max-width: 768px) {
  .product h2 {
    height: 60px;
  }
}
@media (max-width: 576px) {
  .product h2 {
    height: 110px;
  }
}
.product span.price_text {
  font-size: 0.7rem;
  color: red;
}
.product .change {
  display: flex;
  margin: 0.5rem 0;
}
.product .change .coin {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product .change .figure {
  width: 25px;
  margin-bottom: 0.2rem;
}
.product .change span {
  font-size: 0.8rem;
  font-weight: 900;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}
.product .price {
  font-size: 1.5rem;
  font-weight: 900;
}
@media (max-width: 576px) {
  .product .price {
    font-size: 1.3rem;
  }
}
.product .btn {
  margin-right: -5px;
  margin-left: -5px;
}
.product .btn img {
  height: 35px;
}
.product span.code {
  font-size: 0.7rem;
  margin-bottom: 0.9rem;
  display: block;
  background-color: #000000 !important;
  border-radius: 5px;
  position: absolute;
  top: 50px;
}
.product.w_price span.code {
  top: 10px;
}

.categoria .item a {
  display: block;
}
.categoria .item a:hover {
  text-decoration: none;
}
.categoria .item a:hover p {
  color: #fd6d21 !important;
}
.categoria .item .picture {
  height: 120px;
  overflow: hidden;
  position: relative;
  transition: 0.3s;
}

.categoria .item .picture .figure .hover{
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;

}

.categoria .item p {
  font-weight: 400;
  margin-top: 20px;
  font-size: 1.2rem;
}

.owl-brands {
  background: #FFF;
}

.owl-navs {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.owl-navs .arrow-nav {
  width: 20px;
  height: 55px;
  background: #000;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
}
.owl-navs .arrow-nav.left {
  left: -20px;
}
.owl-navs .arrow-nav.right {
  right: -20px;
}

.newsletter h2, .newsletter span {
  line-height: 1;
}
.newsletter h2 {
  font-weight: 900;
  font-size: 1.7rem;
}
.newsletter form input, .newsletter form .btn {
  height: 54px;
  border-radius: 0;
}
.newsletter form input {
  width: 280px !important;
}
.newsletter form .btn.btn-primary {
  background: #000000 !important;
  border-color: #000000 !important;
}

.seller_wrapper h2 {
  width: 100%;
  font-size: 0.9rem;
  line-height: 1;
  margin-top: 0.3rem;
}
.seller_wrapper .seller {
  position: relative;
}
.seller_wrapper .text {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
.seller_wrapper .text p {
  font-size: 0.65rem;
  background: #B4B4B4 !important;
  padding: 0.1rem 0.4rem;
  color: #F7F7F7 !important;
  font-weight: 700;
}
.seller_wrapper .text img {
  width: 20px;
  margin-top: 0.4rem;
}
.seller_wrapper .seller_title::after {
  content: "";
  width: 1px;
  height: 60%;
  margin: auto;
  background: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

footer .main-footer {
  padding: 50px 0;
  border-bottom: 1px solid #ccc;
}
footer .main-footer .nav {
  margin-left: 20px;
}
footer .main-footer .nav .nav-item {
  font-size: 0.75rem;
  font-weight: 900;
}
@media (max-width: 475px) {
  footer .main-footer .nav .nav-item {
    width: 50%;
    text-align: center;
  }
}
footer .main-footer .nav .nav-item:not(:first-child)::before {
  content: "";
  display: block;
  height: 25%;
  width: 1px;
  position: absolute;
  top: 12px;
  background: #484848 !important;
}
@media (max-width: 992px) {
  footer .main-footer .nav .nav-item:not(:first-child)::before {
    display: none;
  }
}
footer .main-footer .ssl-logo {
  width: 88px;
  height: 41px;
}
footer .footer-copyrigth {
  padding: 20px 0;
}
footer .footer-copyrigth p {
  color: #0C0C12;
  opacity: 0.4;
  font-size: 0.75rem;
}

.owl-blog::before {
  content: "";
  width: 390px;
  height: 450px;
  background: url(../img/blogger-logo.png);
  display: block;
  position: absolute;
  right: -320px;
  top: -16px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.owl-blog .item {
  background: #fff;
  font-weight: 700;
  color: #fd6d21 !important;
  text-decoration: none;
  transition: 0.2s;
}
.owl-blog .item:hover {
  transform: scale(1.05);
}
.owl-blog .item .novo {
  position: absolute;
  background: #fd6d21 !important;
  padding: 10px 40px;
  left: -15px;
  border-radius: 0px 20px 20px 0;
  color: #fff;
  box-shadow: 6px 3px 27px 0px rgba(0, 0, 0, 0.74);
}
.owl-blog .item .novo::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -11px;
  width: 15px;
  height: 11px;
  display: block;
  background: url(../img/novo.png);
}
.owl-blog .item a:hover {
  text-decoration: none;
}
.owl-blog .item .title {
  height: 120px;
}
.owl-blog .item .autor .ball {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #fd6d21 !important;
  border-radius: 10px;
  position: relative;
  top: 4px;
}

.brand-wrappers h1 {
  font-size: 2rem;
  font-weight: 400;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 50px;
}

.social {
  width: 60px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 15px;
  background: #1A1B1E;
  z-index: 10;
}
.social .link.nav .nav-item {
  padding: 5px;
  margin: 45px 0;
}
.social .link.nav .nav-item .nav-link {
  color: #484848 !important;
  font-weight: 700;
  font-size: 1rem;
  border-radius: 3px;
  transform: rotate(270deg);
}

.social .link.nav .nav-item .nav-link:hover {
  background: #fd6d21 !important;
  color: #fff !important;
}

.social .link.nav .nav-item .nav-link span {
    color: #C6C6C6;
}


.blog .blog-title p {
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 1.3rem;
}
.blog .blog-content {
  margin-bottom: 2rem;
}
.blog .blog-content .blog-item {
  cursor: pointer;
}
.blog .blog-content .blog-item figure {
  transition: 0.2s;
}
.blog .blog-content .blog-item:hover figure {
  transform: scale(1.05);
}
.blog .blog-content h2 {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 900;
}
.blog .blog-content p {
  font-size: 0.8rem;
  color: #fff;
}

.modal-login {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  background: rgba(0, 0, 0, 0.85);
  z-index: 20;
}
.modal-login .modal-wrapper .modal-title .modal-tab {
  padding: 10px 20px;
  color: #B4B4B4 !important;
  background: rgba(26, 27, 30, 0.5);
  cursor: pointer;
}
.modal-login .modal-wrapper .modal-title .modal-tab.active {
  background: #1A1B1E;
  color: #fff;
}
.modal-login .modal-wrapper .modal-title .modal-tab.close {
  background: rgba(255, 0, 0, 0.5);
}
.modal-login .modal-wrapper .modal-title .modal-tab.close:hover {
  background: red;
}
.modal-login .modal-wrapper .modal-title .modal-tab.close:hover p {
  color: #fff;
}
.modal-login .modal-wrapper .modal-form {
  background: #1A1B1E;
  padding: 30px;
  transition: 0.2s;
}
.modal-login .modal-wrapper .modal-form form {
  color: #B4B4B4 !important;
}
.modal-login .modal-wrapper .modal-form form input {
  border-radius: 0 !important;
}
.modal-login .modal-wrapper .modal-form form button {
  margin-top: 10px;
  background: #fd6d21 !important;
  color: #fff;
}

.brand-wrappers .brand-item {
  cursor: pointer;
}
.brand-wrappers .brand-item figure {
  transition: 0.2s;
}
.brand-wrappers .brand-item:hover figure {
  transform: scale(1.08);
}




/*# sourceMappingURL=style.css.map */