/*
Theme Name: AVIP PNEUS
Theme URI: https://www.webgt.com.br/
Description: WEBGT-PORTAL - Tema exclusivo AVIP PNEUS
Author: Giordano Magalh�es - WebGT
Author URI: https://www.webgt.com.br/
*/
/*
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Hammersmith One', sans-serif;
*/

/* -> GERAL */
html, body {
	height:100%;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:rgba(0,0,0,1.00);
}

.wrap {
	 position:relative;
	 width:100%; max-width:1200px;
	 margin:auto;
}

a {
	color:rgba(221,0,0,1.00);
	text-decoration:none;
}
a:visited {
	color:rgba(221,0,0,1.00);
	text-decoration:none;
}
a:hover {
	color:rgba(255,0,0,1.00);
	text-decoration:none;
}
a:active {
	color:rgba(221,0,0,1.00);
	text-decoration:none;
}

.fl { float:left; }
.fr { float:right; }
.w20 { width:20%; }
.w25 { width:25%; }
.w40 { width:39%; }
.w50 { width:49%; }
.w60 { width:59%; }
.w75 { width:75%; }
.w80 { width:80%; }
.dib { display:inline-block; vertical-align:top; }

.section-title {
	font-family: 'Francois One', sans-serif;
	font-size:80px;
	color:rgba(0,0,0,1.00);
	margin-bottom:10px;
	text-align:center;
}
.section-sep {
	border-bottom:rgba(0,12,31,1.00) solid 2px;
	width:100px;
	margin:auto auto 40px auto;
}
.section-description {
	font-family: 'Raleway', sans-serif; font-size:14px; font-weight:400;
	text-align:center; color:rgba(11,171,35,1.00);
	margin:20px 0;
}

.page-title {
	position:relative;
	font-family: 'Francois One', sans-serif;
	font-size:90px;
	font-weight:300;
	color:rgba(189,0,0,1.00);
	padding:30px 15px 0 15px;
}
.page-content {
	padding:50px 0;
	min-height:400px;
}
/* <- GERAL */

/* <- HEADER */
header {
	position:absolute; top:0; left:0; z-index:999;
	width:100%;
	-webkit-transition:all 300ms linear;
	transition:all 300ms linear;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&0.8+0,0+100;Blue+to+Transparent */
background: -moz-linear-gradient(top,  rgba(12,80,150,1.0) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(12,80,150,1.0) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(12,80,150,1.0) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */

}
header > .wrap {
	background-color:rgba(255,255,255,0.00);
	padding:20px 0;
}
#header-logo img {
	height:95px;
}
.header-sep-internas {
	height:217px;
}

/*** header-top ***/
#header-top {
	font-size:14px;
	color:rgba(255,255,255,1.00);
	-webkit-transition:all 300ms linear;
	transition:all 300ms linear;
}
#header-top .wrap {
	padding:5px 10px;
}
#header-top .fl .dib {
	margin-right:40px;
}
#header-top .fr .dib {
	margin-left:40px;
}
#header-top .fa {
	margin-right:5px;
}
#header-top a {
	color:rgba(224,239,255,1.00);
}
#header-top a:hover {
	color:rgba(197,225,255,1.00);
}

/*** header-scroll ***/
.header-scroll {
	position:fixed;
	background:none;
	background-color:rgba(255,255,255,1.00);
	-webkit-box-shadow: 0 0 10px 0 #878787;
	box-shadow: 0 0 10px 0 #878787;
}
.header-scroll #header-top {
	display:none;
}
.header-scroll #header-logo img {
	height:50px;
}
.header-scroll > .wrap {
	padding:8px;
}

/* <- HEADER */

/* -> MENUPRINC */
#btn_menuprinc {
	display:none;
	position:absolute; top:20px; right:20px;
	color:rgba(255,255,255,1.00);
	font-size:40px;
	transition:all 200ms linear;
}
#menuprinc {
	position:absolute; top:46px; right:10px;
}
#menuprinc ul {
	list-style:none; margin:0; padding:0;
}
#menuprinc ul li {
	display:inline-block; vertical-align:top;
	position:relative;
}
#menuprinc ul li ul {
	display:none;
	position:absolute; top:40px; left:0; z-index:9999;
	background-color:transparent;
	border:none;
}
#menuprinc ul li:hover ul {
	display:block;
}
#menuprinc ul li ul li {
	display:block;
}

#menuprinc a {
	font-size:19px;
	font-weight:700;
	color:rgba(255,255,255,1.00);
	text-transform:uppercase;
	display:block;
	padding:2px 0;
	margin:8px 12px;
	-webkit-transition:all 200ms linear;
	transition:all 200ms linear;
	border-bottom:rgba(227,0,0,0.00) solid 2px;
	font-family: 'Comfortaa', cursive;
}
#menuprinc a:hover {
	color:rgba(255,231,38,1.00);
	border-bottom:rgba(255,231,38,1.00) solid 2px;
	font-family: 'Comfortaa', cursive;
}

/*** menuprinc-rs-icon ***/
#menuprinc li[class^='menuprinc-rs-'] a {
	margin:6px 0 8px 8px;
	border-bottom:rgba(227,0,0,0.00) solid 2px;
}
#menuprinc li[class^='menuprinc-rs-'] a:hover {
	border-bottom:rgba(227,0,0,0.00) solid 2px;
}
#menuprinc li[class^='menuprinc-rs-'] a .menuprinc-rs-icon {
	transition:all 200ms linear;
}
#menuprinc li[class^='menuprinc-rs-'] a:hover .menuprinc-rs-icon {
	border:rgba(255,231,38,1.00) solid 2px;
}
.menuprinc-rs-icon {
	display:inline-block; vertical-align:middle;
	width:30px; height:30px; line-height:28px;
	text-align:center;
	border:rgba(255,255,255,1.00) solid 2px;
	border-radius:50%;
}
.menuprinc-rs-name {
	display:inline-block; vertical-align:middle;
}

/*** header-scroll ***/
.header-scroll #menuprinc {
	top:15px;
}
.header-scroll #menuprinc a {
	color:rgba(227,0,0,1.00);
}
.header-scroll #menuprinc a:hover {
	color:rgba(0,113,184,1.00);
	border-bottom:rgba(0,113,184,1.00) solid 2px;
}
.header-scroll #menuprinc li[class^='menuprinc-rs-'] a:hover .menuprinc-rs-icon {
	border:rgba(0,113,184,1.00) solid 2px;
}
.header-scroll .menuprinc-rs-icon {
	border:rgba(227,0,0,1.00) solid 2px;
}

/* <- MENUPRINC */

/* -> INI */

/*** ini-ban ***/
#ini-ban {
	position:relative;
}
.ini-ban-btn {
	position: absolute;
    bottom: 170px;
    left: 50%;
    transform: translateX(-50%);
	z-index: 100;
}
.btn {
	display: block;
	padding: 10px 30px;
	width: fit-content;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 200ms linear;
}
.btn-whatsapp,
.btn-whatsapp:link,
.btn-whatsapp:active,
.btn-whatsapp:visited {
	display: flex;
	align-items: center;
	gap: 7px;
	background-color: #31b409;
	color: #fff;
}
.btn-whatsapp:hover {
	background-color: #299d06;
	color: #fff;
}
.btn-whatsapp [class*="fa-"] {
	font-size: 20px;
}
#ini-ban-rodape {
	position:absolute; bottom:0; left:0; z-index:99;
	width:100%; height:280px;
	background-image:url(/wp-content/themes/avippneus/img/ini-ban_rodape.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center bottom;
}

/*** ini-quem-somos ***/
#ini-quem-somos {
	padding:50px 0;
	background-color:rgba(255,255,255,1.00);
	background-image:url(/imagens/pilha-pneus.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-size:auto;
}
.carros-lista li {
	width:300px; height:300px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.qs-lista {
	list-style:none; margin:0; padding:0;
	text-align:left;
}
.qs-lista li {
	display: inline-block; vertical-align: top;
	width: 270px; margin: 10px;
}
.qs-lista-top {
	margin-bottom:10px;
}
.qs-lista-icon {
	display:inline-block; vertical-align:middle;
}
.qs-lista-icon img {
	width:40px;
}
.qs-lista-title {
	display:inline-block; vertical-align:middle;
	font-size:18px;
	font-weight:700;
	color:rgba(0,81,111,1.00);
	font-family: 'Comfortaa', cursive;
}
.qs-lista-content {
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	color:rgba(53,139,171,1.00);
	padding:0 15px;
}

/*** ini-produtos ***/
#ini-produtos {
	padding:50px 0;
	
	background-image:url(/wp-content/themes/avippneus/img/produtos-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	/*
	background-color: #fff;
	*/
}
#ini-produtos .section-title {
	color:rgba(255,255,255,1.00);
	text-align:left;
}
#ini-produtos .section-sep {
	border-bottom:rgba(255,255,255,1.00) solid 2px;
	margin:auto auto 40px 0;
}
.ini_catalogo-lista {
	list-style:none; 
	margin:0; 
	padding:0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.ini_catalogo-lista li {
	background-color:rgba(255,255,255,1.00);
	border:rgba(244,244,244,1.00) solid 1px;
	font-size:14px;
	font-weight:700;
	color:rgba(81,81,81,1.00);
	text-transform: uppercase;
}
.ini_catalogo-img {
	width:100%; height:auto;
	object-fit: contain;
	object-position: center;
}
.ini_catalogo-title {
	padding:10px;
	text-align: center;
}
.ini_catalogo-lista li .btn {
	display: flex;
	width: 100%;
	gap: 5px;
	align-items: center;
	justify-content: center;
}

/*** ini-servicos ***/
#ini-servicos {
	padding:50px 0;
	background-color: rgba(245,245,245,1.00);

}
.ini-servicos-lista {
	list-style:none; margin:0; padding:0;
	text-align:center;
}
.ini-servicos-lista li {
	display:inline-block; vertical-align:top;
	margin:20px 30px;
}
.ini-servicos-lista img {
	max-width:250px;
}
.ini-servicos-title {
	font-size:36px;
	font-weight:700;
	color:rgba(0,0,0,1.00);
	padding:15px 0;
	font-family: 'Sanchez', serif;
}
.ini-servicos-carfix {
	text-align:center;
}
.ini-servicos-carfix img {
	max-width:80%;
}

/*** ini-sctsep ***/
#ini-sctsep {
	background-image:url(/wp-content/themes/avippneus/img/sctsep-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
#ini-sctsep .fl {
	background-color:rgba(0,66,170,1.00);
}
#ini-sctsep .fr {
	position:relative;
}
.ini-sctsep-l {
	position:absolute; left:200px;
	padding-right:10px;
}
.ini-sctsep-l1 {
	font-size:26px;
	font-weight:700;
	color:rgba(255,255,255,1.00);
	text-transform:uppercase;
	text-shadow: 0 0 2px #000000;
	font-family: 'Sanchez', serif;
}
.ini-sctsep-l2 {
	font-size:30px;
	font-weight:100;
	color:rgba(255,191,0,1.00);
	text-shadow: 0 0 2px #000000;
	font-family: 'Sanchez', serif;
}

/*** ini-insta ***/
#ini-insta {
    padding: 50px 0;
}

/*** ini-portfolio ***/
#ini-portfolio {
	padding:50px 0;
	font-family: 'Comfortaa', cursive;
	/*
	min-height:400px;
	background-image:url(/wp-content/themes/avippneus/img/portfolio-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	*/
}

/* <- INI */

/* -> MAPA */
#map-canvas {
	width:100%;
	height:400px;
}
/* <- MAPA */

/* -> RODAPE */
footer {
	margin-top: -5px;
	padding:50px 0 20px 0;
	background-image:url(/wp-content/themes/avippneus/img/footer-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	font-family: 'Comfortaa', cursive;
}

.footer-cols {
	list-style: none; margin: 0; padding: 0; 
	width: 100%;
	text-align: justify;
}
.footer-cols:after{
	content: ".";
	display: inline-block; width: 100%; height: 0;
	visibility: hidden;
}
.footer-cols li {
	display: inline-block; vertical-align:top;
}
.footer-col {
	width:100%;
	max-width:350px;
	color:rgba(255,255,255,0.90);
	
}
.footer-title {
	font-family: 'Comfortaa', cursive;
	font-size:20px;
	text-transform:uppercase;
}
.footer-content {
	font-family: 'Comfortaa', cursive;
	font-size:18px;
	margin-top:20px;
}
.footer-content div {
	padding:1px 10px;
}

.footer-col1 {
	margin:-94px 0 -40px 0;
	background-color:rgba(57,57,57,0.20);
}
.footer-faleconosco-box {
	font-family: 'Comfortaa', cursive;
	font-size:18px;
	text-transform:uppercase;
	color:rgba(255,255,255,1.00);
	padding:10px 15px;
	background-color:rgba(177,0,0,1.00);
}
.footer-form {
	padding:15px;
}

#rodape {
	padding:15px 0;
	background-color:rgba(38,0,0,1.00);
	text-align:center;
	font-family: 'Hammersmith One', sans-serif;
	font-size:16px;
	color:rgba(255,255,255,1.00);
}
#devby {
	position:absolute; top:0; right:0;
}
#devby img {
	height:25px;
}

/* <- RODAPE */

/* -> CONTEUDO */
#crumbs {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	text-transform:none !important;
	color:rgba(0,0,0,1.00);
	font-weight:700;
}
#crumbs .current {
	color:rgba(107,107,107,1.00);
}
#crumbs .fa {
	margin:0 10px;
}
#crumbs .fa-home {
	margin:0 1px 0 0;
}
#crumbs a {
	color:rgba(255,110,0,1.00);
}
#crumbs a:hover {
	color:rgba(255,150,0,1.00);
}
/* <- CONTEUDO */

/* -> PRODUTOS */
header.entry-header {
	position:relative;
}
/*** produtos ***/
header.entry-header {
	background-color:transparent;
	height:auto;
	z-index:auto;
}
.container, .product-catalog {
	position:relative;
}
#content {
	position:relative !important;
}
#breadcrumbs {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	text-transform:none !important;
	color:rgba(0,0,0,1.00);
	font-weight:700;
	margin:15px 0;
} 

#breadcrumbs .breadcrumb_last {
	color:rgba(107,107,107,1.00);
}
#breadcrumbs .fa {
	margin:0 10px;
}
#breadcrumbs .fa-home {
	margin:0 1px 0 0;
}
#breadcrumbs a {
	color:rgba(209,0,0,1.00);
}
#breadcrumbs a:hover {
	color:rgba(255,35,35,1.00);
}

.prodlist-categorias-lista {
	margin-top:15px;
}
.prodlist-categorias-lista ul {
	list-style:none; margin:0; padding:0;
}
.prodlist-categorias-lista > ul > li {
	position:relative;
	display:inline-block; vertical-align:top;
	margin:0 -4px 0 0; padding:0; 
}
.prodlist-categorias-lista > ul > li > a {
	display:block;
	padding:10px 20px;
	font-weight:700;
	color:rgba(201,0,3,1.00);
	text-transform:uppercase;
	border:rgba(221,221,221,1.00) solid 1px;
	-webkit-transition:all 200ms linear;
	transition:all 200ms linear;
}
.prodlist-categorias-lista > ul > li > a:hover {
	color:rgba(255,255,255,1.00);
	border:rgba(255,0,0,1.00) solid 1px;
	background-color:rgba(255,0,0,1.00);
}
.prodlist-categorias-sub {
	font-size:12px;
	padding-left:10px;
}
.prodlist-categorias-lista > ul > li > ul {
	display:none;
	position:absolute; top:41px; left:0; z-index:999;
	background-color:rgba(255,255,255,0.97);
	border:rgba(221,221,221,1.00) solid 1px;
	padding:15px;
}
.prodlist-categorias-lista > ul > li > ul > li {
	display:inline-block; vertical-align:top;
	width:200px;
}
.prodlist-categorias-lista > ul > li > ul > li > a {
	display:block;
	font-size:15px;
	font-weight:700;
	color:rgba(188,0,0,1.00);
}
.prodlist-categorias-lista > ul > li > ul > li > a:hover {
	text-decoration:underline;
}
.prodlist-categorias-lista > ul > li > ul > li > ul > li {
	padding-left:10px;
}
.prodlist-categorias-lista > ul > li > ul > li > ul > li > a {
	color:rgba(104,104,104,1.00);
	font-size:13px;
}
.prodlist-categorias-lista > ul > li > ul > li > ul > li > a:hover {
	text-decoration:underline;
}
.prodlist-categorias-lista > ul > li:hover ul {
	display:block;
}
/*** produtos ***/

/*** conteudo do wordpress produtos ***/
#container {
	position:relative;
	width:100%; max-width:1200px;
	margin:auto;
}

.product-page-header {
	margin:30px 0 10px 0 !important;
	font-family: 'Fjalla One', sans-serif;
	font-size:20px;
}
.shortdesc {
	padding:15px !important;
}

/* <- PRODUTOS */

/* -> GALERIA DE FOTOS */
.gallery .gallery-item {
	display:inline-block; vertical-align:top;
    float: none !important;
    margin:10px;
    text-align:center !important;
    width: 150px !important;
}
/* <- GALERIA DE FOTOS */

/* -> CATEGORIAS */
.categoria-lista {
	list-style:none; margin:0; padding:0;
	text-align:left;
}
.categoria-item {
	display:inline-block; vertical-align:top;
	margin:30px 25px;
	width:340px;
}
.categoria-item a {
	-webkit-transition:all 300ms linear;
	transition:all 300ms linear; 
}
.categoria-imagem {
	width:100%; height:220px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-box-shadow: 1px 1px 2px 0 #696969;
	box-shadow: 1px 1px 2px 0 #696969;
}
.categoria-data {
	font-size:12px;
	margin:15px 0;
	text-align:left;
}
.categoria-titulo {
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	margin:15px 0;
	text-align:left;
}
/* <- CATEGORIAS */