/*!
Theme Name: pratika
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pratika
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

pratika is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
* {
	outline: 0;
	text-decoration: none;
	box-sizing: border-box;
}
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'Noto Sans', 'Helvetica', sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 0.75rem;
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	width: 100%;
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
	height: 60px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
}
	.main-navigation ul {
		display: none;
		list-style: none;
		margin: 0;
		padding-left: 0;
	}


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

button.menu-toggle {
    background: transparent !important;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: absolute;
    right: 20px;
    cursor: pointer;
    outline: none;
    z-index: 9;
    top: 15px;
}

button.menu-toggle:after {
    content: '';
    position: absolute;
    width: 60%;
    height: 3px;
    background: #002f6c;
    top: 10px;
    left: 16%;
    box-shadow: 0 8px 0 #002f6c, 0 16px 0 #002f6c;
}

@media screen and (min-width: 1000px) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		align-items: center;
    	justify-content: flex-end;
	}
	.main-navigation ul a {
		padding: 5px 0;
	}
	.main-navigation ul ul {
		display: initial;
	}
	.main-navigation ul ul a {
		padding: 0;
	}

	.sub-menu {
		background-color: #147bd1;
		padding: 30px;
		border-radius: 3px;
	}
		.sub-menu li {
			display: block;
		}
		.sub-menu li a {
			color: #fff;
		}
		.sub-menu li a:hover {
			color: #002f6c;
		}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*
	PRATIKA
*/

a {
	transition: all .2s;
}

.wrap {
	max-width: 1450px;
	padding: 0 30px;
	margin: 0 auto;	
}

/* Header padrão das páginas internas */
.site-header {
    max-width: 1450px;
    padding: 25px 15px;
    margin: 0 auto;
}

/* Na home, o header fica por cima do primeiro banner */
.home .site-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 25px 3.4%;
    background: transparent;
    z-index: 1000;
}

.wrap-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1450px;
    margin: 0 auto;
    position: relative;
}

.home .wrap-header {
    width: 100%;
    max-width: none;
}

/* Compatível com o header.php que usa .header-right */
.header-right {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    align-items: flex-end;
}

.header-right .main-navigation {
    margin-top: 28px;
}

.header-right .hot-links {
    position: static;
}

.site-header.sticky .wrap-header {
    padding: 0;
}

/* Sticky limitado ao header, sem afetar posts com a classe .sticky */
.site-header.sticky,
.home .site-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    z-index: 9999;
    background: #fff;
    padding: 10px 3.4%;
}

.site-branding {
    flex: none;
}

.nav-menu li {
    font-size: 16px;
    margin: 0 20px;
}

.nav-menu a,
.nav-menu a:visited {
    font-weight: 700;
    color: #002f6c;
}

.nav-menu a:hover {
    color: #147bd1;
}

/* Links claros sobre o banner; links escuros ao fixar o menu */
.home .site-header:not(.sticky) .nav-menu a,
.home .site-header:not(.sticky) .nav-menu a:visited {
    color: #fff;
}

.home .site-header:not(.sticky) .nav-menu a:hover {
    color: #ff735c;
}

.site-header.sticky .nav-menu a,
.site-header.sticky .nav-menu a:visited {
    color: #002f6c;
}

.site-header.sticky .nav-menu a:hover {
    color: #147bd1;
}

/* Hambúrguer visível sobre o banner azul na home */
@media screen and (max-width: 999px) {
    .home .site-header:not(.sticky) button.menu-toggle:after {
        background: #fff;
        box-shadow: 0 8px 0 #fff, 0 16px 0 #fff;
    }
}

.hot-links {
	position: absolute;
    right: 0;
    top: 0px;	
}
.hot-links ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
}
	.hot-links li.linkedin {
		flex: none;
		margin-left: 17px;
	}
	.hot-links li.instagram {
	    flex-shrink: 0;
        margin-left: 15px;
	}
	.hot-links li.whatsapp {
	    flex-shrink: 0;
        margin-left: 15px;
	}
		.hot-links li.contato a {
			display: block;
			background-color: #147bd1;
			color: #fff;
			text-decoration: none;
		    border-radius: 40px;
		    padding: 5px 20px;
		    white-space: nowrap;
		}
			.hot-links li.contato a:hover {
				opacity: .7;
			}

.slider {
	height: 670px;
	background-color: #d7d7d7;
}
	.banner {
		height: 100%;
	}
	.banner-img-bg {
		background: url(assets/img/banner/banner-home.jpg) top center no-repeat;
	}
	.banner-img-bg1 {
		background: url(assets/img/pratika-desk.jpg) top center no-repeat;
	}
	.banner.grafismo {
		background: url(assets/img/banner/grafimso-novo.png) no-repeat;
	}
	.banner.renata {
		background-color: #ff5869;
	}
	.banner.guilherme {
		background-color: #002f6c;
	}
	.banner.pedro {
		background-color: #257fc3;
	}
	.banner h1 {
		font-family: 'Noto Sans SC', sans-serif;
		font-size: 36px;
		color: #fff;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.banner span.autor {
		display: block;
		font-size: 21px;
		color: #fff;
		font-weight: 700;
	}
	.banner span.cargo {
		font-family: 'Noto Sans SC', sans-serif;
		display: block;
		font-size: 21px;
		color: #fff;
	}
	.slider .wrap {
		height: 100%;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.slider .texto {
		width: 55%;
		z-index: 1;
	}

	.slider .foto {
		flex: none;
		position: absolute;
		right: 0;
		bottom: 0;
	}
		.slider .foto img {
			display: block;
		}
	.banner-img-bg h1 {
		color: #fff;
		line-height: 1.3;
		margin: 0 0 30px 0;
	}
	.banner-img-bg p {
		color: #fff;
	}
	.texto-full {
		width: 45%;
	}

.slider .slick-list,
.slider .slick-track {
	height: 100%;
}

.slick-arrow {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	z-index: 1;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	cursor: pointer;
	margin-top: -16px;
}
	.slider .slick-prev {
		background: url(assets/img/seta_esquerda_banner.svg) no-repeat;
		left: 30px;
	}
	.slider .slick-next {
		background: url(assets/img/seta_direita_banner.svg) no-repeat;
		right: 30px;
	}

.slick-dots {
	margin: 0;
	padding: 0;
	max-width: 1450px;
	padding: 0 15px;
	margin: 0 auto;		
	position: relative;
	bottom: 60px;
	list-style: none;
}
	.slick-dots li {
		display: inline-block;
		margin-left: 10px;
	}
		.slick-dots li:first-child {
			margin-left: 0;
		}
		.slick-dots li button {
			display: inline-block;
			width: 100px;
			height: 2px;
			background-color: #fff;
			border: none;
			border-radius: 0;
			text-indent: -9999px;
			overflow: hidden;
			padding: 0;
		}
		.slick-dots li.slick-active button {
			background-color: #002f6c;
		}

.destaques-internas {
	position: relative;
	background: url(assets/img/destaque-internas.jpg) no-repeat top center;
	height: 600px;
	padding-top: 300px;
}
	.destaques-internas .wrap {
		display: flex;
	}
	.destaques-internas .col {
		width: 50%;
	}
	.destaques-internas .col1 {
		padding-right: 9%;
	}
	.destaques-internas .col2 {
		padding-left: 5%;
	}
	.destaques-internas h2 {
		margin: 0 0 30px 0;
		font-size: 32px;
		color: #fff;
	}
	.destaques-internas p {
		margin: 0 0 30px 0;
		font-size: 18px;
		color: #fff;
	}
	.destaques-internas a {
		display: inline-block;
		margin: 0;
		font-size: 18px;
		background-color: #fff;
		color: #147bd1;
		padding: 10px 60px;
		border-radius: 40px;
		font-weight: 700;
	}
	.destaques-internas a:hover {
		background-color: #147bd1;
		color: #fff;
	}

.clientes {
	background-color: #f5f5f5;
	padding: 80px 0;
	text-align: center;
}
	.clientes h3 {
		font-family: 'Noto Sans SC', sans-serif;
		font-size: 60px;
		color: #002f6c;
		font-weight: lighter;
		text-align: center;
		margin: 0;
		line-height: 1;
		padding-bottom: 40px;
	}
	.clientes p {
		text-align: center;
		padding-bottom: 40px;
		font-size: 18px;
	}
	.clientes ul {
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.clientes ul li {
		display: inline-block;
	}
	.clientes a.btn {
		display: inline-block;
		margin: 40px 0 0 0;
		font-size: 16px;
		background-color: #ff5869;
		color: #fff;
		padding: 10px 60px;
		border-radius: 40px;
		font-weight: 700;		
	}
		.clientes a.btn:hover {
			background-color: #fff;
			color: #ff5869;
		}
	.slider-clientes {
		padding: 0 10% !important;
	}
	.slider-clientes li {
		text-align: center;
	}
	.slider-clientes li img {
		display: inline-block;
	}

	.slider-clientes .slick-prev {
		background: url(assets/img/seta_esquerda_cases.svg) no-repeat;
		left: 10px;
	}
	.slider-clientes .slick-next {
		background: url(assets/img/seta_direita_cases.svg) no-repeat;
		right: 10px;
	}

.cases {
	background-color: #fff;
	padding: 80px 0;
	text-align: center;
}
	.cases h3 {
		font-family: 'Noto Sans SC', sans-serif;
		font-size: 60px;
		color: #002f6c;
		font-weight: lighter;
		text-align: center;
		margin: 0;
		line-height: 1;
		padding-bottom: 40px;
	}
	.cases p {
		text-align: center;
		padding-bottom: 40px;
		font-size: 18px;
	}
	.cases a.btn {
		display: inline-block;
		margin: 40px 0 0 0;
		font-size: 16px;
		background-color: #ff5869;
		color: #fff;
		padding: 10px 60px;
		border-radius: 40px;
		font-weight: 700;		
	}
		.cases a.btn:hover {
			background-color: #f5f5f5;
			color: #ff5869;
		}
	.destaque-cases {
		display: flex;
		justify-content: space-between;
	}
		.destaque-cases .case {
			width: 47%;
		}
		.destaque-cases .case:hover {
			opacity: .6;
		}		
		.destaque-cases .case img {
			display: block;
		}
		.destaque-cases .case h4 {
			color: #002f6c;
			font-size: 30px;
			margin: 20px 0;
		}
		.destaque-cases .case p {
			color: #363636;
			font-size: 16px;
			margin: 0;
		}

section.news {
	background-color: #f5f5f5;
	padding: 80px 0;
}
	section.news h3 {
		font-family: 'Noto Sans SC', sans-serif;
		font-size: 60px;
		color: #002f6c;
		font-weight: lighter;
		margin: 0;
		line-height: 1;
		padding-bottom: 40px;
	}
	.destaque-news {
		display: flex;
		justify-content: space-between;
	}
	section.news h4 {
		font-size: 30px;
		color: #002f6c;
		font-weight: 700;
		margin: 0;
		line-height: 1.3;
		padding-bottom: 40px;
	}
	section.news .col {
		width: 45%;
	}
	section.news .col-img {
		margin-top: -100px;
	}
	section.news span {
		color: #147bd1;
		font-weight: 700;
	}
	section.news span:hover {
		opacity: .7;
	}

.site-footer {
	background-color: #002f6c;
	color: #fff;
	padding: 60px 0;
	font-size: 14px;
}
.site-info {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	color: #8eaadc;
}
.site-info strong,
.site-info .copy {
	color: #fff;
}

/*
	Quem Somos
*/
.header-internas {
	height: 320px;
}
	.header-internas .wrap {
		width:  1220px;
		max-width: 1220px;
	}
	.header-internas h1 {
		font-family: 'Noto Sans SC', sans-serif;
		color: #fff;
		font-size: 60px;
		font-weight: lighter;
		line-height: 1;
	}	
	.header-internas.quem-somos {
		background: url(assets/img/quem-somos/destaque.jpg) no-repeat;
		display: flex;
		align-items: center;
		justify-content: center;
	}

section.sobre {
	padding: 80px 0;
}
	section.sobre .wrap {
		max-width: 1080px;
	}
	section.sobre h2 {
		font-size: 32px;
		color: #147bd1;
	}
	section.sobre p {
		font-size: 22px;
	}

section.nosso-time {
	background-color: #f5f5f5;
	padding: 80px 0;
	background-image: url(assets/img/quem-somos/grafismo-nosso-time-esquerda.png), url(assets/img/quem-somos/grafismo-nosso-time-direita.png);
	background-position: left bottom 250px, right top 100px;
	background-repeat: no-repeat, no-repeat;
}
	section.nosso-time .wrap {
		max-width: 1080px;
	}
	section.nosso-time h3 {
		font-family: 'Noto Sans SC', sans-serif;
		font-size: 60px;
		color: #002f6c;
		text-align: center;
		font-weight: 100;
		margin: 0;
		padding: 0 0 60px 0;
	}
	section.nosso-time .lista-time {
        display: flex;
        justify-content: flex-start;
        list-style: none;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
	}
	section.nosso-time .lista-time li {
		width: 30%;
		margin-right: 3%;
        margin-bottom: 3%;
	}	
	section.nosso-time .lista-time img {
		display: block;
	}
	section.nosso-time .lista-time .info {
		position: relative;
		margin: 30px 0;
	}
	section.nosso-time .lista-time h4 {
		font-size: 22px;
		font-weight: 700;
		color: #002f6c;
		margin: 0;
		padding: 0;
	}
	section.nosso-time .lista-time span.cargo {
		font-size: 18px;
		font-weight: 700;
		color: #147bd1;
		margin: 0;
		padding: 0;
	}
	section.nosso-time .lista-time a.linkedin {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}
	section.nosso-time .lista-time span.ver-perfil {
		position: relative;
		display: block;
		color: #ff5869;
		font-size: 18px;
		font-weight: 700;
		cursor: pointer;
	}
	section.nosso-time .lista-time span.ver-perfil:after {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		background: url(assets/img/quem-somos/seta-down.png) no-repeat;
		width: 20px;
		height: 20px;
		transition: all .2s;
	}
	section.nosso-time .lista-time span.ver-perfil.aberto:after {
		transform: rotate(180deg);
	}

	section.nosso-time .perfil {
		display: none;
		background-color: #ff5869;
		padding: 20px;
		margin-top: 20px;
	}
		section.nosso-time .perfil p {
			color: #fff;
			font-size: 16px;
		}

.call-to-actions,
.nav-links {
	max-width: 1080px;
	margin: 80px auto 0 auto;
	display: flex;
	justify-content: space-between;
}
	.call-to-actions a,
	.nav-links a {
	    display: inline-block;
	    margin: 0;
	    font-size: 18px;
	    background-color: #fff;
	    color: #147bd1;
	    padding: 10px 10%;
	    border-radius: 40px;
	    font-weight: 700;	
	    white-space: nowrap;
	}	
		.nav-links a {
		    background-color: #147bd1;
		    color: #fff;			
		}
			.nav-links a:hover {
				opacity: .7;
			}
	.call-to-actions a:hover {
		background-color: #147bd1;
    	color: #fff;
	}

#mask {
    background-color: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
}

.modal-newsletter {
    width: 400px;
    background-color: #002b6e;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    padding: 30px;
    text-align: center;
    border-top: 4px solid #ff5869;
}
    .modal-newsletter h3 {
        color: #6192bf;
        font-size: 24px;
        margin: 0;     
        text-align: center;
        line-height: 1.3;
        font-weight: normal;
    }
    .modal-newsletter .close {
        position: absolute;
        top: 10px;
        right: 15px;
        color: #0081d0;
        font-weight: bold;
        cursor: pointer;
    }
    .modal-newsletter .libutton {
        background-color: #0091e3;
        color: #fff;
        font-size: 22px;
        border-radius: 30px;
        padding: 10px 20px;
        display: inline-block;
        margin-top: 30px;
    }
    .modal-newsletter p {
        margin: 0;
    }
    .modal-newsletter h3 strong {
        color: #fff;
    }
    .modal-newsletter input[type="submit"] {
        display: inline-block;
        background-color: #147bd1;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        border-radius: 40px;
        line-height: 1;
        height: 40px;
        padding: 10px 50px;
        cursor: pointer;
        transition: all .2s;
        margin-top: 20px;
    }
    .modal-newsletter input[type="text"], 
    .modal-newsletter input[type="email"] {
        height: 35px;
        margin-top: 20px;
        padding-left: 10px;
    } 
    .modal-newsletter input[type="email"] {
        margin-top: 10px;
    }

@media screen and (max-width: 500px) {
    .modal-newsletter {
        width: 100%;
    }
}

/*
	Pilares
*/
.header-internas.pilares {
	background: url(assets/img/pilares/destaque.jpg) no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}

section.box-pilares {
	background-color: #f5f5f5;
	padding: 80px 0;
	background-image: url(assets/img/quem-somos/grafismo-nosso-time-esquerda.png), url(assets/img/quem-somos/grafismo-nosso-time-direita.png);
	background-position: left bottom 50px, right center;
	background-repeat: no-repeat, no-repeat;
	background-attachment: fixed, fixed;	
}
	.lista-pilares {
		display: flex;
		justify-content: space-between;
		list-style: none;
		margin: 0;
		padding: 0;
	}
		.lista-pilares li {
			position: relative;
			flex-grow: 1;
			flex-basis: 0;
			padding: 35px 90px 50px 120px;
		}
		.lista-pilares li.primeiro {
			background-color: #002f6c;
		}
			.lista-pilares li::before {
				position: absolute;
				left: 35px;
				font-size: 70px;
				color: #fff;
				font-weight: bold;
			}
			.lista-pilares li.primeiro::before {
				content: "1.";
			}
			.lista-pilares li.segundo::before {
				content: "2.";
			}
			.lista-pilares li.terceiro::before {
				content: "3.";
			}

		.lista-pilares li.segundo {
			background-color: #147bd1;
		}
		.lista-pilares li.terceiro {
			background-color: #ff5869;
		}
		.lista-pilares h3 {
			font-family: 'Noto Sans SC', sans-serif;
			font-size: 45px;
			color: #fff;
			line-height: 1;
			font-weight: 100;
		}
		.lista-pilares p {
			color: #fff;
		}
		.lista-pilares .mostrar-mais {
			display: block;
			margin: 0 auto;
			width: 32px;
			height: 32px;
			background: url(assets/img/pilares/seta-down.png) no-repeat;
			transition: all .2s;
			cursor: pointer;
		}
		.lista-pilares .mostrar-mais.aberto {
			transform: rotate(180deg);
		}
		.lista-pilares p.hide {
			display: none;
		}

/*
	O Que Fazemos
*/
.header-internas.que-fazemos {
	background: url(assets/img/o-que-fazemos/destaque.jpg) no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}
section.o-que-fazemos {
	background-color: #f5f5f5;
	padding: 80px 0;
	background-image: url(assets/img/quem-somos/grafismo-nosso-time-esquerda.png), url(assets/img/quem-somos/grafismo-nosso-time-direita.png);
	background-position: left bottom 50px, right center;
	background-repeat: no-repeat, no-repeat;
	background-attachment: fixed, fixed;		
}
	section.o-que-fazemos article {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 80px;
	}
	section.o-que-fazemos article h3 {
		margin: 0;
		font-size: 53px;
		font-weight: lighter;
		color: #002f6c;
		margin-bottom: 40px;
		line-height: 1;
	}
	section.o-que-fazemos article p {
		font-size: 22px;
		font-weight: bold;
		color: #000;
		margin: 0 0 30px 0;
	}
	section.o-que-fazemos article ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	section.o-que-fazemos article ul li::before {
	  content: "\2022";
	  color: #ff5869;
	  font-weight: bold;
	  display: inline-block;
	  width: 1em;
	  margin-left: -1em;
	}	
		section.o-que-fazemos article ul li {
			color: #000;
			font-size: 20px;
    		margin-bottom: 10px;			
		}

	section.o-que-fazemos .img {
		flex: none;
	}
	section.o-que-fazemos .info {
		padding: 0 5%;
	}	

/*
	Metodologia
*/
.header-internas.metodologia {
	background: url(assets/img/metodologia/destaque.jpg) no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}
section.conteudo-metodologia {
	background-color: #f5f5f5;
	padding: 80px 0;	
}
	section.conteudo-metodologia .wrap {
		max-width: 1080px;
	}
	section.conteudo-metodologia h3 {
		font-size: 36px;
		font-weight: bold;
		color: #147bd1;
		margin: 0 0 30px 0;
	}
	section.conteudo-metodologia p {
		font-size: 22px;
	}
	section.conteudo-metodologia .indice {
		margin-top: 60px;
		font-size: 22px;
	} 
		section.conteudo-metodologia .indice h4 {
			font-size: 36px;
			font-weight: bold;
			color: #002f6c;
			margin: 0 0 40px 0;
		} 
		section.conteudo-metodologia .indice p img {
			float: left;
			margin-right: 50px;
		}

section.fases {
	background-color: #f5f5f5;
	padding: 0 0 80px 0;	
	color: #fff;	
}
	section.fases h3 {
		font-family: 'Noto Sans SC', sans-serif;
		font-size: 53px;
		text-align: center;
		margin-bottom: 40px;
		font-weight: lighter;
		color: #002f6c;
		margin-top: 0;
	}
	section.fases ul {
		margin: 0;
		padding: 0;
	}
	section.fases .fase {
		padding: 70px 0;
		display: flex;
		justify-content: center;		
	}
		section.fases .fase .col {
			flex: 1;
			width: 33.33%;
			border-left: 1px solid #6ba9da;
			padding: 0 5%;
		}
		section.fases .fase .col:first-child {
			border-left: none;
			display: flex;
    align-items: flex-start;
    flex-direction: column;
		}
		section.fases .fase .col h4 {
			font-family: 'Noto Sans SC', sans-serif;
			font-size: 53px;
			font-weight: lighter;
			line-height: 1.3;
			margin: 0;
		}
		section.fases .fase a.btn-video {
		    display: inline-block;
		    background: url(assets/img/Play_Video_Metodologia.svg) no-repeat;
		    background-size: 40px;
		    height: 40px;
		    line-height: 40px;
		    padding-left: 60px;
		    font-size: 21px;
		    font-weight: bold;
		    color: #fff;
		    margin-top: 35px;
		}
		section.fases .fase a.btn-video:hover {
		    opacity: .8;
		}
		section.fases .fase .col ul {
			padding: 20px 0;
		}
		section.fases .fase .col p {
			font-weight: bold;
		}

	section.fases .fase1 {
		background-color: #002f6c;	
	}
	section.fases .fase2 {
		background-color: #147bd1;		
	}
	section.fases .fase3 {
		background-color: #ff5869;
	}

section.praticas {
	padding: 80px 0;
}
	section.praticas h3 {
		font-size: 36px;
		color: #147bd1;
		font-weight: bold;
		margin: 0 0 60px 0;
		text-align: center;
	}
	section.praticas ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		justify-content: space-between;
	}
		section.praticas ul li {
			width: 32%;
			border: 1px solid #e1e1e1;
			text-align: center;
			padding: 2% 5% 3% 5%;
		}
		section.praticas ul li h4 {
			color: #002f6c;
			font-size: 26px;
			font-weight: bold;
		}
	section.praticas .btn {
		background-color: #147bd1;
		color: #fff;
	}
		section.praticas .btn:hover {
			opacity: .7;
		}

/*
	Clientes
*/
.header-internas.clientess {
	background: url(assets/img/clientes/destaque.jpg) no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}	
section.conteudo-clientes {
	background-color: #f5f5f5;
	padding: 80px 0;	
}
    .palavra-cliente {
        margin-bottom: 60px;
        padding: 0 10%;
    }
    .palavra-cliente .colunas {
        display: flex;
        justify-content: space-between;
    }
    .palavra-cliente .col-texto {
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: center;        
    }
    .palavra-cliente .col-texto h3 {
        font-size: 32px;
        color: #002f6c;
        margin: 0;
    }
    .palavra-cliente .col-texto p {
        font-size: 22px;
    }
    .palavra-cliente .col-video {
        width: 65%;
    }
	section.conteudo-clientes .lista-clientes {
		display: grid;
    	grid-template-columns: auto auto auto auto;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	section.conteudo-clientes .lista-clientes li {
		flex: none;
		display: inline-block;
		background-color: #fff;
		align-items: center;
		justify-content: center;
		text-align: center;
		margin-bottom: 30px;
		margin-right: 30px;
	}
	section.conteudo-clientes .lista-clientes li a:hover {
		opacity: .7;
	}

/*
	Cases
*/
.header-internas.casess {
	background: url(assets/img/cases/destaque.jpg) no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}	
section.conteudo-cases {
	background-color: #f5f5f5;
	padding: 80px 0;	
}
.breadcrumb {
	border-top: 4px solid #e5e5e5;
}
.breadcrumb ul {
	list-style: none;
	margin: 30px 0;
	padding: 0;
}
	.breadcrumb li {
		display: inline-block;
		color: #147bd1;
		font-size: 13px;
		font-weight: bold;
	}
	.breadcrumb li.sep {
		color: #898989;
	}
	.breadcrumb li a {
		color: #898989;
	}
		.breadcrumb li a:hover {
			color: #147bd1;
		}

section.conteudo-cases .lista-cases {
	margin: 0;
	padding: 0;
	list-style: none;
}
	section.conteudo-cases .lista-cases li {
		display: flex;
	}
	section.conteudo-cases .lista-cases li h3 {
		color: #002f6c;
		font-size: 28px;
		margin-bottom: 0;
	}
	section.conteudo-cases .lista-cases li a {
		flex: none;
		display: inline-block;
		background-color: #fff;
		align-items: center;
		justify-content: center;
		width: 280px;
		padding: 50px 0;
		text-align: center;
		margin-bottom: 30px;
		margin-right: 30px;
	}

.single-case .site-main {
	padding: 80px 0;
}
	.single-case .entry-title {
		font-size: 48px;
		color: #002f6c;
		text-align: center;
		font-weight: lighter;
		margin: 0 0 40px 0;
	}
	.single-case .post-thumbnail {
		text-align: center;
	}
	.single-case .entry-content {
		max-width: 940px;
		text-align: center;
		margin: 0 auto;
		color: #147bd1;
		font-size: 36px;
		font-weight: bold;
	}
	.boxs {
		display: flex;
		justify-content: space-between;
	}
		.boxs .box {
			width: 49%;
			padding: 30px;
		}
		.boxs .box-esquerdo {
			background-color: #f5f5f5;
			border: 1px solid #f5f5f5;
			text-align: center;
			color: #002f6c;
			font-size: 24px;
		}
		.boxs .box-esquerdo strong {
			font-weight: bold;
		}
		.boxs .box-direito {
			background-color: #fff;
			border: 1px solid #f5f5f5;
		}
			.boxs .box-direito h3 {
				color: #002f6c;
				font-size: 24px;
				font-weight: bold;
			}
			.boxs .box-direito ul {
				margin: 0;
				padding: 0 0 0 40px;
				list-style: none;
			}
			.boxs .box-direito ul li {
				position: relative;
				margin-bottom: 20px;
			}
			.boxs .box-direito ul li::before {
				position: absolute;
				top: 0;
				left: -50px;
				display: inline-block;
				content: "";
				background: url(assets/img/cases/seta-rosa-right.png) no-repeat;
				width: 32px;
				height: 32px;
			}
			.boxs .box-direito ul li strong {
				color: #147bd1;
			}

.info-cases {
    display: flex;
    justify-content: flex-start;
    color: #fff;
    margin-top: 80px;
}
	.info-cases .col {
		flex: 0 1 calc(33.33%);
		padding: 100px 70px;
		width: 33.33%;
	}
		.info-cases .col h4 {
			font-family: 'Noto Sans SC', sans-serif;
			font-size: 53px;
			font-weight: lighter;
			margin: 0 0 60px 0;
			line-height: 1;
		}
		.info-cases .col ul {
			margin: 0;
			padding: 0;
			list-style-position: inside;
		}
		.info-cases .col ul li {
			margin-bottom: 20px;
		}

		.info-cases .col1 {
			background-color: #002f6c;	
		}
		.info-cases .col2 {
			background-color: #147bd1;		
		}
		.info-cases .col3 {
			background-color: #ff5869;
		}


.o-que-fazemos-nova {
    background: linear-gradient(to left, #257fc3 50%, #ff5869 50%);
}
    .o-que-fazemos-nova .wrap {
        display: flex;
        max-width: 1180px;
    }
    .o-que-fazemos-nova article {
        width: 50%;
        padding: 120px 0;
    }
    .o-que-fazemos-nova h3 {
        font-size: 53px;
        font-weight: lighter;
        color: #fff;
        line-height: 1.2;
        margin-top: 0;
    }
    .o-que-fazemos-nova ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }    
    .o-que-fazemos-nova li {
        margin: 20px 0;
        line-height: 1.2;
    }
    .o-que-fazemos-nova img {
        margin-right: 25px;
    }
    .o-que-fazemos-nova a {
        display: flex;
        align-items: center;        
        color: #fff;
        font-size: 22px;
        font-weight: bold;
    }
    .o-que-fazemos-nova a:hover {
        opacity: .8;
    }
    .mkt {
        margin-left: 18%;
    }
    .menu-fazemos {
        margin: 0 0 30px 0;
    }
        .menu-fazemos h3 {
            display: inline-block;
	        background: url(assets/img/ico-mais.gif) no-repeat center right;            
            font-size: 16px;
            color: #002f6c;
            padding-right: 50px;
            cursor: pointer;
			margin: 0 0 15px;
        }
        .menu-fazemos h4 {
            font-size: 22px;
            color: #002f6c;
            line-height: 1.2;
            margin: 0 0 20px 0;
        }
        .menu-fazemos h3:hover {
            opacity: .8;
        }
        .menu-fazemos .wrap {
            border-bottom: 2px solid #ebebeb;
        } 
        .itens-menu {
            display: none;
            position: relative;
            background-color: #f5f5f5;
            border-top: 2px solid #002f6c;
            padding: 40px 10%;
        }
        .itens-menu ul {
            margin: 0;
            padding: 0;
            list-style-position: inside;
        }
        .itens-menu a {
            font-size: 13px;
            color: #363636;
            line-height: 1.2;  
            font-weight: bold;
        }
            .itens-menu a:hover {
                color: #002f6c;
            }
        .itens-menu .colunas {
            display: flex;
        }
        .itens-menu .col:first-child {
            margin-right: 15%;
        }
        .menu-fazemos .close {
            position: absolute;
            top: 4%;
            right: 1%;
            display: inline-block;
            width: 20px;
            height: 20px;
	        background: url(assets/img/ico-close.gif) no-repeat;
	        cursor: pointer;
        }
        .conteudo-solucoes {
            padding: 30px 0 60px 0;
        }
            .conteudo-solucoes h1 {
                display: flex;
                align-items: center;
                justify-content: center;
				flex-direction: column;
                margin: 0 0 40px 0;
                font-size: 55px;
                color: #002f6c;
                font-weight: lighter;
            }
                .conteudo-solucoes h1 img {
                    margin-right: 30px;
                }
        .conteudo-texto {
            text-align: center;
            font-size: 22px;
            font-weight: lighter;
			    padding: 0 15%;
        }
.solucoes .wrap {
	max-width: 1150px;
}    
    .solucoes .flex {
        display: flex;
        justify-content: center;
		flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
    }
        .solucoes .item {
            flex-shrink: 0;
            max-width: 340px;
			font-size: 14px;
			margin: 0 10px 20px 10px;
        }
        .solucoes ul ul {
            margin: 0;
            padding: 0;
            list-style-position: inside;
        }
        .solucoes img {
            display: block;
        }
        .solucoes h4 {
            font-size: 22px;
            font-weight: bold;
            color: #002f6c;    
            margin: 20px 0;
        }

.desafios {
	background: #002f6c url(assets/img/bg-desafios.jpg) no-repeat top center;
	height: 540px;
	margin: 120px 0 60px 0;
    display: flex;
    align-items: center;	
}
    .desafios h3 {
        font-size: 46px;
        color: #fff;
        font-weight: lighter;
        text-align: center;
		margin-top: 0;
    }
    .desafios p {
        font-size: 22px;
        color: #fff;
        font-weight: lighter;
        text-align: center;
        max-width: 700px;
        margin: 0 auto;
    }
.slider-desafios {
    max-width: 810px;
    color: #fff;
    margin: 60px auto 0 auto;
    padding: 0;
    list-style: none;
}
    .slider-desafios .numero {
        font-size: 96px;
        font-weight: bold;
    }
    .slider-desafios .numero span {
        color:#ff5869;
    }
    .slider-desafios .texto {
		background: url(assets/img/line.png) no-repeat left center;
        font-size: 28px;
        font-weight: bold;
        margin: 0 0 0 25px;
        padding: 0 0 0 30px;
        height: 100px;  
        display: flex;
        align-items: center;        
    }  
    .slider-desafios .item {
        display: flex;
        align-items: center;
    }  
	.slider-desafios .slick-arrow {
		width: 32px;
		height: 32px;
		position: absolute;
		top: 50%;
		z-index: 1;
		padding: 0;
		text-indent: -9999px;
		overflow: hidden;
		border: 0;
		cursor: pointer;
		margin-top: -16px;
	}
		.slider-desafios .slick-prev {
			background: url(assets/img/seta-branca-esq.png) no-repeat;
			left: -90px;
		}
		.slider-desafios .slick-next {
			background: url(assets/img/seta-vermelha-dir.png) no-repeat;
			right: -90px;
		}    
/*
	News
*/
.header-internas.news {
	background: url(assets/img/news/destaque.jpg) no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}

.blog .site-main,
.archive .site-main,
.single-post .site-main {
	padding: 80px 0;
}
	.blog .site-main .wrap,
	.archive .site-main .wrap,
	.single-post .site-main .wrap {
		display: flex;
		justify-content: space-between;
	}
	.conteudo-blog {
		max-width: 900px;
	}
	.conteudo-blog .categorias {
		margin-bottom: 30px;
	}
	.conteudo-blog .categorias a {
		color: #404040;
	}
	.blog .site-main aside,
	.archive .site-main aside,
	.single-post .site-main aside {
		max-width: 400px;
		border-top: 2px solid #002f6c;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 60px;
	}
	.blog .site-main aside .widget-title,
	.archive .site-main aside .widget-title,
	.single-post .site-main aside .widget-title {
		color: #002f6c;
		font-size: 22px;
		font-weight: bold;
		line-height: 1;
		margin-top: 0;			
	}
	.blog .site-main aside ul,
	.archive .site-main aside ul,
	.single-post .site-main aside ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.blog .site-main aside ul li,
	.archive .site-main aside ul li,
	.single-post .site-main aside ul li {
		margin-bottom: 10px;
	}
	.blog .site-main aside ul li .post-date,
	.archive .site-main aside ul li .post-date,
	.single-post .site-main aside ul li .post-date {
		display: block;
		color: #ff5869;
		font-weight: bold;
		font-size: 16px;
	}
	.blog .site-main aside ul li a,
	.archive .site-main aside ul li a,
	.single-post .site-main aside ul li a {
		color: #363636;
		font-weight: bold;
		font-size: 16px;
	}
	.blog .entry-title,
	.blog .entry-title a,
	.archive .entry-title,
	.archive .entry-title a,
	.single-post .entry-title,
	.single-post .entry-title a {
		color: #002f6c;
		font-size: 32px;
		font-weight: bold;
		line-height: 1.3;
	}
	.blog .widget_categories li,
	.archive .widget_categories li,
	.single-post .widget_categories li {
		color: #ff5869;
		font-weight: bold;		
	}
	.blog .widget_categories li a,
	.archive .widget_categories li a,
	.single-post .widget_categories li a {
		color: #363636;
		font-weight: bold;		
	}
	.blog .posted-on,
	.blog .posted-on a,
	.archive .posted-on,
	.archive .posted-on a,
	.single-post .posted-on,
	.single-post .posted-on a {
		color: #ff5869;
		font-size: 18px;
		font-weight: bold;
		line-height: 1;		
	}
	.blog .widget_recent_entries,
	.archive .widget_recent_entries,
	.single-post .widget_recent_entries {
		padding-top: 40px;
		margin-top: 40px;
		border-top: 1px solid #e1e1e1;
	}
	.conteudo-blog article {
		border-bottom: 1px solid #e1e1e1;
		padding-bottom: 30px;
		margin-bottom: 40px;
	}

.autor {
	display: flex;
	align-items: center;
}
	.autor .foto {
		margin-right: 20px;
	}
	.autor h4 {
		font-size: 16px;
		font-weight: bold;
		color: #002f6c;
		margin: 0;
	}
	.autor p {
		font-size: 16px;
		margin: 0;
		font-family: 'Noto Sans SC', sans-serif;
	}

.wrap-cases {
	max-width: 1080px;
}

/*
	Contato
*/
.header-internas.contato {
	background: url(assets/img/contato/destaque.jpg) no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}
.conteudo-contato {
	padding-bottom: 80px;
}
.conteudo-contato .wrap {
	display: flex;
	justify-content: space-between;
}
	.conteudo-contato .form {
		max-width: 600px;
	}
	.conteudo-contato .info-contato {
 		max-width: 100%;
		background-color: #f5f5f5;
	}

.form {
	padding: 80px 0 0 0;
}
.form h2 {
	font-size: 36px;
	font-weight: bold;
	color: #147bd1;
	margin-bottom: 60px;
}
	.form label {
		display: block;
		width: 100%;
		font-size: 22px;
		font-weight: bold;
		color: #363636;
	}
	.form input[type="text"],
	.form input[type="email"] {
		padding: 0 15px;
	}
	.form textarea {
		height: 200px;
	}
	.form input[type="submit"] {
		float: right;
		display: inline-block;
		background-color: #147bd1;
		color: #fff;
		font-size: 22px;
		font-weight: bold;
		border-radius: 40px;
		line-height: 1;
		height: 60px;
		padding: 0 100px;
		cursor: pointer;
		transition: all .2s;
	}	
	.form input[type="submit"]:hover {
		transform: scale(1.1);
	}
	.info-contato {
 		width: 100%;
		background-color: #f5f5f5;
		padding: 80px 5%;
	}
		.info-contato h3 {
			color: #002f6c;
			font-size: 53px;
			font-weight: lighter;	
			line-height: 1;		
		}
		.info-contato p {
			color: #363636;
			font-size: 22px;
			font-weight: lighter;	
			line-height: 1.3;		
		}
		.info-contato p strong {
			display: block;
			color: #147bd1;
			font-weight: bold;	
		}
		.info-contato p span {
			display: block;
			color: #363636;
			font-weight: bold;	
		}

.social-footer a {
    display: inline-block;
    margin-left: 10px;
}
.slider-depoimentos {
    padding-bottom: 50px;
    margin-bottom: 60px;
    border-bottom: 2px solid #e9e9e9;
}
.slider-depoimentos .slick-slide {
    margin: 0 30px;
}
.slider-depoimentos .slick-slide img {
    display: block;
    margin: 0 auto;
    margin-top: -60px; 
    margin-bottom: 30px;
}

.slider-depoimentos .slick-slide h4 {
    margin: 0;
    display: block;
    text-align: center;
    font-size: 22px;
    color: #002f6c;
}
.slider-depoimentos .slick-slide h5 {
    margin: 0;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #147bd1;
}

.wrap-item-depoimentos {
    background-color: #fff;
    background-image: url(assets/img/clientes/Aspas_1.svg), url(assets/img/clientes/Aspas_2.svg);
    background-position: top -7px left -5px, right -10px bottom 49px;
    background-repeat: no-repeat, no-repeat;    
    padding: 30px 30px 60px 30px;
    min-height: 300px;
    background-size: 70px;
}

.slider-depoimentos .slick-prev {
	background: url(assets/img/seta-vermelha-dir.png) no-repeat;
	left: 90px;
	transform: rotate(180deg);
}
.slider-depoimentos .slick-next {
	background: url(assets/img/seta-vermelha-dir.png) no-repeat;
	right: 90px;
}   

#cookie_box { 
	display: none;
}

.header-internas.podcast {
	background: url('/wp-content/themes/pratika/assets/img/podcast/podcast.jpg') no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-internas.depoimentos {
	background: url('/wp-content/themes/pratika/assets/img/depoimentos/depoimentos.jpg') no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}


@media screen and ( max-width: 1580px ) {
	.slider .wrap {
	    padding: 0 8%;
	}	
	.lista-pilares h3 {
	    font-size: 32px;
	}	
	.lista-pilares li {
		width: 33.333%;
	}
}

@media screen and ( max-width: 1200px ) {
	.nav-menu li {
    	font-size: 13px;
	}	
	.slider .wrap {
		padding: 0 10%;
	}
	.texto-full {
	    width: 100%;
	}	
	.lista-pilares li::before {
	    font-size: 50px;
	}	
	.lista-pilares li {
	    padding: 35px 50px 50px 90px;
	}
	section.conteudo-clientes .lista-clientes {
    	grid-template-columns: auto auto auto auto;
	}	
}

@media screen and ( max-width: 1100px ) {
	.nav-menu li {
    	font-size: 13px;
    	margin: 0 15px;
	}	
	.hot-links li.contato a {
		font-size: 14px;
	}
	.logo img {
		width: 150px !important;
	}
}

@media screen and ( max-width: 1000px ) {
    .main-navigation.toggled ul.sub-menu {
        display: none;
    }    
	.menu-item-56 {
		display: block;
	}
	.hot-links .contato,
	.hot-links .linkedin,
	.hot-links .instagram {
		display: none;
	}
.hot-links li.whatsapp {
    flex-shrink: 0;
    margin-left: -170px;
    margin-top: 8px;
}	
	.menu-menu-1-container {
		position: absolute;
		width: 100%;
		background-color: #002f6c;
		left: 0;
		top: 75px;
		z-index: 2;
		text-align: center;
	}
	.menu-menu-1-container .menu {
		padding: 40px 0;
	}
	.menu-menu-1-container a {
		display: block;
		color: #fff;
		font-size: 18px;
		padding: 7px 0;
	}
	.slider {
	    height: 70vh;
	}
	.slider .foto {
		display: flex;
	    justify-content: flex-end;
	}
	.slider .foto img {
	    display: block;
	    /*width: 50%;*/
	}	
	.banner h1 {
	    font-size: 28px;
	}	
	.destaques-internas {
		padding: 0;
		background: none;
		height: auto;
	}
	.destaques-internas .wrap {
	    display: block;
	    padding: 0;
	}
	.destaques-internas .col {
		width: 100%;
		padding: 10%;
		text-align: center;
	}	
	.destaques-internas .col1 {
		background-color: #002f6b;
	}
	.destaques-internas .col2 {
		background-color: #ff5769;
	}
	.destaque-cases {
		display: block;
	}
	.destaque-cases .case {
	    width: 100%;
	}	
	section.news .col-img {
		display: none;
	}
	section.news .col {
    	width: 100%;
	}
	.site-info {
		display: block;
	}
	.site-info .col:last-child {
		margin-top: 30px;
	}
	section.nosso-time .lista-time {
    	display: block;
	}
	section.nosso-time .lista-time li {
	    width: 100%;
	    margin-bottom: 60px;
	}	
	section.nosso-time .lista-time img {
	    display: block;
	    margin: 0 auto;
	}	
	.call-to-actions, .nav-links {
	    display: block;
	}	
	.call-to-actions a, .nav-links a {
		display: block;
		margin-bottom: 20px;
		text-align: center;
	}
	.header-internas {
    	height: 220px;
	}
	.header-internas h1 {
	    font-size: 46px;
	}	
	.lista-pilares {
		display: block;
	}
	.lista-pilares li {
	    width: 100%;
	    padding: 10%;
	    text-align: center;
	}	
	section.o-que-fazemos article {
	    display: flex;
	    flex-direction: column;
	    margin-bottom: 40px;
	}
	section.o-que-fazemos .img {
	    order: 1;
	}	
	section.o-que-fazemos .info {
	    order: 2;
	}	
	section.o-que-fazemos article h3 {
		margin-top: 30px;
	}
	section.fases .fase {
	    flex-direction: column;
		padding-left: 5%;
    	padding-right: 5%;	    
	}	
	section.fases .fase .col {
	    width: 100%;
	    border: none;
	}	
	section.fases .fase .col h4 {
		margin-bottom: 30px;
	}
	section.fases .fase .col ul {
		list-style-position: inside;
	}
	section.praticas ul {
		display: block;
	}
	section.praticas ul li {
		width: 100%;
		padding: 10% 5%;
		margin-bottom: 20px;
	}
	section.conteudo-clientes .lista-clientes li {
	    flex: 0 1 calc(33% - 40px);
	}	
	.single-case .entry-content {
	    font-size: 22px;
	}	
	.boxs {
		display: block;
	}
	.boxs .box {
		width: 100%;
		margin-bottom: 30px;
	}
	.info-cases {
		display: block;
	}
	.info-cases .col {
	    flex: initial;
	    width: 100%;
	}	
	.single-case .site-main {
		padding: 40px 0;
	}
	.blog .site-main .wrap, .single-post .site-main .wrap {
		display: block;
	}
	.blog .site-main aside, .single-post .site-main aside, .conteudo-blog {
		width: 100%;
		max-width: 100%;
	}
	.conteudo-contato .wrap {
		display: block;
	}
	.conteudo-contato .form,
	.info-contato {
		width: 100%;
		max-width: 100%;
	}
    .solucoes .flex,
    .itens-menu .colunas,
    .conteudo-solucoes h1 {
        flex-direction: column;
    }
    .conteudo-solucoes h1 {
        text-align: center;
    }
    .itens-menu .col:first-child {
        margin-right: 0;
    }
    .itens-menu .col {
        margin-bottom: 30px;
    }
    .solucoes .item {
        text-align: center;
    }
    .solucoes .item img {
        margin: 0 auto;
    }
    .slider-desafios .item {
        margin-bottom: 30px;
    }
    .slider-desafios .numero {
        font-size: 56px;
    }
    .slider-desafios .texto {
        font-size: 22px;
    }
    .desafios {
        height: auto;
    }
    .palavra-cliente .colunas {
        flex-direction: column;
    }    
    .palavra-cliente .col-texto,
    .palavra-cliente .col-video {
        width: 100%;
    }
    .palavra-cliente iframe {
        width: 100% !important;
    }
    .palavra-cliente {
        padding: 0;
    }    
}

@media screen and ( max-width: 800px ) {
	.banner-img-bg1 {
		background: url(assets/img/pratika-mob.jpg) no-repeat;
		background-size: cover;
	}	
	.slider .wrap {
		padding: 0 30px;
	}	
	.banner h1 {
	    font-size: 22px;
	}
	.slider .slick-arrow {
		display: none !important;
	}
	section.conteudo-clientes .lista-clientes li {
	    flex: 0 1 calc(50% - 40px);
	}
	.o-que-fazemos-nova {
		background: none;
	}
	.o-que-fazemos-nova .wrap {
		flex-direction: column;
		padding: 0;
	}
	.o-que-fazemos-nova article	{
		width: 100%;
		background: #ff5869;
		padding: 60px 15px;
	}
	.o-que-fazemos-nova article.mkt	{
		width: 100%;
		background: #257fc3;
		margin-left: 0;
	}
	.o-que-fazemos-nova h3 {
		font-size: 40px;
	}
	.o-que-fazemos-nova a {
		font-size: 18px;
	}
	.o-que-fazemos-nova img {
		width: 70px;
	}	
    .slider-depoimentos .slick-slide {
        margin: 0;
    }
    .slider-depoimentos .slick-prev {
    	left: 0;
    }
    .slider-depoimentos .slick-next {
    	right: 0;
    }
	section.conteudo-clientes .lista-clientes {
    	grid-template-columns: auto auto auto;
	}		
}

@media screen and ( max-width: 600px ) {
	.site-header,
    .home .site-header {
	    padding: 10px 15px;
	}	
	.slider .wrap {
		padding: 0;
		flex-direction: column;
		justify-content: flex-start;
	}
	.banner-img-bg .wrap {
		justify-content: center;
		padding: 0 30px;	
	}
	.slider .foto {
		flex: none;
		position: initial;
		order: 1;
		justify-content: center;
	}
	.slider .foto img {
   		align-self: center;
	}
	.slider .texto {
		background-color: #1f7cc0;
		color: #fff;
    	width: 100%;
    	height: 400px;
    	order: 2;
    	padding: 20px 30px;
    	padding-bottom: 60px;
	}
	.slider .slick-dots {
		bottom: 40px;
	}
	.banner.grafismo {
		background-image: none;
	}
	.banner h1 {
	    font-size: 18px;
	    color: #fff;
	    margin-bottom: 10px;
	}	
	.banner span.autor {
	    display: block;
	    font-size: 16px;
	    color: #fff;
	    margin-bottom: 0;
	}	
	.banner span.cargo {
	    font-size: 14px;
	    color: #fff;
	}	
	section.conteudo-clientes .lista-clientes li {
	    flex: 0 1 calc(100% - 40px);
	}	
	.lista-pilares li::before {
		width: 100%;
		text-align: center;
		left: 0;
	}
	.lista-pilares h3 {
		padding-top: 60px;
	}
	body .wrap a.btn,
	.destaques-internas a {
		padding: 10px 30px;
		width: 100%;
		white-space: nowrap;
	}
	section:not(.header-internas) {
		background-image: none !important;
	}
	section.sobre,
	section.nosso-time {
	    padding: 40px 0;
	    background-image: none;
	}	
	section.sobre h2,
	section.conteudo-metodologia h3,
	section.conteudo-metodologia .indice h4,
	section.praticas h3,
	.form h2 {
	    font-size: 27px;
	}	
	section.nosso-time h3,
	section.fases .fase .col h4,
	.info-contato h3,
	.single-case .entry-title {
		font-size: 42px;
	}
	section.sobre p {
	    font-size: 18px;
	}	
	section.o-que-fazemos article ul li {
	    color: #000;
	    font-size: 18px;
	}	
	section.conteudo-metodologia p {
	    font-size: 18px;
	}	
	section.conteudo-metodologia .indice p img {
	    float: none;
	    margin-right: 0;
	    display: block;
	    margin-bottom: 30px;
	}	
	.boxs .box-esquerdo {
	    font-size: 18px;
	}	
	.info-cases .col {
	    flex: 0 1 calc(33.33%);
	    padding: 40px 30px;
	}	
	.destaque-cases .case h4 {
	    font-size: 22px;
	}	
	section.news h4 {
	    font-size: 22px;
	}	
	.form {
	    padding: 40px 0 0 0;
	}	
	.form input[type="submit"] {
	    float: none;
	    width: 100%;
	}	
	.info-contato {
		padding: 40px 30px;
	}
	.slider .slick-dots li {
		width: 10%;
	}
	.slider .slick-dots li button {
	    display: block;
	    width: 100%;
	}
	.header-internas.quem-somos {
		background: url(assets/img/banner/quem-somos-mobile.jpg) no-repeat;
	}
	.header-internas.pilares {
		background: url(assets/img/banner/pilares-mobile.jpg) no-repeat;
	}
	.header-internas.que-fazemos {
		background: url(assets/img/banner/o-que-fazemos-mobile.jpg) no-repeat;
	}
	.header-internas.metodologia {
		background: url(assets/img/banner/metodologia-mobile.jpg) no-repeat;
	}
	.header-internas.clientess {
		background: url(assets/img/banner/clientes-mobile.jpg) no-repeat;
	}
	.header-internas.casess {
		background: url(assets/img/banner/cases-mobile.jpg) no-repeat;
	}
	.header-internas.news {
		background: url(assets/img/banner/news-mobile.jpg) no-repeat;
		padding: 0;
	}
	.header-internas.contato {
		background: url(assets/img/banner/contato-mobile.jpg) no-repeat;
	}
	.header-internas.depoimentos {
    	background: url('assets/img/depoimentos/depoimentos-mobile.jpg') no-repeat;
    }
	.header-internas {
		background-size: 100%;
		height: 484px;
		align-items: flex-end !important;
	}
		.header-internas .wrap {
			background-color: rgba(20,123,209,.7);
			padding: 70px 30px;
		}
	section.conteudo-clientes .lista-clientes li {
	    display: block;
	    margin-bottom: 30px;
	    margin-right: 0;
	    flex: 0 1 calc(100% - 0px);
	}		
	section.conteudo-clientes .lista-clientes li a {
		width: 100%;
		margin-bottom: 0;
		margin-right: 0;
	}	
	.banner-img-bg {
		background: url(assets/img/banner/mobile-img.jpg) no-repeat;
	}
	.banner-img-bg h1 {
		font-size: 28px;
	}
	section.conteudo-cases .lista-cases li {
    	display: flex;
    	flex-direction: column;
    	margin-bottom: 30px;
	}
	section.conteudo-cases .lista-cases li a {
		margin-right: 0;
		width: 100%;
		margin-bottom: 0;
	}
	section.conteudo-clientes .lista-clientes {
    	grid-template-columns: auto auto;
        grid-column-gap: 30px;
	}			
}

@media screen and ( min-width: 1001px ) {

	.main-navigation ul ul {
		width: 120%;
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		position: absolute;
		top: 100%;
		left: -999em;
		padding: 15px 0;	
		z-index: 99999;
	}

	.main-navigation ul ul li {
		font-size: 14px;
		line-height: 2;
	}

	.main-navigation ul ul ul {
		left: -999em;
		top: 0;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		display: block;
		left: auto;
	}

	.main-navigation ul ul a {
		width: 200px;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
	}

	.main-navigation li {
		position: relative;
	}

	.main-navigation li:last-child {
		margin-right: 0;
	}

	.main-navigation a {
		display: block;
		text-decoration: none;
	}	

	.main-navigation {
		display: block;
		margin-top: 35px;
	}	
	
}


/*
    Alterações 10/12/2025
*/

section.news {
	background-color: #f5f5f5;
	padding: 80px 0;
}
	section.news h3 {
		font-family: 'Noto Sans SC', sans-serif;
		font-size: 60px;
		color: #002f6c;
		font-weight: lighter;
		margin: 0;
		line-height: 1;
		padding-bottom: 40px;
		text-align: center;
	}
    section.news p {
        text-align: center;
        padding-bottom: 40px;
        font-size: 18px;
    }	
	.destaque-news {
		display: flex;
		justify-content: space-between;
	}
		.destaque-news .case {
			width: 47%;
		}
.destaque-news .col img:hover {
			opacity: .8;
		}		
		.destaque-news img {
			display: block;
		}
		.destaque-news h4 {
			color: #002f6c;
			font-size: 30px;
			margin: 20px 0;
			text-align: center;
		}
		.destaque-news h5 {
			color: #363636;
			font-size: 22px;
			margin: 30px 0 0 0;
			text-align: center;
		}
		.destaque-news p {
			color: #363636;
			font-size: 16px;
			margin: 0;
		}
		.destaque-news .colunas {
		    display: flex;
		    justify-content: space-between;
		}
		.destaque-news .col {
            width: 48%;
			text-align: center;
		}
.destaque-news a.btn {
    display: inline-block;
    margin: 40px 0 0 0;
    font-size: 16px;
    background-color: #ff5869;
    color: #fff;
    padding: 10px 60px;
    border-radius: 40px;
    font-weight: 700;
}


.page-template-template-podcast .site-main,
.blog .site-main,
.archive .site-main,
.single-post .site-main,
.single-podcast .site-main {
	padding: 80px 0;
}
	.page-template-template-podcast .site-main .wrap,
	.blog .site-main .wrap,
	.archive .site-main .wrap,
	.single-podcast .site-main .wrap,
	.single-post .site-main .wrap {
		display: flex;
		justify-content: space-between;
	}
	.conteudo-blog {
		max-width: 900px;
	}
	.conteudo-blog .categorias {
		margin-bottom: 30px;
	}
	.conteudo-blog .categorias a {
		color: #404040;
	}
	.page-template-template-podcast .site-main aside,
	.blog .site-main aside,
	.archive .site-main aside,
	.single-post .site-main aside,
  	.single-podcast .site-main aside {
		max-width: 400px;
		border-top: 2px solid #002f6c;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 60px;
	}
	.page-template-template-podcast .site-main aside .widget-title,
	.blog .site-main aside .widget-title,
	.archive .site-main aside .widget-title,
	.single-post .site-main aside .widget-title,
	.single-podcast .site-main aside .widget-title {
		color: #002f6c;
		font-size: 22px;
		font-weight: bold;
		line-height: 1;
		margin-top: 0;			
	}
	.page-template-template-podcast .site-main aside ul,
	.archive .site-main aside ul,
	.single-post .site-main aside ul,
	.single-podcast .site-main aside ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.page-template-template-podcast .site-main aside ul li,
	.blog .site-main aside ul li,
	.archive .site-main aside ul li,
	.single-post .site-main aside ul li,
	.single-podcast .site-main aside ul li {
		margin-bottom: 10px;
	}
	.page-template-template-podcast .site-main aside ul li .post-date,
	.blog .site-main aside ul li .post-date,
	.archive .site-main aside ul li .post-date,
	.single-post .site-main aside ul li .post-date {
		display: block;
		color: #ff5869;
		font-weight: bold;
		font-size: 16px;
	}
	.page-template-template-podcast .site-main aside ul li a,
	.blog .site-main aside ul li a,
	.archive .site-main aside ul li a,
	.single-post .site-main aside ul li a {
		color: #363636;
		font-weight: bold;
		font-size: 16px;
	}
	.page-template-template-podcast .entry-title,
	.blog .entry-title a,
	.archive .entry-title,
	.archive .entry-title a,
	.single-post .entry-title,
	.single-post .entry-title a {
		color: #002f6c;
		font-size: 32px;
		font-weight: bold;
		line-height: 1.3;
	}
	.page-template-template-podcast .widget_categories li,
	.blog .widget_categories li,
	.archive .widget_categories li,
	.single-post .widget_categories li {
		color: #ff5869;
		font-weight: bold;		
	}
	.page-template-template-podcast .widget_categories li a,
	.blog .widget_categories li a,
	.archive .widget_categories li a,
	.single-post .widget_categories li a {
		color: #363636;
		font-weight: bold;		
	}
	.page-template-template-podcast .posted-on,
	.blog .posted-on,
	.page-template-template-podcast .posted-on a,
	.blog .posted-on a,
	.archive .posted-on,
	.archive .posted-on a,
	.single-post .posted-on,
	.single-post .posted-on a {
		color: #ff5869;
		font-size: 18px;
		font-weight: bold;
		line-height: 1;		
	}
	.blog .widget_recent_entries,
	.archive .widget_recent_entries,
	.single-post .widget_recent_entries {
		padding-top: 40px;
		margin-top: 40px;
		border-top: 1px solid #e1e1e1;
	}
.wrap-listas {
	display: flex;
}
.wrap-listas ul {
	width: 40%;
}
.wrap-listas li {
	color: #fff;
}
.conteudo-clientes h3 {
        font-size: 60px;
        color: #002f6c;
        margin: 0;
				text-align: center;
				font-weight: 100;
	margin-bottom: 30px;
    }
.titulo-bg-branco {
	padding: 60px 0;
}
.titulo-bg-branco h3 {
        font-size: 60px;
        color: #002f6c;
        margin: 0;
				text-align: center;
				font-weight: 100;
}
.clientes .big-numbers {
    display: flex;
    text-align: center;
	margin: 80px 0;
	justify-content: center;
	flex-wrap: wrap;
}
	.clientes .big-numbers li {
		width: 15%;
			margin: 0 20px;
			display: flex;
			flex-direction: column;
			align-items: center;
	}
.clientes .big-numbers li img {
	display: block;
	margin-bottom: 20px;
}
    .clientes .big-numbers li .number {
        margin: 0;
        font-size: 72px;
        color: #257fc3;
        font-weight: bold;
			  line-height: 1;
    }
    .clientes .big-numbers li .legend {
        margin: 0;
        font-size: 22px;
        color: #002f6c;
        font-weight: bold;
    }
.banner-podcast {
	background: url('/wp-content/themes/pratika/assets/img/banner/bg-podcast.gif') no-repeat;
}
.banner-podcast h1 {
	color: #363636;
	margin-bottom: 30px;
}
	.banner-podcast a.btn {
		display: inline-block;
		margin: 0;
		font-size: 18px;
		background-color: #147bd1;
		color: #fff;
		padding: 10px 60px;
		border-radius: 40px;
		font-weight: 700;
	}
	.banner-podcast a.btn:hover {
		background-color: #fff;
		color: #147bd1;
	}
.wrap-img {
	height: 100px;
    display: flex;
    align-items: center;	
}
@media screen and (min-width: 1001px) {
    .main-navigation ul ul {
        width: min-content;
        max-width: 180px;
    }
}
@media screen and (max-width: 900px) {
	.clientes .big-numbers li {
			width: 36%;
		margin-bottom: 20px;
	}
	.destaque-news .colunas {
			flex-direction: column;
	}	
}
@media screen and (max-width: 600px) {
	.banner h1 {
		font-size: 14px;
	}	
	.clientes .big-numbers li {
			width: 100%;
	}
	.wrap-listas {
			flex-direction: column;
	}
	.banner-podcast .texto img {
		max-width: 190px;
	}
}

/* =========================
   MOBILE MENU – SUBMENU
   ========================= */
@media (max-width: 1000px) {

  #primary-menu .sub-menu {
    display: none;
  }

  /* ABERTURA REAL (compatível com o JS) */
  #primary-menu .menu-item-has-children.focus > .sub-menu {
    display: block;
  }

  /* Desativa hover no mobile */
  #primary-menu .menu-item-has-children:hover > .sub-menu {
    display: none;
  }

  #primary-menu .menu-item-has-children.focus .sub-menu {
      display: block;
  }

  #primary-menu .menu-item-has-children > a {
    padding: 12px 16px;
    display: block;
  }

  #primary-menu .menu-item-has-children > a::after {
    content: "▾";
    float: right;
  }
}