/* https://getbootstrap.com/docs/5.0/layout/breakpoints/ */
/*
// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// X-Large devices (large desktops, less than 1340px) — customized, default is 1400px
@media (max-width: 1339.98px) { ... }

// XX-Large devices (larger desktops)
// No media query since the xxl breakpoint has no upper bound on its width
*/



.hidden {
	display: none;
}

@font-face {
	font-family: 'DIN Next LT Pro';
	src: url('../fonts/QknA0tSj4eRj.woff2') format('woff2'),
		url('../fonts/LP0owvjJzgub.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DIN Next LT Pro';
	src: url('../fonts/rTu2rCLVLlVl.woff2') format('woff2'),
		url('../fonts/lTh0jmPhdnuD.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'DIN Next LT Pro';
	src: url('../fonts/cAgsRPJ3TkCf.woff2') format('woff2'),
		url('../fonts/nRwaRGr1bNQc.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DIN Next LT Pro';
	src: url('../fonts/gpeMteYiTk1B.woff2') format('woff2'),
		url('../fonts/gtsxaIfNiNVK.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'DIN Next LT Pro';
	src: url('../fonts/GdrY4kT0zGYS.woff2') format('woff2'),
		url('../fonts/2LIdv8fu5V2C.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DIN Next LT Pro';
	src: url('../fonts/3NSpUSO6GGnt.woff2') format('woff2'),
		url('../fonts/KrIuiape6nUj.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
	color: #00a9c4;
	text-decoration: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ==== global ===== */

/* ver se isso não é muito "agressivo" */
/* caso não seja, deletar todos os border box de todas as folhas */
* {
	box-sizing: border-box;
}

html {
	max-width: 100vw;
	min-height: 100vh;
	scroll-behavior: smooth;
	scroll-padding-top: 110px;
}

/* https://aykevl.nl/2014/09/fix-jumping-scrollbar */
/* @media (min-width: 992px) {
	html {
		margin-left: calc(100vw - 100%);
		margin-right: 0;
	}
}*/

body {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100vw;
	min-height: 100vh;
	padding-top: 80px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #1A2B33;
	background-color: rgba(26,43,51,0.1);
	overflow-y: scroll;
}

/* https://stackoverflow.com/questions/8701754/how-to-disable-scroll-without-hiding-it */
body.lock-scroll {
	position: fixed;
}

*,
*:focus,
*:hover {
	outline:none;
}

::selection {
	background-color: rgba(0,197,229,0.35);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-family: 'DIN Next LT Pro', sans-serif;
	line-height: 1.1em;
}

h2.featured-title {
	margin-bottom: 0.8em;
	padding-top: 16px;
	font-size: 30px;
	font-weight: 300;
	font-style: italic;
	line-height: 1em;
}

h2.featured-title:before {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 8px;
	top: 0;
	left: 0;
	border-radius: 2px;
	background-color: rgba(0,197,229,0.5);
}

h2.featured-title.center {
	text-align: center;
}

h2.featured-title.center:before {
	left: 50%;
	transform: translate(-50%, 0%);
}

h2.featured-title.right {
	text-align: right;
}

h2.featured-title.right:before {
	right: 0;
	left: auto;
}

nav {
	font-family: 'DIN Next LT Pro', sans-serif;
}

p {
	margin-bottom: 1em;
	line-height: 1.4em;
}

p:last-child {
	margin-bottom: 0;
}

blockquote,
p.author-quote {
	position: relative;
	margin: 1.25em 0;
	padding-left: 2.25em;
	font-style: italic;
	line-height: 1.4em;
	color: rgba(26,43,51,0.7);
}

blockquote::before,
p.author-quote::before {
	content: '“';
	position: absolute;
	top: 20px;
	left: 0;
	font-size: 4em;
	opacity: 0.2;
}

blockquote:first-child {
	margin-top: 0;
}

blockquote:last-child {
	margin-bottom: 0;
}

b,
strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

small {
	font-size: 0.75em;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

input {
	box-sizing: border-box;
}

input,
textarea {
	padding: 8px 12px;
	font-size: 16px;
	color: #1A2B33;
	border: 1px solid rgba(26,43,51,0.2);
	border-radius: 3px;
}

input,
input::placeholder,
textarea,
textarea::placeholder {
	font-family: 'DIN Next LT Pro', sans-serif;
}

input::placeholder,
textarea::placeholder {
	font-style: italic;
	color: rgba(26,43,51,0.5);
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0; 
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none; 
}

pre,
code {

	font-family: 'Courier New', Courier, monospace;
	font-size: 0.9em;
	border-radius: 3px;
	background-color: #e2e4e6;
}

pre {
	position: relative;
	padding: 1em 1.4em;
	/* white-space: pre-line; 'pre-wrap' keeps extra spaces, while 'pre-line' deletes extra spaces (and tabs indentation) */
	overflow: hidden;
}

code {
	display: inline-block;
	padding: 0.2em 0.4em;
}

button {
	border: 0;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
}

@media (min-width: 992px) {

	.hide-desktop {
		display: none;
	}

}

@media (max-width: 991.98px) {

	.hide-mobile {
		display: none;
	}

}

/* ver se a classe não se repete em outras folhas de estilo do tema novo e refatorar na medida do possível */
a.button,
p.button a {
	display: inline-block;
	position: relative;
	padding: 0 40px 0 16px;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	text-decoration: none !important;
	color: #FFF !important;
	border-radius: 2px;
	background-color: #99cc33;
	transition: all ease-in-out 0.3s;
}

a.button:before,
p.button a:before {
	content: '';
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 50%;
	right: 10px;
	transform: translate(0, -50%);
	border: 2px solid #FFF;
	border-radius: 50%;
}

a.button:after,
p.button a:after {
	content: '';
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 20px;
	transform: translate(0, -50%) rotate(45deg);
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}

a.button.small {
	padding: 0 12px;
	font-size: 18px;
	line-height: 32px;
	border-radius: 2px;
}

a.button.small:before {
	display: none
}

a.button.small:after {
	display: none
}

@media (min-width: 992px) {

	a.button.big {
		padding: 0 60px 0 24px;
		font-size: 26px;
		font-weight: bold;
		line-height: 52px;
		color: #FFF;
		border-radius: 3px;
	}

	a.button.big:before {
		width: 32px;
		height: 32px;
		right: 14px;
		border: 3px solid #FFF;
	}

	a.button.big:after {
		width: 10px;
		height: 10px;
		right: 27px;
		border-top: 3px solid #FFF;
		border-right: 3px solid #FFF;
	}

	a.button.big.up:after {
		transform: translate(0, -50%) rotate(-45deg);
		top: 54%;
		right: 25px;
	}

	a.button.big.down:after {
		transform: translate(0, -50%) rotate(135deg);
		top: 48%;
		right: 25px;
	}

}

@media (max-width: 991.98px) {

	a.button.big.up:after {
		transform: translate(0, -50%) rotate(-45deg);
		top: 54%;
		right: 18px;
	}

	a.button.big.down:after {
		transform: translate(0, -50%) rotate(135deg);
		top: 48%;
		right: 18px;
	}

}

a.button:hover,
p.button a:hover {
	background-color: #add65c;
}

a.button:hover:before,
p.button a:hover:before {
	background-color: #FFF;
}

a.button:hover:after,
p.button a:hover:after {
	border-top-color: #99cc33;
	border-right-color: #99cc33;
}

a.button.blink {
	opacity: 1.0;
	animation-name: button-blink;
	animation-duration: 4s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

@keyframes button-blink {
	0% {
		opacity: 1.0;
	}

	80% {
		opacity: 1.0;
	}

	85% {
		opacity: 0.4;
	}

	90% {
		opacity: 1.0;
	}

	95% {
		opacity: 0.4;
	}

	100% {
		opacity: 1.0;
	}
}



.btn-progress-bar {
	z-index: 0;
}

.btn-progress-bar:after {
	content: "";
	display: block;
	position: absolute;
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,197,229,0.0);
	z-index: 1;
}

.btn-progress-bar.clicked:after {
	animation: btn-progress-bar 1.2s 0s infinite ease-in-out;
}

@keyframes btn-progress-bar {
	0% {
		width: 0;
		background-color: rgba(0,197,229,0.0);
	}

	80% {
		width: 100%;
		background-color: rgba(0,197,229,0.3);
	}

	100% {
		width: 100%;
		background-color: rgba(0,197,229,0.0);
	}
}



.side-content:not(.side-content-mobile) {
	position: fixed;
	width: 420px;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.97);
	-webkit-box-shadow: 10px 0px 20px 0px rgba(26,43,51,0.3) !important;
	-moz-box-shadow: 10px 0px 20px 0px rgba(26,43,51,0.3) !important;
	box-shadow: 10px 0px 20px 0px rgba(26,43,51,0.3) !important;
	opacity: 0;
	transform: translateX(-100%);
	transition: all 0.3s ease-in-out;
	overflow: auto;
	z-index: 999999;
}

.side-content.active:not(.side-content-mobile) {
	opacity: 1;
	transform: translateX(0%);
}

.side-content .close {
	position: absolute;
	top: 10px;
	right: 10px;
}

button.splide__pagination__page {
	width: 18px;
	height: 12px;
	border-radius: 2px;
	background-color: rgba(0,197,229,0.3);
	transition: all 0.5s ease-in-out;
}

button.splide__pagination__page.is-active {
	width: 40px;
	background-color: rgba(0,197,229,1.0);
	transform: none;
}

button.splide__arrow {
	width: 24px;
	height: 32px;
	border-radius: 3px;
	background: rgba(0,197,229,0.7);
}

button.splide__arrow svg {
	fill: #FFF;
}

button.splide__arrow--prev {
	left: 5px;
}

button.splide__arrow--next {
	right: 5px;
}

.close {
	display: block;
	position: relative;
	transition: all 0.3s;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	opacity: 0.7;
	cursor: pointer;
	z-index: 999;
}

.close::before,
.close::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background-color: #009cc1;
}

.close::before {
	transform: rotate(45deg);
}

.close::after {
	transform: rotate(-45deg);
}

.close:hover {
	opacity: 1;
}

ul.social-media {
	display: flex;
}

ul.social-media li {
	position: relative;
	height: 32px;
	margin-right: 8px;
	opacity: 0.7;
	transition: all 0.3s;
}

ul.social-media li:hover {
	opacity: 1.0;
}

ul.social-media li a {
	display: block;
	width: 100%;
	height: 100%;
}

ul.social-media.only-icons li a.social_icon {
	width: 32px;
	text-indent: -9999px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

ul.social-media.icons-with-text li a.social_icon {
	position: relative;
	width: fit-content;
	padding-left: 36px;
	font-size: 14px;
	line-height: 32px !important;
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
}

.social_icon.color_facebook {
	background-image: url('../images/vADprXYhLB1W.svg');
}

.social_icon.color_instagram {
	background-image: url('../images/EO4USX4bE4J7.svg');
}

.social_icon.color_telegram {
	background-image: url('../images/w032fvpYj4uW.svg');
}

.social_icon.color_tiktok {
	background-image: url('../images/HqK6UAvwHC1M.svg');
}

.social_icon.color_twitter {
	background-image: url('../images/HNQie8FWGw3B.svg');
}

.social_icon.color_whatsapp {
	background-image: url('../images/Il45tkA4PlY7.svg');
}

.social_icon.color_youtube {
	background-image: url('../images/sd1YfZlVxATR.svg');
}

.social_icon.white_facebook {
	background-image: url('../images/awV4li4Biqed.svg');
}

.social_icon.white_instagram {
	background-image: url('../images/DToeV7KIcez7.svg');
}

.social_icon.white_telegram {
	background-image: url('../images/m8yvujp445Z6.svg');
}

.social_icon.white_tiktok {
	background-image: url('../images/2jXtulG3Vx7R.svg');
}

.social_icon.white_twitter {
	background-image: url('../images/QP5f0AN5sGDS.svg');
}

.social_icon.white_whatsapp {
	background-image: url('../images/M0qrNsZnRsXx.svg');
}

.social_icon.white_youtube {
	background-image: url('../images/84SOlgycOHMv.svg');
}

.box-groups {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 90%;
	margin: 30px auto;
	padding: 10px 20px;
	font-size: 16px;
	color: #FFF;
	border: 1px solid #075e54;
	border-radius: 4px;
	background-color: #128c7e;
}

.box-groups p {
	margin-bottom: 0;
	line-height: 32px;
}

.box-groups p br {
	display: none;
}

.box-groups p span.mobile {
	display: none;
}

.box-groups ul.social-media li a {
	padding: 0 12px 0 36px;
	border-radius: 16px;
	background-color: rgba(26,43,51,0.8);
}

.box-groups ul.social-media li a {
	color: #FFF;
}

@media (max-width: 991.98px) {

	.box-groups {
		flex-direction: column;
		align-items: center;
	}

	.box-groups p {
		text-align: center;
		margin-bottom: 8px;
		line-height: 1.2em;
	}

	.box-groups p br {
		display: block;
	}

	.box-groups p span.desktop {
		display: none;
	}

	.box-groups p span.mobile {
		display: inline-block;
	}

}



/* precisa remover do styles.css e products_list.css do /qnc-new-theme/ (quando forem colocados na pasta /qnc/) e testar ver se ficou global em tudo */
.coupon-code {
	display: block;
	width: fit-content;
	margin: 0.4em auto;
	padding: 0.2em 0.4em 0.4em 0.4em;
	color: #008DA4;
	border: 2px dotted rgba(0,197,229,0.7);
	border-radius: 3px;
	background-color: rgba(0,197,229,0.14);
}

.coupon-code:hover {
	border-color: rgba(0,197,229,1.0);
	background-color: rgba(0,197,229,0.2);
	cursor: pointer;
}

.copied {
	animation: copied 0.5s 0s 2;
}

@keyframes copied {
	0% {
		opacity: 1.0;
	}

	80% {
		opacity: 0.5;
	}

	100% {
		opacity: 1.0;
	}
}

.expert-tips {
	max-width: 720px;
	margin: 1.4em auto;
	padding: 24px 30px;
	border: 1px solid rgba(0,197,229,0.4);
	border-radius: 3px;
	background-color: rgba(0,197,229,0.1);
}

.expert-tips,
.expert-tips p {
	font-size: 0.9em;
	line-height: 1.4em;
}

.expert-tips a {
	text-decoration: underline;
}

.expert-tips > ol,
.expert-tips > ul {
	padding-left: 1.2em;
	font-size: 0.9em;
	line-height: 1.2em;
	list-style: circle;
}

.expert-tips > ol li:not(:last-child),
.expert-tips > ul li:not(:last-child) {
	margin-bottom: 0.4em;
}

.expert-tips.alert {
	border: 1px solid rgba(230,145,56,0.4);
	background-color: rgba(230,145,56,0.1);
}

.expert-tips.youtube {
	border: 1px solid rgba(255,0,0,0.4);
	background-color: rgba(26,43,51,0.04)
}

.expert-tips.youtube i.fa-youtube {
	margin-right: 8px;
	font-size: 1.4em;
	color: #F00;
	vertical-align: bottom;
}



/* tooltips */

.tooltip-container {
	cursor: pointer;
	white-space: wrap !important;
}

span.tooltip-container {
	text-decoration: underline;
}

i.tooltip-container,
.tooltip-container i {
	color: rgba(0,197,229,1);
}

.tooltip-container:hover .tooltip-text {
	display: block;
}

@media (max-width: 991.98px) {

	.tooltip-container:hover .tooltip-text {
		pointer-events: none;
	}

}

.tooltip-text {
	display: none;
	box-sizing: border-box;
	position: fixed;
	min-width: 100px;
	max-width: 300px;
	padding: 8px 12px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	text-align: left;
	color: #FFF;
	border-radius: 4px;
	background-color: #1a2b33;
	z-index: 999999;
}

.tooltip-text * {
	margin: 0 !important;
	padding: 0 !important;
}

@media (max-width: 991.98px) {

	.tooltip-text {
		min-width: 240px;
		max-width: 240px;
		font-size: 12px;
	}

}



/* ===== loader ===== */

*.loading > *:not(.loader-ripple) {
	opacity: 0;
}

*.loaded > * {
	opacity: 1;
	transition: 0.3s all;
}

*.loaded > .loader-ripple {
	opacity: 0;
}

.loader-ripple {
	display: block;
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	transform: translate(-50px);
}

.loader-ripple div {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 8px solid #00c5e5;
	border-radius: 50%;
	opacity: 1;
	animation: loader-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.loader-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes loader-ripple {

	0%,
	4.9% {
		transform: scale(0);
		opacity: 0;
	}

	5% {
		transform: scale(0);
		opacity: 1;
	}

	100% {
		transform: scale(1);
		opacity: 0;
	}

}



/* ===== header ===== */

header {
	position: fixed;
	width: 100%;
	height: 80px;
	top: 0;
	left: 50%;
	margin-left: -50%;
	font-family: 'DIN Next LT Pro', sans-serif;
	background-color: #00C5E5;
	z-index: 9999;
}

header:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(180deg, rgba(26,43,51,0.14) 0%, rgba(26,43,51,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(26,43,51,0.14) 0%, rgba(26,43,51,0) 100%);
	background: linear-gradient(180deg, rgba(26,43,51,0.14) 0%, rgba(26,43,51,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a2b33",endColorstr="#1a2b33",GradientType=1);
	mix-blend-mode: multiply;
	z-index: -1;
}

header #menu,
header #logo,
header #main-sections,
header #search {
	height: 80px;
}

/* verify
header #main-sections {
	z-index: 1;
}
*/

header #menu > a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
	color: #1A2B33;
}

header #menu > a span {
	display: block;
	width: 30px;
	height: 2px;
	margin: 0 auto 4px auto;
	background-color: #1A2B33;
}

header #menu nav h3 {
	margin-bottom: 0.4em;
	font-size: 0.55em;
	font-weight: 700;
	letter-spacing: 0.03em;
}

header #menu nav ul {
	margin-bottom: 1.2em;
}

header #menu nav ul li {
	line-height: 1.2em;
}

header #logo a.logo {
	display: block;
	width: 250px;
	height: 80px;
	text-indent: -9999px;
	background-image: url(../images/FGOXSJV8mQ7l.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

header #main-sections nav.main-sections {
	text-align: center;
}

header #main-sections nav.main-sections ul {
	display: flex;
	flex-direction: row;
	height: 100%;
}

header #main-sections nav.main-sections ul li {
	position: relative;
	width: 90px;
	height: 100%;
	transition: all 0.4s ease-in-out;
}

header #main-sections nav.main-sections ul li:hover {
	background-color: rgba(255,255,255,0.14);
}

header #main-sections nav.main-sections ul li.active {
	background-color: rgba(255,255,255,0.2);
}

header #main-sections nav.main-sections ul li.active:hover {
	background-color: rgba(255,255,255,0.3);
}

header #main-sections nav.main-sections ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 12px;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}

header #main-sections nav.main-sections ul li a:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

header #main-sections nav.main-sections ul li.home a:before {
	background-image: url('../images/6kyW5trOLyMg.svg');
}

header #main-sections nav.main-sections ul li.blog a:before {
	background-image: url('../images/fK3qK38Ao0dN.svg');
}

header #main-sections nav.main-sections ul li.buy a:before {
	background-image: url('../images/ncZQiacuqoQA.svg');
}

header #main-sections nav.main-sections ul li.buy .pulsating-circle {
	position: absolute;
	width: 34px;
	height: 34px;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.pulsating-circle:before {
	content: "";
	box-sizing: border-box;
	position: relative;
	display: block;
	width: 200%;
	height: 200%;
	margin-top: -50%;
	margin-left: -50%;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.55);
	transform: scale(0.4);
	animation: pulse-ring 3s cubic-bezier(0.2, 0.5, 0.3, 1) infinite;
}

.pulsating-circle::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 2px solid #FFF;
	border-radius: 50%;
	animation: pulse-dot 3s cubic-bezier(0.4, 0.03, 0.5, 0.9) 0s infinite;
}

@keyframes pulse-ring {

	0% {
		opacity: 0;
		transform: scale(0.4);
	}

	5% {
		transform: scale(0.4);
		opacity: 1;
	}

	80%,
	100% {
		opacity: 0;
		transform: scale(1.0);
	}

}

@keyframes pulse-dot {

	0% {
		transform: scale(0.85);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.85);
	}

}

@media (prefers-reduced-motion) {

	/* epilepsiabrasil.org.br suggestion */

	.pulsating-circle:before {
		opacity: 0;
		animation: none;
	}

	.pulsating-circle::after {
		animation: none;
	}

}

header .main-sections ul li.compare a:before {
	background-image: url('../images/s7J7nvg9Hrwn.svg');
}

header #search {
	transition: all 0.3s ease-in-out;
}

header #search div.main-search-box {
	position: relative;
	width: 100%;
	height: 50px;
}

header #search div.main-search-box form {
	width: 100%;
}

header #search div.main-search-box input[type=search] {
	width: 100%;
	height: 50px;
	padding: 0 60px 0 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	color: #FFF;
	border: 0;
	border-radius: 2px;
	background-color: rgba(255,255,255,0.14);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(26,43,51,0.0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(26,43,51,0.0);
	box-shadow: 0px 0px 0px 0px rgba(26,43,51,0.0);
	transition: all 0.3s ease-in-out;
}

@media (max-width: 991.98px) {
	header #search div.main-search-box input[type=search] {
		padding: 0 80px 0 20px;
	}
}

header #search div.main-search-box input[type=search]:focus {
	background-color: rgba(255,255,255,0.2);
	-webkit-box-shadow: 0px 0px 0px 4px rgba(26,43,51,0.07);
	-moz-box-shadow: 0px 0px 0px 4px rgba(26,43,51,0.07);
	box-shadow: 0px 0px 0px 4px rgba(26,43,51,0.07);
}

header #search div.main-search-box input[type=search]::selection {
	background-color: rgba(255,255,255,0.4);
}

header #search div.main-search-box input[type=search]::placeholder {
	font-size: 20px;
	font-weight: 300;
	font-style: italic;
	line-height: 30px;
	color: rgba(255,255,255,0.7);
	transition: all 0.3s ease-in-out;
}

header #search div.main-search-box input[type=search]:focus::placeholder {
	color: rgba(255,255,255,1);
}

header #search div.main-search-box span.close {
	display: none;
}

header #search div.main-search-box button[type=submit] {
	position: absolute;
	width: 40px;
	height: 40px;
	padding: 0;
	top: 5px;
	right: 5px;
	background-color: transparent;
	background-image: url('../images/4uvHSClrbPJh.svg');
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.7;
	transition: all 0.3s;
}

header #search div.main-search-box button[type=submit]:hover {
	opacity: 1.0;
}



/* ===== main ===== */

main {
	flex: 1;
}

main hr {
	margin: 1em 0;
	border: 1px solid rgba(26,43,51,0.2);
}



/* ===== homepage ===== */

body.page-template-homepage {
	overflow-y: scroll;
}

section.hero {
	background-image: url(../images/bKYpoPc4nd2O.png);
	height: 420px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto;
	overflow: hidden;
}

.main-banner {
	position: relative;
	height: 420px;
	padding: 20px;
	background-image: url(../images/e4VIqhh4p7UV.png);
	background-position: 60px 0;
	background-repeat: no-repeat;
	background-size: auto;
}

.main-banner img.bf2024-logo {
	position: absolute;
	top: 70px;
	left: 310px;
	transform: scale(0.7);
	opacity: 1.0;
	-moz-animation: bf2024-logo 3s 3 0s;
	-webkit-animation: bf2024-logo 3s 3 0s;
	animation: bf2024-logo 3s infinite;
}

@keyframes bf2024-logo {

	0%,
	50%,
	100% {
		transform: scale(0.7);
		opacity: 1.0;
	}

	75% {
		transform: scale(1.4);
		opacity: 0.4;
	}
}

.main-banner h2 {
	margin-bottom: 0.4em;
}

.main-banner ul li {
	display: block;
	position: relative;
	margin-bottom: 4px;
}

.main-banner ul li a {
	display: block;
	width: fit-content;
	height: 100%;
	padding: 2px 14px 0 14px;
	font-size: 15px;
	font-weight: bold;
	line-height: 26px;
	color: #1A2B33;
	text-decoration: none;
	border-radius: 2px;
	background-color: rgba(255,255,255,0.7);
	box-shadow: 0px 2px 7px 0px rgba(26,43,51,0.14);
	transition: all 0.3s ease-in-out;
}

.main-banner ul li a:hover {
	background-color: rgba(255,255,255,1.0);
	box-shadow: 0px 2px 7px 0px rgba(26,43,51,0.55);
}

div.best-deals {
	padding: 20px;
}

div.best-deals #sliderBestDeals {
	position: relative;
	height: 100%;
	padding: 0 10px 10px 10px;
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 16px 0px rgba(26,43,51,0.14);
	-moz-box-shadow: 0px 3px 16px 0px rgba(26,43,51,0.14);
	box-shadow: 0px 3px 16px 0px rgba(26,43,51,0.14);
}

div.best-deals ul li {
	position: relative;
	/*text-align: center;*/
}

div.best-deals h3 {
	text-align: center;
	color: #009cc1;
	transition: 0.3s all;
}

div.best-deals h3 b {
	display: block;
}

div.best-deals h3:hover {
	opacity: 0.7;
}

div.best-deals img {
	max-width: 180px;
	margin: 0 auto;
}

div.best-deals a.button {
	display: block;
	width: fit-content;
	margin: 0.4em auto;
}

/*section.monitor-animation {
	 background-color: rgba(0,197,229,0.14);
} */

section.monitor-animation #sliderMonitor img {
	margin: 0 auto;
}

section.discount-groups {
	background-color: #FFF;
}

section.laptop-brands {
	/*height: auto;*/
	background-color: rgba(26,43,51,0.7);
}

section.laptop-brands h2 {
	margin: 0;
	color: #FFF;
}

section.laptop-brands #sliderBrands {
	padding: 0 40px;
}

section.laptop-brands ul li {
	border-radius: 3px;
	background-color: rgba(255,255,255,0.0);
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	transition: all 0.4s;
}

section.laptop-brands ul li:hover {
	background-color: rgba(255,255,255,0.14);
}

.laptop_brand_acer {
	background-image: url('../images/Hhs155n6523y.svg');
}

.laptop_brand_apple {
	background-image: url('../images/P0c1tLYh04dD.svg');
}

.laptop_brand_asus {
	background-image: url('../images/dliQEU8WyL5D.svg');
}

.laptop_brand_avell {
	background-image: url('../images/Z28dhVpS7ih1.svg');
}

.laptop_brand_dell {
	background-image: url('../images/5uX87jjwKPn2.svg');
}

.laptop_brand_hp {
	background-image: url('../images/z9L6TTxW9H3N.svg');
}

.laptop_brand_lenovo {
	background-image: url('../images/FY2hh0MFdLea.svg');
}

.laptop_brand_lg {
	background-image: url('../images/bbjqmbaWGUyA.svg');
}

.laptop_brand_samsung {
	background-image: url('../images/PROKM1U8bCCh.svg');
}

.laptop_brand_all {
	background-image: url('../images/VjKwP7WY0GOO.svg');
}

section.laptop-brands ul li a {
	display: block;
	height: 80px;
	text-indent: -9999px;
	color: #FFF;
}

@media (min-width: 992px) {

	section.laptop-categories h2.featured-title {
		margin-bottom: 1.4em !important;
	}

}

.laptop-category {
	position: relative;
	width: 540px;
	margin: 60px 20px;
	padding: 30px;
	border-radius: 8px;
	background-color: #FFF;
	z-index: 1;
}

.laptop-category:before {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-top-width: 8px;
	border-top-style: solid;
	border-radius: 8px;
	z-index: -1;
}

.laptop-category.basic:before {
	border-top-color: #ffbd39;
	background: rgb(255,189,57);
	background: linear-gradient(200deg, rgba(255,189,57,0.5) 0%, rgba(255,189,57,0) 50%);
}

.laptop-category.average:before {
	border-top-color: rgb(0,197,229);
	background: rgb(0,197,229);
	background: linear-gradient(200deg, rgba(0,197,229,0.5) 0%, rgba(0,197,229,0) 50%);
}

.laptop-category.advanced:before {
	border-top-color: rgb(0,131,183);
	background: rgb(0,131,183);
	background: linear-gradient(200deg, rgba(0,131,183,0.5) 0%, rgba(0,131,183,0) 50%);
}

.laptop-category.convertible:before {
	border-top-color: rgb(0,181,150);
	background: rgb(0,181,150);
	background: linear-gradient(200deg, rgba(0,181,150,0.5) 0%, rgba(0,181,150,0) 50%);
}

.laptop-category.premium:before {
	border-top-color: rgb(71,127,142);
	background: rgb(71,127,142);
	background: linear-gradient(200deg, rgba(71,127,142,0.5) 0%, rgba(71,127,142,0) 50%);
}

.laptop-category.gamer:before {
	border-top-color: rgb(226,82,71);
	background: rgb(226,82,71);
	background: linear-gradient(200deg, rgba(226,82,71,0.5) 0%, rgba(226,82,71,0) 50%);
}

.laptop-category h3 {
	margin: 0 0 10px 0;
	font-size: 30px;
	font-weight: bold;
}

.laptop-category h4 {
	margin: 0 0 60px 0;
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	line-height: 1em;
	opacity: 0.55;
}

.laptop-category .picture {
	position: absolute;
	width: 400px;
	height: 280px;
	top: -90px;
	right: -30px;
	z-index: -1;
}

@media (min-width: 992px) {

	.laptop-category p {
		font-size: 18px;
		line-height: 1.2em;
	}

}

.laptop-category p ~ a {
	display: block;
	width: fit-content;
	margin: 0 auto;
}

.laptop-category p + a {
	margin-bottom: 10px;
	font-size: 0.8em;
}

section.youtube-channel {
	background-color: #FFF;
}

@media (max-width: 991.98px) {

	.laptop-category {
		max-width: 100%;
		margin: 10px;
		padding: 22px 14px 14px 14px;
	}

	.laptop-category h4 {
		margin-bottom: 0;
	}

	.laptop-category h4 br {
		display: none;
	}

	.laptop-category .picture {
		position: relative;
		width: 240px;
		height: 170px;
		top: auto;
		right: auto;
		margin: 10px auto;
	}

}



/* ===== post categories ===== */

ul.post-categories {
	display: flex;
	flex-direction: row;
	margin-bottom: 4px;
}

ul.post-categories li {
	margin: 2px;
	padding: 2px 8px 0 8px;
	font-size: 14px;
	line-height: 20px;
	list-style: none;
	border: 1px solid rgba(0,197,229,1.0);
	border-radius: 3px;
	background-color: rgba(0,197,229,0.8);
	transition: all 0.3s ease-in-out;
}

ul.post-categories li:hover {
	border: 1px solid rgba(0,197,229,0.8);
	background-color: rgba(0,197,229,0.6);
}

ul.post-categories li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-decoration: none;
}



/* ===== blog archive ===== */

section.blog aside {
	padding: 20px;
}

section.blog aside nav.blog-categories {
	width: 90%;
	margin: 0 auto;
}

section.blog aside nav.blog-categories li {
	font-size: 0.95em;
	line-height: 1.2em;
	transition: all 0.3s ease-in-out;
}

section.blog aside nav.blog-categories li:not(.active):hover {
	padding-left: 14px;
}

section.blog aside nav.blog-categories li.active {
	margin: 0.3em 0;
	font-size: 1em;
	font-weight: bold;
}

section.blog aside nav.blog-categories li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.2em 0.7em 0.1em 0.7em;
	color: rgba(26,43,51,0.7);
	text-decoration: none;
	border-radius: 3px;
}

section.blog aside nav.blog-categories li:hover a {
	color: rgba(26,43,51,1.0);
}

section.blog aside nav.blog-categories li.active a {
	color: rgba(26,43,51,1.0);
	background-color: #FFF;
}

section.blog div.content-area {
	padding: 20px 0;
}

section.blog h1 { /* used in search results and categorie names */
	margin-bottom: 1em;
	padding: 0.2em 0.5em;
	font-size: 1.2em;
}

section.blog .blog-buttons {
	margin-bottom: 20px;
}

section.blog .blog-buttons a {
	display: block;
	width: fit-content;
	margin: 0 auto 10px auto;
	padding: 0.4em 0.8em;
	border: 1px solid rgba(0,197,229,0.3);
	border-radius: 3px;
	background-color: rgba(255,255,255,0.55);
	transition: all 0.3s;
}

section.blog .blog-buttons a:last-child {
	margin-bottom: 0;
}

section.blog .blog-buttons a:hover {
	border: 1px solid rgba(0,197,229,0.7);
	background-color: rgba(255,255,255,0.9);
}

.post-summary {
	padding: 20px;
}

.post-summary h3 {
	margin-bottom: 0.4em;
	font-weight: bold;
}

.post-summary h3 a {
	text-decoration: none;
	color: rgba(0,197,229,1.0);
}

ul.specs_short_list {
	display: flex;
	flex-wrap: wrap;
	font-size: 0.7em;
	line-height: 1.2em;
}

ul.specs_short_list li {
	margin: 2px;
	padding: 0.3em 0.4em 0.1em 0.4em;
	font-weight: normal;
	line-height: 1em;
	color: rgba(26,43,51,0.8);
	border: 1px solid rgba(26,43,51,0.2);
	border-radius: 3px;
}

ul.specs_short_list li.availability.in-stock {
	font-weight: bold;
	color: #FFF;
	border-color: transparent;
	background-color: #99cc33;
}

ul.specs_short_list li.availability.out-of-stock,
ul.specs_short_list li.availability.discontinued {
	font-style: italic;
	background-color: rgba(26,43,51,0.14);
}

.post-summary .post-excerpt {
	font-size: 0.8em;
	line-height: 1.4em;
	overflow: hidden;
}

.post-summary .post-excerpt.min {
	max-height: calc(1.4em * 4);
}

.post-summary .post-excerpt.max {
	max-height: calc(1.4em * 5);
}

.post-summary .post-excerpt p {
	max-height: 100%;
}

section.blog .featured-posts {
	margin-bottom: 20px;
	padding: 0 40px 20px 40px;
	border-radius: 4px;
	background-color: #FFF;
}

section.blog .featured-posts .post-summary {
	padding: 0 20px;
}

@media (min-width: 992px) {

	/*section.blog aside {
		position: sticky;
		height: 100vh;
		top: 100px;
	}*/

	section.blog .featured-posts .splide__pagination {
		padding: 0;
		top: 10px;
		right: 10px;
		bottom: auto;
		left: auto;
	}

}

section.blog .posts-grid article {
	height: 100%;
	border-radius: 4px;
	background-color:  #FFF;
	overflow: hidden;
}

section.blog div.post-thumbnail {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 0.475;
	overflow: hidden;
}

section.blog div.post-thumbnail a img {
	width: auto;
	max-height: 100%;
	margin: 0 auto;
}

section.blog div.post-thumbnail.no-thumb {
	background-image: url('../images/RZnUegsUQM1Z.jpg');
	background-size: contain;
}

section.blog div.post-thumbnail.no-thumb a {
	display: block;
	width: 100%;
	height: 100%;
}



/* ===== posts an pages (single) ===== */

body.single,
body.page-template-default {
	background-color: #FFF;
}

body.single main section,
body.page-template-default main section {
	padding: 20px 0 120px 0;
}

section.single ul.post-categories {
	margin-bottom: 10px;
}

section.single ul.post-categories li {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}

h1.entry-title ul.specs_short_list {
	font-size: 0.5em;
}

h1.entry-title ul.specs_short_list li {
	line-height: 1.4em;
}

section.single .post-featured-image {
	max-height: 420px;
	margin-bottom: 1em;
}

section.single .post-featured-image img,
section.single .post-featured-image iframe {
	display: block;
	margin: 0 auto;
}

@media (max-width: 991.98px) {
	section.single .post-featured-image iframe {
		width: 100%;
		height: auto;
	}
}

section.single .post-by {
	margin-bottom: 2em;
}

section.single .post-by ul li {
	display: inline-block;
	font-size: 0.8em;
	list-style: none;
}

section.single .post-by ul li .author-name {
	font-weight: 700;
}



/* ===== entry content ===== */

.entry-content h1,
h1.entry-title {
	font-size: 1.8em;
	font-weight: bold;
}

.entry-content h1 b,
.entry-content h1 strong {
	text-decoration: underline;
	text-decoration-color: rgba(0,0,0,0.3);
	text-underline-offset: 0.1em;
}

.entry-content h2 {
	font-size: 1.6em;
	font-weight: bold;
}

.entry-content h2 b,
.entry-content h2 strong {
	text-decoration: underline;
	text-decoration-color: rgba(0,0,0,0.2);
	text-underline-offset: 0.1em;
}

.entry-content h3 {
	font-size: 1.5em;
	font-weight: normal;
}

.entry-content h3 b,
.entry-content h3 strong {
	font-weight: bold;
	text-decoration: underline;
	text-decoration-color: rgba(0,0,0,0.3);
	text-underline-offset: 0.1em;
}

.entry-content h4 {
	font-size: 1.2em;
	font-weight: bold;
}

.entry-content h4 b,
.entry-content h4 strong {
	text-decoration: underline;
	text-decoration-color: rgba(0,0,0,0.3);
	text-underline-offset: 0.1em;
}

.entry-content h5 {
	font-size: 1em;
	font-weight: bold;
	color: rgba(0,0,0,0.55);
}

.entry-content h5 b,
.entry-content h5 strong {
	text-decoration: underline;
	text-decoration-color: rgba(0,0,0,0.2);
	text-underline-offset: 0.1em;
}

.entry-content h6 {
	font-size: 0.8em;
	font-weight: bold;
	color: rgba(0,0,0,0.55);
}

.entry-content h6 b,
.entry-content h6 strong {
	text-decoration: underline;
	text-decoration-color: rgba(0,0,0,0.2);
	text-underline-offset: 0.1em;
}

.entry-content h1,
h1.entry-title {
	margin-bottom: 0.4em;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin-top: 2em;
	margin-bottom: 0.8em;
}

.entry-content * h1:first-child,
.entry-content * h2:first-child,
.entry-content * h3:first-child,
.entry-content * h4:first-child,
.entry-content * h5:first-child,
.entry-content * h6:first-child {
	margin-top: 0;
}

.entry-content p,
.entry-content blockquote,
.entry-content li {
	line-height: 1.55em;
}

.entry-content ol,
.entry-content ul {
	margin: 1.25em 0;
	padding-left: 2em;
}

.entry-content ol:first-child,
.entry-content ul:first-child {
	margin-top: 0;
}

.entry-content ol:last-child,
.entry-content ul:last-child {
	margin-bottom: 0;
}

.entry-content ol > li ol,
.entry-content ul > li ul {
	margin-top: 0 !important;
	margin-bottom: 0.75em !important;
}

.entry-content ol li,
.entry-content ul li {
	list-style: circle;
}

.entry-content a {
	color: #00a9c4;
	text-decoration: underline;
	text-decoration-color: rgba(0,197,229,0.5);
	text-underline-offset: 0.1em;
	transition: 0.3s;
}

.entry-content a:hover {
	color: #007183;
	text-decoration-color: rgba(0,197,229,0.9);
}

.entry-content hr {
	margin: 3em 0;
}

.entry-content iframe {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.entry-content p img,
.entry-content div.wp-caption {
	max-width: 100%;
	margin-bottom: 2em;
}

.entry-content img.aligncenter,
.entry-content p img.aligncenter,
.entry-content div.wp-caption.aligncenter {
	margin: 0 auto 2em auto;
}

.entry-content div.wp-caption img {
	margin: 0 auto;
}

.entry-content div.wp-caption p.wp-caption-text {
	margin-top: 0.4em;
	font-size: 0.9em;
	font-style: italic;
	color: rgba(26,43,51,0.7);
}

.entry-content .coupon-code {
	font-size: 1.6em;
}



/* ===== responsive table (with horizontal scroll) ===== */

.entry-content table {
	display: block;
	width: fit-content;
	max-width: 100%;
	margin: 1.5em auto 2.5em auto;
	padding-bottom: 1em;
	font-size: 0.8em;
	overflow-x: auto;
}

.entry-content table tr {
	line-height: 1.4em;
}

.entry-content table thead tr {
	font-size: 0.9em;
	font-weight: bold;
	border-bottom: 2px solid rgba(0,197,229,1);
}

.entry-content table th,
.entry-content table td {
	padding: 0.5em 0.8em;
	white-space: nowrap;
	vertical-align: middle;
}

.entry-content table tr:nth-child(even) {
	background-color: rgba(26,43,51,0.05);
}

.entry-content table img {
	margin: 0 !important;
}

@media (max-width: 991.98px) {
	
	table.amazon-departments td {
		white-space: normal;
	}

	/*table.amazon-departments img {
		max-width: 50px !important;
		margin: 0 auto !important;
	}

	table.amazon-departments a {
		font-size: 10px !important;
		line-height: 12px !important;
	}*/

}



/* ===== laptop types (refactoring) ===== */

.laptop_types {
	display: flex;
	flex-flow: row wrap;
	justify-content: center
}

.laptop_type {
	position: relative;
	width: 240px;
	height: 340px;
	margin: 15px;
	border-radius: 4px;
	overflow: hidden;
	z-index: 0;
}

.laptop_type:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
}

.laptop_type:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
	opacity: 0.4;
	mix-blend-mode: multiply;
	z-index: -1;
}

.laptop_type * {
	box-sizing: border-box;
	margin: 0 !important;
	color: #FFF;
}

.laptop_type.basic {
	background-color: #8be55c;
}
.laptop_type.basic:before {
	background-image: url('../images/qW6NA9w4GUpF.png');
}

.laptop_type.average {
	background-color: #00ba4f;
}
.laptop_type.average:before {
	background-image: url('../images/AE4X217GFLty.png');
}

.laptop_type.advanced {
	background-color: #00684f;
}
.laptop_type.advanced:before {
	background-image: url('../images/qYKxmf7RybFz.png');
}

.laptop_type.convertible {
	background-color: #36a2ff;
}
.laptop_type.convertible:before {
	background-image: url('../images/0J3wEOOVt4MH.png');
}

.laptop_type.premium {
	background-color: #93c4e5;
}
.laptop_type.premium:before {
	background-image: url('../images/jawEQLyK2ooj.png');
}

.laptop_type.gamer {
	background-color: #ff4d4d;
}
.laptop_type.gamer:before {
	background-image: url('../images/VTBE8n5JB5xK.png');
}

.laptop_type h3 {
	padding: 12px 14px;
	font-size: 32px;
	font-weight: 300;
	line-height: 32px;
}

.laptop_type h4 {
	margin-bottom: 8px;
	padding: 0 14px 4px 14px;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	opacity: 0.5;
}

.laptop_type h4 + p {
	padding: 0 14px;
	font-size: 18px;
	font-style: italic;
	line-height: 18px;
}

.laptop_type a {
	position: absolute;
	width: 100%;
	height: 50px;
	padding: 0 20px;
	bottom: 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 50px;
	text-align: right;
	text-decoration: none !important;
	background-color: rgba(26,43,51,0.2);
}

.laptop_type a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 340px;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0);
}

.laptop_type:hover a {
	color: inherit;
	background-color: rgba(255,255,255,0.2);
}



/* ===== laptop families ===== */

.laptop_family {
	box-sizing: border-box;
	position: relative;
	max-width: 900px;
	min-height: 180px;
	margin: 50px auto;
	padding: 30px 20px 30px 240px;
	border-top: 2px solid rgba(0, 153, 204, 0.5);
	border-radius: 4px;
	background-color: #FFF;
}

/*.laptop_family * {
	box-sizing: border-box;
	margin: 0;
}*/

.laptop_family > p:first-child {
	position: absolute;
	top:  30px;
	left: 0;
}

.laptop_family > p:first-child img {
	width: 210px;
}

.laptop_family h3 {
	margin: 0 0 0.4em 0;
	font-size: 32px;
	font-weight: bold;
	line-height: 32px;
}

.laptop_family h4 {
	margin: 0 0 1.2em 0;
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	color: rgba(26,43,51,0.55);
}

.laptop_family p {
	font-size: 0.9em;
	line-height: 1.4em;
}

@media (max-width: 991.98px) {

	.laptop_family {
		min-height: auto;
		margin: 30px auto;
		padding: 20px 10px;
	}

	.laptop_family > p:first-child {
		position: relative;
		top: auto;
	}

	.laptop_family h3 {
		font-size: 28px;
		line-height: 28px;
	}

	.laptop_family h4 {
		font-size: 16px;
		line-height: 16px;
	}

	.laptop_family h4 + p {
		font-size: 14px;
		line-height: 20px;
	}

	.laptop_family blockquote {
		font-size: 14px;
		line-height: 20px;
	}

	.laptop_family blockquote + p {
		text-align: center;
	}

}



/* ===== games test results (FPS) ===== */

.gamebench .gamebench-results {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 720px;
	margin-bottom: 1.4em;
}

.gamebench-results img {
	margin-bottom: 14px;
}

.gamebench-results img + p {
	width: 100%;
}

.gamebench-results .graphic-settings {
	box-sizing: border-box;
	flex-basis: 30%;
	margin: 4px 0;
	padding: 0 10px;
	text-align: right;
}

.gamebench-results .graphic-settings small {
	font-size: 0.7em;
}

.gamebench-results .frames-per-second {
	box-sizing: border-box;
	flex-basis: 70%;
	margin: 4px 0;
}

.gamebench-results .frames-per-second > div {
	box-sizing: border-box;
	padding: 0 8px;
	border-radius: 2px;
}

.gamebench-results .frames-per-second > div b small {
	font-size: 75%;
}

.fps-very-good {
	background-color: rgba(99,158,37,0.7);
}

.fps-very-good b {
	color: #FFF;
}

.fps-good {
	background-color: rgba(153,204,51,0.7);
}

.fps-regular {
	background-color: rgba(255,191,31,0.7);
}

.fps-bad {
	background-color: rgba(210,60,60,0.7);
}

.fps-bad b {
	color: #FFF;
	white-space: nowrap;
}

@media (max-width: 991.98px) {
	
	.gamebench-results .graphic-settings {
		flex-basis: 35%;
	}

	.gamebench-results .frames-per-second {
		flex-basis: 65%;
	}
	
}



/* ===== pros & cons ===== */

div.rating_pros-cons {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-bottom: 2em;
}

div.rating_pros-cons > div {
	box-sizing: border-box;
	flex-basis: 50%;
	margin: 10px;
	border-radius: 4px;
}

@media (max-width: 991.98px) {
	
	div.rating_pros-cons {
		flex-direction: column;
	}
	div.rating_pros-cons > div {
		flex-basis: 100%;
		margin: 0 0 20px 0;
	}
	
}

div.rating_pros-cons h3 {
	margin: 0;
	padding: 10px 16px;
	font-size: 20px;
	font-weight: bold;
}

div.rating_pros-cons .rating_pros {
	border: 1px solid #4b9bbe;
}

div.rating_pros-cons .rating_cons {
	border: 1px solid #cc553d;
}

div.rating_pros-cons .rating_pros h3 {
	color: #4b9bbe;
	background-color: rgba(75, 155, 190,0.2);
}

div.rating_pros-cons .rating_cons h3 {
	color: #cc553d;
	background-color: rgba(204,85,61,0.2);
	
}

div.rating_pros-cons ul {
	margin: 0 0 0 20px;
	padding: 20px;
}

@media (max-width: 991.98px) {
	div.rating_pros-cons ul {
		padding: 10px;
	}
}

div.rating_pros-cons ul li {
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	list-style: none; 
}

@media (max-width: 991.98px) {
	div.rating_pros-cons ul li {
		font-size: 14px;
	}
}

div.rating_pros-cons .rating_pros ul li:before {
	content: "\2714";
	color: #4b9bbe;
	display: inline-block;
	width: 2em;
	margin-left: -1em;
}

div.rating_pros-cons .rating_cons ul li:before {
	content: "\2718";
	color: #cc553d;
	display: inline-block;
	width: 2em;
	margin-left: -1em;
}



/* SSDs list (refactoring) */

/* ver se é usada para outras coisas */

.prices-list {
	margin: 0 auto 20px auto;
}

.prices-list ul {
	padding: 0;
}

.prices-list .ssd-item {
	display: flex;
	align-items: center;
	font-size: 0.7em;
	border-bottom: 1px solid rgba(26,43,51,0.14)
}

.prices-list .ssd-item div {
	width: calc(100% / 5);
	text-align: center;
}

.prices-list .ssd-item div img {
	height: 70px;
	margin: 0 auto;
}

.prices-list .ssd-item div h4 {
	margin: 0;
	font-size: 1em;
}

.prices-list .ssd-item div ul {
	margin: 0 !important;
}

.prices-list .ssd-item div ul li {
	list-style: none !important;
}

.prices-list .ssd-item div strong {
	font-size: 22px;
}

@media (max-width: 991.98px) {
	
	.prices-list .ssd-item {
		flex-direction: column;
		margin-bottom: 20px;
		padding-bottom: 10px;
		border: 1px solid rgba(0,0,0,0.14);
		border-radius: 3px;
	}
	
	.prices-list .ssd-item div {
		width: 100%;
		padding: 8px;
	}
	
	.prices-list .ssd-item div:first-child {
		padding: 0;
	}
	
}



/* ===== comments ===== */

div.comments {
	word-wrap: break-word;
	overflow: hidden;
}

#respond {
	margin: 2em auto;
	padding: 30px 40px;
	border-radius: 4px;
	background-color: rgba(0,197,229,0.14);
}

#respond h3 {
	margin-bottom: 0.4em;
	font-size: 32px;
	font-weight: bold;
	color: rgba(0,197,229,1.0);
}

#respond h3 small { /* Cancelar resposta */
	display: block;
	margin: 0.2em 0;
	font-size: 0.7em;
}

#respond p.comment-notes,
#respond p.logged-in-as {
	font-size: 0.9em;
}

#respond p.logged-in-as a {
	color: #00a9c4;
}

#respond span.required-field-message {
	display: block;
	font-size: 0.9em;
	font-style: italic;
	color: rgba(26,43,51,0.7);
}

#respond p.comment-form-comment,
#respond p.comment-form-author,
#respond p.comment-form-email {
	display: flex;
}

#respond p.comment-form-comment label,
#respond p.comment-form-author label,
#respond p.comment-form-email label {
	display: block;
	width: 25%;
	padding: 0 20px;
	font-weight: bold;
	text-align: right;
}

#respond p.comment-form-comment label,
#respond p.comment-form-author label,
#respond p.comment-form-email label {
	width: 25%;
}

#respond p.comment-form-comment textarea {
	/*width: calc(75% - 26px);*/
	width: 75%;
	font-size: 20px;
}

#respond p.comment-form-author input,
#respond p.comment-form-email input {
	width: 75%;
}

#respond p.form-submit {
	margin-bottom: 0;
	text-align: right;
}

#respond p.form-submit input {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	border: 0;
	background-color: #99cc33;
	cursor: pointer;
}

.comments-list h4 {
	margin-bottom: 0.8em;
	font-size: 24px;
	font-weight: bold;
}

.comments-list ol li.depth-1 {
	margin-bottom: 3em;
}

.comments-list ol li {
	position: relative;
	margin: 1em 0;
	padding-left: 60px;
}

.comment-body a {
	color: #00a9c4;
}

.comment-body .comment-author,
.comment-body .comment-meta {
	display: inline-block;
	margin-bottom: 4px;
	font-size: 0.9em;
}

.comment-body .comment-meta a:first-child { /* verificar */
	font-size: 0.8em;
	color: rgba(26,43,51,0.5);
	text-decoration: none;
}

.comment-body .comment-author img.avatar {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
}

.comment-body .comment-author cite {
	font-weight: bold;
}

.comment-body .comment-author span {
	display: none;
}

.comment-body a.comment-edit-link {
	font-size: 0.55em;
}

.comment-body p {
	margin-bottom: 0.8em;
	font-size: 0.85em;
	line-height: 1.25em;
}

.comment-body p:last-of-type {
	margin-bottom: 0;
}

.comment-body div.reply a.comment-reply-link {
	margin-top: 0.4em;
	padding: 0.1em 0.3em 0.1em 0.3em;
	font-size: 0.7em;
	border: 1px solid rgba(0,197,229,0.3);
	border-radius: 2px;
	background-color: rgba(255,255,255,0.3);
	transition: all 0.3s;
}

.comment-body div.reply a.comment-reply-link:hover {
	border: 1px solid rgba(0,197,229,0.7);
	background-color: rgba(255,255,255,0.9);
}

.comment-awaiting-moderation {
	display: block;
	margin: 0.8em 0;
	padding: 0.38em 1.2em;
	line-height: 1.2em;
	border: 1px solid rgba(230,145,56,0.4);
	border-radius: 3px;
	background-color: rgba(230,145,56,0.1);
	scroll-margin-top: 120px;
}

/* hide unnecessary stuff in comments awaiting moderation */
.comment-awaiting-moderation + br,
.comment-awaiting-moderation + br + .comment-meta.commentmetadata,
.comment-awaiting-moderation + br + .comment-meta.commentmetadata + .reply {
	display: none;
}



@media (max-width: 991.98px) {

	.comments-list ol ul.children {
		margin-left: -1.2em;
	}

	.comments-list ol li {
		padding-left: 40px;
	}
	
	.comment-body .comment-author img.avatar {
		width: 32px;
		height: 32px;
	}

}



/* ===== usage recommendations ===== */

.usage-recommendations {
	margin: 50px 0;
}

.small .usage-recommendations {
	margin: 0;
}

.usage-recommendations p.debug_points {
	font-size: 0.7em;
	line-height: 0.9em;
	opacity: 0.5;
}

.usage-recommendations > hr {
	display: none;
}

.usage-recommendations > div {
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 0 auto 40px auto;
	line-height: 1em;
	color: #444;
}

.small .usage-recommendations > div {
	max-width: 180px;
	margin: 0 auto 8px auto;
}

.usage-recommendations > div > p {
	margin: 0;
}

.usage-recommendations > div > h3 {
	margin: 0 0 4px 0;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: normal;
}

.small .usage-recommendations > div > h3 {
	position: absolute;
	width: 100%;
	margin: 0;
	top: 2px;
	left: -104%;
	font-size: 0.55em;
	line-height: 8px;
	letter-spacing: 0.02em;
	text-align: right;
}

.usage-recommendations > div > h3 > b {
	color: rgba(26,43,51,1.0);
	text-decoration: none;
}

.usage-recommendations > div > h3 > small {
	font-size: 0.8em;
	color: rgba(26,43,51,0.7);
}

.small .usage-recommendations > div > h3 > small {
	display: none;
}

.usage-recommendations > div > div {
	position: relative;
	height: 20px;
	margin-bottom: 8px;
	font-size: 0;
	border-radius: 2px;
	background-color: rgba(0,0,0,0.1);
}

.small .usage-recommendations > div > div {
	height: 8px;
	margin-bottom: 4px;
}

.usage-recommendations > div > div > div {
	position: relative;
}

@keyframes progress-bar {
	0%   {width:   0%; opacity: 0;}
	18%  {width: 100%; opacity: 1;}
	92%  {width: 100%; opacity: 1;}
	100% {width: 100%; opacity: 0;}
}

.usage-recommendations > div > div > div > div {
	display: block;
	position: absolute;
	height: 20px;
	top: 0;
	border-radius: 2px;
	animation: progress-bar 10s ease-in-out infinite;
}

.small .usage-recommendations > div > div > div > div {
	height: 8px;
}

.usage-recommendations > div > div > div > div b {
	padding: 0 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	white-space: nowrap;
	color: #FFF;
}

.small .usage-recommendations > div > div > div > div b {
	display: none;
}

.usage-recommendations > div > div > div.level-1 {
	width: 10%;
}

.usage-recommendations > div > div > div.level-1 > div {
	background-color: rgba(210,60,60,0.7);
}

.usage-recommendations > div > div > div.level-2 {
	width: 25%;
}

.usage-recommendations > div > div > div.level-2 > div {
	background-color: rgba(255,191,31,0.7);
}

.usage-recommendations > div > div > div.level-3 {
	width: 50%;
}

.usage-recommendations > div > div > div.level-3 > div {
	background-color: rgba(204,198,41,0.7);
}

.usage-recommendations > div > div > div.level-4 {
	width: 75%;
}

.usage-recommendations > div > div > div.level-4 > div {
	background-color: rgba(153,204,51,0.7);
}

.usage-recommendations > div > div > div.level-5 {
	width: 100%;
}

.usage-recommendations > div > div > div.level-5 > div {
	background-color: rgba(99,158,37,0.7);
}

.usage-recommendations > div > em {
	font-size: 0.9em;
	line-height: 1.2em;
	color: rgba(26,43,51,0.7);
}

.small .usage-recommendations > div > em {
	display: none;
}

@media (max-width: 991.98px) {

	.usage-recommendations > div > h3 > small {
		display: block;
	}

}



/* ===== instagram and youtube embeds ===== */

/* center iframe */
.instagram-media,
.youtube-media {
	display: block;
	margin: 0 auto 12px !important;
}

@media (max-width: 991.98px) {
	.youtube-media {
		width: 100%;
		height: auto;
	}
}



/* ===== .tech-specs.detailed (deprecated) ===== */

div.tech-specs.detailed * {
	box-sizing: border-box;
}

div.tech-specs.detailed {
	margin: 40px 0;
}

div.tech-specs.detailed h2 {
	margin-top: 0;
	font-size: 2.2em;
	line-height: 1em;
}

div.tech-specs.detailed h2 small {
	display: block;
	font-size: 0.54em;
}

div.tech-specs.detailed p {
	margin: 0;
	line-height: 1;
}

div.tech-specs.detailed .spec-group {
	display: flex;
	flex-direction: row;
	padding: 14px 0;
	border-bottom: 1px solid #CCC;
}

div.tech-specs.detailed .spec-group:last-child {
	border-bottom: 0;
}

div.tech-specs.detailed .spec-group > div:first-child {
	flex-basis: 25%;
	padding: 0 20px;
	text-align: right;
}

div.tech-specs.detailed .spec-group > div:last-child {
	flex-basis: 75%;
}

div.tech-specs.detailed .spec-group h4 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: 0.02em;
	text-align: right;
	color: rgba(0,0,0,0.3);
}

div.tech-specs.detailed .spec-group .primary-specs {
	font-size: 21px;
	line-height: 30px;
	color: #444;
}

div.tech-specs.detailed .spec-group .secondary-specs {
	font-size: 18px;
	line-height: 30px;
	color: #444;
}

div.tech-specs.detailed .spec-group .spec-tip {
	margin-top: 8px;
	font-size: 15px;
	line-height: 20px;
	color: #888;
}

div.tech-specs.detailed .spec-group ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

div.tech-specs.detailed .spec-group ul li {
	margin: 0 8px 8px 0;
	padding: 0 8px;
	font-size: 16px;
	line-height: 30px;
	list-style: none;
	color: #444;
	border-radius: 2px;
	background-color: rgba(0,0,0,0.08);
}

div.tech-specs.detailed .spec-group ul li.not-available {
	color: #999;
	background-color: rgba(0,0,0,0.16);
}

@media (max-width: 991.98px) {
	
	div.tech-specs.detailed .spec-group {
		flex-direction: column;
	}

	div.tech-specs.detailed .spec-group > div:first-child {
		flex-basis: 100%;
		padding: 0;
		text-align: left;
	}
	
	div.tech-specs.detailed .spec-group h4 {
		text-align: left;
	}
	
	div.tech-specs.detailed .spec-group .primary-specs {
		font-size: 16px;
		line-height: 20px;
	}

	div.tech-specs.detailed .spec-group .secondary-specs {
		font-size: 14px;
		line-height: 20px;
	}

	div.tech-specs.detailed .spec-group .spec-tip {
		margin-top: 4px;
		font-size: 12px;
		line-height: 16px;
	}
	
	div.tech-specs.detailed .spec-group ul li {
		margin: 0 4px 4px 0;
		font-size: 14px;
		line-height: 20px;
	}
	
}



/* ===== .tech-specs.full (deprecated) ===== */

ul.tech-specs.full {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	font-size: 0.9em;
	color: rgba(26,43,51,1.0);
}

ul.tech-specs.full > li {
	margin-bottom: 12px;
	line-height: 1.2em;
}

ul.tech-specs.full > li small {
	font-size: 0.7em;
	font-weight: bold;
	opacity: 0.7;
}

ul.tech-specs.full ul {
	margin: 0;
	list-style: none;
}

ul.tech-specs.full ul li {
	display: inline-block;
	margin: 0 4px 4px 0;
	padding: 0 4px;
	font-size: 0.8em;
	color: #444;
	border-radius: 2px;
	border: 1px solid rgba(26,43,51,0.2);
}

ul.tech-specs.full ul li.not-available {
	color: rgba(26,43,51,0.5);
	background-color: rgba(26,43,51,0.1);
	border: 1px solid rgba(26,43,51,0.1);
}

@media (max-width: 991.98px) {
	
	ul.tech-specs.full li {
		list-style: none;
	}
	
	ul.tech-specs.full li small {
		display: block;
	}
	
}



/* ===== FAQ (deprecated) ===== */

.sale-post.faq {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
}

.sale-post.faq h3 {
	margin: 1.0em 0 0.3em 0;
	font-size: 1.2em;
}

.sale-post.faq h3 + div {
	font-size: 0.8em;
	line-height: 1.2em;
}

.sale-post.faq h3 + div p {
	margin-bottom: 0.4em;
}



/* ===== product full specs stamps (refactoring) ===== */

.laptop-image_medium {
	position: relative;
	width: 100%;
	max-width: 500px;
	height: 240px;
	margin: 0 auto 20px auto;
}

.laptop-image_medium img {
	position: absolute;
	top: 0;
	left: 0;
}

.laptop-image_medium > div.spec_stamps.desktop {
	display: flex;
	flex-direction: row;
	position: absolute;
	width: 200px;
	left: 300px;
}

@media (max-width: 991.98px) {
	
	.laptop-image_medium {
		max-width: 280px;
		height: auto;
	}
	
	.laptop-image_medium img {
		position: relative;
		top: auto;
		left: auto;
	}
	
	.laptop-image_medium > div.spec_stamps.desktop {
		position: relative;
		margin: 0 auto;
		left: auto;
	}
	
}



/* ===== .tech_specs (refactoring) ===== */

ul.tech_specs {
	color: rgba(26,43,51,1.0);
}

ul.tech_specs > li {
	display: flex;
}

ul.tech_specs > li small {
	flex-basis: 20%;
	text-align: right;
}

ul.tech_specs > li span {
	flex-basis: 80%;
}

@media (max-width: 991.98px) {
	
	ul.tech_specs li {
		flex-wrap: wrap;
	}
	
	ul.tech_specs li small {
		flex-basis: 100%;
		margin: 0;
		text-align: left;
	}
	
	ul.tech_specs li span {
		flex-basis: 100%;
	}
	
}



/* ===== .tech_specs.full (refactoring) ===== */

ul.tech_specs.full {
	width: 100%;
	max-width: 720px;
	margin: 0 auto 20px auto;
	font-size: 0.9em;
}

ul.tech_specs.full > li {
	padding: 10px 0;
	line-height: 1.4em;
	border-bottom: 1px solid rgba(26,43,51,0.2);
}

ul.tech_specs.full > li:last-child {
	border: 0;
}

ul.tech_specs.full > li small {
	margin-right: 14px;
	font-size: 0.7em;
	font-weight: bold;
	color: rgba(0,156,193,0.8);
}

ul.tech_specs.full ul {
	margin: 0;
	list-style: none;
}

ul.tech_specs.full ul li {
	display: inline-block;
	margin: 2px;
	padding: 0 8px;
	font-size: 0.8em;
	color: #444;
	border-radius: 2px;
	border: 1px solid rgba(26,43,51,0.2);
}

ul.tech_specs.full ul li.not-available {
	color: rgba(26,43,51,0.5);
	background-color: rgba(26,43,51,0.1);
	border: 1px solid rgba(26,43,51,0.1);
}



/* ===== buy box (refactoring) ===== */

.sale-item {
	text-align: center;
}

.sale-item .lowest-price {
	margin: 12px 0;
	font-size: 32px;
}

.sale-item .lowest-price small {
	font-size: 0.7em;
}

.sale-item .lowest-price small s {
	opacity: 0.54;
}

.sale-item .lowest-price strong {
	color: #009cc1;
}

.sale-item .price-details {
	margin: 8px 0;
	font-size: 20px;
}

.sale-item .price-details.has-coupon {
	margin: 0 0 16px 0;
}

.sale-item .price-details.has-coupon b.coupon-code {
	padding: 0 5px;
	font-size: 24px;
	line-height: 32px;
	color: #0086a5;
	border: 2px dotted rgba(0,197,229,0.7);
	border-radius: 3px;
	background-color: rgba(0,197,229,0.14);
}

.sale-item .price-details.has-coupon b.coupon-code:hover {
	border-color: rgba(0,197,229,1.0);
	background-color: rgba(0,197,229,0.2);
	cursor: pointer;
}

.sale-item .link {
	margin: 12px 0;
}

.sale-item .notice {
	font-size: 14px;
	color: #888888;
	line-height: 1.4em;
}

.sale-item.inactive > div:first-of-type {
	max-width: 360px;
	margin: 0 auto;
	padding: 14px 32px;
	color: rgba(26,43,51,1.0);
	border-radius: 2px;
	background-color: rgba(26,43,51,0.14);
}

.sale-item.inactive div h3 {
	margin: 0 0 8px 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1em;
	color: rgba(26,43,51,1.0);
}

.sale-item.inactive div p {
	margin: 0;
	font-size: 0.9em;
	line-height: 1.1em;
	color: rgba(26,43,51,0.5);
}

.sale-post.price-notice {
	font-size: 14px;
	color: #888888;
	display: none;
}

.sale-item.inactive + .sale-post.price-notice {
	display: none;
}



/* pagination */

.wp-pagenavi {
	margin: 40px 0;
	text-align: center;
}

.wp-pagenavi div.pages-top {
	padding: 8px 0;
	font-size: 16px;
}

.wp-pagenavi > a,
.wp-pagenavi > span {
	display: inline-block;
	margin: 2px;
	padding: 5px 7px 3px 7px;
	font-size: 16px;
	text-decoration: none;
	color: rgba(0,197,229,0.7);
	border: 1px solid rgba(0,197,229,0.4);
	border-radius: 3px;
	background: #fff;
	transition: all 0.3s ease-in-out;
}

.wp-pagenavi .extend {
	background: none;
	border: none;
	color: rgba(26, 43, 51, 0.5);
}

.wp-pagenavi a.first,
.wp-pagenavi a.last {
	background: none;
	border: none;
	color: rgba(0,197,229,1.0);
}

.wp-pagenavi a.first:hover,
.wp-pagenavi a.last:hover {
	color: rgba(0,197,229,1.0);
	text-decoration: underline;
	background-color: transparent;
}

.wp-pagenavi a:hover {
	color: #FFF;
	background: rgba(0,197,229,0.4);
}

.wp-pagenavi span.current {
	font-weight: bold;
	color: #fff;
	background: rgba(0,197,229,0.8);
}



/* ===== CPT reviews ===== */

section.review .prescript-unboxing,
section.review .prescript-review {
	position: relative;
	padding: 1em 1.4em;
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.7em;
	border-radius: 3px;
	background-color: #e2e4e6;
}

/*section.review pre {
	min-height: 360px;
	height: 360px;
	font-size: 0.55em;
}

section.review pre:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 140px;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(226,228,230,0) 0%, rgba(226,228,230,1) 80%);
}

section.review pre:hover {
	height: auto;
}

section.review pre:hover:after {
	display: none;
}*/



/* ===== not found 404 ===== */

section.not-found-404 img {
	margin: 0 auto;
}

section.not-found-404 h2 {
	margin: 0 0 1em 0;
	font-size: 1.4em;
	letter-spacing: -0.02em;
	color: #009cc1;
}

section.not-found-404 p {
	font-size: 0.9em;
}

section.not-found-404 li {
	font-size: 0.9em;
	line-height: 1.4em;
	list-style: circle inside;
}



/* ===== footer ===== */

footer {
	padding: 40px 14px;
	font-family: 'DIN Next LT Pro', sans-serif;
	color: #FFF;
	background-color: rgba(26,43,51,1.0);
}

footer a.logo {
	display: block;
	width: 210px;
	height: 150px;
	text-indent: -9999px;
	background-image: url(../images/XpyvcTQFxehr.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

footer h3 {
	margin: 0 0 0.4em 0;
	font-size: 14px;
	line-height: 1.2em;
	color: #00C5E5;
}

footer ul {
	margin-bottom: 1.4em;
}

@media (min-width: 992px) {

	footer ul:last-child {
		margin-bottom: 0;
	}

}

footer ul li {
	font-size: 18px;
	line-height: 1.4em;
}

footer ul li a {
	color: #fff;
	text-decoration: none;
}

footer ul li a small {
	font-weight: 300;
}

footer ul li a:hover {
	text-decoration: underline;
}



/* ===== tasks ===== */

body.page-template-tasks {
	overflow-y: scroll;
}

section.tasks > div {
	padding: 20px 0 40px 0;
}

section.tasks .header {
	margin-bottom: 20px;
}

section.tasks h2 {
	margin-bottom: 10px;
}

.tasks-filters select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: auto;
	height: 32px;
	margin-right: 4px;
	padding: 0 12px 0 8px;
	font-family: inherit;
	font-size: 14px;
	border: 1px solid rgba(26,43,51,0.2);
	border-radius: 3px;
	outline: 0;
	cursor: pointer;
}

.tasks-filters select option {
	color: inherit;
	background-color: #FFF;
}

.tasks-filters select:focus {
	outline: none;
}

.tasks-filters select::-ms-expand {
	display: none;
}

.tasks-filters input[type=checkbox] + label {
	font-size: 14px;
}

.tasks-filters input[type=checkbox],
.tasks-filters input[type=checkbox] + label:hover {
	cursor: pointer;
}

.task {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 10px;
	border: 1px solid rgba(26,43,51,0.2);
	border-radius: 4px;
	background-color: #FFF;
	transition: all 0.2s;
}

.task:hover {
	border: 1px solid rgba(26,43,51,0.5);
	cursor: pointer;
}

.task-focus {
	border: 1px solid rgba(0,197,229,1.0);
	outline: 5px solid rgba(0,197,229,0.3);
}

.task-focus:hover {
	border: 1px solid rgba(0,197,229,1.0);
}

.task.small {
	margin-bottom: 4px;
}

.task-infos {
	width: 30%;
	position: relative;
	padding: 8px 12px;
}

.task-infos:after {
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 80%;
	top: 10%;
	right: 0;
	background-color: #FFF;
	box-shadow: 5px 0px 4px -4px rgba(26,43,51,0.4);
	z-index: 1;
}

.task-infos h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
	color: rgba(0,197,229,1);
	z-index: 2;
}

.task-infos h3 a {
	color: rgba(0,197,229,1); /* mudar no CSS global */
	text-decoration: none;
	transition: none;
}

.task-infos h3 a span.task-category {
	display: block;
	position: relative;
	width: fit-content;
	margin-bottom: 0.3em;
	padding: 2px 4px 1px 4px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0.02em;
	color: rgba(26,43,51,1);
	border: 1px solid rgba(26,43,51,0.2);
	border-radius: 3px;
	z-index: 3;
}

.task.small .task-infos h3 {
	font-size: 15px;
	white-space: nowrap;
	border-radius: 3px;
	background-color: rgba(255,255,255,0);
	overflow: hidden;
	transition: padding 0.4s;
}

.task.small .task-infos h3 a span.task-category {
	display: inline-block;
	margin-bottom: 0;
}

.task.small .task-infos h3:hover {
	width: fit-content;
	padding: 0 4px;
	background-color: rgba(255,255,255,1);
	outline: 5px solid #FFF;
}

.task-summary {
	position: absolute;
	width: 20px;
	height: 20px;
	top: -5px;
	left: -5px;
	background-color: #CCC;
	z-index: 4;
}

.task-flows {
	display: flex;
	flex-direction: column;
	width: 70%;
	padding: 8px 12px;
}

.task.small .task-flows {
	padding: 4px 12px;
}

.task-flow {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: top;
	margin-bottom: 4px;
}

.task-flow:last-child {
	margin-bottom: 0;
}

.task.small .task-flow {
	margin-bottom: 0;
}

.task-flow h4 {
	width: 120px;
	padding: 0 8px;
	font-size: 16px;
	font-style: italic;
	line-height: 1;
	text-align: right;
}

.task-small .task-flow h4 {
	padding: 2px 8px;
}

.task-step {
	position: relative;
	width: 60px;
	height: fit-content;
	margin: 2px;
	padding: 4px 0;
	color: rgba(26,43,51,0.25);
	border: 1px solid transparent;
	border-radius: 3px;
	background-color: rgba(26,43,51,0.14);
}

.task-step.check {
	border-top: 2px solid rgba(26,43,51,0.2) !important;
}

.task.small .task-step {
	height: 20px;
	padding: 2px 0;
}

p.task-step-name {
	margin: 0;
	padding: 0 5px;
	font-size: 11px;
	line-height: 1.2em;
	white-space: nowrap;
}

.task-step.check p.task-step-name {
	display: none;
}

.task.small p.task-step-name {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 2px;
	left: 0;
	opacity: 0;
}

.task.small .task-step:hover p.task-step-name {
	opacity: 1;
}

p.task-step-assign {
	margin: 0;
	padding: 0 5px;
	font-size: 16px;
	line-height: 1.2em;
}

.task.small p.task-step-assign {
	font-size: 14px;
	font-weight: normal;
}

.task.small .task-step:hover p.task-step-assign {
	opacity: 0;
}

.filtered-assign {
	outline-width: 2px;
	outline-style: solid;
	outline-color: rgba(26,43,51,0.55);
}

div.task-step-notes {
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	top: -3px;
	right: -3px;
	border-radius: 5px;
	background: #FFF;
	z-index: 2;
}

div.task-step-notes i::before {
	font-size: 10px;
}

a.task-step-link {
	position: absolute;
	width: 10px;
	height: 10px;
	right: -3px;
	bottom: -3px;
	text-indent: -9999px; /* depois temos que impedir que os links fora de uma postagem tenham sempre o mesmo visual */
	border-radius: 5px;
	background: #CCC;
	z-index: 2;
}

a.task-edit {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -9999px;
	border-radius: 3px;
	z-index: 1;
}

.task-step.pending {
	color: rgba(26,43,51,0.8);
	border-color: rgba(255,127,80,0.4);
	background-color: rgba(255,127,80,0.4);
}

.task-step.in-progress {
	color: rgba(26,43,51,0.8);
	border-color: rgba(0,197,229,0.4);
	background-color: rgba(0,197,229,0.4);
}

.task-step.done {
	color: rgba(26,43,51,0.25);
	border-color: transparent;
	background-color: rgba(153,204,51,0.3);
}

.task-step.errors {
	color: rgba(26,43,51,0.8);
	border-color: rgba(255,191,31,0.4);
	background-color: rgba(255,191,31,0.4);
}

.task-step.hold {
	color: rgba(26,43,51,0.14);
	border-color: transparent;
	background-color: rgba(26,43,51,0.1);
}

.task-step.pending:not(.hold) p.task-step-assign {
	font-weight: 700;
}

.task-step.in-progress p.task-step-assign {
	font-weight: 700;
}

.task-step.errors p.task-step-assign {
	font-weight: 700;
}

/* make hover ".step-name" more visibile in compact mode */
.task.small .task-step p.task-step-name {
	color: rgba(26,43,51,0.8);
}

.task-edit-box {
	width: 700px !important;
	padding: 20px;
	overflow: hidden !important; /* modificar globalmente */
}

.task-edit-box h3 {
	line-height: 40px;
}

.task-edit-box div.container {
	height: calc(100% - 40px);
	overflow-y: auto;
}

.task-edit-box #acf-form {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
}

.task-edit-box div.mce-menubar {
	display: none;
}

.task-edit-box div.acf-form-submit {
	position: absolute;
	padding: 10px 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
}



/* ===== team tasks ===== */

table.team_tasks {
	width: 100%;
	font-size: 0.75em;
}

table.team_tasks td {
	padding: 10px;
	white-space: normal;
}

table.team_tasks:not(.small) td:not(:first-child) {
	font-size: 0.8em;
}

table.team_tasks.small {
	font-size: 0.55em;
}

table.team_tasks.small td {
	padding: 5px;
}

table.team_tasks a {
	text-decoration: none;
}

table.team_tasks tr.standby {
	background-color: rgba(26, 43, 51, 0.14);
}

table.team_tasks tr.standby td {
	background-color: transparent;
}

table.team_tasks tr.standby td .tasks_hyperlinks {
	opacity: 0.5;
}

table.team_tasks td {
	text-align: center;
	vertical-align: middle;
}

table.team_tasks td.waiting b {
	opacity: 0.2;
}

table.team_tasks td.pending {
	background-color: rgba(210, 60, 60, 0.2);
}

table.team_tasks td.errors {
	background-color: rgba(255, 191, 31, 0.3);
}

table.team_tasks td.done {
	background-color: rgba(99, 158, 37, 0.2);
}

.tasks_hyperlinks a,
.tasks_hyperlinks p {
	display: inline-block;
	margin-right: 4px !important;
	padding: 1px 4px 0 4px;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 1.4em;
	color: #FFF;
	border-radius: 2px;
}

.tasks_hyperlinks a {
	background-color: rgba(0,197,229,0.55);
}

.tasks_hyperlinks a:hover {
	color: #FFF;
	background-color: rgba(0,197,229,0.8);
}

.tasks_hyperlinks p {
	background-color: rgba(26,43,51,0.14);
}



/* ===== shortcodes not-found items ===== */

.products_list .not-found,
.single-buy-box .not-found,
.product.full-specs .not-found {
	width: 100%;
}

.products_list .not-found h3,
.single-buy-box .not-found h3,
.product.full-specs .not-found h3 {
	margin: 0.8em 0;
	font-size: 1em;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	opacity: 0.7;
}

.products_list .not-found p,
.single-buy-box .not-found p,
.product.full-specs .not-found p {
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
	opacity: 0.5;
}



div.bf2024-buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

div.bf2024-buttons p,
div.bf2024-buttons a img {
	margin-bottom: 0 !important;
}

div.bf2024-buttons a {
	display: inline-block;
	width: 200px;
	height: 250px;
	margin: 20px;
}



@media (max-width: 991.98px) {
	
	body {
		padding-top: 0;
		font-size: 16px;
	}

	h2.featured-title {
		padding-top: 8px;
		font-size: 22px;
	}

	h2.featured-title:before {
		width: 60px;
		height: 5px;
	}

	.side-content {
		width: 94% !important;
	}

	.side-content-mobile {
		position: fixed !important;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(255,255,255,0.95);
		-webkit-box-shadow: 10px 0px 20px 0px rgba(26,43,51,0.3) !important;
		-moz-box-shadow: 10px 0px 20px 0px rgba(26,43,51,0.3) !important;
		box-shadow: 10px 0px 20px 0px rgba(26,43,51,0.3) !important;
		opacity: 0;
		transform: translateX(-100%);
		transition: all 0.3s ease-in-out;
		overflow: auto;
		z-index: 99999;
	}
	
	.side-content-mobile.active {
		opacity: 1;
		transform: translateX(0%);
	}

	.expert-tips {
		padding: 14px 20px;
	}

	.expert-tips,
	.expert-tips p {
		font-size: 1em;
		line-height: 1.3em;
	}

	.expert-tips > ol,
	.expert-tips > ul {
		font-size: 0.9em;
	}

	header {
		position: sticky;
		height: 130px;
		top: -70px;
		z-index: 9999;
	}

	header #menu,
	header #logo,
	header #search {
		height: 70px;
	}

	header #menu > a {
		font-size: 10px;
	}
	
	header #menu nav h3 {
		font-size: 0.8em;
	}

	header #menu nav ul li {
		font-size: 1.2em;
	}

	header #logo a.logo {
		width: 180px;
		height: 70px;
	}

	header #search {
		position: absolute;
		width: 100%;
		padding: 0 10px;
		right: 0;
	}

	header #search.mobile-stand-by {
		width: 60px;
	}

	header #search:not(.mobile-stand-by) {
		background-color: #00C5E5;
	}

	header #search.mobile-stand-by div.main-search-box input[type=search] {
		padding: 0 10px;
		background-color: transparent;
	}

	header #search.mobile-stand-by div.main-search-box input[type=search]::placeholder,
	header #search.mobile-stand-by div.main-search-box input[type=search] {
		color: transparent
	}

	header #search:not(.mobile-stand-by) div.main-search-box span.close {
		display: block;
		position: absolute;
		width: 20px;
		height: 20px;
		top: 15px;
		right: 50px;
	}
	
	header #search div.main-search-box span.close::before,
	header #search div.main-search-box span.close::after {
		background-color: #FFF;
	}

	header #search div.main-search-box button[type=submit] {
		right: 0;
	}

	header #main-sections {
		height: 60px;
		background-color: rgba(26,43,51,0.2);
	}

	header #main-sections nav.main-sections ul li {
		width: 70px;
	}

	header #main-sections nav.main-sections ul li a {
		padding-top: 8px;
		font-size: 10px;
	}

	header #main-sections nav.main-sections ul li a:before {
		width: 30px;
		height: 30px;
	}

	header #main-sections nav.main-sections ul li.buy .pulsating-circle {
		width: 24px;
		height: 24px;
		top: 11px;
	}

	body.page-template-homepage a.button {
		display: block;
		width: fit-content;
		margin: 10px auto;
	}

	section.hero {
		height: auto;
		background-position: -300px 0;
		background-size: auto 240px;
	}

	.main-banner {
		height: 240px;
		padding: 10px 20px;
		background-position: -40px 0;
		background-size: contain;
	}

	.main-banner img.bf2024-logo {
		display: none;
	}

	.main-banner ul {
		margin: 10px 0;
	}

	.main-banner ul li {
		margin-bottom: 4px;
	}

	.main-banner ul li a {
		padding: 2px 8px 0 8px;
		font-size: 11px;
		line-height: 14px;
		background-color: rgba(255,255,255,0.9);
	}

	div.best-deals {
		padding: 10px;
	}

	div.best-deals #sliderBestDeals {
		padding: 10px 0 30px 0;
	}

	div.best-deals img {
		max-width: 120px;
	}

	section.laptop-brands h2 {
		margin-bottom: 10px;
	}

	section.blog aside nav.blog-categories {
		width: 100%;
	}
	
	section.blog aside nav.blog-categories li {
		font-size: 1.2em;
		line-height: 1.4em;
	}

	section.blog aside nav.blog-categories li.active {
		font-size: 1.2em;
	}

	section.blog .featured-posts {
		padding: 0 14px 30px 14px;
	}

	section.blog .featured-posts h2 {
		margin-bottom: 0.4em;
	}

	section.blog .featured-posts .post-thumbnail {
		margin-bottom: 10px;
	}

	section.blog .featured-posts .post-summary {
		padding: 0;
	}

	.post-summary {
		padding: 10px;
	}

	.post-summary .post-excerpt.max {
		max-height: calc(1.4em * 4);
	}

	ul.post-categories {
		margin-bottom: 2px;
	}
	
	ul.post-categories li {
		margin: 2px;
		padding: 1px 4px 0 4px;
		font-size: 11px;
		line-height: 14px;
	}

	h1.entry-title ul.specs_short_list li {
		line-height: 0.8em;
	}

	#respond {
		padding: 10px 14px;
	}

	#respond h3 {
		font-size: 22px;
	}

	#respond p.comment-form-comment,
	#respond p.comment-form-author,
	#respond p.comment-form-email {
		flex-direction: column;
	}

	#respond p.comment-form-comment label,
	#respond p.comment-form-author label,
	#respond p.comment-form-email label {
		width: 100%;
		padding: 0;
		text-align: left;
	}

	#respond p.comment-form-comment textarea {
		width: 100%;
	}
	
	#respond p.comment-form-author input,
	#respond p.comment-form-email input {
		width: 100%;
	}
	
	#respond p.form-submit {
		text-align: center;
	}

	#respond p.form-submit input {
		font-size: 18px;
	}

	footer {
		padding: 30px 14px;
	}

	footer a.logo {
		width: 140px;
		height: 100px;
	}

	footer h3 {
		font-size: 12px;
		text-align: center;
	}

	footer ul {
		text-align: center;
	}

	footer ul li {
		font-size: 14px;
	}

	footer ul.social-media {
		justify-content: center;
	}

}