@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");

.js-shipping-calculator-label {
    display: none !important;
}

.product-tags {
    display: none;
}

a#simule {
    font-size: 14px;
    text-decoration: underline;
    font-weight: 600 !important;
    color: #333;
}

.page--projetos #dep-grid-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.page--projetos #dep-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
}

.page--projetos .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
  transition: background 0.3s;
}

.page--projetos .dot.active {
  background: #333;
}

.cn-ver-mais-container {
    max-height: 150px;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.cn-ver-mais-container.expandido {
    max-height: 2000px; 
}

.cn-ver-mais-btn {
    display: block;
    margin-top: 8px;
    cursor: pointer;
}


.cn-text-categoria.top {
    background: #F9F9FA;
    padding: 50px 0;
}

.cn-text-categoria.top .col-md-12 {
    padding: 0 15px;
    max-width: 1300px;
    margin: auto;
    display: flex;
    gap: 30px;
    align-items: center;
}

.cn-text-categoria.top p {
    font-size: 16px;
    color: #3B444C;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 400;
    margin: 0;
    /*height: 112px;*/
}

.cn-text-categoria.top h1.titulo {
	font-size: 24px !important;
    color: #3B444C;
    letter-spacing: 0;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0;
}

.cn-text-categoria.top .image img {
    width: 208px;
    height: auto;
}



.cn-text-categoria.bottom {
    max-width: 1300px;
    padding: 0 15px;
    margin: auto;
	position: relative;
}

.cn-text-categoria h1, .cn-text-categoria h2, .cn-text-categoria h3, .cn-text-categoria h4, .cn-text-categoria h5 {
    font-size: 18px !important;
    color: #3B444C;
    letter-spacing: 0;
    line-height: 32px;
    font-weight: 400;
    margin-top: 40px;
}

.cn-ver-mais-container {
	font-size: 14px;
    color: #3B444C;
    letter-spacing: 0;
    line-height: 180%;
    font-weight: 300;
    margin-bottom: 30px;
    display: inline-block;
}

.cn-ver-mais-container a {
    text-decoration: underline;
    color: #ff2e63;
}

.cn-ver-mais-btn {
    margin: auto;
    border: 0;
    background-color: transparent;
    appearance: none;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    background: linear-gradient(to top, #fff 40%, transparent) !important;
    padding: 40px 0 5px;
    margin-top: -70px !important;
}

.cn-ver-mais-btn:hover {
    text-decoration: underline;
}

#product_form .js-product-variants.form-row {
	display: block;
}

#product_form .js-product-variants-group {
	max-width: 100%;
}

.atendimentoProjetos {
	text-align: center;
}

.cn-calculadora-adesivo {
	border: 0px solid #e5e5e5 !important;
	margin-top: 0 !important;
	padding: 0 !important;
}

.cn-calculadora-adesivo button.cn-calc-toggle {
	justify-content: flex-start !important;
	padding: 0 !important;
	border: 0px solid #333 !important;
	height: 20px !important;
}

.cn-calc-panel {
	padding-bottom: 20px;
	border-bottom: 1px solid #ebeaed;
}

body.page--projetos #logo img.logo-img, body.template-page.transition-long[class*="-_detalhe_do_projeto"] #logo img.logo-img {
	content: url("https://cdn.dev.br/clientes/shopkola/imagens/logo-projetos.png");
}

body.page--projetos footer .logo-img, body.template-page.transition-long[class*="-_detalhe_do_projeto"] footer .logo-img {
	content: url("https://cdn.dev.br/clientes/shopkola/imagens/logoprojetos-rodape.png");
}

.page--para_arquitetos img, .page--quem_somos img, .page--simule_seu_produto img {
	border-radius: 8px;
}

.user-content iframe {
	border-radius: 8px;
}

.visible-phone {
	display: none;
}

.btn-primary {
	font-weight: 500;
	font-size: 16px;
	border-radius: 100px;
	color: #121212;
	text-transform: capitalize !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	color: #121212;
}

.social-icon {
	padding: 8px 3px;
}

.head-colors {
	border-bottom: 1px solid #efefef;
}

.cart-widget-amount {
	position: absolute;
	right: -3px;
	bottom: 14px;
	padding: 2px 0 0;
	width: 17px;
	height: 17px;
	border-radius: 30px;
	font-size: 9px;
	font-weight: 600;
}

.utilities-item[data-store="account-links"] span.nav-accounts-item.pr-1, .utilities-item[data-store="account-links"] span.mx-1 {
	display: none !important;
}

a.nav-accounts-link[href="/account/login/"]:before {
	content: "Minha Conta";
	font-size: 13px;
}

a.nav-accounts-link[href="/account/login/"] {
	font-size: 0px !important;
}

.product-slider-image, .quickshop-image, .product-thumb img, .product-video .embed-responsive {
	border-radius: 8px;
}

.nav-menu-full .desktop-list-subitems {
	column-count: 2;
}

.utilities-container {
	gap: 10px;
}

.services-md-row .service-item, .services-md-row .service-item>a {
	align-items: center;
}

.services-md-row .service-item {
	border-right: 2px solid #ebeaed;
	text-align: center;
	line-height: 14px;
}

.banner-services .service-title {
	font-size: 15px;
}

.banner-services p {
	font-size: 15px;
}

.section-informative-banners {
	padding: 22px 0;
	border-bottom: 1px solid #ebeaed;
}

.section-categories-home .home-category {
	width: 95%;
}

.home-category-name {
	font-size: 13px;
	margin-top: 5px;
}

.section-title h2 {
	font-size: 32px;
	font-weight: 600;
	line-height: 48px;
}

.section-title h2 img.detalhe-titulo {
	width: 10px;
}

.item.item-animation .item-actions {
	display: none;
}

.item-image img {
	border-radius: 8px;
}

.item .item-name {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

span.js-price-display.item-price {
	font-weight: 500;
	font-size: 19px;
	line-height: 40px;
}

.price-compare {
	text-decoration: line-through;
	margin-right: 5px;
	opacity: .75;
	font-size: 19px;
	color: #b8b8b8;
	font-weight: 300;
}

.item-image:hover img {
	transform: translateX(-50%) scale(1) !important;
}

.section-title:after {
	display: none;
}

h2.title.text-heading.mb-0 {
	font-size: 20px;
	text-transform: uppercase;
}

.section-title {
	margin-bottom: 2em;
}

.footer-form {
	padding: 15px 0;
}

.section-title p {
	font-size: 16px;
	text-transform: none;
	color: #666;
	font-weight: 400;
	line-height: 24px;
}

.js-newsletter.newsletter .h4 {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 2px;
}

.footer-form .form-control {
	border: 0;
}

p.footer-about {
	font-size: 12px;
	color: #121212;
	line-height: 17px;
}

.footer-menu-item {
	margin-bottom: 5px;
}

.footer-menu-link {
	font-size: 14px;
	color: #121212;
}

.contact-item {
	font-size: 14px;
	color: #121212;
	margin-bottom: 5px;
}

.contact-info .icon-inline {
	height: 17px;
	width: 17px;
	fill: #121212;
}

footer .h4 {
	font-size: 17px;
}

.nav-menu-full .desktop-dropdown {
	background-color: #f3f3f3;
}

ul.desktop-list-subitems {
	max-width: 1260px;
	margin: auto;
}

.nav-desktop-list>.nav-item>.nav-list-link, .nav-desktop-list>.nav-item>.nav-item-container>.nav-list-link {
	position: relative;
}

.nav-item.item-with-subitems.active .nav-item-container .nav-list-link:after {
	content: "";
	display: block;
	height: 4px;
	background-color: #ffc10f;
	margin-top: 4px;
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 0;
	border-radius: 2px;
}

.nav-desktop-list>.nav-item:hover>.nav-list-link:after {
	content: "";
	display: block;
	height: 4px;
	background-color: #ffc10f;
	margin-top: 4px;
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 0;
	border-radius: 2px;
}

.modal-scrollable .price-compare {
	font-size: 14px;
}

.footer-form input {
	padding: 5px 15px;
	height: 33px;
}

.js-newsletter.newsletter .h4 {
	font-size: 14px;
	line-height: 18px;
}

.footer-menus .footer-block .h4, .footer-payments-shipping-logos .footer-block .h4 {
	font-weight: 600;
	font-size: 20px;
}

.footer-payments-shipping-logos .footer-payments img, .footer-payments-shipping-logos .footer-shipping img {
	border-radius: 5px;
}

footer a {
	color: #121212;
}

section.section-home.section-grid-home.corporativo {
	text-align: center;
	padding-bottom: 20px;
}

section.section-home.section-grid-home.corporativo h2 {
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 400;
}

section.section-home.corporativo p {
	font-size: 15px;
	text-transform: none;
	color: #939598;
	max-width: 470px;
	margin: 0 auto 30px;
}

.footer-menus .contact-link {
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 5px;
}

footer .contact-info svg {
	display: none;
}

footer .contact-info a.contact-link:before {
	content: "";
	width: 26px;
	height: 25px;
	display: block;
	background-size: contain;
}

footer .contact-info li.contact-item:nth-child(1) a:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/whatsapp.svg");
}

footer .contact-info li.contact-item:nth-child(2) a:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/headset.svg");
}

footer .contact-info li.contact-item:nth-child(3) a:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/envelope.svg");
}

footer .contact-info li.contact-item:nth-child(4):before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/clock.svg");
	content: "";
	width: 26px;
	height: 25px;
	display: block;
	background-size: contain;
}

footer .contact-info li.contact-item:nth-child(4) {
	display: flex;
	align-items: center;
	gap: 5px;
}

h1.text-heading[data-store="page-title"] {
	font-size: 16px;
	font-weight: 600;
}

.product-name {
	font-size: 18px;
	font-weight: 600;
}

div#single-product[data-store="product-detail"] .product-price {
	font-size: 24px;
	font-weight: 600;
}

div#compare_price_display {
	font-size: 24px;
	color: #b8b8b8;
	font-weight: 300;
}

.section-products-related[data-component="related-products"] img.detalhe-titulo {
	width: 10px;
}

.section-products-related[data-component="related-products"] h2.products-section-title.text-heading {
	font-size: 32px;
	font-weight: 600;
	line-height: 48px;
	text-transform: none;
}

.section-products-related[data-component="related-products"] h2.products-section-title.text-heading:before {
	content: "";
	width: 32px;
	height: 32px;
	display: block;
	margin: auto;
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/heart_2.svg");
}

.section-products-related[data-component="related-products"] h2.products-section-title.text-heading:after {
	content: "temas semelhantes";
	display: block;
	font-size: 16px;
	text-transform: none;
	color: #666;
	font-weight: 400;
	line-height: 24px;
}

div#single-product[data-store="product-detail"] .product-name {
	font-size: 20px;
	font-weight: 500;
}

div#single-product[data-store="product-detail"] .btn-variant-content {
	font-weight: 400;
	font-size: 12px;
}

div#single-product[data-store="product-detail"] input.btn-add-to-cart[value="Comprar"] {
	font-weight: 500;
	font-size: 16px;
	border-radius: 100px;
	color: #121212;
	text-transform: capitalize;
}

div#single-product[data-store="product-detail"] .btn-whats, .item .btn-whats {
	color: #42953e;
	border: 1px solid #4dc247;
}

div#single-product[data-store="product-detail"] .btn-whats:hover, .item .btn-whats:hover {
	background: #4dc247;
	color: #fff;
}

.product-description .row-fluid .span6 {
	width: 50%;
	display: block;
}

.product-description .row-fluid .span6:nth-child(2) {
	margin-left: 2%;
}

.product-description .como-aplicar .row-fluid {
	align-items: center !important;
}

div#single-product>.row {
	margin-top: 40px;
	margin-right: 0;
	margin-left: 0;
}

.product-description .row-fluid {
	display: flex;
	max-width: 1140px;
	margin: auto;
	gap: 40px;
}

.product-description .autor .conteiner {
	background: #222;
}

.product-description .autor .row-fluid {
	padding: 60px 0;
	gap: 50px;
	align-items: center;
	max-width: 1140px;
}

.product-description .autor .row-fluid h3.titulo-descricao {
	color: #fff;
	border-bottom: 0px solid #fff !important;
}

.product-description .autor .row-fluid p {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}

.product-description .autor .row-fluid img {
	max-width: 150px !important;
	width: 150px !important;
}

.product-description .autor .conteiner a, .product-description .autor .conteiner a span {
	color: #fcc02d !important;
}

.product-description {
	border: 0px;
	padding: 0;
}

div#single-product>.row .col-12 {
	padding: 30px 0 0;
}

.product-description h3:first-of-type, .product-description .description-title {
	border-bottom: 0px solid #eee !important;
	font-weight: 600;
}

div#single-product>.row .px-2 {
	padding: 0 !important;
}

h3.titulo-descricao {
	display: grid;
	gap: 15px;
}

.product-description .como-aplicar span.passo-num {
	background-color: #121212;
	border-radius: 50%;
	width: 23px;
	height: 23px;
	display: inline-flex;
	color: #fff;
	margin-right: 3px;
	justify-content: center;
	align-items: center;
	padding-top: 1px;
}

.product-description table tr, .product-description table tr:nth-of-type(odd) {
	background: #f0f0f0;
}

.product-description table td {
	border: 0px solid #d7d7d7;
	padding: 7px 10px;
	border-bottom: 1px solid #c3c3c3;
	font-size: 14px;
}

.product-description table tr td:nth-child(1) {
	font-weight: 600;
}

.product-description .especificacoes {
	background: #f0f0f0;
	padding: 40px 0;
	font-size: 12px;
}

.product-description .especificacoes p {
	font-size: 14px;
	line-height: 20px;
}

.product-description .detalhes {
	display: none;
}

.product-description .como-aplicar {
	padding: 40px 0;
	background-color: #fff;
}

.product-description .como-aplicar p {
	font-size: 14px;
	line-height: 20px;
}

section#related-products .container {
	max-width: 1140px;
}

div#single-product {
	padding-bottom: 0 !important;
}

.btn-add-to-cart {
	font-weight: 600;
	font-size: 18px;
}

#nav-hamburger .no-gutters {
	background: #121212;
}

.nav-menu-full .desktop-list-subitems .nav-item a.nav-list-link:hover {
	color: #ff2e63;
}

.filters-sidebar .btn-default {
	padding: 10px 15px;
}

span.label-offer-percentage-text, span.label-offer-percentage {
	color: #fff;
}

.label {
	text-shadow: 0 0px 0px rgba(0, 0, 0, .15);
	font-weight: 500;
}

.footer-menus a:hover, .footer-menus a:focus {
	opacity: .7;
}

#modal-cart small {
	font-weight: 400;
	font-size: 12px;
}

#modal-cart .cart-item-name a {
	font-size: 13px;
}

#modal-cart input.btn.btn-primary {
	font-weight: 500;
	font-size: 16px;
	border-radius: 100px;
	color: #121212;
	text-transform: capitalize;
}

.btn-medium {
	border-radius: 100px;
}

.modal-header {
	background-color: #121212;
}

.product-description .como-aplicar .video iframe {
	height: 100% !important;
}

section.section-home.corporativo .btn.btn-primary {
	background-color: #3855f6;
	display: inline-block;
}

section.section-home.corporativo .container img {
	width: 100%;
}

section.section-home.corporativo p {
	font-size: 14px;
}

section.section-home.corporativo {
	background-color: #fafafa;
}

section.section-home.corporativo .btn.btn-primary a {
	color: #fff;
}

footer.main-footer {
	border-top: 0;
}

body.template-page .user-content .container {
	max-width: 1300px;
}

body.template-page.transition-long.page--simule_seu_produto .user-content .container ul {
	list-style-type: none;
	padding: 0;
	align-items: center;
	gap: 30px;
}

body.template-page.transition-long.page--simule_seu_produto .user-content .container ul li {
	display: flex;
	gap: 10px;
	align-items: center;
}

.centered-logo-utilities span.nav-accounts-item.pr-2 {
	display: none;
}

.centered-logo-utilities span.nav-accounts-item.pr-4 svg {
	font-size: 1em !important;
	margin-right: 5px !important;
	margin-left: 5px;
}

.nav-desktop-list>.nav-item>.nav-list-link, .nav-desktop-list>.nav-item>.nav-item-container>.nav-list-link {
	padding: 15px 0px;
}

.item-price-container .order-2, .item-price-container .order-3 {
	display: none !important;
}

.item.item-borders {
	border: 1px solid transparent;
}

.item.item-borders .item-image {
	border: 5px solid rgba(0, 0, 0, 0);
}

.item-price-container {
	border-top: 1px solid transparent;
	margin-top: 0;
}

.item.item-borders:hover {
	box-shadow: 0 0 0px rgba(0, 0, 0, .15);
}

.home-promos .item.item-animation:hover {
	margin-bottom: 0;
}

a.nav-list-link[data-url-cleaned="projetos"] {
	font-weight: 700 !important;
}

a.nav-list-link[data-url-cleaned="sale"] {
	font-weight: 700 !important;
	color: #ff2e63;
}

a.nav-list-link[data-url-cleaned="sale"] svg {
	fill: #ff2e63;
}

.nav-desktop .nav-list-link:hover[data-url-cleaned="sale"] {
	color: #ff2e63;
}

.footer-legal {
	background-color: #000;
	color: #fff;
	padding: 13px 0 9px;
}

.powered-by-logo a svg {
	fill: #fff;
}

.footer-legal .mb-1.h6 {
	display: none;
}

.js-filter-container[data-component-value="Tamanho"] {
	display: none;
}

.js-filter-container[data-component-value="brand"] {
	display: none;
}

.js-product-variants .form-group .form-label {
	color: #666;
	font-weight: 500;
}

.form-group .form-label:before {
	content: "Escolha o ";
}

.form-group .form-label:after {
	content: ":";
}

#single-product .js-max-installments.product-installments.installment-no-interest span {
	font-size: 16px;
	font-weight: 400;
}

#single-product .js-max-installments-container {
	margin-bottom: 0 !important;
}

#single-product .price-container {
	margin-bottom: 0 !important;
}

.js-product-discount-container strong.text-accent {
	color: #121212;
}

#single-product a#btn-installments {
	text-decoration: underline;
	margin-bottom: 10px !important;
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 12px;
	font-weight: 600;
	color: #333;
	font-size: 0 !important;
}

#single-product a#btn-installments:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/icon-maisdetalhes.svg");
	content: "";
	width: 22px;
	height: 22px;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
}

#single-product a#btn-installments svg {
	display: none;
}

#single-product a#btn-installments:after {
	content: "Confira mais detalhes";
	font-size: 14px;
}

.cn-calculadora-adesivo span {
	font-size: 14px;
	text-decoration: underline;
}

.js-product-discount-container span {
	font-size: 16px;
}

.titulo-descricao img {
	position: relative;
	top: 1px;
	margin-right: 5px;
}

h3.titulo-descricao {
	font-weight: 500;
}

.post-item-image {
	border-radius: 8px;
}

.template-blog .item .item-name {
	font-weight: 600;
}

.template-blog-post .page-header-slim {
	max-width: 840px;
	margin: 0 auto 20px;
}

.template-blog-post .post-item-image {
	padding-bottom: 0 !important;
}

.template-blog-post .post-content img, .template-blog-post .post-content iframe {
	border-radius: 8px;
	max-width: 100%;
	height: auto;
	/*width: 100%;*/
}

.template-blog-post .post-item-image {
	display: none;
}

.template-blog-post h1.text-heading.mb-0.text-center {
	font-weight: 800;
	text-align: left !important;
	margin-top: 30px;
}

.post-content, .post-content p {
	line-height: 26px !important;
	font-size: 17px;
}

.post-content p {
	margin: 20px 0;
}

.blog-post-page table, .blog-post-page tr, .blog-post-page td {
	border: 0;
	padding: 4px;
}

.template-blog-post .post-content a {
	text-decoration: underline;
}

.post-content h6, .post-content h6 a {
	margin-top: -10px;
	font-weight: 400;
	color: #777 !important;
}

.section-home .section-title {
	margin-top: 25px;
}

.section-title .mt-2 {
	margin-top: 2px !important;
}

section.section-home[data-store="home-products-featured"] h2:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/megaphone_2.svg");
}

section.section-home[data-store="home-products-best-seller"] h2:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/heart_2.svg");
}

section.section-banner-products-home-colors h2:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/bookmark.svg");
}

.footer-form a.social-icon svg.icon-inline {
	display: none;
}

.footer-form a.social-icon:before {
	content: "";
	width: 34px;
	height: 34px;
	display: block;
	margin: auto;
}

.footer-form a.social-icon[aria-label^="instagram"]:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/instagram.svg");
}

.footer-form a.social-icon[aria-label^="facebook"]:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/facebook.svg");
}

.footer-form a.social-icon[aria-label^="youtube"]:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/youtube.svg");
}

.footer-form a.social-icon[aria-label^="pinterest"]:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/pintrest.svg");
}

.contact-bar {
	background: #ebeaed;
}

.contact-bar a.social-icon svg.icon-inline {
	display: none;
}

.contact-bar a.social-icon:before {
	content: "";
	width: 24px;
	height: 24px;
	display: block;
	margin: auto;
	background-size: contain;
	background-repeat: no-repeat;
}

.contact-bar a.social-icon[aria-label^="instagram"]:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/instagram-barrainicial.svg");
}

.contact-bar a.social-icon[aria-label^="facebook"]:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/facebook-barrainicial.svg");
}

.contact-bar a.social-icon[aria-label^="youtube"]:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/youtube-barrainicial.svg");
}

.contact-bar a.social-icon[aria-label^="pinterest"]:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/pintrest-barrainicial.svg");
}

.js-contact-bar.contact-bar .no-gutters {
	align-items: center;
}

.contact-bar a.contact-link {
	display: flex;
	align-items: center;
	gap: 2px;
}

.contact-bar svg {
	display: none;
}

.contact-bar a.contact-link[target="_blank"]:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/whatsapp.svg") !important;
}

.contact-bar a.contact-link:before {
	margin-right: 3px;
	content: "";
	width: 24px;
	height: 24px;
	display: block;
	margin: auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/envelope.svg");
}

.contact-bar a.contact-link[target="_blank"] {
	font-size: 0px;
}

.contact-bar a.contact-link {
	font-size: 0;
}

.contact-bar .utilities-item.utilities-text:nth-child(1):before {
	content: "Contato: ";
	margin-right: 5px;
}

.contact-bar a.contact-link:after {
	content: "E-mail";
	font-size: 13px;
}

.contact-bar a.contact-link[target="_blank"]:after {
	content: "WhatsApp";
	font-size: 13px;
}

.contact-bar .utilities-text {
	padding: 8px 5px;
}

.search-input {
	height: 40px;
	border: 1px solid #ebeaed !important;
	border-radius: 100px !important;
	background-color: #fff;
}

.js-head-logo .col.d-none.d-md-block {
	display: flex !important;
	justify-content: center;
}

form.js-search-form.search-form {
	min-width: 390px;
}

.icon-cart-custom {
	max-height: 24px;
}

.utilities-item img.icon-inline {
	width: 24px;
	height: 24px;
}

.utilities-container .utilities-item .icon-inline {
	font-size: 14px;
}

a.nav-accounts-link[href="/account/logout"] {
	font-size: 12px;
	font-weight: 600;
}

.cn-item-projetos img.icon-inline.mr-2 {
	width: 30px;
	height: 30px;
}

section.section-home h2:before {
	content: "";
	width: 32px;
	height: 32px;
	display: block;
	margin: auto;
}

.item.item-borders .item-description {
	margin-top: 10px;
}

.swiper-pagination-bullet-active {
	width: .6rem;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #f9c424 !important;
}

span.swiper-pagination-bullet {
	background: #ebeaed !important;
	opacity: 1;
}

.section-home svg.icon-inline {
	font-size: 19px !important;
}

.js-newsletter.newsletter input {
	border-radius: 100px;
}

.section-home svg.icon-inline.icon-flip-horizontal {
	margin-left: -3px;
}

.section-home svg.icon-inline {
	margin-left: 3px;
}

.col-banner {
	border-radius: 8px;
}

.gridbanner-image {
	border-radius: 8px;
}

.section-slider .swiper-button-next, .section-slider .swiper-button-prev {
	box-shadow: 0px 0 4px rgba(0, 0, 0, .1);
}

.swiper-button-next .icon-lg {
	font-size: 19px !important;
	margin-left: 3px;
}

.swiper-button-prev .icon-lg {
	font-size: 19px !important;
	margin-left: -3px;
}

.swiper-button-prev {
	left: 2px;
}

.swiper-button-next {
	right: 2px;
}

.footer-form {
	padding: 30px 0;
}

.js-newsletter.newsletter .btn-submit {
	font-weight: 500;
}

section.home-promos.section-home[data-store="home-banner-products"] .promo-products .col-banner {
	margin-top: 0 !important;
}

section.home-promos.section-home[data-store="home-banner-products"] .promo-products .js-swiper-promos {
	padding-top: 0 !important;
}

.section-grid-home {
	padding-bottom: 0;
}

footer a#cn-assinatura small {
	vertical-align: text-top;
	color: #fff;
	font-size: 10px;
}

footer a#cn-assinatura img {
	height: 13px;
	margin-left: 5px;
	margin-right: 10px;
	filter: invert(100%);
}

.breadcrumbs {
	margin-bottom: 10px;
}

.breadcrumbs svg {
	fill: #b8b8b8 !important;
}

.breadcrumbs a.crumb:first-child {
	color: #666;
	font-weight: 400;
}

.breadcrumbs a.crumb {
	font-weight: 500;
}

form#product_form {
	margin-top: 20px;
}

form#product_form select {
	border-radius: 16px;
	border: 1px solid #ebeaed;
}

.form-select-small+.form-select-icon {
	bottom: 3px;
}

.form-control, .form-select, .form-select-options, .form-quantity {
	border: 1px solid #ebeaed;
	border-radius: 16px;
}

#product-shipping-container .js-accordion-private-container .js-accordion-private-content {
	display: block !important;
}

.shipping-calculator {
	background-color: transparent;
}

.shipping-calculator a {
	padding: 0 !important;
}

.shipping-calculator a .col-auto {
	display: none;
}

.shipping-calculator .js-accordion-private-content {
	padding: 0 !important;
}

.shipping-calculator .h6.text-uppercase {
	color: #666;
	font-size: 14px;
	text-transform: none !important;
}

.shipping-calculator .h6 svg {
	display: none;
}

.shipping-calculator .js-shipping-zipcode-help {
	font-size: 14px !important;
	color: #666;
	text-transform: lowercase;
}

.shipping-calculator .position-relative.form-row {
	border: 1px solid #ebeaed;
	border-radius: 16px;
}

.shipping-calculator button.js-calculate-shipping {
	border: 2px solid #121212;
	background-color: transparent;
	color: #121212;
	border-radius: 0 16px 16px 0;
	padding: 12px 20px;
}

.shipping-calculator input.form-control {
	padding: 14px 15px;
}

.shipping-calculator button.js-calculate-shipping span {
	font-size: 16px;
	text-transform: none !important;
	font-weight: 500;
}

.product-slider-image, .quickshop-image, .product-thumb img, .product-video .embed-responsive {
	background-color: transparent;
}

.product-video .video-image {
	width: 100%;
	border-radius: 8px;
}

.product-video .embed-responsive {
	height: auto;
}

div#home-modal .row.no-gutters {
	display: grid;
}

.modal-centered-medium.home-popup {
	width: 350px;
}

div#home-modal .row.no-gutters .col-md-6 {
	max-width: 100% !important;
}

div#home-modal .row.no-gutters .col-md-6 img {
	width: 100%;
}

.fixed-product-form {
	display: none !important;
}

footer.main-footer {
	padding-bottom: 0 !important;
}

@media (min-width:1380px) {
	.mega-menu {
		max-width: 700px;
	}
	
	.nav-menu-full, .nav-menu-full .nav-desktop-list {
		position: relative;
	}
	
	.nav-dropdown .nav-dropdown-content {
		top: 45px !important;
	}
	
	.nav-menu-full .desktop-dropdown {
		left: initial;
		transform: none;
	}
}

@media (min-width:1280px) {
	.service-text {
		width: 240px;
	}
}

@media (min-width:769px) {
	.main-menu .container {
		padding: 0;
	}
	
	.main-menu .container .nav-desktop ul {
		padding: 0;
	}
	
	.banner-services .wrapper {
		justify-content: center;
	}
	
	.services-md-row .service-item, .services-md-row .service-item>a {
		width: auto;
		padding: 0 44px;
	}
	
	.services-md-row .service-item:last-child {
		border-right: 0px solid #595959;
	}
}

@media (min-width:768px) {
	body.page--projetos .user-content .depoimentos-swiper .swiper-wrapper {
		display: flex;
		flex-wrap: nowrap;
	}
	
	.nav-desktop.nav-menu-full>ul>li[data-slug="blog"] {
		display: none;
	}
	
	.logo-img {
		max-width: 165px;
	}
	
	.footer-form .col-social {
		padding: 0 !important;
	}
	
	.footer-form .social-icon {
		padding: 5px 3px;
	}
	
	.centered-logo-logo #logo {
		position: absolute;
		left: 0;
		right: 0;
		top: -18px;
	}
	

	.header-fixed.is-fixed div#logo {
		position: static;
	}
	
	footer .logo-img {
		padding: 4px 0 0;
	}
	
	.product-detail-slider .product-slider-image {
		max-height: 620px;
	}
	
	.template-product .swiper-wrapper {
		max-height: 620px;
	}
	
	#single-product .col-md-7 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.swiper-product-thumb {
		height: 620px;
	}
	
	.swiper-button-outside.swiper-button-next {
		right: -0px;
		box-shadow: 0px 0 4px rgba(0, 0, 0, .1);
	}
	
	.swiper-button-outside.swiper-button-prev {
		left: 0;
		box-shadow: 0px 0 4px rgba(0, 0, 0, .1);
	}
	
	.js-swiper-promos-prev.swiper-button-prev, .js-swiper-promos-next.swiper-button-next {
		box-shadow: 0px 0 4px rgba(0, 0, 0, .1);
	}
	
	.template-home .swiper-button-outside.swiper-button-next, .template-home .swiper-button-outside.swiper-button-prev, .template-home .js-swiper-promos-prev.swiper-button-prev, .template-home .js-swiper-promos-next.swiper-button-next {
		top: 40%;
	}
	
	.promo-products .col-banner img {
		border-top: 5px solid rgba(0, 0, 0, 0);
		border-radius: 11px 11px 0 0;
	}
}

@media only screen and (max-width:1366px) {
	.head-colors .main-menu .container {
		max-width: 100%;
	}
}

@media only screen and (max-width:1140px) {
	.product-description .row-fluid {
		max-width: 95%;
	}
}

@media only screen and (max-width:1024px) {
	.nav-desktop.nav-menu-full>ul>li {
		padding: 0;
	}
	
	.nav-desktop-list>.nav-item>.nav-list-link, .nav-desktop-list>.nav-item>.nav-item-container>.nav-list-link {
		font-size: 13px;
	}
	
	.nav-desktop-list>.nav-item>.nav-item-container>.nav-list-link span {
		font-size: 8px;
	}
}

@media only screen and (max-width:769px) {
	.modal-nav-hamburger .nav-list .nav-list-link {
		font-size: 13px;
	}
	
	.modal-nav-hamburger .nav-list .list-subitems .nav-list-link {
		padding: 5px 15px 5px 23px;
	}
}

@media only screen and (max-width:768px) {
	.product-description .row-fluid {
		display: block !important;
	}
	
	.product-description .row-fluid .span6 {
		width: 100%;
		margin-left: 0 !important;
	}
	
	.product-description .autor .row-fluid {
		max-width: 95%;
		text-align: center;
	}
	
	.footer-form {
		padding: 35px 0;
	}
	
	.product-description .autor .row-fluid {
		max-width: 90%;
	}
	
	.product-description .row-fluid {
		max-width: 90%;
	}
	
	section.section-home.corporativo .container {
		gap: 29px;
	}
	
	body.page--projetos .user-content .container {
		padding: 0;
	}
	
	body.page--projetos .user-content .container .row {
		margin: 0;
	}
	
	body.page--projetos .user-content .segmentos img {
		max-width: 90%;
	}
	
	.row.footer-block.justify-content-between {
		gap: 20px;
	}
	
	.row.footer-block.justify-content-between .col-12 {
		flex: 0 0 48%;
		max-width: 48%;
	}
	
	body.page--projetos .user-content .depoimentos p.descricao {
		max-width: 100% !important;
	}
	
	div[data-toggle="#installments-modal"] .no-gutters {
		flex-wrap: wrap;
	}
}

@media only screen and (max-width:767px) {
	.hidden-phone {
		display: none;
	}
	
	.visible-phone {
		display: block;
	}
	
	section.section-home.corporativo .container>div {
		width: 100%;
	}
	
	section.section-home.corporativo .container {
		display: block;
	}
	
	body.template-page.page--como_kolar iframe {
		width: 100% !important;
	}
	
	body.page--projetos .user-content .depoimentos .depoimento-box {
		display: grid !important;
		gap: 10px !important;
	}
	
	.row.footer-block.justify-content-between .col-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.header-logo-row .js-head-logo .col.d-none.d-md-block {
		display: none !important;
	}
	
	.footer-menus .contact-link {
		justify-content: center;
	}
	
	.footer-menus .contact-info li:nth-child(2) {
		display: none;
	}
	

	div#Contato .formulario div {
		display: block !important;
		margin-top: 0 !important;
	}
	

	

	div#Contato .formulario div input, div#Contato .formulario div select {
		margin-bottom: 20px;
	}
	
	.cart-widget-amount {
		right: 0;
	}
}

body.page--projetos .user-content .marcas-swiper {
	padding: 20px 0;
	max-width: 1366px;
}

body.page--projetos .user-content .marcas-swiper .swiper-slide {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.page--projetos .user-content .marcas-swiper img {
	max-width: 180px;
	max-height: 102px;
	opacity: .8;
	transition: .3s;
}

body.page--projetos .user-content .marcas-swiper img:hover {
	opacity: 1;
}

body.page--projetos .user-content .marcas-swiper .swiper-button-next, body.page--projetos .user-content .marcas-swiper .swiper-button-prev {
	color: #939598;
	top: 70%;
	transform: translateY(-50%);
}

body.page--projetos .user-content .marcas-swiper .swiper-button-next {
	right: -15px;
}

body.page--projetos .user-content .marcas-swiper .swiper-button-prev {
	left: -15px;
}

body.page--projetos .user-content .banner-swiper {
	width: 100%;
	position: relative;
}

body.page--projetos .user-content .banner-slide {
	background-size: cover;
	background-position: center;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.page--projetos .user-content .banner-content {
	background: rgba(0, 0, 0, .5);
	padding: 20px 30px;
	border-radius: 8px;
	color: #fff;
	text-align: center;
	max-width: 80%;
}

body.page--projetos .user-content .banner-content h2 {
	font-size: 32px;
	margin-bottom: 10px;
}

body.page--projetos .user-content .banner-content p {
	font-size: 18px;
	margin-bottom: 15px;
}

body.page--projetos .user-content .banner-btn {
	background-color: #ffc10f;
	color: #000;
	padding: 10px 20px;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
}

body.page--projetos .user-content .banner-btn:hover {
	background-color: #ff2e63;
	color: #fff;
}

body.page--projetos .user-content .banner-swiper .swiper-button-next, body.page--projetos .user-content .banner-swiper .swiper-button-prev {
	color: #fff;
}

body.page--projetos .user-content .banner-slide a, body.page--projetos .user-content .banner-slide a img {
	width: 100%;
}

body.page--projetos .user-content .container>.row .col-md-12 {
	padding: 0;
}

body.page--projetos .user-content .depoimentos-swiper {
	padding: 40px 0;
}

body.page--projetos .user-content .depoimento-item {
	display: flex;
	justify-content: center;
}

body.page--projetos .user-content .depoimento-box {
	border-radius: 8px;
	padding: 30px;
}

body.page--projetos .user-content .depoimento-box p {
	font-size: 18px;
	margin-bottom: 15px;
	color: #333;
}

body.page--projetos .user-content .depoimento-box strong {
	display: block;
	font-size: 16px;
	color: #555;
}

body.page--projetos .user-content .depoimentos-swiper .swiper-button-next, body.page--projetos .user-content .depoimentos-swiper .swiper-button-prev {
	color: #000;
}

body.page--projetos .user-content .depoimentos-swiper .swiper-pagination-bullet {
	background: #000;
}

body.page--projetos section.page-header {
	display: none;
}

body.page--projetos .user-content .container {
	max-width: 100%;
}

body.page--projetos .user-content .video {
	background-color: #efefef;
	margin-top: -6px;
}

body.page--projetos .user-content .video .row, body.page--projetos .user-content .proposito .row, body.page--projetos .user-content .personalizacao .row, body.page--projetos .user-content .segmentos .row, body.page--projetos .user-content .depoimentos .row, body.page--projetos .user-content #projetos>.row, body.page--projetos .user-content .contato>.row, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .user-content .contato>.row {
	max-width: 1366px;
	margin: auto;
	padding: 80px 0;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] .user-content .contato {
	margin-top: 40px;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] footer.main-footer {
	margin-top: 0 !important;
}

.template-page .user-content p {
	line-height: 24px;
}

body.page--projetos .user-content .video .row h1 {
	font-size: 36px;
	text-align: left;
	font-weight: 600;
	line-height: 43px;
	margin-bottom: 20px !important;
}

body.page--projetos .user-content p {
	font-size: 16px;
	color: #666;
	font-weight: 300;
}

body.page--projetos .user-content .video p.sub-titulo {
	margin-bottom: 30px;
}

body.page--projetos a.botao-projetos, body.template-page.transition-long[class*="-_detalhe_do_projeto"] a.botao-projetos {
	background-color: #3855f6;
	padding: 8px 16px;
	border-radius: 100px;
	color: #fff;
}

body.page--projetos a.botao-projetos:hover {
	opacity: .8;
}

body.page--projetos div#sobre img {
	margin-bottom: 10px;
}

body.page--projetos .user-content iframe {
	margin: auto;
	border-radius: 20px;
	width: 100% !important;
	height: 396px !important;
}

body.page--projetos .user-content .clientes h2, body.page--projetos .user-content .personalizacao h2, body.page--projetos .user-content .projetos-modulo h2, body.page--projetos .user-content .depoimentos h2 {
	font-size: 14px;
	letter-spacing: 2px;
	color: #b8b9bb;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 20px;
	text-align: center;
}

body.page--projetos .user-content .clientes h3, body.page--projetos .user-content .personalizacao h3, body.page--projetos .user-content .projetos-modulo h3, body.page--projetos .user-content .depoimentos h3 {
	font-size: 36px;
	font-weight: 600;
	line-height: 43px;
	margin-bottom: 30px !important;
	text-align: center;
}

body.page--projetos .user-content .personalizacao h3, body.page--projetos .user-content .projetos-modulo h3 {
	margin-bottom: 70px !important;
}

body.page--projetos .user-content .clientes {
	padding: 70px 0;
}

body.page--projetos .user-content .clientes .row {
	margin-right: 0;
	margin-left: 0;
}

body.page--projetos .user-content .banner-swiper img {
	width: 100%;
}

body.page--projetos .user-content .swiper-button-next, body.page--projetos .user-content .swiper-button-prev {
	background-color: transparent;
	box-shadow: 0 0 0 #000;
	font-size: 23px;
}

body.page--projetos .user-content .proposito {
	background: url("https://cdn.dev.br/clientes/shopkola/imagens/bg-proposito.png") no-repeat center center;
	background-size: cover;
	color: #fff;
}

body.page--projetos .proposito h2 {
	font-size: 14px;
	letter-spacing: 2px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 20px;
	background-color: #3855f6;
	padding: 4px 0;
}

body.page--projetos .proposito h3 {
	font-size: 28px;
	color: #fff;
	font-weight: 600;
}

body.page--projetos .proposito p {
	color: #fff !important;
}

body.page--projetos .user-content .proposito ul li {
	width: 46%;
}

body.page--projetos .user-content .clientes .row, body.page--projetos .user-content .personalizacao .row, body.page--projetos .user-content .projetos-modulo>.row, body.page--projetos .user-content .depoimentos>.row, body.page--projetos .user-content .contato>.row, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .user-content .contato>.row {
	display: grid;
	text-align: center;
}

body.page--projetos .user-content .proposito ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
}

body.page--projetos .user-content .proposito li p.titulo {
	font-size: 32px;
	color: #fff !important;
	font-weight: 500;
	margin-bottom: 20px;
}

body.page--projetos .user-content .personalizacao .blocos {
	display: flex;
	align-items: center;
	gap: 50px;
	padding-right: 15px;
	padding-left: 15px;
}

body.page--projetos .personalizacao .blocos div {
	width: 50%;
	text-align: left;
}

body.page--projetos .personalizacao .blocos div>img {
	border-radius: 15px;
}

body.page--projetos .personalizacao .blocos h4.sub-titulo {
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -1px;
}

body.page--projetos .personalizacao .blocos p.descricao {
	color: #888a8d;
}

body.page--projetos .user-content .personalizacao .blocos:nth-child(odd) div:nth-child(1) h4, body.page--projetos .user-content .personalizacao .blocos:nth-child(odd) div:nth-child(1) p {
	max-width: 600px;
}

body.page--projetos .user-content .personalizacao .blocos:nth-child(even) div:nth-child(2) h4, body.page--projetos .user-content .personalizacao .blocos:nth-child(even) div:nth-child(2) p {
	max-width: 600px;
}

body.page--projetos .personalizacao .row:nth-child(2) {
	gap: 30px;
}

body.page--projetos .footer-form div:nth-child(3), body.template-page[class*="-_detalhe_do_projeto"] .footer-form div:nth-child(3) {
	display: none;
}

body.page--projetos .user-content .segmentos {
	background-color: #f0f0f0;
	text-align: center;
}

body.page--projetos .user-content .segmentos .row {
	display: block;
}

body.page--projetos .user-content .segmentos h2 {
	font-size: 24px;
	margin-bottom: 50px;
}

body.page--projetos .user-content .segmentos ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
	justify-content: center;
	padding-right: 15px;
	padding-left: 15px;
}

body.page--projetos .user-content .segmentos ul li {
	max-width: 100px;
}

body.page--projetos .user-content .segmentos p {
	color: #121212;
	font-weight: 500;
	line-height: 18px;
}

body.page--projetos .user-content .segmentos p.icon {
	background-color: #fff;
	border-radius: 50%;
	width: 90px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 16px;
}

body.page--projetos .user-content .depoimentos .header-clients img {
	border-radius: 50%;
	width: 100px;
	height: 100px !important;
	max-width: 100px;
	filter: grayscale(100%);
}

body.page--projetos .user-content .depoimentos .depoimento-box {
	display: flex;
	gap: 30px;
}

body.page--projetos .user-content .depoimentos .info-clients {
	text-align: left;
}

body.page--projetos .user-content .depoimentos .info-clients span.name {
	text-transform: uppercase !important;
	color: #3855f6;
	font-weight: 600;
	font-size: 14px;
}

body.page--projetos .user-content .depoimentos p.descricao {
	color: #121212 !important;
	font-size: 14px !important;
	line-height: 20px;
	font-weight: 400;
}

body.page--projetos .user-content .depoimentos .info-clients p {
	color: #888a8d;
	font-size: 16px;
}

body.page--projetos .depoimentos>.row img {
	margin: 0 auto 20px;
}

body.page--projetos .user-content .swiper-pagination-bullets {
	width: 100%;
}

div#projetos {
	border-bottom: 1px solid #e1e1e2;
	padding-bottom: 70px;
}

body.page--projetos .projetos-lista img.img-responsive {
	border-radius: 20px;
}

body.page--projetos .titulo-projetos {
	max-width: 490px;
	margin: 0 auto 30px;
	text-align: center;
	padding-top: 50px;
}

body.page--projetos .projetos-lista {
	max-width: 1366px;
	margin: auto;
	padding: 0px 0 20px;
	display: grid;
	text-align: center;
}

body.page--projetos .projetos-lista .row {
	margin: 0;
}

body.page--projetos .user-content #projetos .btn.btn-default a {
	margin: auto;
	background-color: #3855f6;
	padding: 8px 16px;
	border-radius: 100px;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}

body.page--projetos .button-action .btn {
	background-color: transparent;
}

body.page--projetos p.servico {
	color: #888a8d;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 10px;
}

body.page--projetos p.nomeempresa {
	color: #121212;
	font-size: 20px;
	font-weight: 600;
}

body.page--projetos .img-project a {
	display: block;
}

body.page--projetos .img-project {
	position: relative;
}

body.page--projetos .img-project a {
	position: relative;
	display: block;
}

body.page--projetos .img-project a:before, body.page--projetos .img-project a:after {
	position: absolute;
	content: "";
	opacity: 0;
	transition: all .5s ease;
}

body.page--projetos .img-project a:before {
	background-image: url("https://cdn.dev.br/clientes/shopkola/imagens/icon-saibamais-projetos.svg");
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

body.page--projetos .img-project a:after {
	background-color: #3855f6;
	width: 100%;
	height: 98%;
	top: 0;
	border-radius: 20px;
	left: 0;
}

body.page--projetos .img-project a:hover:before {
	opacity: 1;
}

body.page--projetos .img-project a:hover:after {
	opacity: .6;
}

body.page--projetos .img-project {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}

body.page--projetos .projetos-lista .row>div {
	margin-bottom: 30px;
}

body.page--projetos .user-content .contato, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .user-content .contato {
	background: url("https://cdn.dev.br/clientes/shopkola/imagens/bg-contato.png") no-repeat center center;
	background-size: cover;
	color: #fff;
}

body.page--projetos .user-content .contato>.row img, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .user-content .contato>.row img {
	margin: 0 auto 20px;
}

body.page--projetos .user-content .contato h2, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .user-content .contato h2 {
	color: #fff;
	font-size: 36px;
	font-weight: 500;
}

body.page--projetos .user-content .contato .formulario, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .user-content .contato .formulario {
	background-color: #fff;
	border-radius: 20px 20px 0 0;
	padding: 50px;
	width: 760px;
	margin: auto;
}

body.template-page.transition-long.page--projetos footer.main-footer {
	margin-top: 0;
}

body.page--projetos .footer-form, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .footer-form {
	display: none !important;
}

body.page--projetos .footer-menus, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .footer-menus {
	display: none !important;
}

body.page--projetos .footer-payments-shipping-logos, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .footer-payments-shipping-logos {
	display: none !important;
}

body.page--projetos .modal-nav-hamburger .nav-primary, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .modal-nav-hamburger .nav-primary {
	display: none !important;
}

body.page--projetos .modal-nav-hamburger #menuProjetosMobile.nav-primary, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .modal-nav-hamburger #menuProjetosMobile.nav-primary {
	display: block !important;
}

body.page--projetos #nav-hamburger .no-gutters div.col, body.template-page.transition-long[class*="-_detalhe_do_projeto"] #nav-hamburger .no-gutters div.col {
	display: none !important;
}

body.page--projetos .row.no-gutters, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .row.no-gutters {
	justify-content: end;
}

body.page--projetos #logo a, body.template-page.transition-long[class*="-_detalhe_do_projeto"] #logo a {
	pointer-events: none;
	cursor: default;
}

body.page--projetos .utilities-item span.nav-accounts-item.pr-4, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .utilities-item span.nav-accounts-item.pr-4 {
	display: none;
}

body.page--projetos .cn-item-produtos img.icon-inline.mr-2, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .cn-item-produtos img.icon-inline.mr-2 {
	width: 32px;
	height: 32px;
}

body.page--projetos #menuProjetos li {}

body.page--projetos span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #3855f6 !important;
}

body.page--projetos span.swiper-pagination-bullet {
	background: #ebeaed !important;
}

@media (max-width:1024px) {
	body.page--projetos .user-content .proposito ul li {
		width: 44%;
	}
}


@media (min-width:769px) {
	.template-category .js-item-product.col-md-3.item-product.col-grid,
	.template-search .js-item-product.col-md-3.item-product.col-grid {
	    flex: 0 0 33.33%;
	    max-width: 33.33%;
	}
}


@media (min-width:768px) {
	body.page--projetos .js-head-logo .col.d-none .js-search-form.search-form, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .js-head-logo .col.d-none .js-search-form.search-form {
		display: none !important;
	}
	
	body.page--projetos .js-head-logo .centered-logo-utilities .utilities-container, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .js-head-logo .centered-logo-utilities .utilities-container {
		display: none !important;
	}
	
	body.page--projetos .centered-logo-logo #logo, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .centered-logo-logo #logo {
		position: relative;
		top: 7px;
	}
	
	#menuProjetos ul.js-nav-desktop-list {
		align-items: center !important;
		justify-content: center !important;
		gap: 38px;
	}
	
	#menuProjetos a.nav-list-link[data-url-cleaned="projetos"] {
		font-weight: 400 !important;
	}
	
	#menuProjetos .nav-desktop-list>.nav-item:hover>.nav-list-link:after {
		background-color: #3855f6 !important;
	}
	
	#menuProjetos li.nav-item.nav-item-desktop[data-slug="contato"] a {
		background-color: #3855f6;
		border-radius: 8px;
		color: #fff;
		padding: 7px 12px;
	}
	
	body.page--projetos .nav-desktop, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .nav-desktop {
		display: none;
	}
	
	body.page--projetos #menuProjetos.nav-desktop, body.template-page.transition-long[class*="-_detalhe_do_projeto"] #menuProjetos.nav-desktop {
		display: block;
	}
	
	.page--projetos .projetos-lista .row {
		margin-bottom: 30px;
	}
	
	body.page--projetos .header-logo-row, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .header-logo-row {
		padding-bottom: 0;
	}
}

@media (max-width:768px) {
	body.page--projetos .user-content .video .row .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
	
	body.page--projetos .user-content .video .row .col-md-7 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	body.page--projetos .user-content .video .row .col-md-1, body.page--projetos .user-content .proposito .row .col-md-1 {
		display: none;
	}
	
	body.page--projetos .user-content .proposito .row .col-md-5 {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
	
	body.page--projetos .user-content .proposito .row .col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (max-width:767px) {
	body.page--projetos .user-content .clientes {
		width: 95%;
		margin: auto;
	}
	
	body.page--projetos .user-content .proposito ul li {
		width: 100%;
	}
	
	body.page--projetos .user-content .proposito ul {
		gap: 20px;
	}
	
	body.page--projetos .personalizacao .blocos div {
		width: 100%;
	}
	
	body.page--projetos .personalizacao .blocos h4.sub-titulo {
		font-size: 22px;
		margin-bottom: 15px;
	}
	
	body.page--projetos .user-content .personalizacao .blocos {
		display: grid !important;
		gap: 0px;
	}
	
	body.page--projetos .user-content .personalizacao .blocos:nth-child(even) div:nth-child(1) {
		order: 2;
	}
	
	body.page--projetos .user-content .personalizacao .blocos:nth-child(even) div:nth-child(2) {
		order: 1;
	}
	
	body.page--projetos .user-content .segmentos .row {
		width: 95%;
	}
	
	body.page--projetos .user-content .segmentos ul {
		gap: 30px;
	}
	
	body.page--projetos .user-content .contato .formulario, body.template-page.transition-long[class*="-_detalhe_do_projeto"] .user-content .contato .formulario {
		width: 90%;
	}
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] section.page-header {
	display: none;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] .user-content>.container {
	max-width: 100% !important;
	padding: 0;
	width: 100%;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] .visible-sm {
	display: none !important;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] .brand-page span {
	font-weight: 500;
	font-size: 18px;
	position: relative;
	display: block;
	/*margin-bottom: 30px;*/
}

/*body.template-page.transition-long[class*="-_detalhe_do_projeto"] .box-content-page .brand-page span::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100px;
	height: 2px;
	background: #3855f6;
}*/

body.template-page.transition-long[class*="-_detalhe_do_projeto"] .user-content>.container .col-md-12 {
	padding: 0;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] .text-page {
	font-size: 18px;
	font-weight: 500;
	text-align: left;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] .text-page p {
	font-weight: 300;
	margin-top: 15px;
	color: #757575;
	line-height: 22px;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] .box-content-page {
	padding: 50px 0;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] .videotube {
	background: #efefef !important;
	padding: 60px 0;
	margin-bottom: 20px;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] .videotube iframe {
	width: 100% !important;
	height: 600px !important;
	border-radius: 8px;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] ul.slides {
	list-style-type: none;
	padding: 0;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] .tamanho-width {
	display: none;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] li.slide.oneduble-banner {
	display: flex;
	gap: 7px;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] li.slide.oneduble-banner>img {
	width: 64%;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] li.slide.half-banner {
	display: flex;
	gap: 7px;
	justify-content: center;
}

body.template-page.transition-long[class*="-_detalhe_do_projeto"] li.slide.half-banner img {
	max-width: 50%;
	width: 100%;
}

body.template-page[class*="-_detalhe_do_projeto"] .brand-page {
	/*text-align: right;*/
	margin-top: 6px;
}

/*body.template-page[class*="-_detalhe_do_projeto"] .brand-page img {
	margin-top: 25px;
}*/

body.template-page[class*="-_detalhe_do_projeto"] .brand-page:before {
	content: "";
	position: absolute;
	right: 0;
	width: 100px;
	height: 3px;
	background: #3855f6;
	margin-right: 15px !important;
	display: none;
}

body.template-page[class*="-_detalhe_do_projeto"] .segmento {
	display: grid;
	margin-bottom: 20px;
}

body.template-page[class*="-_detalhe_do_projeto"] span.titulo {
	color: #888a8d;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 14px !important;
	font-weight: 400 !important;
	display: block !important;
	margin-bottom: 0 !important;
}

body.template-page[class*="-_detalhe_do_projeto"] span.icone-empresa {
	margin-top: 5px;
}

body.template-page[class*="-_detalhe_do_projeto"] .segmento span.icone-empresa:before {
	content: "" !important;
	background: url("https://cdn.dev.br/clientes/shopkola/imagens/icon-detalheprojetos-corporativa.svg");
	width: 26px !important;
	height: 26px !important;
	display: inline-flex !important;
	margin-right: 8px !important;
	background-repeat: no-repeat !important;
}





body.template-page[class*="-_detalhe_do_projeto"] span.icone-escolas {
	margin-top: 5px;
}

body.template-page[class*="-_detalhe_do_projeto"] .segmento span.icone-escolas:before {
	content: "" !important;
	background: url("https://cdn.dev.br/clientes/shopkola/imagens/icon-detalheprojetos-escolas.svg") !important;
	width: 26px !important;
	height: 26px !important;
	display: inline-flex !important;
	margin-right: 8px !important;
	background-repeat: no-repeat !important;
}


body.template-page[class*="-_detalhe_do_projeto"] span.icone-comercio {
	margin-top: 5px;
}

body.template-page[class*="-_detalhe_do_projeto"] .segmento span.icone-comercio:before {
	content: "" !important;
	background: url("https://cdn.dev.br/clientes/shopkola/imagens/icon-detalheprojetos-comercio.svg") !important;
	width: 26px !important;
	height: 26px !important;
	display: inline-flex !important;
	margin-right: 8px !important;
	background-repeat: no-repeat !important;
}

body.template-page[class*="-_detalhe_do_projeto"] span.icone-fabrica {
	margin-top: 5px;
}

body.template-page[class*="-_detalhe_do_projeto"] .segmento span.icone-fabrica:before {
	content: "" !important;
	background: url("https://cdn.dev.br/clientes/shopkola/imagens/icon-detalheprojetos-fabricas.svg") !important;
	width: 26px !important;
	height: 26px !important;
	display: inline-flex !important;
	margin-right: 8px !important;
	background-repeat: no-repeat !important;
}








body.template-page[class*="-_detalhe_do_projeto"] .topbanner-parceiro img {
    width: 100%;
}

body.template-page[class*="-_detalhe_do_projeto"] .galeriaProjetos {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	max-width: 97%;
	margin: auto;
	justify-content: center;
}

body.template-page[class*="-_detalhe_do_projeto"] .galeriaProjetos img {
	display: block !important;
	border-radius: 8px;
	width: 100%;
}

body.template-page[class*="-_detalhe_do_projeto"] .galeri1 {
	display: flex;
	width: 100%;
}

body.template-page[class*="-_detalhe_do_projeto"] .galeri2 {
	display: flex;
	gap: 10px;
	width: 100%;
}

body.template-page[class*="-_detalhe_do_projeto"] .galeri2 img {
	width: 49.7%;
}

body.template-page[class*="-_detalhe_do_projeto"] .galeri3 {
	display: flex;
	gap: 10px;
	width: 100%;
}

body.template-page[class*="-_detalhe_do_projeto"] .galeri3 .esquerda {
	width: 66%;
}

body.template-page[class*="-_detalhe_do_projeto"] .galeri3 .direita {
	width: 37%;
	display: grid;
	gap: 10px;
}

body.template-page[class*="-_detalhe_do_projeto"] .galeri3.bigdireita .esquerda {
	width: 37%;
	display: grid;
	gap: 10px;
}

body.template-page[class*="-_detalhe_do_projeto"] .galeri3.bigdireita .direita {
	width: 66%;
}

@media (max-width:767px) {
	body.template-page.transition-long[class*="-_detalhe_do_projeto"] .hidden-xs {
		display: none !important;
	}
	
	body.template-page.transition-long[class*="-_detalhe_do_projeto"] .visible-sm {
		display: block !important;
	}
	
	body.template-page.transition-long[class*="-_detalhe_do_projeto"] .topbanner-parceiro img.img-responsive {
		margin-bottom: 15px;
		width: 100%;
		height: 250px !important;
		object-fit: cover;
	}
	
	body.template-page.transition-long[class*="-_detalhe_do_projeto"] .box-content-page {
		padding: 20px 0 50px;
	}
	
	body.template-page.transition-long[class*="-_detalhe_do_projeto"] .videotube iframe {
		width: 100% !important;
		height: 350px !important;
	}
	
	body.template-page.transition-long[class*="-_detalhe_do_projeto"] .user-content .container .row {
		margin: 0;
	}
	
	body.template-page[class*="-_detalhe_do_projeto"] .galeri2 img {
		width: 48.7%;
	}
	
	body.template-page[class*="-_detalhe_do_projeto"] .galeriaProjetos {
		width: 90%;
	}
}

section.section-home.diferenciaisCompra {
	background: url("https://cdn.dev.br/clientes/shopkola/imagens/bg-diferenciais.png") no-repeat center center;
	background-size: cover;
	color: #fff;
	margin: 40px 0 30px;
}

section.section-home.diferenciaisCompra h2:before {
	display: none;
}

section.section-home.diferenciaisCompra p.home-subtitle {
	margin-bottom: 40px;
	color: #fff;
	font-weight: 300;
}

section.section-home.diferenciaisCompra h2 {
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px !important;
	line-height: 50px;
}

section.section-home.diferenciaisCompra .container {
	display: flex;
	align-items: center;
}

section.section-home.diferenciaisCompra a.botao-diferencial {
	background-color: #fbc21d;
	border-radius: 100px;
	padding: 10px 15px 10px 20px;
	font-size: 16px;
	font-weight: 500;
}

section.section-home.diferenciaisCompra a.botao-diferencial img {
	vertical-align: middle;
}

section.section-home.diferenciaisCompra ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

section.section-home.diferenciaisCompra li div {
	margin-top: 5px;
}

section.section-home.diferenciaisCompra li {
	list-style-type: none;
	width: 43%;
}

section.section-home.diferenciaisCompra li strong {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 14px;
}

section.section-home.diferenciaisCompra li p {
	font-size: 14px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 0;
}

section.section-home.projetosHome {
	background: url("https://cdn.dev.br/clientes/shopkola/imagens/bg-projetoshome.png") no-repeat center center;
	background-size: cover;
	color: #fff;
}

section.section-home.projetosHome h2:before {
	display: none;
}

section.section-home.projetosHome p.home-subtitle {
	margin-bottom: 40px;
	color: #fff;
	font-weight: 300;
}

section.section-home.projetosHome h2 {
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px !important;
	line-height: 50px;
}

section.section-home.projetosHome .container {
	display: flex;
	align-items: center;
}

section.section-home.projetosHome ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

section.section-home.projetosHome li {
	list-style-type: none;
	width: 43%;
}

section.section-home.projetosHome li a {
	width: 100%;
	display: block;
}

section.section-home.projetosHome li a img {
	width: 100%;
	border-radius: 8px;
}

section.section-home.projetosHome a.botao-projetoshome {
	background-color: #3855f6;
	border-radius: 100px;
	padding: 10px 15px 10px 20px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}

section.section-home.projetosHome a.botao-projetoshome img {
	vertical-align: middle;
}

section.section-home.projetosHome li>img {
	border-radius: 8px;
	width: 100%;
}

section.section-home.projetosHome li strong {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 6px;
	color: #fff;
}

@media only screen and (max-width:768px) {
	section.section-home.diferenciaisCompra .container {
		display: block;
	}
	
	section.section-home.diferenciaisCompra .container .col-12.col-md-3 {
		max-width: 100%;
		margin-bottom: 50px;
	}
	
	section.section-home.diferenciaisCompra .container .col-12.col-md-9.mt-2 {
		max-width: 100%;
	}
	
	section.section-home.diferenciaisCompra .container ul {
		padding: 0;
	}
	
	section.section-home.diferenciaisCompra .container ul li {
		width: 44%;
	}
	
	section.section-home.diferenciaisCompra {
		padding-top: 50px;
	}
	
	.cn-text-categoria.top .col-md-12 {
		display: block;
    	text-align: center;
	}

	body.template-page[class*="-_detalhe_do_projeto"] .brand-page {
	    margin-bottom: 25px;
	}
}


@media only screen and (min-width:768px) {
	body.template-page[class*="-_detalhe_do_projeto"] .brand-page {
	    padding-left: 230px;
	}
}

@media only screen and (max-width:767px) {
	body.template-page[class*="-_detalhe_do_projeto"] span.titulo {
	    font-size: 12px !important;
	}

	body.template-page[class*="-_detalhe_do_projeto"] .segmento span.icone-empresa:before {
	    width: 22px !important;
	    height: 22px !important;
	}

	body.template-page.transition-long[class*="-_detalhe_do_projeto"] .brand-page span {
	    font-size: 16px;
	}

	body.template-page.transition-long[class*="-_detalhe_do_projeto"] .text-page {
	    font-size: 16px;
	}

	body.template-page.transition-long[class*="-_detalhe_do_projeto"] .brand-page img {
	    max-height: 60px;
	}

	.section-banner-products-home-colors .d-md-none.row {
	    margin-bottom: 2em;
	}
}