.main-nav ul{ width:130%;}

.main{height:auto; min-height:900px;}

#btn  {font-size:0.9em; padding:8px 0;}
#btn2  {font-size:0.9em; padding:1px 0 0px 0;}
#btn3  {font-size:0.9em; padding:2px 0 2px 0;}
@media (max-width: 320px) {
  #btn3  {font-size:0.9em; padding:1px 0 2px 0; margin-bottom:10px;}
}

.whats-index a:hover{bottom:91px;right:21px;}

#btn4  {font-size:0.9em; padding:2px 0 2px 0; font-weight:300;}

#scroll-top	{background:#333; width:30px; height:30px; margin-right:-30px; margin-bottom:-90px;}
#scroll-top	.icon-arrow-up{font-size:0.6em; color:#fff;}
.data-e-hora{color:#333; font-size:0.9em;}
.header-top{border-bottom:1px solid #222; padding:5px 0;}
.header-right .cart-count{color:#fff; font-weight:500;}
.header-right .cart-dropdown a:hover{color:#ccc; font-weight:500;}

.header-top .header-center{border-bottom:1px solid #222; padding:5px 0; color:#fff;}

.header-top .container{ background:#111;}
.header-top .header-left a{color:#fff; font-weight:400;}
.header-top .header-left a:hover{color:#ccc;}

.header-top .header-left p{color:#fff; font-size:1em;font-weight:400;}
.header-top .header-left p a{text-decoration:underline;}

.header-left .category-dropdown .dropdown-toggle{margin-left:-18px;}
.header-left .category-dropdown .dropdown-menu{margin-left:-18px; border:1px solid #ccc;}
.header-left .category-dropdown .dropdown-menu .side-nav ul li a{font-weight:500; line-height:18px; font-size:1.5em}


.header .header-bottom {-webkit-box-shadow: 1px 2px 16px -6px #000000; box-shadow: 1px 2px 16px -6px #000000;}
.header-center .main-nav{min-width:110%;}

.dropdown-menu .side-nav .menu-vertical .sub-menu-categoria{background:#fff;min-width:110%; margin-top:-2px; padding-top:0px; padding-bottom:0px; padding-right:10px;}
.dropdown-menu .side-nav .menu-vertical .sub-menu-categoria li{border-bottom:1px solid #ddd; padding:7px 0;}

.header-center .header-search{margin-left:80px;}
.header-center .header-search input::placeholder {color: #aaa;}

.header-right .top-menu li a{color:#fff; display:block;}
.header-right .top-menu li a:hover{color:#ccc;}


.menu li a{font-size:1em;  margin-right:10px; border:none;}
.mobile-menu-wrapper .mobile-search input{border:1px solid #777;}
.mobile-menu-wrapper .mobile-search button{border:2px solid #0881d8;}

.header-right .top-menu2 {margin-top:1px; margin-bottom:0px; position:relative;}
.header-right .top-menu2 li a{ color:#fff; }
.header-right .top-menu2 li a:hover{color:#ccc;}

.header-3 .logo{margin-bottom:1.5rem;margin-top:1.5rem}
@media (max-width: 320px) {
  .header-left .logo{margin-left:-15px; margin-top:17px; width:80px;}
}

@media (max-width: 768px) {
	.header-middle{height:60px;}
	.header-top{display:none;}
	.header-left .mobile-menu-toggler{margin-left:-12px; margin-top:-15px;}
	.header-left .logo{margin-left:-8px; margin-top:10px; width:230px;}
	.header-right .icon{margin-top:-12px;}
	.mobile-menu-wrapper{margin-left:-5px;}
	.mobile-menu-wrapper p span{margin-left:5px;}
	.header-top .header-left p{display:none;}
.header-top .header-left p a{display:none;}
	
}

.produt #price-col1{font-size:1em;}
#price-col1{ font-size:1em;}

/*-------------- 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;}
}

@media (max-width: 320px) {
.hero h2 {margin: 10px 0 10px 0; font-size: 16px; font-weight: 700; line-height:20px; color: #fff; font-family: "Poppins", sans-serif;}
}


/*-------------- Produtos index ----------------------*/
.produtos-index{height:auto;}
.produtos-index .product{height:auto; border:1px solid #ddd; padding:10px 1px; max-height:265px; -webkit-box-shadow: 11px 11px 8px -6px rgba(204,204,204,1);
-moz-box-shadow: 11px 11px 8px -6px rgba(204,204,204,1); box-shadow: 11px 11px 8px -6px rgba(204,204,204,1);}

/*-------------- box informações index ----------------------*/
.box-infor{background: #f1f1f1; padding:20px 0px; margin-top:20px;}
.box-infor .box-part{ border:1px solid #ccc; height:auto; min-height:200px;background:#FFF; border-radius:0; padding:20px 10px; margin:15px 0px;}
.box-infor .title h4{margin:0px 0px; font-size:0.8em;color:#222;}
.box-infor .box-part .text{margin:10px 0px; font-size:1.1em; color:#444; font-weight:600;}
.box-infor .box-part .fa{color:#4183D7; margin:10px 0px 5px 0px;}
@media (max-width: 640px) {
  .box-infor{padding:20px 10px;}
  .box-infor .box-part{min-height:100px; padding:5px 5px; margin:3px 0px;}
}

/*-------------- Catalogo ----------------------*/
.catalogo{height:auto;}
.c1{margin-top:15px; margin-bottom:15px; font-size:1.1em;} 
.catalogo .product-7{ border:1px solid #ddd; padding:10px 1px; max-height:300px; -webkit-box-shadow: 11px 11px 8px -6px rgba(204,204,204,1);
-moz-box-shadow: 11px 11px 8px -6px rgba(204,204,204,1); box-shadow: 11px 11px 8px -6px rgba(204,204,204,1);}
.catalogo .product-7 .product-body{padding-bottom:5px;}
.catalogo .product-7 .product-body .product-price a:hover{color:#777;}

@media (max-width: 768px) {
.catalogo .product-7{max-height:290px;}
}

/*-------------------- 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.9em; padding: 3px 10px 2px 10px;}
.service .s1					{padding-top:-20px; padding-bottom:0px; font-size:1.2em;} 
.box-simple 					{height:auto; min-height:180px; 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: 1em; text-transform: uppercase; line-height: 1.5; color: #555555; font-weight: 600; font-family: var(--font-primary);}
.box-simple h3 a 				{color: #555555; font-family: var(--font-primary);}
.box-simple p 					{color: #777; font-size: 1.1em; 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);}

@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;} 
}

/*downloads */
.download {height:auto; min-height:500px; margin-bottom:20px; padding-top:0px;}
.download .btn{padding:3px 10px 3px 2px; font-size: 1em;}
.download img{height:32px; width:32px; margin-right:10px;}
.download .box{background:#eee; border: 1px solid #ddd; height:auto; min-height:180px; margin-bottom:10px;}
.download .box h5{font-size: 1em; font-weight:600; color:#333;}
.download .box p{font-size: 0.9em; margin-bottom:5px;}
.download .box a{font-size: 1em; background:#444; color:#fff; padding:2px 10px 4px 10px; border-radius:3px; font-weight:400;}

/*------------ Precos servicos ------------*/
.pricing{height:auto; min-height:250px; padding: 40px 0 10px 0; background: #f1f1f1;}
.pricing .btn{font-size: 0.9em; padding:2px 10px 2px 0px;}
.pricing .btn i{margin-right:5px;}
.pricing .box {padding: 20px 10px 5px 20px; background: #fff; box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08); border-radius: 4px; position: relative; 
overflow: hidden; transition: 0.3s; border:1px solid #ccc;  height:auto; min-height:420px; margin-top:20px;  margin-bottom:-20px}
.pricing .box:hover {transform: scale(1.1); box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);}
.pricing h3 {font-weight: 700; font-size: 17px; margin-bottom: 14px;}
.pricing .price {font-size: 20px; color: #444444; font-weight: 600; font-family: "Poppins", sans-serif;}
.pricing .price sup {font-size: 18px; top: -10px; left: -3px;}
.pricing .price span {color: #bababa; font-size: 16px; font-weight: 300;}
.pricing img {padding: 2px 10px;margin-top:10px;margin-bottom:20px; max-width:80%;}
.pricing ul {padding: 0; list-style: none; color: #444444; text-align: center; line-height: 26px; font-size: 1.1em; margin-bottom: 15px;}
.pricing p {padding: 0; list-style: none; color: #444444; text-align: center; line-height: 25px; font-size: 1.1em; margin-bottom: 15px; font-weight:400;}
.pricing ul li {padding-bottom: 10px;}
.pricing ul .na {color: #ccc; text-decoration: line-through;}
@media only screen and (max-width : 768px) {
.pricing{padding: 5px 25px 15px 25px; margin-top:20px;}
.pricing .box {height:auto; min-height:100px; margin-bottom:5px; }
.pricing img {padding: 5px 10px;margin-top:-10px;margin-bottom:10px; max-width:50%;}
}

/*** tabela carrinho***/
.table-cart {font-size: 1em; text-align:center;}
.table-cart thead tr th {text-align:center;background: #ddd; font-size: 1em; font-weight:500; border:1px solid #ddd;}
.table-cart  td {font-size: 1em; text-align: center;color:#555; border:1px solid #ddd; padding:5px; font-weight:500;}

.table-cart  .produt .product h3 {font-size: 1em;}
.page-content .cart .alert-car {margin-top:-20px; font-size: 0.8em; font-weight:400;box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);}
.page-content .bts {margin-left:-10px; }
 

@media only screen and (max-width : 600px) {
	.table-cart {border:1px solid #ccc;}
	.table-cart .remov  {}
	.table-cart .produt  {padding:0;}
	.table-cart .produt .product  {padding-left:0px;  margin-left:-40px; }
	.table-cart .summary-shipping-row{margin-top:-40px;}

}

.summary{padding:20px 30px; margin:-3px 0; border:1px solid #ddd; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);}
.sum-1{font-size: 1em; font-weight:400; color:#333;}
.sum-2{font-size: 1em; font-weight:400; color:#0078d4;}
.summary .summary-shipping{margin-top:-40px;}

/*------------- finaliza pedido --------------------------*/
.final_pedido{color: #555; font-size: 1.1em; font-weight:500; padding: 4px 12px; text-align:center;  background:#c5dbed; padding:20px 0; margin-bottom:10px; border-radius:10px;}



/*------------- item detalhes --------------------------*/
.item-detail{height:auto; min-height:200px; padding: 0; }
.item-detail .ci{margin-top:20px; }
.item-detail .carousel-inner{height:auto; min-height:410px; 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;}

.product-info {margin-top:20px;padding-left: 10px;}
.product-info .title {font-size: 1.5em; font-weight: 500; margin-bottom: 10px; margin-top: -20px;  color: #111;}
.product-info .price {color: #0167f3; display: block; font-size: 1.3em; font-weight: 500; margin-bottom: 10px;}
.product-info  .desc{color: #444; font-size: 1.2em; font-weight: 400; margin-bottom: 5px; line-height:25px;}
.product-info  p{ font-size: 1.1em; font-weight: 500; margin-bottom: 10px; line-height:25px;}
.product-info  a{color: #fff; font-size: 0.9em; font-weight: 500; padding:4px 10px 2px 10px;}
.product-info  .btn{color: #fff; font-size: 0.9em; font-weight: 400; padding: 4px 12px;}
@media only screen and (max-width : 320px) {
.item-detail .carousel-inner{height:auto; min-height:100px; border:1px solid #ccc;}
.product-info {margin-top:40px;padding-left: 0px;}
.carousel .carousel-indicators li {background-color: #333; margin-top:30px;}
.carousel .carousel-indicators li.active {background-color: #333; margin-top:30px;}
}

@media only screen and (max-width : 768px) {
.product-info .title {font-size: 1.2em; font-weight: 600;}
.item-detail .carousel-inner{height:auto; min-height:300px; border:1px solid #ccc;}
.product-info {margin-top:40px;padding-left: 0px;}
.btn-detalhe{margin-bottom:5px; width:50px;}
}


/*------------- Contact Section--------------------------*/
.contact {height:auto; min-height:200px; background: #fff; padding:20px 0}
.contact h5 {font-size:1.2em; padding: 10px 0;}
.contact .info-container {padding: 0 10px;}
.contact .info-item {width: 100%; margin-bottom: 15px; padding: 10px; border-radius: 10px; color: #333; border:1px solid #ddd; -webkit-box-shadow: 0px 1px 10px -3px #000000; box-shadow: 0px 1px 10px -3px #000000;}
.contact .info-item:last-child {margin-bottom: 0;}
.contact .info-item i {font-size: 18px; color: #ccc; float: left; width: 40px; height: 40px; background-color: #333; display: flex; justify-content: center; align-items: center; border-radius: 50px; transition: all 0.3s ease-in-out; margin-right: 15px;}
.contact .info-item h4 {padding: 0; font-size: 18px; font-weight: 600; margin-bottom: 5px;}
.contact .info-item p {padding: 0; margin-bottom: 0; font-size: 1.1em; font-weight:400;}
.contact .info-item p a{padding: 0; margin-bottom: 0; font-size: 1.1em; color: #002db2;}
.contact .info-item:hover i {background: #fff; color: #333;}
.contact .php-email-form {width: 100%; height: 100%; background: #fff; box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1); padding: 30px; border-radius: 0 10px 10px 0;}
@media only screen and (max-width : 768px) {
.maps{padding: 20px; margin-top:20px;}
#maps{width:100%;}
}

/*------------- Footer--------------------------*/
.footer {height:45px;}
.footer .footer-bottom .container-fluid{margin:7px 0px; padding:5px 30px; margin-top:2px;}
.footer .footer-bottom .container-fluid .footer-payments{margin-top:5px;}
.footer .footer-bottom .container-fluid .footer-copyright {margin-bottom:-2px; margin-top:4px;}
@media (max-width: 768px) {
  .footer {height:auto; min-height:50px; padding-bottom:8px;}
  .footer .footer-bottom .container .footer-payments{margin-top:-4px;}
}

/*------------- pagina contato--------------------------*/
.contact-area {background-attachment: fixed; background-size: cover; background-position: center;}
.maps_contato{padding: 10px; margin-top: 20px;}
#maps_contato{width:100%;}
.contact {margin-top: 20px; background: #fff; padding:30px 20px 1px 20px; border:1px solid #ddd;}

.contact .g-recaptcha{margin-top: -15px; margin-bottom: -15px;}
.contact  label {margin-top:-10px; color:#333;}
.contact input {background: #fff; border: 1px solid #ddd;margin-top:-10px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; color: #00238c;
font-size: 1em; height: 35px; padding: 5px; width: 100%; font-family: 'poppins', sans-serif; padding-left: 10px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.contact textarea {background: #fff; border: 1px solid #ddd;margin-top:-10px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; color: #00238c;font-size: 1em; padding: 10px; width: 100%; font-family: 'poppins', sans-serif; padding-left: 10px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.contact input:focus {background: #fff; border: 1px solid #00468c; color: #00238c; -webkit-box-shadow: none; box-shadow: none; outline: 0 none;}
.contact textarea:focus {background: #fff; border: 1px solid #00468c; color: #00238c; -webkit-box-shadow: none; box-shadow: none; outline: 0 none;}
.form-control::placeholder {color: #232434; opacity: 1;}
.btn-contact-bg {padding: 5px 10px; text-transform: capitalize; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer;}
.btn-contact-bg:hover,
.btn-contact-bg:focus { color: #fff;}
@media only screen and (max-width:768px) {
    .contact {margin-bottom: 60px;}
	.maps_contato{padding: 20px; margin-top:-50px;}
	#maps_contato{width:100%;}
}

/*------------- form cadastro--------------------------*/
.register-form {margin-top:0px; border:1px solid #ccc; padding:30px 20px; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);}
.register-form  label {margin-top:-10px;}
.register-form .form-control{color: #00238c; opacity: 1;  font-weight:300; border:1px solid #ccc; font-size:0.9em; padding-left:10px;} 
.register-form input {margin-top:-13px; margin-bottom:-10px; height:30px; }
.register-form textarea  {margin-top:-15px; margin-bottom:-10px; height:auto; min-height:100px;}
.register-form .obs  {margin-top:-20px;}
.register-form .form-group  {margin-top:-20px;}
.register-form .btn  {font-size:1em; margin-top:-20px; padding:2px 20px;}
@media only screen and (max-width:768px) {
    .register-form .obs  {margin-top:-5px;}
}


/*------------- form login--------------------------*/
.login {margin-top:0px; border:1px solid #ccc; padding:30px 20px; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);}
.login  label {margin-top:-10px; margin-bottom:-10px; font-size:1em; font-weight:400;}
.login .form-control{color: #00238c; opacity: 1;  font-weight:300; border:1px solid #ccc; font-size:0.9em; padding-left:10px;} 
.login #btn  {margin-top:-10px; padding:2px 20px; font-size:1em; font-weight:400;}
.login  a {font-size:1em}
.login  i {color:#333; font-size:1.5em}
.login   .icon-pass {color:#333; font-size:0.7em}
@media only screen and (max-width:768px) {
    .login {padding:10px; margin:-5px 20px 0 20px; }
}



/*START ADDRESS*/
.single_address {overflow: hidden; margin-bottom: 10px; padding-left: 20px; background: #f1f1f1; margin-top: 25px;border: 1px solid #ddd; padding:20px 10px 10px 20px; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);}
.single_address i {background: #f6f6f6; color: #222; border-radius: 30px; width: 50px; height: 50px; line-height: 50px; text-align: center; float: left; margin-right: 14px; font-size: 28px; -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1); margin-bottom: 20px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.single_address:hover i {background: #666; color: #fff;}
.single_address h4 {font-size: 18px; margin-bottom: 0px; overflow: hidden; font-weight: 600;}
.single_address p {overflow: hidden; margin-top: 5px;}
.section-title h1 {font-size: 44px; font-weight: 500; margin-top: 0; position: relative; text-transform: capitalize; margin-bottom: 15px;}
.section-title p {padding: 0 10px; width: 70%; margin: auto;letter-spacing: 1px;}
.section-title {margin-bottom: 60px;}
.text-center {text-align: center!important;}
@media only screen and (max-width:768px) {
    .single_address {padding-left: 0px;}
}

.faq_area {position: relative; z-index: 1; margin-top:10px;}
.faq-accordian {position: relative; z-index: 1;background-color: #fff; margin-left:-15px;}
.faq-accordian .card {position: relative;margin-top:0px;background-color: #f1f1f1;z-index: 1; margin-bottom: 1.1rem;}
.faq-accordian .card:last-child {margin-bottom: 0;}
.faq-accordian .card .card-header {background-color: #ffffff;margin-top:-5px; padding: 0; border-bottom-color: #ebebeb;}
.faq-accordian .card .card-header h6 {cursor: pointer; padding: 1.15rem 2rem; color: #3f43fd;  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #f00;}
.faq-accordian .card .card-header h6 span {font-size: 1.5rem;}
.faq-accordian .card .card-header h6.collapsed {color: #00468c;}
.faq-accordian .card .card-header h6.collapsed span {-webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.faq-accordian .card .card-body {padding: 1.25rem 2rem;}
.faq-accordian .card .card-body p {margin-bottom: 0;font-size: 1.1em; font-weight:400; color:#444;}
.faq-accordian .card .card-body p:last-child {margin-bottom: 0;font-size: 1.1em; font-weight:400;color:#444;}
.btn {padding:3px 15px 3px 5px; font-size:0.9em;}
@media only screen and (max-width: 575px) {
    .support-button p {font-size: 14px;}
}

.support-button i {color: #3f43fd;font-size: 1.25rem;}

@media only screen and (max-width: 575px) {
    .support-button i {font-size: 1rem;}
}

.support-button a {text-transform: capitalize; color: #2ecc71;}
@media only screen and (max-width: 575px) {
    .support-button a {font-size: 13px;}
}