/* Base */
body {
  line-height: 1.7;
  color: #8c92a0;
  font-weight: 300;
  font-size: 16px;}

::-moz-selection {
  background: #000;
  color: #fff;}

::selection {
  background: #000;
  color: #fff;}

a {-webkit-transition: .3s all ease;-o-transition: .3s all ease; transition: .3s all ease; text-decoration:none;}
  a:hover {
    text-decoration: none;}

.text-black {
  color: #000;}

.site-wrap:before {
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;}

.offcanvas-menu .site-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  overflow: hidden;}
  .offcanvas-menu .site-wrap:before {
    opacity: 1;
    visibility: visible;}

#top-header .pull-left{ text-align:left;  margin-left:-35px;}
#top-header .pull-right{ text-align:right;}
#top-header { height:30px;padding-top: 0px; margin-bottom:0px; background-color: #15161d;}
#top-header .header-links li {display: inline-block; margin-right: 15px;font-size: 0.9em;}
#top-header .header-links li b{color: #ff0; margin-right: 5px;}
#top-header .header-links li b i{color: #ff0;}
#top-header .header-links li:last-child {margin-right: 0px;}
#top-header .header-links li a {color: #FFF; font-weight:500;}
#top-header .header-links li a:hover {color: #ccc;}
#top-header .header-links li i {color: #fff; margin-right: 5px;}
#top-header .header-links li span {color: #fff; margin-right: 5px;}
#top-header .header-links p {color: #fff; margin-right: 5px;}


#top-header .user ul li{color: #fff; font-size: 0.9em; font-weight:500;}
#top-header .user ul li span{color: #fff; height:5px; font-weight:500;}
#top-header .user ul li a{color: #fff; font-size: 0.9em;}
#top-header .user ul li a:hover{color: #ccc; font-size: 0.9em; text-decoration:underline;}
#top-header .user ul li b{color: #ff9326; font-size: 0.9em;}

/* conteudo */
.conteudo {background: #fff; height:auto; min-height:700px}

/* Navbar */
.site-navbar {background: #fff; margin-bottom: 0px; z-index: 1999; position: relative;}
.site-navbar.transparent {background: transparent;}
.site-navbar .site-navbar-top {height:85px;  background:#1E1F29;border-bottom: 1px solid #f3f3f4; padding-top: 7px; padding-bottom: 0px; margin-bottom: 0px;   margin-top: 0px;}
  
.site-navbar .site-search-icon a span {display: inline-block; margin-right: 10px;}
.site-navbar .site-search-icon a:hover {text-decoration: none;}
.search-bar { max-width: 500px;margin: auto auto;}
.search-bar input::placeholder {color: #bbb;}
.search-bar .input-group {border-radius: 30px;height:34px;overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);}
.search-bar .form-control {border: none; padding: 0 20px 3px 20px; height:35px; color:#00468c;}
.search-bar .btn {border: 3px solid #002db2; background:#002db2; padding: 0px 10px;}
.search-bar .btn i {color:#fff;}

.logo  {margin-top:14px; margin-bottom:25px;}
.search {margin-top:14px; margin-bottom:25px;}
.cart  {margin-top:20px; margin-bottom:25px;}
.site-navbar .site-logo  {text-align:left;}
.site-navbar .site-logo img { border:none;}
.site-navbar .site-logo a:hover {text-decoration: none;}

.site-navbar a {color: #868995;}
.site-navbar a:hover {color: #3d3f45;}
.site-navbar .icon {font-size: 20px;}
.site-navbar  {text-align:right;}
.site-navbar  .site-navbar-top .cart{margin-top:25px; margin-left:-10px;}

.site-navbar .site-top-icons ul, .site-navbar .site-top-icons ul li {padding: 0; margin: 0; list-style: none;}
.site-navbar .site-top-icons ul li {display: inline-block;}
.site-navbar .site-top-icons ul li a {margin-right: 10px;}
.site-navbar .site-top-icons ul li a.site-cart {display: block; position: relative;}
.site-navbar .site-top-icons ul li a.site-cart .count {position: absolute; top: 0;right: 0; margin-right: -13px;margin-top: -15px;font-size: 10px; width: 20px; height: 20px;line-height: 20px; border-radius: 50%; display: block; text-align: center;background: #0d6efd; color: #fff; font-weight:700; -webkit-transition: .1s all ease-in-out; -o-transition: .1s all ease-in-out;transition: .1s all ease-in-out;}
.site-navbar .site-top-icons ul li a:hover .count{-webkit-box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.3) !important; box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.3) !important; margin-top: -16px;}
.site-navbar .site-top-icons ul li:last-child a {padding-right: 0;}
.site-navbar .site-top-icons ul .site-menu-toggle {font-size: 25px; position: relative; top: 2px; margin-left: 20px;}
.site-navbar .site-top-icons .login-user-mobile {display:none;}
	
.site-navbar .site-navigation.border-bottom {border-bottom: 1px solid #f3f3f4 !important;}
.site-navbar .site-navigation .site-menu {margin-bottom: 0; text-align:left; margin-left:-45px;}

.menu {border-bottom:1px solid #ccc; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2);}
.site-navbar .pag {padding-top:4px;}
.site-navbar .pag span {color:#333;}


.site-navbar .site-navigation .site-menu .active > a {color: #333;}
.site-navbar .site-navigation .site-menu a {text-decoration: none !important; font-size: 15px; display: inline-block;}
.site-navbar .site-navigation .site-menu > li {display: inline-block; padding: 5px 5px;}
.site-navbar .site-navigation .site-menu > li > a {padding: 0px 10px;text-transform: uppercase; letter-spacing: .05em;
 color: #333; font-size: 13px; font-weight:500; text-decoration: none !important;}
.site-navbar .site-navigation .site-menu > li > a:hover {color: #666;}
.site-navbar .site-navigation .site-menu .has-children {position: relative;}
.site-navbar .site-navigation .site-menu .has-children > a {position: relative; padding-right: 20px;}
.site-navbar .site-navigation .site-menu .has-children > a:before {position: absolute; content: "\e313"; font-size: 16px;
top: 50%; right: 0; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%); font-family: 'icomoon';}
.site-navbar .site-navigation .site-menu .has-children .dropdown {visibility: hidden;opacity: 0; top: 100%; position: absolute; 
text-align: left; border: 1px solid #ddd; -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.05);
border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0px 0;
margin-top: 20px; margin-left: 0px; background: #fff;-webkit-transition: 0.2s 0s;-o-transition: 0.2s 0s;transition: 0.2s 0s;}
.site-navbar .site-navigation .site-menu .has-children .dropdown a {font-size: 16px; text-transform: none; letter-spacing: normal; -webkit-transition: 0s all; -o-transition: 0s all; transition: 0s all;}.site-navbar .site-navigation .site-menu .has-children .dropdown .active > a { color: #333 !important;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {list-style: none; padding: 0; margin: 0; min-width: 200px;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {padding: 9px 20px; color:#444; display: block;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {background: #f4f5f9;color: #25262a;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {content: "\e315";right: 20px;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {left: 100%;top: 0;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {background: #f4f5f9; color: #25262a;}
.site-navbar .site-navigation .site-menu .has-children a {text-transform: uppercase;}
.site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {color: #333;}
.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {cursor: pointer;}
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {-webkit-transition-delay: 0s; -o-transition-delay: 0s;transition-delay: 0s; margin-top: 0px; visibility: visible; opacity: 1;}

.site-mobile-menu {width: 300px; position: fixed; right: 0; z-index: 2000; padding-top:5px; background: #fff;
height: calc(100vh); -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;}
.offcanvas-menu .site-mobile-menu {-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);}
.site-mobile-menu .site-mobile-menu-header {width: 100%; float: left; margin-bottom: 0px; padding-left: 20px; padding-right: 20px;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {float: right;margin-top: 8px;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {font-size: 40px; display: inline-block; padding-left: 10px; padding-right: 10px;line-height: 1; cursor: pointer; -webkit-transition: .3s all ease;
-o-transition: .3s all ease;transition: .3s all ease;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {color: #25262a;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {float: left; margin-top: 10px; margin-left: 20px;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {display: inline-block; text-transform: uppercase; color: #25262a; letter-spacing: .2em;font-size: 20px; padding-left: 10px; padding-right: 10px; border: 2px solid #25262a;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {text-decoration: none;}
.site-mobile-menu .site-mobile-menu-body {overflow-y: scroll; -webkit-overflow-scrolling: touch;position: relative; padding:5px 20px; padding:5px 20px; height: calc(100vh - 52px); padding-bottom: 150px;}
.site-mobile-menu .site-nav-wrap {padding: 0; margin-top:-50px; list-style: none; position: relative;}
.site-mobile-menu .site-nav-wrap a {padding: 10px 20px; display: block; position: relative;color: #212529;}
.site-mobile-menu .site-nav-wrap a:hover {color: #7971ea;}
.site-mobile-menu .site-nav-wrap li {position: relative;display: block;}
.site-mobile-menu .site-nav-wrap li.active > a {color: #7971ea;}
.site-mobile-menu .site-nav-wrap .arrow-collapse {position: absolute;right: 0px; top: 10px;
 z-index: 20; width: 36px;height: 36px;text-align: center;cursor: pointer;border-radius: 50%;}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {background: #f8f9fa;}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {font-size: 12px; z-index: 20; font-family: "FontAwesome"; content: "\f078"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-180deg);-ms-transform: translate(-50%, -50%) rotate(-180deg); transform: translate(-50%, -50%) rotate(-180deg); -webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease;}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.site-mobile-menu .site-nav-wrap > li {display: block; position: relative;float: left;width: 100%;}
.site-mobile-menu .site-nav-wrap > li > a {padding-left: 20px; font-size: 20px;}
.site-mobile-menu .site-nav-wrap > li > ul { padding: 0;margin: 0;list-style: none;}
.site-mobile-menu .site-nav-wrap > li > ul > li {display: block;}
.site-mobile-menu .site-nav-wrap > li > ul > li > a {padding-left: 40px; font-size: 16px;}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul { padding: 0;margin: 0;}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {display: block;}
 .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {font-size: 16px; padding-left: 60px;}
	
/*-----------sextion title --------------*/	
.section-title {padding: 5px 15px; position: relative; margin-bottom: 10px; margin-top: 5px;}
.section-title .title {display: inline-block; margin: 0px; color:#444; font-size:1.2em; font-weight:500;}

.section-title2 .title {display: inline-block; margin-left: 10px;  margin-bottom: 0px;  margin-top: 10px;color:#444; font-size:1em; font-weight:500;}
.section-title2 ul {padding:5px 20px;}

.section-title2 ul li {font-size:0.8em; padding:1px 10px;}

/*-------------- hero ----------------------*/
.hero {width: 100%; padding: 0px 0 40px 0; background: #3f96cc; text-align:center;}
.hero h2 {margin: 0px 0 10px 0; font-size: 28px; font-weight: 700; line-height: 36px; color: #fff; font-family: "Poppins", sans-serif;}
.hero p {color: #c6dae1; margin-bottom: 20px; font-size: 1.2em; line-height: 26px; font-weight: 500;}
.hero .img-hero {padding-top: 40px;}
.hero .btn-get-started {color: #fff; border-radius: 10px; padding: 6px 25px 5px 25px; transition: all ease-in-out 0.3s; display: inline-block; background: #198754; font-size: 0.9em;}
.hero .btn-get-started:hover {background: #ccc; color: #444;}
@media (max-width: 991px) {
 .hero {padding: 0;}
 .hero .hero-img {line-height: 16px; padding: 0 10px; margin: -30px auto -80px auto; max-width:50%;}
 .hero h2 {margin: 10px 0 5px 0; font-size: 18px; font-weight: 700; line-height:26px; color: #fff; font-family: "Poppins", sans-serif;}
.hero p {color: #c6dae1; margin-bottom: 20px; font-size: 1.2em; line-height: 26px; font-weight: 500;}
}
/*------------- pagina detalhes do produto --------------------------*/
.item-detail{height:auto; min-height:200px;  margin-top:-40px;}
.item-detail h2{color: #333;font-size: 1.2em; font-weight:600;}
.item-detail p{color: #666;font-size: 1.1em; font-weight:500;}
.item-detail .price{color: #0080ff;font-size: 1.1em; font-weight:600;}

.item-detail .carousel-inner{height:auto; min-height:380px; border:1px solid #ccc;}
.carousel-item {width: 100%}
.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {filter: invert(100%); margin-bottom:15px;}
.carousel .carousel-indicators li {background-color: #333; margin-top:80px;}
.carousel .carousel-indicators li.active {background-color: #333; margin-top:80px;}


/*---- Faq Section -----------*/
.faq {margin: -50px 0 30px 0;}
.faq .accordion-body{margin-top: -20px;}

/*---- Downloads -----------*/
.downloads {margin-top: 20px; margin-bottom: 50px;}
.downloads .box	{margin-top: 20px;}
.downloads .card	{margin-bottom: 10px; height:auto; min-height:240px;}
.downloads .card .card-body h5	{font-size:1em; margin-top: 10px;}
.downloads .card .card-body p	{font-size:0.9em;}
.downloads .card .card-body .btn	{padding:1px 10px 3px 10px;font-size:13px; margin-top:-20px;}

/*--------------- Cart Section-----------------------*/
.cart {margin-top:5px; }
.cart .cart-actions .btn-sm{font-size: 0.8em; height:25px; padding:1px 10px 10px 10px;}
.cart .cart-items {border:1px solid #eee;background-color: var(--surface-color); border-radius: 0.5rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); padding: 1.5rem; margin-bottom: 1.5rem;}
.cart .cart-items .cart-header {padding-top: 0.5rem; padding-bottom: 0.6rem; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
.cart .cart-items .cart-header h5 {font-size: 1em; font-weight: 500; margin-bottom: 0; color: #333;}
.cart .cart-items .cart-item {padding: 0.rem 0; border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); transition: background-color 0.3s ease; color: #666;}
.cart .cart-items .cart-item:last-child {border-bottom: none;}
.cart .cart-items .cart-item:hover {background-color: color-mix(in srgb, var(--background-color), transparent 70%);}
.cart .cart-items .cart-item .product-info .product-image {width: 5rem; height: 5rem; min-width: 5rem; border-radius: 0.375rem; overflow: hidden; margin-right: 1rem; border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); background-color: var(--surface-color); display: flex; align-items: center; justify-content: center;}
.cart .cart-items .cart-item .product-info .product-image img {max-width: 200%; max-height: 200%; object-fit: contain;}

@media (max-width: 767.98px) {
.cart .cart-items .cart-item .product-info .product-image {width: 4rem; height: 4rem; min-width: 4rem;}}
.cart .cart-items .cart-item .product-info .product-details {flex: 1;}
.cart .cart-items .cart-item .product-info .product-details .product-title {font-weight: 500; margin-bottom: 0.5rem; font-size: 1rem; color: var(--heading-color);}
.cart .cart-items .cart-item .product-info .product-details .product-meta {display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 0.5rem; font-size: 0.8125rem; color: color-mix(in srgb, var(--default-color), transparent 30%);}
.cart .cart-items .cart-item .product-info .product-details .product-meta span {display: inline-block;}
.cart .cart-items .cart-item .product-info .product-details .remove-item {background: none;font-weight: 600; border: none; padding: 0; font-size: 0.8125rem; color: color-mix(in srgb, var(--default-color), transparent 30%); display: inline-flex; align-items: center; gap: 0.25rem; transition: color 0.3s ease;}
.cart .cart-items .cart-item .product-info .product-details .remove-item:hover {color: #dc3545;}
.cart .cart-items .cart-item .product-info .product-details .remove-item i {font-size: 0.875rem;}
.cart .cart-items .cart-item .price-tag .current-price {font-weight: 600; color: var(--heading-color); font-size: 1rem;}
.cart .cart-items .cart-item .price-tag .original-price {text-decoration: line-through; color: color-mix(in srgb, var(--default-color), transparent 40%); font-size: 0.875rem; margin-left: 0.5rem;}
.cart .cart-items .cart-item .item-total {font-weight: 700; color: var(--heading-color); font-size: 1em;}

@media (max-width: 767.98px) {
  .cart .cart-items .cart-item {padding: 1rem 0.5rem; margin-bottom: 0.5rem; border-radius: 0.375rem; border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}
  .cart .cart-items .cart-item .price-tag,
  .cart .cart-items .cart-item .item-total {font-size: 0.9375rem;}
}

.cart .cart-items .cart-actions {padding-top: 1.5rem; margin-top: 1rem; border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}
.cart .cart-items .cart-actions .coupon-form .input-group {max-width: 24rem;}
.cart .cart-items .cart-actions .coupon-form .input-group .form-control {border-right: none; color: var(--default-color); background-color: var(--surface-color); font-size: 0.875rem; border-color: color-mix(in srgb, var(--default-color), transparent 80%);}
.cart .cart-items .cart-actions .coupon-form .input-group .form-control:focus {border-color: var(--accent-color); box-shadow: none;}
.cart .cart-items .cart-actions .coupon-form .input-group .form-control::placeholder {color: color-mix(in srgb, var(--default-color), transparent 70%);}
.cart .cart-summary {background-color: var(--surface-color); border-radius: 0.5rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); padding: 1.5rem; position: sticky; top: 6.5rem; border:1px solid #eee;}
.cart .cart-summary .summary-title {font-size: 1.25rem; font-weight: 600; margin-bottom: 1.25rem; padding-bottom: -10px; border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}
.cart .cart-summary .summary-item {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem; font-size: 0.9375rem; color:#333; font-weight: 500;}
.cart .cart-summary .summary-item.discount {color: #444;}
.cart .cart-summary .summary-item .summary-label {color: color-mix(in srgb, var(--default-color), transparent 20%);}
.cart .cart-summary .summary-item .summary-value {font-weight: 600; color: #265cff;}
.cart .cart-summary .summary-item .shipping-options {width: 100%; margin-top: 0.5rem;}
.cart .cart-summary .summary-item .shipping-options .form-check {margin-bottom: 0.2rem;color: #265cff; display: flex; justify-content: flex-end; align-items: center;}
.cart .cart-summary .summary-item .shipping-options .form-check:last-child {margin-bottom: 0;}
.cart .cart-summary .summary-item .shipping-options .form-check .form-check-input {margin-top: 0;border:1px solid #666; margin-left: 0; margin-right: 0.5rem; float: none;}
.cart .cart-summary .summary-item .shipping-options .form-check .form-check-input:checked {background-color: #333; border-color: #555;}
.cart .cart-summary .summary-item .shipping-options .form-check .form-check-input:focus {box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--accent-color), transparent 0%);}
.cart .cart-summary .summary-item .shipping-options .form-check .form-check-label {font-size: 0.9rem; color: #777; padding-left: 0; font-weight:500;}
.cart .cart-summary .summary-total {display: flex; justify-content: space-between; align-items: center; margin: 1.3rem 0; padding-top: 0.2rem; border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}
.cart .cart-summary .summary-total .summary-label {font-size: 1.1em; font-weight: 600; color:#333;}
.cart .cart-summary .summary-total .summary-value {font-size: 1.1rem; font-weight: 600; color: #265cff;}
.cart .cart-summary .checkout-button {margin-bottom: 1rem;}
.cart .cart-summary .checkout-button .btn { height:30px; padding: 2px 10px 5px 10px; font-weight: 600; font-size: 0.9em; transition: all 0.3s ease; display: flex; margin-bottom:-10px;
 align-items: center; justify-content: center; gap: 0.5rem;}
.cart .cart-summary .checkout-button .btn i {transition: transform 0.3s ease;}
.cart .cart-summary .checkout-button .btn:hover i {transform: translateX(0.25rem);}
.cart .cart-summary .continue-shopping {margin-bottom: 1.5rem;}
.cart .cart-summary .continue-shopping .btn-link {height:30px; background:#0d6efd; color:#fff; text-decoration: none;font-weight:600; font-size: 0.9em;
 padding: 2px 10px 5px 10px; display: flex; align-items: center; justify-content: center; gap: 0.375rem; transition: all 0.3s ease;}
.cart .cart-summary .continue-shopping .btn-link i {transition: transform 0.3s ease;}
.cart .cart-summary .continue-shopping .btn-link:hover {color: #eee;}
.cart .cart-summary .continue-shopping .btn-link:hover i {transform: translateX(-0.25rem);}
.cart .cart-summary .payment-methods { border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); padding-top: 1rem;}
.cart .cart-summary .payment-methods .payment-title {font-size: 0.875rem; color: color-mix(in srgb, var(--default-color), transparent 30%); margin-bottom: 0.5rem; text-align: center;}
.cart .cart-summary .payment-methods .payment-icons {display: flex;justify-content: center; gap: 1rem;}
.cart .cart-summary .payment-methods .payment-icons i {font-size: 1.5rem; color: color-mix(in srgb, var(--default-color), transparent 40%); transition: color 0.3s ease;}
.cart .cart-summary .payment-methods .payment-icons i:hover { color: var(--accent-color);}
.cart .btn {height:35px;padding: 5px 0;}
.cart .btn-outline-accent {color: var(--accent-color); border-color: var(--accent-color); background-color: transparent;}
.cart .btn-outline-accent:hover,
.cart .btn-outline-accent:focus,
.cart .btn-outline-accent:active {color: var(--contrast-color); background-color: var(--accent-color); border-color: var(--accent-color);}
.cart .btn-outline-heading {color: var(--heading-color); border-color: var(--heading-color); background-color: transparent;}
.cart .btn-outline-heading:hover,
.cart .btn-outline-heading:focus,
.cart .btn-outline-heading:active {color: var(--contrast-color); background-color: var(--heading-color); border-color: var(--heading-color);}
.cart .btn-outline-remove {color: #dc3545; border-color: #dc3545; background-color: transparent;}
.cart .btn-outline-remove:hover,
.cart .btn-outline-remove:focus,
.cart .btn-outline-remove:active {color: var(--contrast-color); background-color: #dc3545; border-color: #dc3545;}
.cart .btn-accent {color: #265cff; background-color: var(--accent-color); border-color: var(--accent-color);}
.cart .btn-link {color: #333; background-color: var(--accent-color); border-color: var(--accent-color);}
.cart .btn-accent:hover,
.cart .btn-accent:focus,
.cart .btn-accent:active {color: var(--contrast-color); background-color: color-mix(in srgb, var(--accent-color), #000 15%); border-color: color-mix(in srgb, var(--accent-color), #000 15%);}
@media (max-width: 991.98px) {
  .cart .cart-summary {position: static;}
}


/*----------- Finaliza pedido --------------*/
.finalPedido {border: solid 1px #ddd; padding:20px; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);}

.finalPedido img{height:100px; width:100pz; margin-left:-20px;}
.finalPedido .text-left{color:#111; font-weight:600;}
.finalPedido .text-right{color:#555; font-weight:500;}
.finalPedido .btn{margin:30px 0px 10px 0;}

/*----------- informacoes index --------------*/
.infor{margin: 60px 0 60px 0;}
.infor_row{padding-left: 20px;padding-right: 20px;}
.infor_col{padding-left: 0px;padding-right: 0px;}
.infor_item{height:auto; min-height: 120px;background: #fff; border-right: solid 1px #ddd;padding-left: 25px;}
.infor_col:last-child .infor_item{border-right: none;}
.infor_icon i{font-size: 30px;color: #333;}
.infor_content{padding-left: 22px;}
.infor_content h6{color: #333;text-transform: uppercase;line-height: 18px;font-weight: 500;margin-bottom: 0px;}
.infor_content p{font-size: 15px;line-height: 22px;margin-bottom: 0px;color: #666;}

/*---------- Login indeex --------------*/
.login {margin:0 auto; padding:0;}
.login  .btn-color{ background-color: #0e1c36; color: #fff; }
.login  i{font-size:30px; margin:5px 0 20px 0;}
.login  .cardbody-color{background-color: #ebf2fa; -webkit-box-shadow: 2px 8px 24px 0px rgba(204, 204, 204, 1);
-moz-box-shadow: 2px 8px 24px 0px rgba(204, 204, 204, 1);
box-shadow: 2px 8px 24px 0px rgba(204, 204, 204, 1);}

.login  a{text-decoration: none; font-weight:400;}

/*---------- produtos-index --------------*/
.produtos-index {background-color: #f1f1f1; padding:20px 0 30px 0; margin-top:20px;}
.product {position: relative; margin: 15px 0px; -webkit-box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED; box-shadow: 0px 0px 0px 0px #E4E7ED; background-color: #fff;
0px 0px 0px 1px #E4E7ED; -webkit-transition: 0.2s all; transition: 0.2s all; height:auto; min-height:230px;}
.product:hover {-webkit-box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 1px #999; box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 1px #999;}
.product .product-img {position: relative;}
.product .product-img>img {width: 100%; padding-bottom:20px;}
.product .product-img .product-label {position: absolute; top: 15px; right: 15px;}
.product .product-img .product-label>span {border: 2px solid; padding: 2px 10px; font-size: 12px;}
.product .product-body {position: relative; padding: 5px 10px; background-color: #fff; text-align: center; z-index: 20;}
.product .product-body .product-name {text-transform:; font-size: 16px; margin-top:5px;}
.product .product-body .product-name>a {font-weight: 500;  color: #444;}
.product .product-body .product-name>a:hover, .product .product-body .product-name>a:focus {color: #999;}
.product .product-body .product-price {color: #666;font-size: 15px;}

/*---------- Products slick --------*/
.products-slick .slick-list {padding-bottom: 60px; margin-bottom: -60px; z-index: 2;}
.products-slick .product.slick-slide {margin: 15px;}
.products-tabs>.tab-pane {display: block; height: 0; opacity: 0; visibility: hidden; overflow-y: hidden; padding-bottom: 60px; margin-bottom: -60px;}
.products-tabs>.tab-pane.active {opacity: 1; visibility: visible;height: auto;}
.products-slick-nav {position: absolute; right: 15px; z-index: 10;}
.products-slick-nav .slick-prev, .products-slick-nav .slick-next {position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: 20px; color:#333;  height: 20px; display: inline-block !important; margin: 0px 2px;}
.products-slick-nav .slick-prev:before, .products-slick-nav .slick-next:before {font-size: 14px;color:#333;}

.categoria{height:auto; margin-bottom:10px; margin-top:10px;}
.categoria .btn {width:auto; margin:5px; padding-left:10px; padding-right:10px; padding-top:1px;font-size:0.9em; font-weight:500;}



/*---------- produtos-index --------------*/
.marcas-index-1 {background-color: #fff; height:auto; margin-bottom:30px; margin-top:-20px;}
.marca {position: relative; margin: 15px 0px; -webkit-box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED; box-shadow: 0px 0px 0px 0px #E4E7ED; background-color: #fff;0px 0px 0px 1px #E4E7ED; -webkit-transition: 0.2s all; transition: 0.2s all; height:auto; min-height:70px;}
.marca:hover {-webkit-box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 1px #999; box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 1px #999;}
.marca .marca-img {position: relative;}
.marca .marca-img>img {width: 80%; padding-bottom:20px; margin:0 auto;}
.marca .marca-img .marca-label {position: absolute; top: 15px; right: 15px;}
.marca .marca-img .marca-label>span {border: 2px solid; padding: 2px 10px; font-size: 12px;}
.marca .marca-body {position: relative; padding: 5px 10px; background-color: #fff; text-align: center; z-index: 20;}
.marca .marca-body .marca-name {text-transform: uppercase; font-size: 14px; margin-top:5px;}
.marca .marca-body .marca-name>a {font-weight: 600;}
.marca .marca-body .marca-name>a:hover, .marca .marca-body .marca-name>a:focus {color: #999;}
.marca .marca-body .marca-price {color: #666;font-size: 15px;}

/*---------- marcas slick --------*/
.marcas-slick .slick-list {padding-bottom: 60px; margin-bottom: -60px; z-index: 2;}
.marcas-slick .marca.slick-slide {margin: 15px;}
.marcas-tabs>.tab-pane {display: block; height: 0; opacity: 0; visibility: hidden; overflow-y: hidden; padding-bottom: 60px; margin-bottom: -60px;}
.marcas-tabs>.tab-pane.active {opacity: 1; visibility: visible;height: auto;}
.marcas-slick-nav {position: absolute; right: 15px; z-index: 10;}
.marcas-slick-nav .slick-prev, .marcas-slick-nav .slick-next {position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: 20px; color:#333;  height: 20px; display: inline-block !important; margin: 0px 2px;}
.marcas-slick-nav .slick-prev:before, .marcas-slick-nav .slick-next:before {font-size: 14px;color:#333;}



/*-------------------- Services -------------------------------*/
.service						{height:auto; min-height:400px;  padding-top:20px;  padding-left:20px;padding-bottom:30px; margin-top:20px; background: #fff;}
.service .btn						{font-size:0.8em; background: #252223;}
.service .s1					{padding-top:-20px; padding-bottom:0px; font-size:1.2em;} 
.box-simple 					{height:auto; min-height:170px; padding:20px 10px 10px 10px; border:1px solid #ddd; margin-top: 10px; background-color: #fff; text-align: center; margin-bottom: 10px;-webkit-box-shadow: 10px 10px 5px -6px rgba(204,204,204,0.89); moz-box-shadow: 10px 10px 5px -6px rgba(204,204,204,0.89); box-shadow: 10px 10px 5px -6px rgba(204,204,204,0.89);}
.box-simple .icon 				{-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.box-simple .icon i 			{color: #444; font-size:30px;}
.box-simple h3 					{font-weight: 500; margin-top:10px; font-size: 15px; text-transform: uppercase; line-height: 1.5; color: #555555; font-weight: 600;}
.box-simple h3 a 				{color: #555555; font-family: var(--font-primary);}
.box-simple p 					{color: #777; font-size: 16px; font-weight:400; margin-top:-10px;}
.box-simple:hover .icon 		{-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}
.box-simple:hover .icon i 		{-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}
.service .title		{margin-left:-15px;}

@media only screen and (max-width : 768px) {
.service 					{padding:20px 20px 40px 20px;} 
.service .s2				{margin-top: -20px;} 
.box-simple 					{margin-top: 5px; min-height:150px;} 
}


/*------------ Precos servicos ------------*/
.pricing  {padding: 40px 0px 40px 0;background-color: #f1f1f1; margin-bottom:50px;}
.pricing .pricing-item {background-color: #fff; padding: 0px 10px; text-align: center; border-radius: 8px; position: relative;
overflow: hidden; border:1px solid #ccc; height:auto;  min-height:190px; }
.pricing .pricing-item h3 {padding: 5px 5px; margin-top: 15px; font-size: 18px; font-weight: 600; color: #333; margin-bottom:3px;}
.pricing .pricing-item h4 {color: #2693ff; font-size: 23px; font-family: var(--default-font); font-weight: 500;}
.pricing .pricing-item h4 sup {font-size: 20px;color:#222; top: 0px; bottom: -30px; left: -3px;}
.pricing .pricing-item h4 span {color: color-mix(in srgb, var(--default-color), transparent 40%); font-size: 16px; top: -30px; font-weight: 300;}
.pricing .pricing-item ul {padding: 5px 0; list-style: none; text-align: center; line-height: 25px;  font-size: 15px; margin-top:-5px; font-weight:500;}
.pricing .pricing-item ul li {padding: 0px;}
.pricing .pricing-item ul .na {color: color-mix(in srgb, var(--default-color), transparent 60%); text-decoration: line-through;}

.pricing .recommended-badge {position: absolute; top: 20px; left: 50%; transform: translateX(-50%); z-index: 1; font-size: 13px; padding: 3px 25px 6px 25px; background: color-mix(in srgb, var(--accent-color), transparent 92%);
color: var(--accent-color); border-radius: 50px;}
			
/* Blocks */
.site-blocks-cover {background-size: cover;background-repeat: no-repeat; background-position: center center;}
.site-blocks-cover, .site-blocks-cover .row {min-height: 600px;height: calc(100vh - 174px);}
.site-blocks-cover h1 {font-size: 30px;font-weight: 900; color: #000;}
@media (min-width: 768px) {
    .site-blocks-cover h1 {font-size: 50px;}
}
.site-blocks-cover p {color: #333333; font-size: 20px;line-height: 35px;}
.site-blocks-cover .intro-text {font-size: 16px; line-height: 1.5;}

.site-blocks-1 {border-bottom: 1px solid #edf0f5;background: #ddd;}
.site-blocks-1 .divider {position: relative;}
.site-blocks-1 .divider:after {content: ""; position: absolute; height: 100%; width: 1px; right: 10px; background: #edf0f5;}
.site-blocks-1 .divider:last-child:after {display: none;}
.site-blocks-1 .icon i {color: #111;position: relative; margin-right:10px; top: -10px; font-size: 25px;display: inline-block;}
.site-blocks-1 .text h2 {font-weight:500;color: #111; letter-spacing: .05em; font-size: 17px;}
.site-blocks-1 .text p {color:#444; font-weight:500; line-height:5px;}
.site-blocks-1 .text p:last-child {margin-bottom: 0;}

/*============= Catalogo =====================*/

.trending-product {margin-bottom:50px; margin-left:10px;}
.trending-product .title{font-size: 1.1em;}
.trending-product .section-title {margin-bottom: 20px;  margin-top: -50px;}
.trending-product .section-title h2{font-size: 25px; font-weight:500;}

/* Single Product*/
.single-product {border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-top: 20px;
 box-shadow: 8px 10px 15px -3px rgba(0,0,0,0.1); padding: 13px; background: #fff; margin-top:0px; height:auto; min-height:280px;}
.single-product .product-image {overflow: hidden; position: relative;}
.single-product .product-image .sale-tag {background: #f73232; border-radius: 2px; font-size: 12px; color: #fff; font-weight: bold; position: absolute;
top: 0; padding: 5px 10px; left: 0; z-index: 22;}
.single-product .product-image .button {position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -60px;
-webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0;visibility: hidden;}
.single-product .product-image .button .btn {padding: 12px 20px; font-size: 13px;font-weight: 600;width: 140px;}
.single-product .product-image .button .btn i {font-size: 18px; position: relative; top: 2px;}
.single-product .product-image img {width: 100%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.single-product:hover .product-image .button {bottom: 30px; opacity: 1; visibility: visible;}
.single-product:hover .product-image img {-webkit-transform: scale(1.1); transform: scale(1.1);}
.single-product .product-info {padding: 0px; background-color: #fff;}
.single-product .product-info .category {color: #888;font-size: 14px; display: block; margin-bottom: 0px;}
.single-product .product-info .title  {text-align:center; line-height:22px; margin-top:10px;}
.single-product .product-info .title a {font-size: 16px;text-align:center; font-weight: 500; color: #081828; margin-bottom: -10px;}
.price span {margin-top: -15px;}
.single-product .product-info .detail {text-align:center;  margin-top: 5px; margin-bottom: 5px;}
.single-product .product-info .detail .btn{font-size: 0.8em; padding:0px 10px 2px 10px; font-weight: 500;}
.single-product .product-info .title a:hover {color: #0167F3;}
.single-product .product-info .price { text-align:center;margin-top: -5px; margin-bottom: -5px;}
.single-product .product-info .price span {font-size: 0.9em; font-weight: 500; color: #006dd9; display: inline-block;line-height:15px;}

.single-product-btn {padding: 2px 10px 2px 10px; font-size: 13px;}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
	.single-product { min-height:250px;}
  .single-product .product-info .title a {font-size: 15px;}
}

/*------------ Clientes index ---------------------------*/
.clientes  					{background-color: #f1f1f1; padding:60px 0px 35px 0px; margin-bottom:50px; }
.stats  					{background-color: #fff;}
.stats i 					{background-color: var(--accent-color); color: var(--contrast-color); border: 6px solid var(--surface-color); width: 64px; height: 64px; font-size: 24px;
border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; position: relative; z-index: 1;}
.stats .stats-item 			{background-color: #fff; margin-top: -32px; padding: 40px 30px 35px 30px; width: 100%; position: relative; text-align: center; border-radius: 4px; z-index: 0;}
.stats .stats-item span 	{font-size: 36px; display: block; font-weight: 700;}
.stats .stats-item p {padding: 0; margin: 0; font-family: var(--heading-font); font-size: 16px;}

/*------------ Marcas index  ------------*/
.marcas{height:auto; min-height:30px; padding-top: 1px;   padding-bottom: 0px; margin-top: -20px; margin-bottom: 10px;   background: #fff;}

/*----------------- Contato index--------------------*/

.contact {background-color: #fff; padding:30px 0 30px 0; margin-top:-50px; margin-bottom:50px}
.contact #maps{width:auto; min-width:600px; height:auto; min-height:400px; padding-left:20px;}
.contact .info {max-width:600px;padding: 20px 20px; margin-left:10px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); overflow: hidden; border: 1px solid #eee;}
.contact .info h3 {font-weight: 600; font-size: 24px;}
.contact .info p {color: color-mix(in srgb, var(--default-color), transparent 40%); margin-bottom: 30px; font-size: 15px;}
.contact .info-item+.info-item {padding-top: 10px;  margin-top: 10px; border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}
.contact .info-item i {font-size: 24px; color: var(--accent-color); transition: all 0.3s ease-in-out; margin-right: 20px;}
.contact .info-item h4 {padding: 0; font-size: 18px; font-weight: 600; margin-bottom: 5px;color: #666;}
.contact .info-item p {font-weight:500;padding: 0; margin-bottom: 0; font-size: 16px color: #777;}
.contact .php-email-form {width: 95%; padding: 30px 50px 20px 50px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); overflow: hidden; border: 1px solid #eee;}
.contact .php-email-form .form-group {padding-bottom: 3px;}
.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email],
.contact .php-email-form textarea {border-radius: 0px;border:1px solid #ccc; box-shadow: none; font-size: 14px; background-color: color-mix(in srgb, var(--background-color), transparent 50%); 
border-color: 1px solid #ddd; color:#00468c;}
.contact .php-email-form input[type=text]:focus,
.contact .php-email-form input[type=email]:focus,
.contact .php-email-form textarea:focus {border-color: 1px solid #ccc; color:#036;}
.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email] {height: 38px; padding: 10px 10px;}
.contact .php-email-form textarea {padding: 10px 10px;}
.contact .php-email-form input::placeholder {color: #ccc;}
.contact .php-email-form textarea::placeholder {color: #ccc;}

.forms { padding:0px 0 30px 0; margin-top:-5px; margin-bottom:50px;}
.forms .php-email-form  {padding: 30px 30px 30px 30px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); overflow: hidden; border: 1px solid #ddd;}
.forms label{font-size: 14px;  color:#333; font-weight:500;}
.forms small{font-size: 0.7em; margin-top:-5px; font-weight:600;}
.forms .php-email-form .form-group {padding-bottom: 0px;}
.forms .php-email-form .form-group input[type=text],
.forms .php-email-form .form-group input[type=password],
.forms .php-email-form .form-group input[type=phone],
.forms .php-email-form .form-group input[type=email] {border-radius: 0px; height:auto; min-height:30px; border:1px solid #ddd; box-shadow: none; font-size: 14px; background-color: color-mix(in srgb, var(--background-color), transparent 50%); color:#00468c; height:20px; padding:0px 10px;  margin-bottom:-3px}

.forms .php-email-form textarea {border-radius: 0px; box-shadow: none; font-size: 14px; background-color: color-mix(in srgb, var(--background-color), transparent 50%); border: 1px solid #ddd; color:#00468c;}

.forms .php-email-form .form-group input[type=text]:focus,
.forms .php-email-form .form-group input[type=password]:focus,
.forms .php-email-form .form-group input[type=phone]:focus,
.forms .php-email-form .form-group input[type=email]:focus {border-color: 1px solid #ccc; color:#036;}

.forms .php-email-form textarea:focus {border-color: 1px solid #ccc; color:#036;}


/*** tabela cliente pedido***/
.table {border-collapse: collapse; background: #fff; margin-top: 0px; padding: 0; width: 100%; font-size:0.9em;}
.table caption {font-size: 0.9em;}
.table tr {background: #fff;}
.table td {font-size: 0.9em; text-align: center;color:#111; border:1px solid #ccc; padding:5px; font-weight:400;}
.table thead th {text-align: center;font-size: 1em; color:#fff; padding:5px;  background: #0080ff; border: 1px solid #999;}
.table th {text-align: center;font-size: 0.9em; color:#fff; padding:10px; }

@media only screen and (max-width : 600px) {
	.table { border: 0;color:#333; }
	.table caption { font-size: 1.2em;color:#333;  }
	.table thead { display: none; }
	.table tr {border-bottom: 3px solid #ddd; display: block; color:#333; }
	.table td {color:#333; border-bottom: 1px solid #333;  display: block; font-size: 1.1em; text-align: left; }
	.table td:before {content: attr(data-label);  font-weight: bold; text-transform: uppercase; padding: 3px 0; color:#f00; }
	.table td:last-child { border-bottom: 0; font-size: 1.1em; color:#fff; background: #bfdfff;}
}

/* footer */
.footer {background:#15161d; height:45px; padding:6px 0; margin-bottom:0px;}
.footer p { margin-bottom: 0px;   padding-top: 2px; color: #fff; font-size:0.9em;}
.footer p a {color: #fff;}

.footer .footer-payments {text-align:right; padding-bottom:0; margin-bottom: 0px;}