/*
Theme Name: Manhattan Massagem
Theme URI: http://www.proximaweb.com.br
Template: pw-base
Author: Prowimaweb
Author URI: http://www.proximaweb.com.br
Tema filho que deve ser usado para cada site novo criado (se possível renomear conforme o cliente)
Version: 999.2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: pw, vazio, storefront
Text Domain: pwbase

Tema filho que deve ser usado para cada site novo criado (se possível renomear conforme o cliente)
*/

html {
	font-size: 18px;
}

body {
	color: #555757;
	font-family: 'Source Sans Pro', sans-serif;
}


/* BOOTSTRAP PRÓXIMA */

.line-height-1 {
	line-height: 1;
}

.line-height-2 {
	line-height: 1.25;
}

.line-height-3 {
	line-height: 1.5;
}

.line-height-4 {
	line-height: 1.75;
}

.line-height-5 {
	line-height: 2;
}

.k-0 {
	color: #000;
}

.k-1 {
	color: #111;
}

.k-2 {
	color: #222;
}

.k-3 {
	color: #333;
}

.k-4 {
	color: #444;
}

.k-5 {
	color: #555;
}

.k-6 {
	color: #666;
}

.k-7 {
	color: #777;
}

.k-8 {
	color: #888;
}

.k-9 {
	color: #999;
}

.k-a {
	color: #aaa;
}

.k-b {
	color: #bbb;
}

.k-c {
	color: #ccc;
}

.k-d {
	color: #ddd;
}

.k-e {
	color: #eee;
}

.k-f {
	color: #fff;
}

.font-size-1 {
	font-size: 0.75rem;
}

.font-size-2 {
	font-size: 0.875rem;
}

.font-size-3 {
	font-size: 1rem;
}

.font-size-4 {
	font-size: 1.25rem;
}

.font-size-5 {
	font-size: 1.5rem;
}

.font-size-6 {
	font-size: 1.75rem;
}

.font-size-7 {
	font-size: 2rem;
}

.list-reset {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* UTILITIES AND TYPOGRAPHY */

h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-weight: 700;
}

a {
	color: #33bebf;
}

a:hover{
	text-decoration: none;
}

.btn-mega {
	background: transparent;
	color: #172741;
	padding: 5px 20px;
	border: 2px solid #172741;
	font-weight: 700;
	margin-top: 5px;
	display: inline-block;
	cursor: pointer;
}

.btn-mega:hover {
	background: #172741;
	color: #fff;
	text-decoration: none;
}

.btn-primary {
	background: #172741;
	border-color: #172741;
}

.box-shadow {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.circle-icon {
	background: trasparent;
	border: 2px solid #172741;
	padding-top: 22px;
	border-radius: 50%;
	width: 90px;
	height: 90px;
	text-align: center;
	margin: 0 auto 20px;
}

.divisor {
	margin-left: auto;
	margin-right: auto;
	border: none;
	background: #33bebf;
	width: 40px;
	height: 6px;
}

.titulo-secao {
	font-size: 2.5rem;
	font-weight: 300;
	text-transform: uppercase;
}

.titulo-secao:after {
	display: block;
	background: #33bebf;
	width: 40px;
	height: 8px;
	margin: 20px auto 0;
	content: " ";
}

.title-servicos {
	letter-spacing: 4px;
	font-size: 1.3rem;
	color: #172741;
	text-transform: uppercase;
}

.padding-blocos {
	padding: 80px 0;
}

.titulo-section-header {
	margin: 0 0 .1em 0 !important;
}

#servicos-lista .card-title {
	text-transform: uppercase;
}


/* custom select */


/*the container must be positioned relative:*/

.custom-select {
	position: relative;
	border: 1px solid transparent;
}

.custom-select select {
	display: none;
	/*hide original SELECT element:*/
}

.select-selected {
	background-color: DodgerBlue;
}


/*style the arrow inside the select element:*/

.select-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #fff transparent transparent transparent;
}


/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {
	border-color: transparent transparent #fff transparent;
	top: 7px;
}


/*style the items (options), including the selected item:*/

.select-items div,
.select-selected {
	color: #ffffff;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
	user-select: none;
}


/*style items (options):*/

.select-items {
	position: absolute;
	background-color: DodgerBlue;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
}


/*hide the items when the select box is closed:*/

.select-hide {
	display: none;
}

.select-items div:hover,
.same-as-selected {
	background-color: rgba(0, 0, 0, 0.1);
}

.btn-busca {
	border: none;
	background: #d5be8c;
	color: #172741;
	height: 38px;
	border-radius: 3px;
	margin-top: 3px;
	cursor: pointer;
}

.btn-busca:hover {
	background: #d6ccb6;
}


/* MENUS */

nav.menu_esquerda.menu_show,
nav.menu_direita.menu_show {
	position: fixed;
	z-index: 9999;
}

nav.menu_esquerda,
nav.menu_esquerda {}

.menu_pw ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu_esquerda ul li,
.menu_direita ul li {
	border-bottom: 1px solid #333;
	padding: 0;
}

.menu_esquerda ul li:hover,
.menu_direita ul li:hover {
	background: #333;
}

.menu_esquerda ul li a,
.menu_direita ul li a {
	display: block;
	padding: 15px;
	color: #fff;
}

nav.menu_direita {
	-webkit-transition: right 0.3s;
	transition: right 0.3s;
}

nav.menu_esquerda {
	-webkit-transition: left 0.3s;
	transition: left 0.3s;
}

nav.menu_superior {
	-webkit-transition: top 0.3s, opacity 0.3s;
	transition: top 0.3s, opacity 0.3s;
}

nav.menu_esquerda.menu_show,
nav.menu_esquerda.menu_hide,
nav.menu_direita.menu_show,
nav.menu_direita.menu_hide {
	height: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	width: 250px;
	top: 0;
}

nav.menu_direita.menu_show {
	right: 0;
	display: block;
}

nav.menu_esquerda.menu_show {
	left: 0;
	display: block;
}

nav.menu_superior.menu_show {
	top: 0;
	display: block;
	opacity: 100;
}

nav.menu_superior.menu_hide {
	top: -800px;
	display: block;
	opacity: 0;
}

nav.menu_direita.menu_hide {
	right: -250px;
	display: block;
}

nav.menu_esquerda.menu_hide {
	left: -250px;
	display: block;
}

nav.menu_superior.menu_show,
nav.menu_superior.menu_hide {
	width: 100%;
}

nav.menu_horizontal ul li {
	display: inline-block;
}

nav.menu_horizontal ul li a {
	padding: 5px;
}

.menu_esquerda,
.menu_direita,
.menu_superior {
	top: 0;
	position: fixed;
	background-color: #222;
}

.menu_hide {
	display: none;
}

.menu_show {
	display: block;
}

@media (max-width: 991.98px) {
	#menu-horizontal {
		display: none;
	}
	#btn_menu-esquerda {
		display: block;
	}
}

@media (min-width: 992px) {
	#menu-horizontal {
		display: block;
	}
	#btn_menu-esquerda {
		display: none;
	}
}


/* MENU ICONE */

[class^="btn_menu_"] {
	border: none;
	background-color: transparent;
	outline: 0;
	width: 40px;
	height: 30px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

[class^="btn_menu_"]:hover {
	border: none;
}

[class^="btn_menu_"]:active {
	border: none;
}

[class^="btn_menu_"] span {
	display: block;
	position: absolute;
	height: 4px;
	width: 50%;
	background: #33bebf;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

[class^="btn_menu_"] span:nth-child(even) {
	left: 50%;
	border-radius: 0 4px 4px 0;
}

[class^="btn_menu_"] span:nth-child(odd) {
	left: 0px;
	border-radius: 4px 0 0 4px;
}

[class^="btn_menu_"] span:nth-child(1),
[class^="btn_menu_"] span:nth-child(2) {
	top: 0px;
}

[class^="btn_menu_"] span:nth-child(3),
[class^="btn_menu_"] span:nth-child(4) {
	top: 9px;
}

[class^="btn_menu_"] span:nth-child(5),
[class^="btn_menu_"] span:nth-child(6) {
	top: 18px;
}

[class^="btn_menu_"].open span:nth-child(1),
[class^="btn_menu_"].open span:nth-child(6) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

[class^="btn_menu_"].open span:nth-child(2),
[class^="btn_menu_"].open span:nth-child(5) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

[class^="btn_menu_"].open span:nth-child(1) {
	left: 5px;
	top: 7px;
}

[class^="btn_menu_"].open span:nth-child(2) {
	left: calc(50% - 5px);
	top: 7px;
}

[class^="btn_menu_"].open span:nth-child(3) {
	left: -50%;
	opacity: 0;
}

[class^="btn_menu_"].open span:nth-child(4) {
	left: 100%;
	opacity: 0;
}

[class^="btn_menu_"].open span:nth-child(5) {
	left: 5px;
	top: 17px;
}

[class^="btn_menu_"].open span:nth-child(6) {
	left: calc(50% - 5px);
	top: 17px;
}


/* HEADERS */

#top-bar {
	background: #33bebf;
	font-size: 0.8rem;
	height: 42px;
	line-height: 41px;
}

#top-bar a {
	color: #fff;
}

#top-bar span {
	color: #fff;
}

#top-bar span i {
	padding: 0 5px;
}

#brand {
	/*background: #f7f5ef;*/
	padding: 15px 0;
}

#brand span.logo img {
	max-width: 200px;
	height: auto;
}


/* MENUS */

.main-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.95rem;
}

.main-menu ul li {
	display: inline-block;
	padding: 0 8px;
}

.main-menu ul li:last-child {
	padding-right: 0;
}

.main-menu ul li a {
	display: block;
	padding: 19px 0 0;
	color: #858787;
}

.main-menu ul li a:hover {
	color: #33bebf;
	text-decoration: none;
}

.main-menu ul li.current_page_item a,
.main-menu ul li.current-menu-item a {
	color: #33bebf;
	border-bottom: 5px solid #33bebf;
}


/* HOME */


/*//// SLIDER */

#slider {
	height: 450px;
	background: #ccc;
	color: #fff;
	background: url('https://manhattanmassage.com.br/wp-content/uploads/2018/11/banner-1.png') center no-repeat;
}

@media (max-width: 991px) {
	#slider {
		background-image: url('https://manhattanmassage.com.br/wp-content/uploads/2018/11/banner-1.png');
	}
}

#slider h1,
header h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2.8rem;
	font-weight: 300;
	text-transform: uppercase;
}

.slider {
	margin-top: 140px;
}

@media (max-width: 991px) {
	.slider {
		margin-top: 30px;
	}
	.slider h1,
	header h1 {
		font-size: 1.4rem !important;
	}
}


/*//// FEATURED */

#featured {
	color: #757777;
	background: #c7d7d7;
	padding: 25px 0 15px;
	font-size: 0.8rem;
	line-height: 1;
}

#featured select {
	border: none;
}


/*//// SERVIÇOS */


/*
article.row-servicos::after{
	content:" ";
	width:35px;
	height:6px;
	margin:70px auto 80px;
	background:#33bebf;
}

article.row-servicos:last-child::after{
	display:none;
}

article.row-servicos:last-child{
	margin-bottom:80px;
}
*/

article.row-servicos {
	margin: 40px 0 80px;
	padding-bottom: 3rem;
	border-bottom: 1px solid #dedede;
}

article.row-servicos:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.titulo-servicos::after {
	content: " ";
	width: 35px;
	height: 6px;
	margin: 5px 0 30px;
	background: #33bebf;
	display: block;
}

#servicos {
	background: #f7f5ef;
	padding: 80px 0;
	border-bottom: 1px solid #c6bba6;
}

#servicos .card {
	margin-bottom: 30px;
	border: none;
	border-radius: 0;
}

.card-text a {
	color: #555757;
}

.card-text a:hover {
	text-decoration: none;
	color: #333737;
}

#servicos .card-body {
	background-color: #33bebf;
	padding: 1rem;
	transition: all .3s;
}

#servicos a:hover > .card > .card-body{
	background-color: #139e9f;
	padding: 1em .5em 1em 1.5em;
}

#servicos .card-img-top {
	height: auto;
	border-radius: 0;
}

#servicos .card-title {
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	margin: 0;
	text-decoration: none;
}

a:hover .card-title, .card-title:hover{
	text-decoration: none;
}


/*//// LAST POSTS */

#last-posts {
	padding: 80px 0;
}


/*//// PUBLICIDADE */

#publicidade {
	height: 450px;
	color: #fff;
	background: #31cacb;
	background: url('https://manhattanmassage.com.br/wp-content/uploads/2018/11/banner-massagem-corridas.jpg') center no-repeat;
}

#publicidade h1 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	font-size: 2.8rem;
	font-weight: 300;
	text-transform: uppercase;
}

.banner-publicidade {
	margin-top: 150px;
}

@media (max-width: 767px) {
	.banner-publicidade {
		margin-top: 10px;
	}
	#publicidade h1 {
		font-size: 2rem;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.banner-publicidade {
		margin-top: 30px;
	}
	#publicidade h1 {
		font-size: 2rem;
	}
}


/* PAGES */

.page-titulo {
	background: #33bebf;
	padding: 25px 0;
}


/*//// SERVIÇOS */

#servicos-lista .card {
	margin: 20px 0;
}


/*//// SINGLE SERVIÇOS */

.box-busca {
	background: #d5be86;
	border-radius: 5px;
	padding: 15px;
	color: #172741;
}


/*//// SEARCH FRANQUIA */

.franquia-list-item {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
}

.franquia-list-item:last-child {
	padding-bottom: 0;
	margin-bottom: 40px;
	border-bottom: none;
}

.franquia-list-item ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.franquia-list-item ul li {
	padding: 5px 0;
}


/*//// CLIENTES */

.box-logo {
	width: 100%;
	border: 1px solid #ddd;
	text-align: center;
	padding: 15px;
}

@media (max-width: 767px) {
	.box-logo {
		height: auto;
	}
}


/* FIM @MEDIA SM */

@media (min-width: 768px) and (max-width: 991px) {
	.box-logo {
		height: 300px;
	}
}


/* FIM @MEDIA MD */

@media (min-width: 992px) and (max-width: 1199px) {
	.box-logo {
		height: 220px;
	}
}


/* FIM @MEDIA LG */

@media (min-width: 1200px) {
	.box-logo {
		height: 250px;
	}
}


/* FIM @MEDIA XL */


/*//// DEPOIMENTOS */

#depoimentos {
	background: #f3f4f5;
	padding: 80px 0;
}

#depoimentos article {
	background: #fff;
	height: auto;
	border: 1px solid #eaebec;
	margin: 40px 0 30px;
	padding: 90px 30px 30px;
}

#depoimentos.page-depoimentos article {
	height: auto;
}

#depoimentos article .depoimento-thumb {
	top: -45px;
	left: 0;
	width: 100%;
}

#depoimentos article p.depoimento {
	color: #999;
}

#depoimentos article p.autor {
	font-size: 0.8rem;
	text-transform: uppercase;
	font-weight: 700;
	margin: 30px 0 0;
	padding: 0;
}

#depoimentos article p.funcao {
	font-size: 0.7rem;
	text-transform: uppercase;
	color: #999;
}

#depoimentos article img {
	width: 90px;
	height: 90px;
}

#depoimentos footer {
	margin-top: 40px;
}

#depoimentos header {
	margin-bottom: 40px;
}


/*//// SEJA UM FRANQUEADO */

#vantagens-franquia {
	background: #f7f5ef;
}

#vantagens-franquia h4 {
	font-size: 1.2rem;
	margin-bottom: 0;
}


/*//// SINGLE */

#content-single {
	line-height: 1.8;
	font-size: 1.2rem;
	font-weight: 300;
}

#content-single h1,
#content-single h2,
#content-single h3,
#content-single h4,
#content-single h5,
#content-single h6 {
	font-weight: 400;
	margin-top: 1em;
	margin-bottom: 1em;
}

#content-single strong {
	font-weight: 400;
}

#content-single p {
	margin: 0.5em 0 2em;
}


/* RODAPÉ */

#rodape {
	background: #33bebf;
	color: #fff;
	padding: 45px 0;
	font-size: 0.9rem;
}

#rodape a {
	color: #fff;
}

#rodape h3 {
	font-size: 1.3rem;
}

hr {
	border: none;
	height: 1px;
	width: 100%;
	display: block;
	margin: 10px 0;
	background: #97a7c1;
}

.lista-rodape {
	list-style: none;
	margin: 0;
	padding: 0;
}

.lista-rodape li {
	padding: 7px 0;
}

#assinatura {
	font-size: 0.85rem;
	color: #777;
}

@media (max-width: 767px) {}


/* FIM @MEDIA SM */

@media (min-width: 768px) and (max-width: 991px) {}


/* FIM @MEDIA MD */

@media (min-width: 992px) and (max-width: 1199px) {}


/* FIM @MEDIA LG */

@media (min-width: 1200px) {}


/* FIM @MEDIA XL */