/* ===== INÍCIO: style.css ===== */

@import url('https://fonts.cdnfonts.com/css/athene?styles=25802');
@import url('https://fonts.cdnfonts.com/css/argue-demo');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

/* Fontes Argue DEMO */
@font-face {
	font-family: 'Argue DEMO';
	src: url('../fonts/Argue DEMO.otf') format('opentype');
}

/* Fontes Century Gothic */
@font-face {
	font-family: 'Century Gothic Bold Italic';
	src: url('../fonts/Century Gothic Bold Italic.otf') format('opentype');
}

@font-face {
	font-family: 'Century Gothic Bold';
	src: url('../fonts/Century Gothic Bold.otf') format('opentype');
}

@font-face {
	font-family: 'Century Gothic Italic';
	src: url('../fonts/Century Gothic Italic.otf') format('opentype');
}

@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/Century Gothic.otf') format('opentype');
}

/* Outras Fontes */

/* Dolce Vita Heavy Bold */
@font-face {
	font-family: 'Dolce Vita Heavy Bold';
	src: url('../fonts/Dolce_Vita_Heavy_Bold.ttf') format('truetype');
}

/* Eras Light ITC */
@font-face {
	font-family: 'Eras Light ITC';
	src: url('../fonts/eras-light-itc.ttf') format('truetype');
}

/* Gadugi */
@font-face {
	font-family: 'Gadugi Bold';
	src: url('../fonts/gadugi-bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Gadugi Gras';
	src: url('../fonts/gadugi-gras.ttf') format('truetype');
}

@font-face {
	font-family: 'Gadugi Normal';
	src: url('../fonts/gadugi-normal.ttf') format('truetype');
}

/* LEMONMILK */
@font-face {
	font-family: 'LEMONMILK Bold';
	src: url('../fonts/LEMONMILK-Bold.otf') format('opentype');
}

@font-face {
	font-family: 'LEMONMILK Bold Italic';
	src: url('../fonts/LEMONMILK-BoldItalic.otf') format('opentype');
}

@font-face {
	font-family: 'LEMONMILK Light';
	src: url('../fonts/LEMONMILK-Light.otf') format('opentype');
}

@font-face {
	font-family: 'LEMONMILK Light Italic';
	src: url('../fonts/LEMONMILK-LightItalic.otf') format('opentype');
}

@font-face {
	font-family: 'LEMONMILK Medium';
	src: url('../fonts/LEMONMILK-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'LEMONMILK Medium Italic';
	src: url('../fonts/LEMONMILK-MediumItalic.otf') format('opentype');
}

@font-face {
	font-family: 'LEMONMILK Regular';
	src: url('../fonts/LEMONMILK-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'LEMONMILK Regular Italic';
	src: url('../fonts/LEMONMILK-RegularItalic.otf') format('opentype');
}

/* Minion Variable Concept */
@font-face {
	font-family: 'Minion Variable Concept';
	src: url('../fonts/Minion Variable Concept.otf') format('opentype');
}

/* Mont ExtraLight DEMO */
@font-face {
	font-family: 'Mont ExtraLight DEMO';
	src: url('../fonts/Mont-ExtraLightDEMO.otf') format('opentype');
}

/* Myriad Pro */
@font-face {
	font-family: 'Myriad Pro Bold SemiExtended';
	src: url('../fonts/myriad-pro-bold-semiextended.otf') format('opentype');
}

@font-face {
	font-family: 'Myriad Pro Bold';
	src: url('../fonts/MYRIADPRO-BOLD.OTF') format('opentype');
}

@font-face {
	font-family: 'Myriad Pro Bold Condensed';
	src: url('../fonts/MYRIADPRO-BOLDCOND.OTF') format('opentype');
}

@font-face {
	font-family: 'Myriad Pro Bold Condensed Italic';
	src: url('../fonts/MYRIADPRO-BOLDCONDIT.OTF') format('opentype');
}

@font-face {
	font-family: 'Myriad Pro Bold Italic';
	src: url('../fonts/MYRIADPRO-BOLDIT.OTF') format('opentype');
}

@font-face {
	font-family: 'Myriad Pro Condensed';
	src: url('../fonts/MYRIADPRO-COND.OTF') format('opentype');
}

@font-face {
	font-family: 'Myriad Pro Condensed Italic';
	src: url('../fonts/MYRIADPRO-CONDIT.OTF') format('opentype');
}

@font-face {
	font-family: 'Myriad Pro Light';
	src: url('../fonts/MyriadPro-Light.otf') format('opentype');
}

@font-face {
	font-family: 'Myriad Pro Regular';
	src: url('../fonts/MYRIADPRO-REGULAR.OTF') format('opentype');
}

@font-face {
	font-family: 'Myriad Pro Semibold';
	src: url('../fonts/MYRIADPRO-SEMIBOLD.OTF') format('opentype');
}

@font-face {
	font-family: 'Myriad Pro Semibold Italic';
	src: url('../fonts/MYRIADPRO-SEMIBOLDIT.OTF') format('opentype');
}

/* Segoe UI */
@font-face {
	font-family: 'Segoe UI Light';
	src: url('../fonts/segoe-ui-light-2.ttf') format('truetype');
}
@font-face {
	font-family: 'Segoe UI Bold Italic';
	src: url('../fonts/Segoe UI Bold Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'Segoe UI Bold';
	src: url('../fonts/Segoe UI Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Segoe UI Italic';
	src: url('../fonts/Segoe UI Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/Segoe UI.ttf') format('truetype');
}

/* Fonte Britannic Bold Regular */
@font-face {
	font-family: 'Britannic Bold Regular';
	src: url('../fonts/Britannic Bold Regular.ttf') format('truetype');
}

/* Fonte Source Sans 3 */
/* ... (continue a lista para as outras fontes) */

/* Fonte Trebuchet MS */
@font-face {
	font-family: 'Trebuchet MS';
	src: url('../fonts/trebuc.ttf') format('truetype');
}

/* Fonte Yu Gothic Light */
@font-face {
	font-family: 'Yu Gothic Light';
	src: url('../fonts/Yu Gothic Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Yu Gothic Semibold';
	src: url('../fonts/YUGOTHB.ttc') format('truetype');
}


/* Minion */
@font-face {
	font-family: 'Minion Pro Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Minion Pro Regular'), url('../fonts/minion/MinionPro-Regular.woff') format('woff');
}


@font-face {
	font-family: 'Minion Pro Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Minion Pro Italic'), url('../fonts/minion/MinionPro-It.woff') format('woff');
}


@font-face {
	font-family: 'Minion Pro Medium';
	font-style: normal;
	font-weight: normal;
	src: local('Minion Pro Medium'), url('../fonts/minion/MinionPro-Medium.woff') format('woff');
}


@font-face {
	font-family: 'Minion Pro Medium Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Minion Pro Medium Italic'), url('../fonts/minion/MinionPro-MediumIt.woff') format('woff');
}


@font-face {
	font-family: 'Minion Pro Semibold';
	font-style: normal;
	font-weight: normal;
	src: local('Minion Pro Semibold'), url('../fonts/minion/MinionPro-Semibold.woff') format('woff');
}


@font-face {
	font-family: 'Minion Pro Semibold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Minion Pro Semibold Italic'), url('../fonts/minion/MinionPro-SemiboldIt.woff') format('woff');
}


@font-face {
	font-family: 'Minion Pro Bold Condensed';
	font-style: normal;
	font-weight: normal;
	src: local('Minion Pro Bold Condensed'), url('../fonts/minion/MinionPro-BoldCn.woff') format('woff');
}


@font-face {
	font-family: 'Minion Pro Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Minion Pro Bold'), url('../fonts/minion/MinionPro-Bold.woff') format('woff');
}


@font-face {
	font-family: 'Minion Pro Bold Condensed Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Minion Pro Bold Condensed Italic'), url('../fonts/minion/MinionPro-BoldCnIt.woff') format('woff');
}


@font-face {
	font-family: 'Minion Pro Bold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Minion Pro Bold Italic'), url('../fonts/minion/MinionPro-BoldIt.woff') format('woff');
}

/* Trebuchet MS */

@font-face {
	font-family: 'Trebuchet MS';
	font-style: normal;
	font-weight: normal;
	src: local('Trebuchet MS'), url('../fonts/trebuc.woff') format('woff');
}


@font-face {
	font-family: 'Trebuchet MS Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Trebuchet MS Italic'), url('../fonts/Trebuchet-MS-Italic.woff') format('woff');
}

/* Embrima */

@font-face {
	font-family: 'Ebrima';
	font-style: normal;
	font-weight: normal;
	src: local('Ebrima'), url('../fonts/ebrima.ttf') format('truetype');
}


@font-face {
	font-family: 'Ebrima Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Ebrima Bold'), url('../fonts/ebrima-bold.ttf') format('truetype');
}

/* Outros  */

@font-face {
	font-family: 'Californian FB';
	font-style: normal;
	font-weight: normal;
	src: local('Californian FB'), url('../fonts/californian-fb.ttf') format('truetype');
}

/* Acumin Pro  */
@font-face {
	font-family: 'Acumin Pro';
	font-style: normal;
	font-weight: normal;
	src: local('Acumin Pro'), url('../fonts/acumin-pro/Acumin-RPro.woff') format('woff');
}


@font-face {
	font-family: 'Acumin Pro Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Acumin Pro Italic'), url('../fonts/acumin-pro/Acumin-ItPro.woff') format('woff');
}


@font-face {
	font-family: 'Acumin Pro Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Acumin Pro Bold'), url('../fonts/acumin-pro/Acumin-BdPro.woff') format('woff');
}

@font-face {
	font-family: 'Acumin Pro Bold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Acumin Pro Bold Italic'), url('../fonts/acumin-pro/Acumin-BdItPro.woff') format('woff');
}
@font-face {
	font-family: 'acumin-variable';
	font-style: normal;
	font-weight: normal;
	src: local('acumin-variable'), url('../fonts/acumin-pro/AcuminVariableConcept-Thin.ttf') format('truetype');
}

@font-face {
	font-family: 'Fonseca Bold';
	font-style: normal;
	font-weight: 700; /* Ajuste o peso para bold */
	src: local('FonsecaBold'), url('../fonts/FonsecaBold.otf') format('opentype'); /* Correção da extensão */
}


body{
	font-family: 'Myriad Pro Regular', sans-serif;
	overflow-x: hidden;
	height: 100%;
	margin: 0!important;
}
/* INICIO PAGINAS SEPARADAS */
/* ===== MENU BURGUER ===== */
.menu-burguer {
	width: 30px;
	height: 2px;
	background-color: #000;
	position: relative;
	margin: 5px auto;
	border-radius: 20px;
}

.menu-burguer-w-100 {
	width: 50px;
	left: 10px;
}

/* ===== CONTAINER DE POSICIONAMENTO ===== */
.c-position-sobre {
	padding: 0 60px;
}

/* ===== COOKIE BANNER ===== */
#cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	padding: 15px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 1000;
}

#cookie-banner button {
	background-color: #28a745;
	color: #fff;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 14px;
	transition: background-color 0.3s;
	margin-right: 150px;
}

#cookie-banner button:hover {
	background-color: #218838;
}

/* ===== PAGE BANNER HEADER (HOME, MONTAR PACOTE, PACOTES PROMOCIONAL) ===== */
.page-banner-header-customer {
	border-bottom: 0 !important;
	background-color: #ffffff !important;
}

.page-banner-header.slider .image-desktop {
	display: block;
	padding: 0;
}

.page-banner-header.slider .image-mobile {
	display: none;
	padding: 0;
}

/* Desktop - mostrar image-desktop, esconder image-mobile */
@media (min-width: 1281px) {
	.page-banner-header.slider .image-desktop {
		display: block;
	}
	.page-banner-header.slider .image-mobile {
		display: none;
	}
}

/* Mobile - esconder image-desktop, mostrar image-mobile */
@media (max-width: 767px) {
	.page-banner-header.slider .image-desktop {
		display: none;
	}
	.page-banner-header.slider .image-mobile {
		display: block;
	}
}

/* ===== PAGE CART ===== */
.page-cart .grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-auto-rows: 200px;
	gap: 10px;
	position: relative; /* necessário para posicionar o botão de remover */
}

.page-cart .grid-container .card,
.page-cart .cart-payment .card {
	background-color: #192735;
	border-radius: 50px;
	color: #fff;
	font-size: 22px;
	padding: 20px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: center;
	text-transform: lowercase;
}

.page-cart .grid-container .card-body {
	margin: auto;
}

.page-cart .grid-container .card-small {
	grid-row: span 1;
}

.page-cart .grid-container .card-large {
	grid-row: span 2;
}

.page-cart .grid-container .card-plus {
	grid-row: span 1.5;
}

.page-cart .grid-container .last-card {
	grid-column-end: -1;
}

.page-cart .grid-container .remove-btn {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 25px;
	height: 25px;
	line-height: 0;
	background: #fff;
	border-radius: 50%;
	border: none;
	font-size: 20px;
	cursor: pointer;
	color: #ff0000;
	z-index: 1;
	transition: color 0.3s;
}

.page-cart .grid-container .remove-btn:hover {
	color: #cc0000;
}

/* ===== PAGE MONTAR PACOTE ===== */
.page-montar-pacote .card .card-body {
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
}

.page-montar-pacote .card .card-body h5 {
	font-size: 32px;
	text-transform: lowercase;
}

/* ===== BOTÃO ENVIAR ORÇAMENTO ===== */
.btn-send_orcamento {
	background-color: #9503a8;
	color: #fff;
	border-color: #9503a8;
	padding: 30px;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-radius: 30px;
	cursor: pointer;
	transition: background-color 0.3s, border-color 0.3s;
}

.btn-send_orcamento:hover {
	background-color: #6b0378;
	border-color: #6b0378;
}

/* ===== SOBRE ===== */
.customs-page-about {
	margin: 150px auto;
}

.customs-page-about h1 {
	font-family: "Minion Variable Concept", serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 56px;
	margin-bottom: 60px;
}

.customs-page-about a {
	color: #000;
	text-decoration: none;
}
/* FIM PAGINA SEPARADA */

.border-bottom-black{
	border-bottom: 4px solid #000;
}
.mobile-show{
	display: none;
}
.desktop-show{
	display: block;
}
.fa-1-5x{
	font-size: 20px;
}

.header-top-bar{
	background-color: #1c1c1c;
}
.header-top-bar .container{
	display: flex;
	justify-content: space-between;
}
.header-top-bar .brand{
	font-family: 'Century Gothic', sans-serif;
	background-color: #192735;
	color: #fff;
	width: 200px;
	padding: 20px;
	font-size: 16px;
	display: flex;
	justify-content: center;
	text-decoration: none;
}
#gt-nvframe{
	display: none;
}
.header-top-bar .langs{
	list-style: none;
	color: #fff;
	display: flex	;
	justify-content: space-between;
	width: 120px;
	margin: 20px 0;
}
.header-top-bar .langs a{
	color: #939393;
	text-decoration: none;
}
.header-top-bar .langs a:hover{
	color: #ffffff;
}

.navbar-color-secondary{
	background-color: #f2f2f2;
}
.header .top{
	display: flex;
}
.header .brand{
	font-size: 62px;
	margin: 50px auto;
	text-align: center;
	font-family: 'Minion Variable Concept', sans-serif;
	color: #000;
	font-weight: 600;
	display: flex;
	text-decoration: none;
}

.header .navbar-toggler{
	border: 0;
}
.header .navbar-toggler:focus{
	box-shadow: unset;
}

.header .loggin{
	font-weight: 700;
	text-transform: uppercase;
}

.header .loggin .profile-dropdown{
	text-decoration: none;
	color: #000;
}
.header .loggin .profile-dropdown:hover{
	color: #154060;
	font-weight: bold;
}
.header .loggin .dropdown-menu {
	border: 2px solid #dcdcdc;
	border-radius: 30px 30px 20px 20px;
	margin-top: 30px;
	margin-left: -32px !important;
	padding: 10px;
}
.header .navbar{
	text-transform: uppercase;
}
.header .navbar .nav-item .nav-link{
	font-size: 18px;
	font-weight: 500;
	color: #000 !important;
	margin: auto 20px;
}
.header .navbar ul li a{
	font-family: 'Myriad Pro Regular', sans-serif;
}
.header .navbar .dropdown-menu .dropdown-item:hover > .header .navbar ul li a{
	font-family: 'Myriad Pro Bold', sans-serif;
}

.navbar-nav .nav-item.dropdown:hover > .nav-link {
	font-family: 'Myriad Pro Bold', sans-serif;
}
.header .navbar ul li a.active, .header .navbar ul li a:hover{
	font-family: 'Myriad Pro Bold', sans-serif;
}
.header .navbar-nav .nav-item.active::after{
	color: red;
}
.header .navbar .dropdown-item.active, .dropdown-item:active {
	background-color: #192735;
}
.header .navbar-nav .nav-item {
	position: relative;
	margin: auto 10px;
}
.header .navbar-nav .nav-item .nav-link{
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 5px solid transparent;
}
.header .navbar-nav .nav-item:hover .nav-link, .header .navbar-nav .nav-item .nav-link.active {
	/*border-bottom: 5px solid #fff;*/
}
.header .navbar-nav .nav-item::after {
	content: '';
	display: block;
	width: 0;
	height: 30px;
	background-color: #fff;
	transition: width 0.3s;
	position: absolute;
	bottom: -47px;
	transform: translateX(-50%);
	border-radius: 50px;
	clip-path: inset(0 0 0 0);
}

.menu-mobile-page::after {
	content: '';
	display: block;
	height: 30px;
	background-color: #ffffff;
	position: absolute;
	border-radius: 50px;
	margin: 15px -30px;
}
.menu-mobile-page.pgurl-home::after{
	width: 105px;
}
.menu-mobile-page.pgurl-portfolio::after{
	width: 150px;
}
.menu-mobile-page.pgurl-blog::after{
	width: 100px;
}
.menu-mobile-page.pgurl-sobre::after{
	width: 105px;
}
.menu-mobile-page.pgurl-montar-pacote::after{
	width: 160px;
}
.menu-mobile-page.pgurl-pacotes-promocionais::after{
	width: 150px;
}
.menu-mobile-page.pgurl-contato::after{
	width: 130px;
}
.menu-mobile-page.pgurl-accounts::after{
	width: 130px;
}

.header .navbar-nav .nav-item:hover::after,
.header .navbar-nav .nav-item.active::after {
	width: 100%;
}

/*
.header .navbar .dropdown-menu .dropdown-item{
	border-bottom: 2px solid #c1c1c1;
	padding: 7px 13px;
	margin: auto 15px;
	width: 85%;
	font-size: 14px;
	font-weight: 300;
	font-family: Segoe UI Light;
	white-space: normal;
}

.nav-item.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 30px;
	visibility: visible;
	opacity: 1;
	transition: opacity 0.15s ease-in-out;
}

.nav-item .dropdown-menu {
	display: none;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.15s ease-in-out;
	margin-top: 30px;
}

.nav-item .dropdown-menu {
	display: none; 
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
	border: 2px solid #dcdcdc;
	border-radius: 30px 30px 20px 20px;
	margin-top: 30px;
}*/

.page-banner-header.slider .image-container-owl {
	position: relative;
	overflow: hidden;
	/*height: 500px;*/
	height:430px;
}

.page-banner-header.slider .image-container-owl::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	z-index: 1;
}

.owl-carousel .owl-item {
	display: flex;
	justify-content: center;
}

.page-banner-header.slider .row {
	margin: 0;
	width: 100%;
}

.page-banner-header.slider p {
	font-size: 18px;
	margin-bottom: 50px;
}

.slider{
	z-index: 0;
}
.slider .item{
	width: 100%;
	z-index: 1;
}
/*
.slider .item{
	width: 100%;
	height: 650px;
	z-index: 1;
	position: relative;
	background-size: cover;
}
.slider .item .owl-slider-info{
	color: #fff;
	position: relative;
	z-index: 5;
	padding: 160px 60px;
}
.slider .item .owl-slider-info h6{
	font-size: 23px;
	font-weight: 600;
	margin-bottom: 0px;
}
.slider .item .owl-slider-info h4{
	font-weight: bold;
	font-size: 92px;
}
.slider .item .owl-slider-info p{
	font-size: 24px;
	line-height: 27px;
	font-weight: 400;
}
.slider .item .owl-slider-info .linebar {
	background: #fff;
	width: 150px;
	height: 15px;
	display: flex;
}
.slider .item .owl-slider-info a{
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
}
*/
.slider .owl-dots{
	position: absolute;
	right: 50px;
	top: 40px;
	display: flex;
	flex-direction: column;
}
.cloud-bar{
	width: 35%;
	height: 2px;
	background: #101112;
	margin: 60px 0;
	position: relative;
}
.cloud-bar:after{
	content: '';
	background: #154060;
	width: 120px;
	height: 8px;
	position: absolute;
	right: 0;
	top: -3px;
	border-radius: 20px;
}
.cloud-bar-reverse{
	width: 35%;
	height: 2px;
	background: #101112;
	margin: 60px 0;
	position: relative;
}
.cloud-bar-reverse:after{
	content: '';
	background: #154060;
	width: 120px;
	height: 18px;
	position: absolute;
	left: 0;
	top: -8px;
	border-radius: 20px;
}

.portfolio{

}
.portfolio h6{
	text-align: center;
	margin-bottom: 80px;
	font-size: 29px;
	color: #282828;
	font-family: 'SEGOE UI';
}
.portfolio .portfolio-overlay{
	position: relative;
	display: flex;
	justify-content: center;
	cursor: pointer;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.portfolio .portfolio-overlay::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 10px;
	background-color: #192735;
	transition: width 2.0s ease;
	transform-origin: left;
	margin: -10px 0;
}

.portfolio .portfolio-overlay:hover::before {
	width: 100%;
}
.portfolio .portfolio-overlay:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgb(25 39 53 / 83%);
	transition: opacity 0.3s ease-in-out;
	margin-bottom: 10px;
}
.portfolio .portfolio-overlay img{
	width: 100%;
}
.portfolio .portfolio-overlay .portfolio-title{
	position: absolute;
	bottom: 80px;
	z-index: 1;
	color: #fff;
	width: 40%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 32px;
	line-height: 35px;
	text-align: center;
}

.portfolio .portfolio-overlay .hexagon {
	display: none;
	width: 160px; /* Largura superior maior */
	height: 70px; /* Altura da forma */
	background-color: #ffffff;
	position: absolute;
	clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%); /* Define o trapézio */
	z-index: 1;
	margin: -1px;
	transition: opacity 1s ease;
}

.portfolio .portfolio-overlay .line {
	display: none;
	position: absolute;
	background-color: #ffffff;
	width: 7px;
	height: 0px;
	z-index: 1;
	animation: expandHeight1 2s ease forwards;
}

@keyframes expandHeight1 {
	to {
		height: 650px;
	}
}
.portfolio .portfolio-overlay .icon-glass{
	display: none;
	position: absolute;
	color: #fff;
	z-index: 1;
	bottom: -80px;
	font-size: 32px;
	margin: -10px;
}
.portfolio .portfolio-overlay:hover .hexagon, .portfolio .portfolio-overlay:hover .line, .portfolio .portfolio-overlay:hover .icon-glass{
	display: flex;
}

.portfolio .portfolio-overlay.active-hover .hexagon, .portfolio .portfolio-overlay.active-hover .line, .portfolio .portfolio-overlay.active-hover .icon-glass {
	display: flex;
}
.portfolio .portfolio-overlay.active-hover::before{
	width:100%;
}

.owl-carousel .click{
	float: right;
	margin: 0;
	font-size: 22px;
	font-weight: bold;
	position: relative;
	top: -50px;
}

.owl-carousel .click-montar-pacote{
	float: left;
	margin: 0;
	font-size: 22px;
	font-weight: bold;
	position: relative;
	top: -20px;
	left: 220px;
}


.owl-carousel-promotion {
	display: flex;
	align-items: center;
	justify-content: center;
}

.owl-carousel-promotion .owl-item {
	text-align: center;
	position: relative;
}

.owl-carousel-promotion .owl-item img {
	max-width: 100%;
	max-height: 100%;
	opacity: 0.7;
	transition: opacity 0.3s ease-in-out;
}
.owl-carousel-promotion .owl-item.center:before{
	content: '';
	background-color: #fff;
	width: 60%;
	height: 25px;
	position: absolute;
	z-index: 1;
	bottom: -7px;
	margin-left: 0;
	border-radius: 30px 30px 0px 0px;
}
.owl-carousel-promotion .owl-item:after{
	content: '';
	background-color: rgb(25 39 53 / 80%);
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 30px;
}

.owl-carousel-promotion .owl-item.active img {
	opacity: 1;
}

.owl-carousel-promotion .owl-item h2 {
	font-family: 'Trebuchet MS';
	color: #fff;
	font-size: 24px;
	position: absolute;
	top: 50%;
	margin: 0;
	z-index: 1;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	padding: 0px 80px;
}

.owl-carousel-promotion{
}
.owl-carousel-promotion .item{
	display: flex;
	justify-content: center;
}

.owl-carousel-promotion .owl-item.center img {
	max-width: 120%;
	opacity: 1;
	border-radius: 30px;
}


.owl-carousel-promotion .owl-item.center h2 {
	font-size: 30px;
}

.owl-carousel-promotion .owl-item:not(.center) img {
	max-width: 80%;
	opacity: 0.7;
	border-radius: 30px;
}
.owl-carousel-promotion .owl-item:not(.center):after {
	left: 42px;
	width: 80%;
}

.owl-carousel-promotion .owl-item:not(.center) h2 {
	font-size: 25px;
}
.owl-carousel-promotion .owl-stage{
	display: flex;
	align-items: center;
}
.owl-carousel-promotion .owl-dots .owl-dot span{
	width: 20px;
	height: 20px;
}
.owl-theme .owl-dots .owl-dot span {
	border: 1px solid #192735;
	background-color: transparent;
}
.owl-carousel-promotion .owl-dots .owl-dot.active span{
	width: 30px;
	height: 30px;
	background-color: #192735;
}
.owl-carousel-promotion .owl-nav.disabled+.owl-dots {
	margin: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.clients{
	background-color: #192735;
	color: #fff;
	padding: 60px 0;
	position: relative;
}
.clients:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
	linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
	background-size: 40px 40px;
	z-index: 0;
}
.clients h3{
	font-family: 'LEMONMILK Medium';
	text-transform: uppercase;
	font-weight: normal;
	font-size: 52px;
}
.clients img{
	position: relative;
	z-index: 2;
	width: 250px;
}
.clients .box-clients{
	margin: 120px 80px;
}

.card-information{
	margin-top: 200px !important;
}
.card-information .card{
	border: 0;
}
/*
.card-information .card{
	background-color: #f2f2f2;
	color: #000;
	border-radius: 30px;
	min-height: 350px;
	text-align: center;
	padding: 50px;
}*/
.card-information .card{
	background-color: #f2f2f2;
	color: #000;
	border-radius: 30px;
	min-height: 416px;
	text-align: center;
	padding: 80px 50px;
}

.card-information .card:hover,
.card-information .card.active-hover {
	background-color: #192735;
	color: #fff;
	border-radius: 80px 0px 80px 0px;
}
.card-information .card .card-body h4{
	font-family: 'Segoe UI Bold';
	text-transform: uppercase;
	font-weight: bold;
	font-size: 27px;
	margin-bottom: 30px;
}
.card-information .card .card-body p{
	font-family: 'Gadugi Normal';
	font-size: 16px;
	font-weight: 200;
}
.card-information .card .card-body small{
	font-size: 12px;
}

.publication .subtitle{
	text-align: center;
	font-family: 'Segoe UI Light';
	font-weight: 100;
	color: #282828;
	margin-bottom: 110px !important;
}

.publication .publication-overlay{
	position: relative;
	display: flex;
	justify-content: center;
	cursor: pointer;
}
.publication .publication-overlay:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgb(25 39 53 / 70%);
	transition: opacity 0.3s ease-in-out;
	border-radius: 10%;
}
.publication .publication-overlay img{
	width: 100%;
}
.publication .hexagon{
	display: none;
}

.publication .publication-overlay:hover .hexagon {
	width: 140px;
	height: 45px;
	background-color: #ffffff;
	position: absolute;
	transform: rotate(180deg);
	z-index: 2;
	transition: opacity 3s ease;
	bottom: 0;
	display: flex;
	clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
}

.publication .publication-overlay .hexagon:before {
	top: -29px;
	border-bottom: 29px solid #ffffff;
}

.publication .publication-overlay .hexagon:after {
	bottom: -29px;
	border-top: 29px solid #ffffff;
}
.publication .publication-overlay:hover .line {
	position: absolute;
	background-color: #ffffff;
	width: 7px;
	height: 0px;
	z-index: 1;
	bottom: 0; /* Define a posição inicial na parte inferior */
	animation: expandHeight2 2s ease forwards;
}
.publication .publication-overlay:hover .line:after{
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	background: #f2f2f2;
	border-radius: 50%;
	left: -8px;
	top: -10px;
}


@keyframes expandHeight2 {
	to {
		height: 180px;
		top: 300; /* Define a posição final, mantendo a linha ancorada na parte inferior */
	}
}

.publication .publication-image{
	border-radius: 10%;
}
.publication .publication-card{
	margin: auto 3rem;
	z-index: 2;
	position: relative;
}
.publication .publication-card .publication-title{
	font-size: 2rem;
	text-transform: uppercase;
	text-align: center;
	margin: 1rem auto;
	min-height: 115px;
}
.publication .publication-card .publication-title a{
	font-family: 'Quicksand', sans-serif;
	text-decoration: none;
	color: #000;
	font-weight: 300;
}
.publication .publication-card .publication-date{
	color: #818181;
}
.publication .publication-card .publication-date a{
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.publication .publication-card .publication-description{
	color: #818181;
	font-size: 16px;
	margin: 10px auto;
	text-align: justify;
}
.publication .publication-footer hr{
	border-top: 2px solid #000;
	margin-bottom: 5px;
	margin-left: 40px;
	margin-right: 40px;
}
.publication .publication-footer a{
	color: #9b9b9b;
	font-size: 14px;
	text-decoration: none;
	margin-right: 35px;
}

.nav-social{
	position: fixed;
	top: 340px;
	z-index: 11
}
.nav-social ul{
	list-style: none;
}
.nav-social ul li a{
	background-color: #262626;
	color: #fff;
	width: 52px;
	height: 52px;
	display: flex;
	margin: 10px auto;
	text-decoration: none;
	font-size: 32px;
	padding: 10px;
	border-radius: 15px;
}
.nav-social ul li a:hover{
	background-color: #154060;
}
.nav-social ul li a.color-white{
	background-color: #fff;
	color: #000;
}

.nav-social ul li a.icon-instagram{
	padding: 10px 12px;
}

.nav-social ul li a.icon-whatsapp{
	padding: 10px 12px;
}

.nav-social ul li a.icon-pinterest{
	padding: 10px 12px;
}

.nav-social ul li a.icon-linkedin{
	padding: 10px 12px;
}

.nav-social ul li a.icon-facebook{
	padding: 20px 21px;
}
.nav-social ul li a.icon-search{
	background-color: #154060;
}
.nav-social ul li a.icon-spotify{
	padding: 9px 11px;
	background: transparent;
	color: #262626;
	font-size: 52px;
	margin: -10px;
}

.section-web {
	margin: 120px auto;
}
.section-web h3{
	text-transform: uppercase;
	text-align: center;
	font-size: 56px;
	margin: 80px auto;
	letter-spacing: 1px;
}

.testimonial-card {
	background-color: #f2f2f2;
	padding: 80px;
	border-radius: 30px;
	margin: 20px;
}
.testimonial-card:hover,
.testimonial-card.active-hover {
	color: #fff;
	background-color: #192735;
	border-radius: 80px 0px 80px 0px;
}
.testimonial-card .testimonial-info{
	text-align: center;
	padding: 80px 0px;
}

.testimonial-card .testimonial-info .testimonial-name {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 32px;
	margin-bottom: 50px;
}
.testimonial-card .testimonial-info p{
	font-weight: 100;
	font-family: 'Eras Light ITC', sans-serif;
	font-size: 28px;
	min-height: 200px;
}

.testimonial-card .testimonial-info .testimonial-stars {
	color: #001f3f;
}

.owl-testimonial .item{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.owl-testimonial .item .testimonial-card{
	flex-grow: 1;
}
.owl-testimonial .owl-dots .owl-dot span{
	width: 20px;
	height: 20px;
	border: 1px solid #6d6d6d;
	background-color: #6d6d6d;
}
.owl-testimonial .owl-dots .owl-dot.active span{
	width: 30px;
	height: 30px;
	background-color: #192735;
}
.owl-testimonial .owl-nav.disabled+.owl-dots {
	margin: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.card-pacotes{
	margin: 250px 0;
}
.card-pacotes .card{
	border-radius: 20px;
	margin-top: 100px;
}
.card-pacotes .card .card-body{
	text-align: center;
	text-transform: uppercase;
}
.card-pacotes .card .card-body .card-img{
	margin-top: -100px;
	padding: 15px;
	border-radius: 40px;
}
.card-pacotes .card .card-body h4{
	font-family: 'Ebrima';
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 50px;
}
.card-pacotes .card .card-body ul{
	font-family: 'Californian FB';
	font-size: 14px;
	list-style: none;
	color: #727272;
	font-weight: 300;
}
.card-pacotes .card .card-body small{
	font-size: 12px;
	text-transform: capitalize;
}
.card-pacotes .card .card-body .cart{
	margin: 50px 20px;
	font-size: 22px;
}
.card-pacotes .card .card-body .btn-cart{
	background: transparent;
	border: 0;
}


.owl-pacote .owl-dots .owl-dot{
	margin: 0 5px;
}
.owl-pacote .owl-dots .owl-dot span{
	display: flex;
	width: 60px;
	height: 15px;
	background-color: #b1b1b1;
}
.owl-pacote .owl-dots .owl-dot.active span{
	background-color: #154060;
}
.owl-pacote .owl-nav.disabled+.owl-dots {
	margin: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-web {
	margin: 150px auto;
}
.page-web h1{
	text-transform: uppercase;
	text-align: center;
	font-size: 56px;
	margin: 80px auto;
	letter-spacing: 1px;
}

.page-portfolio .portfolio-menu{
	font-family: 'Segoe UI';
	text-align: center;
}
.page-portfolio .portfolio-menu .btn-default{
	text-transform: uppercase;
	color: #646464;
	font-size: 16px;
}
.page-portfolio .portfolio-menu .btn-default:hover, .page-portfolio .portfolio-menu .btn-default.active{
	font-weight: bold;
	color: #000;
}
.page-portfolio .portfolio-menu .btn.active, .page-portfolio .portfolio-menu .btn:not(.btn-check)+.btn:active{
	border: 0;
}
.page-portfolio .portfolio-menu .btn-border-bottom:after{
	content: '';
	background: transparent;
	width: 100%;
	height: 5px;
	display: flex;
	position: relative;
	top: 26px;
	border-radius: 50px;
}
.page-portfolio .portfolio-menu .btn-border-bottom:hover:after, .page-portfolio .portfolio-menu .btn-border-bottom.btn.active:after{
	background: #434343;
}
.page-portfolio .portfolio-menu .btn-border-top:after{
	content: '';
	background: transparent;
	width: 100%;
	height: 5px;
	display: flex;
	position: relative;
	bottom: 50px;
	border-radius: 50px;
}
.page-portfolio .portfolio-menu .btn-border-top:hover:after, .page-portfolio .portfolio-menu .btn-border-top.btn.active:after{
	background: #434343;
}
.page-portfolio hr{
	opacity: 0.8;
	margin: 1rem 26%;
	background-color:#434343;
}
.page-portfolio .portfolio-gallery{
	margin-top: 150px;
}
.page-portfolio .portfolio-gallery img{
	width: 100%;
	height: auto;
}
.page-portfolio .portfolio-overlay{
	position: relative;
	cursor: pointer;
}
.page-portfolio .portfolio-overlay:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #192735;
	opacity: 0.6;
	transition: opacity 0.3s ease-in-out;
}
.page-portfolio .portfolio-overlay:hover:after{
	opacity: 0;
}
.page-portfolio .portfolio-overlay .info{
	position: absolute;
	right: 40px;
	bottom: 20px;
	color: #fff;
	text-transform: uppercase;
	text-align: end;
	z-index: 2;
}

.page-montar-pacote{
	background-color: #f2f2f2;
	padding: 60px 0;
}
.page-montar-pacote h1{
	font-family: 'Segoe UI Light';
	margin-bottom: 180px;
}
.page-montar-pacote .card{
	border-radius: 50px 20px 50px 20px;
	cursor: pointer;
}
.page-montar-pacote .card.active .card-body{
	background-color: #262626;
}
.page-montar-pacote .card.active .card-body h6{
	position: absolute;
	bottom: 40px;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	transition: 2s;.
}
.page-montar-pacote .card .card-body{
	color: #fff;
	height: 250px;
	background-color: #192735;
	border-radius: 50px 20px 50px 20px;
	padding: 30px;
}
.page-montar-pacote .card .card-body:hover{
	background-color: #262626;
	transition: 0.8s;
}
.page-montar-pacote .card .card-body h5{
	font-family: 'Argue DEMO', sans-serif;
	text-transform: capitalize;
	font-size: 18px;
	letter-spacing: 0px;
	width: 120px;
}
.page-montar-pacote .card .card-body h6{
	display: none;
}
.page-montar-pacote .card .card-body:hover h6{
	position: absolute;
	bottom: 40px;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	transition: 2s;
}
.page-montar-pacote .card .card-body .buttons{
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 0;
	bottom: 45px;
	align-items: center;
}
.page-montar-pacote .card .card-body .buttons .fav{
	background: transparent;
	border: 0;
	color: #fff;
	font-size: 22px;
	margin-right: 15px;
	margin-bottom: 5px;
}
.page-montar-pacote .card.active. .card-body .buttons .fav{
	color: #9C27B0;
}
.page-montar-pacote .card .card-body .buttons .pretty{
	background-color: #cfcfcf;
	border-radius: 20%;
}
.page-montar-pacote .card .card-body .buttons .pretty .state label:before{
	border-color: #cfcfcf;
}
.page-montar-pacote h4{
	font-size: 42px;
	font-weight: bold;
	color: #5c5c5c;
	margin-bottom: 30px;
}
.page-montar-pacote .btn-primary{
	background-color: #154060;
	border-color: #154060;
	font-weight: 600;
}
.page-montar-pacote .form-control{
	border: 2px solid #154060;
	border-radius: 15px;
}

.page-register{
	
}
.page-register .breadcrumb{
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 400;
}
.page-register .alert-secondary{
	background-color: #f2f2f2;
	border: 0;
	font-size: 18px;
	text-align: center;
}
.page-register .card{
	border: 0;
	margin-bottom: 180px;
}
.page-register form label{
	text-transform: uppercase;
	color: #626262;
	font-weight: 500;
}
.page-register form .form-control{
	border: 1px solid #9d9d9d;
}
.btn-registrar{
	background-color: #192735;
	border-color: #192735;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 10px;
	border-radius: 10px;
}
.btn-registrar:hover{
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.page-register .card p{
	font-size: 18px;
}

.page-banner-header{
	font-family: 'Myriad Pro Light';
	border-bottom: 10px solid #1c1c1c;
	background-color: #f2f2f2;
}
.page-banner-header .container{
	margin-top: 100px;
}
.page-banner-header .banner-header-title{
	/*font-size: 52px;*/
	font-size: 82px;
	line-height: 73px;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-family: 'LEMONMILK Regular';
}
.page-banner-header p{
	font-size: 18px;
	margin-bottom: 50px;
}
.page-banner-header .btn{
	border-radius: 18px;
	padding: 10px 30px;
	letter-spacing: 1px;
	font-size: 20px;
}
.page-banner-header .btn-primary{
	background-color: #191919;
	border-color: #191919;
}
.page-banner-header .btn-primary:hover{
	background-color: #154060;
	border-color: #154060;
}
.page-banner-header .btn-outline-primary{
	border-color: #191919;
	color: #191919;
}
.page-banner-header .btn-outline-primary:hover{
	color: #fff;
	background-color: #191919;
	border-color: #191919;
}
.page-banner-header .image-container {
	position: relative;
	overflow: hidden;
	height: 560px;
}

.page-banner-header .image-container .banner-img {
	max-width: 100%;
	height: 100%;
	opacity: 0;
}

.page-banner-header .image-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: 1;
}
.page-register .texto-destaque{
	font-size: 22px;
	margin: 180px auto;
}

.page-contato{
	background-size: cover;
	background-position: top;
	position: relative;
}
.page-contato:after{
	content: '';
	background: #192735;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.9;
}
.page-contato h1{
	font-family: 'LEMONMILK Medium';
	font-size: 42px;
	font-weight: bold;
	letter-spacing: 14px;
	text-transform: uppercase;
}
.page-contato .text-left{
	position: absolute;
	z-index: 2;
	color: #fff;
	bottom: 120px;
	left: 170px;
	font-size: 42px;
	line-height: 42px;
	font-weight: 700;
}
.page-contato .text-left .text-left-yellow{
	color: #d8db52;
	text-transform: uppercase;
}
.page-contato form{
	position: relative;
	z-index: 2;
	background-color: #f2f2f2;
	margin: 30px;
	padding: 80px;
	border-radius: 60px;
	top: 100px;
}
.page-contato form .btn-primary{
	letter-spacing: 5px;
	background-color: #192735;
	border-color: #192735;
	text-transform: lowercase;
	padding: 10px 30px;
	font-weight: 400;
	margin-top: 10px;
}
.page-contato .form-floating>label{
	color: #192735;
	font-size: 14px;
}
.page-contato .form-floating>.form-select~label::after{
	background-color: transparent;
}
.page-contato form .form-control, .page-contato form .form-select{
	border-color: #aaaaaa;
	border-radius: 15px;
	background-color: transparent;
}
.page-contato form .pretty.p-default input:checked~.state label:after{
	background-color: #154060 !important;
}

.page-contato .select2-container--default .select2-selection--multiple, .page-contato .select2-container--default.select2-container--focus .select2-selection--multiple{
	background: transparent !important;
	border-color: #aaa !important;
	border-radius: 15px;
}
.page-contato .pretty .state label{
	font-weight: 400;
	font-family: 'Eras Light ITC';
}

#modal_welcome .modal-body{
	background-color: #262626;
	color: #fff;
	text-align: center;
	padding: 80px;
	border-top: 5px dashed #606060;
	border-bottom: 5px dashed #606060;
}

.btn-close-white {
	color: #fff; /* Cor do ícone */
	background-color: transparent; /* Fundo transparente */
	border: none; /* Sem borda */
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 1.5rem; /* Ajuste o tamanho do ícone conforme necessário */
}
.cart-shopp{
	position: absolute;
	right: 50px;
	font-size: 22px;
	display: flex;
	justify-content: space-evenly;
	width: 100px;
	color: #000;
	cursor: pointer;
	margin-top: 90px;
	margin-left: 50px;
	z-index:9;
}
.cart-shopp i:hover{
	color: #192735;
}
/*
.cart-shopp .badge {
	font-size: 0.75rem;
	padding: 0.5em;
	color: #192735;
	top: -13px;
	right: -2px;
}*/
.cart-shopp .badge {
	font-size: 10px;
	font-weight: 100;
	padding: 3px 5px;
	color: #ffffff;
	top: -12px;
	right: -12px;
	background-color: #192735;
	border-radius: 5px;
}

#favoritos-container {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-color: #192735;
	color: #ffffff;
	overflow-y: auto;
	z-index: 9;
	padding: 60px 0px 10px 60px;
}
#favoritos-container #fechar-favoritos{
	background: transparent;
	border: #262626;
	color: rgb(242 242 242 / 24%);
	font-size: 32px;
	position: absolute;
	right: 35px;
	top: 15px;
	padding: 0px 10px;
}
#favoritos-container .h3{
	font-family: 'LEMONMILK Regular';
	font-size: 48px;
}
#favoritos-container ul {
	font-family: Yu Gothic Semibold;
	list-style-type: none;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 525px;
	margin: 140px auto;
}
#favoritos-container hr{
	background-color: #fff;
}

#favoritos-container li {
	padding: 20px 0px;
	border-bottom: 0.5pt solid rgb(242 242 242 / 20%);
}

#favoritos-container li:last-child {
	border-bottom: none;
}
#favoritos-container  ul li .btn-closed{
	color: rgb(242 242 242 / 24%);
	font-size: 18px;
	margin: -10px 30px;
}

#favoritos-container ul::-webkit-scrollbar-track{
	border: 1px solid black;
	background-color: #F5F5F5;
}

#favoritos-container ul::-webkit-scrollbar{
	width: 10px;
	background-color: #F5F5F5;
}

#favoritos-container ul::-webkit-scrollbar-thumb{
	background-color: #000000;	
}
#favoritos-container .btn-plus-detalhes{
	font-family: 'LEMONMILK Medium';
	color: #fff;
	text-decoration: none;
	font-size: 21px;
}

.kikadinha {
	position: relative;
	border-top: 5px dashed #000;
	margin-top: 330px;
	margin-bottom: 10px;
}

.kikadinha::before {
	content: '';
	width: 15px;
	height: 20px; 
	display: block;
	background-color: #295596;
	position: absolute;
	top: -30px;
	left: 0;
	animation: pular 200ms ease-in-out infinite, andar 40s ease-in-out infinite;
}

.kikadinha2-top {
	position: relative;
	border-top: 5px dashed #f2f2f2;
	top: -65px;
	
}
.kikadinha2-bottom{
	position: relative;
	border-top: 5px dashed #f2f2f2;
	bottom: -65px;
}

.kikadinha2-top::before {
	content: '';
	width: 15px;
	height: 20px; 
	display: block;
	background-color: #f2f2f2;
	position: absolute;
	top: -30px;
	left: 0;
	animation: pular 200ms ease-in-out infinite, andar 40s ease-in-out infinite;
}

@keyframes pular {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-20px);
	}
}

@keyframes andar {
	0%, 100% {
		left: 0;
	}
	50% {
		left: 100%;
	}
}


footer{
	position: relative;
	background-color: #14171a;
	color: #fff;
	font-family: 'Gadugi Normal', sans-serif;
	z-index: 10;
}
footer .brand{
	font-family: 'Minion Variable Concept', sans-serif;
	font-size: 72px;
	font-weight: 600;
}
footer p{
	font-family: 'Gadugi normal', sans-serif;
	font-size: 14px;
	line-height: normal;
}
footer h5{
	font-family: Segoe UI Light;
	font-size: 36px;
	font-weight: 100;
	letter-spacing: 1px;
	margin-bottom: 40px;
}
footer nav ul{
	list-style: none;
	margin-left: -30px;
	margin-bottom: 30px;
}
footer nav ul li{
	font-family: Segoe UI Light;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 25px;
}
footer nav ul li i{
	color: #769deb;
}
footer nav .plus{
	line-height: 30px;
	font-size: 14px;
}
footer nav .bar{
	width: 10px;
	height: 21px;
	background-color: #fff;
	border-radius: 20px;
	display: flex;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}
footer form .form-control, footer form .form-control:focus{
	font-family: Segoe UI Light;
	margin: 5px auto;
	background-color: transparent;
	color: #fff;
	border-radius: 15px;
	border-color: #a3a3a3;
}
footer form .form-control::placeholder {
	color: #fff;
	text-transform: uppercase;
}
footer form .btn{
	background-color: #39547a;
	border-color: #39547a;
	color: #ffffff;
	border-radius: 15px;
	margin: 5px auto;
	width: 100%;
	text-transform: uppercase;
}
footer form .contact p, footer form .contact span{
	font-size: 16px;
}
footer form .contact span{
	letter-spacing: 2px;
}
footer .policy a {
	color: #fff;
	text-decoration: none;
	margin-right: 10px;
	font-size: 16px;
	font-family: 'Minion Pro Regular';
}
footer .policy .p-right{
	margin-right: 180px;
}
footer .divider{
	border-left: 2px solid #fff;
	margin-right: 15px;
	position: relative;
	top: 3px;
}


.form-control:focus{
	outline: none !important;
	border-color: #192735;
	box-shadow: 0 0 0 .1rem #000;
}

.select2-container--default .select2-selection--multiple{
	padding: 16px !important;
	border: 1px solid #dee2e6 !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
	border: 1px solid #dee2e6 !important;
}

#editar-perfil .up-photo{
	cursor: pointer;
}
#editar-perfil .up-photo .up-photo-150{
	max-width: 150px;
	height: 150px;
	border: 3px solid #b7b7b7;
}
#editar-perfil .up-photo .up-photo-450{
	max-width: 450px;
	height: 200px;
	border: 1px dashed #909090;
}
#editar-perfil .up-photo .up-file{
	display: none;
}


.shared{
	margin-top: 270px;
}
.shared .title {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 100px;
	margin-bottom: 35px;
	color: #595959;
}

.shared .share-social {
	display: flex;
	justify-content: flex-start;
	margin-left: -30px;
	margin-bottom: 60px;
}

.shared .share-social .share-icon {
	list-style: none;
	margin-right: 10px;
}

.shared .share-social .share-icon a {
	display: block;
	width: 65px;
	height: 65px;
	line-height: 60px;
	text-align: center;
	font-size: 30px;
	color: #383838;
	text-decoration: none;
	border: 2px solid #383838;
	border-radius: 50%;
}

.shared .share-social .share-icon a:hover {
	background-color: #383838;
	color: #ffffff;
}
.about-porfolio{
	position: relative;
	overflow: hidden;
	background-color: #f2f2f2;
	padding: 150px;
}
.about-porfolio .port-name{
	font-family: 'Segoe UI Light';
	font-size: 32px;
	padding: 45px;
}
.about-porfolio .vertical-text {
	font-family: 'LEMONMILK Medium';
	writing-mode: vertical-rl;
	text-orientation: upright;
	transform: rotate(360deg);
	font-size: 6rem;
	font-weight: bold;
	text-transform: uppercase;
}
.about-porfolio .portfolio-item {
	margin-bottom: 30px;
}
.about-porfolio .portfolio-item img {
	max-width: 100%;
	height: auto;
}
.about-porfolio .portfolio-item h5 {
	margin-top: 10px;
}
.about-porfolio .item-top{

}
.about-porfolio .item-bottom{
	position: relative;
	bottom: -180px;
}

.owl-slider-about .owl-dots{
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	flex-direction: column;
}
.owl-slider-about .owl-dots .owl-dot span {
	border: 1px solid #192735;
	background-color: transparent;
}
.owl-slider-about .owl-dots .owl-dot.active span{
	background-color: #192735;
}

.right-container-ball {
	position: absolute;
	right: 0;
	margin: 280px auto;
	width: 40px;
}

.left-container-ball {
	position: absolute;
	left: -45px;
	margin: 280px auto;
}

.left-container-ball .ball,
.right-container-ball .ball {
	width: 80px;
	height: 80px;
	background-color: #192735;
	border-radius: 50%;
	margin: 50px 0;
}

.left-container-ball .half-ball {
	clip-path: inset(0 0 0 50%); /* Corta a metade esquerda das bolinhas */
}

.right-container-ball .half-ball {
	clip-path: inset(0 50% 0 0); /* Corta a metade direita das bolinhas */
}

#scrollToTopBtn {
	position: fixed;
	bottom: 92px;
	right: 20px;
	display: none;
	background-color: #a1aab7;
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 64px;
	height: 64px;
	font-size: 20px;
	cursor: pointer;
	transition: opacity 0.3s;
	z-index: 15;
}

#scrollToTopBtn:hover {
	opacity: 0.8;
}
@media only screen and (max-width: 900px) {
	#scrollToTopBtn{
		right: 25px;
	}
}

#depoimentos.section-web h3{
	margin-bottom: 80px;
}


/* CUSTOMIZE ITENS */
.dropdown-toggle::after{
	visibility: hidden;
}
.nav-link:hover.dropdown-toggle::after{
	visibility: hidden;
}

.fade-out {
	opacity: 0;
	transition: 1.5s;
}

/* Estilos para dispositivos móveis 
@media (max-width: 991.98px) {
	.submenu {
		display: none;
	}

	.submenu.show {
		display: block
		padding-left: 20px;
	}

	.nav-link::after {
		display: none;
	}
}*/

/* Estilos para desktop (acima de 992px) */
@media (max-width: 991.98px) {
	.header .navbar .submenu {
		display: none; /* Esconde os submenus no mobile */
	}

	.header .navbar .submenu.show {
		display: block; /* Mostra o submenu quando a classe 'show' é aplicada no mobile */
		padding-left: 20px;
	}

	/* Remover a seta de dropdown padrão do Bootstrap no mobile */
	.header .navbar .nav-link::after {
		display: none;
	}

	.header .navbar .submenu .sub-link {
		display: flex;
		border-bottom: 2px solid #c1c1c1;
		padding: 7px 13px;
		margin: auto 15px;
		width: 85%;
		color: #000;
		font-size: 14px;
		font-weight: 300;
		font-family: Segoe UI Light;
		white-space: normal;
		text-decoration: none;
	}
	.header .navbar-nav li:first-child {
		padding-top: 15px;
		border-radius: 40px 40px 0px 0px;
	}
	.header .navbar-nav .nav-item{
		background-color: #f2f2f2;
		border-bottom: 0.12em solid #8b9299;
	}
	.header .navbar-nav .nav-item.active{
		background-color: #e7e9eb;
	}
	.header .navbar-nav .nav-item::after{
		display: none;
	}
	.header .navbar-nav .nav-item-login{
		background-color: #8227b7;
		padding: 22px;
		border-radius: 0px 0px 40px 40px;
		letter-spacing: 2px;
	}
	.header .navbar .nav-item a{
		padding-left: 40px;
	}
	.header .navbar-nav .nav-item-login{
		color: #fff;
	}
	.header .navbar-nav .nav-item-login a{
		color: #fff;
		text-decoration: none;
		font-size: 18px;
	}
	.header .navbar-collapse{
		position: relative;
		top: 50px;
		background: #fff;
		padding: 20px;
		margin: -20px;
	}

	.header .navbar-nav .nav-item-login .dropdown-menu{
		background: #8227b7;
		border: 0;
	}

	.header .navbar-nav .nav-item-login .dropdown-item:focus, .header .navbar-nav .nav-item-login .dropdown-item:hover{
		background: #621291;
	}

	.publication .publication-footer hr{
		margin-left: 15px;
		margin-right: 15px;
	}
	footer .policy a {
		width: 100%;
		display: flex;
		margin-bottom: 20px;
	}
	footer .divider{
		display: none;
	}

	.page-banner-header .banner-header-title{
		font-size: 32px;
	}

	.portfolio .portfolio-overlay .portfolio-title{
		font-size: 38px;
		line-height: 42px;
	}

	.portfolio .portfolio-overlay .hexagon{
		width: 100px;
		height: 40px;
	}

	.mobile-margin{
		margin-left: 50px;
		margin-right: 50px;
	}

	.card-information .card{
		min-height: 300px;
		padding: 80px 20px;
	}
	.card-information .card .card-body p{
		font-size: 14px;
	}
	.page-banner-header.slider p{
		/*height: 150px;*/
		overflow-y: scroll;
	}
	.page-web {
		margin: 0px 0px !important;
		padding: 0 40px !important;
	}
	.card-pacotes {
		margin: 100px 40px !important;
	}
	.owl-carousel-promotion .owl-item.center h2 {
		font-size: 25px;
	}
	.header .navbar-nav .nav-item:hover .nav-link, .header .navbar-nav .nav-item .nav-link.active{
		border: 0;
	}
	footer .policy .p-right {
		margin-right: 0;
	}
	.portfolio {
		margin-bottom: -150px !important;
	}
	.kikadinha2-top{
		top: -65px;
	}

	section.publication{
		padding-top: 80px !important;
	}
}
@media (min-width: 992px) {
	.header .navbar .submenu {
		display: none; 
		position: absolute;
	}

	.header .navbar .nav-item:hover .submenu {
		display: block;
	}

	.header .navbar .nav-link::after {
		display: inline-block;
	}

	.header .navbar .submenu .nav-link{
		border-bottom: 2px solid #c1c1c1;
		padding: 7px 13px;
		margin: auto 15px;
		width: 85%;
		font-size: 14px;
		font-weight: 300;
		font-family: Segoe UI Light;
		white-space: normal;
	}

	.header .navbar .nav-item.sub-menu:hover .submenu {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.15s ease-in-out;
		background: #fff;
		border: 2px solid #dcdcdc;
		border-radius: 30px 30px 20px 20px;
		margin: 30px -20px;
		z-index: 10;
	}

	.header .navbar .submenu .sub-link {
		display: flex;
		border-bottom: 2px solid #c1c1c1;
		padding: 7px 13px;
		margin: auto 15px;
		width: 85%;
		color: #000;
		font-size: 14px;
		font-weight: 300;
		font-family: Segoe UI Light;
		white-space: normal;
		text-decoration: none;
	}

}

/* ===== INÍCIO: media.css ===== */

@media(max-width: 425px){
	.publication .publication-card .publication-title{
		font-size: 1rem;
		min-height: 60px;
	}
	.section-web h3, .page-web h1{
		font-size: 28px;
	}
	.card-information .card .card-body h4 {
		font-size: 16px;
	}
	.testimonial-card .testimonial-info .testimonial-name {
		font-size: 18px;
	}
	.testimonial-card .testimonial-info p {
		font-size: 16px;
	}
	.header .brand{
		margin-left: 40px;
	}
}
@media(max-width: 350px){
	.page-portfolio .portfolio-menu .btn-default{
		font-size: 10px;
	}
}
@media(min-width: 351px){
	.page-portfolio .portfolio-menu .btn-default{
		font-size: 12px;
	}
}
@media (min-width:320px) {
	.publication .publication-card {
		margin: auto 1rem;
	}
	.header .top{
		flex-direction: column;
		margin-bottom: -20px;
	}
	.header .loggin{
		margin: auto;
		font-size: 14px;
	}
	.header .navbar-nav .nav-item::after {
		width: 0;
		height: 10px;
		bottom: 0px;
		left: 57%;
	}
	.cart-shopp{
		margin-top: 40px;
	}
	.cloud-bar, .cloud-bar-reverse{
		width: 75%;
	}

	.slider .item .owl-slider-info h4{
		font-size: 36px;
	}
	.slider .item .owl-slider-info p {
		font-size: 16px;
	}
	.slider .item .owl-slider-info .linebar{
		width: 100px;
		height: 10px;
	}
	.slider .item .owl-slider-info a{
		margin-top: 160px;
	}
	.clients{
		text-align: center;
	}
	.clients h3{
		text-align: center;
	}
	.clients .box-clients{
		margin: 80px 40px;
	}
	.clients img{
		width: 200px;
	}
	.testimonial-card {
		padding: 80px 30px;
		margin: 0px;
	}
	.testimonial-card .testimonial-info {
		padding: 30px 0px;
	}
	.nav-social ul{
		margin-left: -15px;
	}
	footer{
		padding: 80px 0px;
	}

	.page-portfolio .portfolio-menu .btn-default{
		margin-left: 10px;
		padding: 0;
	}
	.page-portfolio .portfolio-menu .btn-border-bottom:after{
		top: 20px;
	}
	.page-portfolio hr{
		margin: 1rem 15%;
	}
	.page-portfolio .portfolio-gallery {
		margin: 50px -60px 50px -45px;
	}

	.publication{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.page-web {
		margin: 0px 40px;
	}
	.card-pacotes {
		margin: 100px 0;
	}
	.about-porfolio{
		padding: 0;
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 42px;
		padding-right: 60px;
	}
	.about-porfolio .port-name {
		font-size: 18px;
		padding: 5px;
	}
	.about-porfolio .vertical-text {
		font-size: 2.5rem;
	}
	.about-porfolio .portfolio-item {
		margin-bottom: 50px;
	}
	.about-porfolio .item-bottom {
		position: relative;
		bottom: 0;
	}
	.page-montar-pacote h4 {
		font-size: 22px;
	}
	.page-contato .text-left {
		position: relative;
		bottom: -80px;
		left: 30px;
		font-size: 22px;
		line-height: 30px;
		margin-top: 150px;
	}
	.page-contato form {
		margin-left: 60px;
		margin-right: 20px;
		margin-bottom: 90px;
		padding: 80px 25px;
		border-radius: 20px;
		top: 130px;
	}
	.page-contato h1 {
		font-size: 22px;
		letter-spacing: 6px;
		text-align: center;
	}
	.page-contato .justify-content-center{
		flex-direction: column;
	}
	.page-contato .pretty{
		font-size: 12px;
		white-space: normal;
	}
	.page-register .pretty{
		margin: 40px 0;
		white-space: normal;
	}

	@keyframes expandHeight1{
		to{
			height: 390px;
		}
	}

	#favoritos-container{
		width: 100%;
		padding: 60px 0px 10px 0px;
	}
	#favoritos-container .h3 {
		font-size: 40px;
		margin-left: 10px;
	}
	#favoritos-container li{
		font-size: 12px;
	}

	.mobile-left{
		padding-left: 50px;
	}
	.page-banner-header .mobile-left{
		padding-left: 80px !important;
	}
	.page-banner-header .btn{
		font-size: 16px;
		padding: 10px 10px;
	}

}

@media (min-width:375px){
	.section-web h3, .page-web h1{
		font-size: 36px;
	}
	.card-information .card .card-body h4{
		font-size: 22px;
	}
	.testimonial-card .testimonial-info .testimonial-name{
		font-size: 28px;
	}
	.testimonial-card .testimonial-info p{
		font-size: 24px;
	}

	@keyframes expandHeight1{
		to{
			height: 555px;
		}
	}
}

@media (min-width:425px) { 
	.publication .publication-card .publication-title{
		font-size: 1.7rem;
		margin: 30px 0;
		height: auto;
	}
	.section-web h3, .page-web h1{
		font-size: 36px;
	}
	.clients h3{
		margin-left: -110px;
	}
	.owl-carousel-promotion .owl-item:not(.center):after {
		left: 22px;
	}
	.nav-social ul li a{
		width: 44px;
		height: 44px;
		font-size: 26px;
		border-radius: 10px;
	}
	.nav-social ul li a.icon-spotify {
		font-size: 44px;
	}
	.nav-social ul{
		margin-left: -25px;
	}
	@keyframes expandHeight1{
		to{
			height: 639px;
		}
	}
	.header .navbar-nav .nav-item::after {
		left: 53%;
	}
	#favoritos-container .h3 {
		margin-left: 20px;
	}
	#favoritos-container li{
		font-size: 14px;
	}
	.card-information .card .card-body h4{
		font-size: 25px;
	}
}

@media(min-width: 768px){
	.mobile-left {
		padding: 0;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.menu-mobile-page::after {
		margin: 5px -30px;
	}
	.owl-carousel-promotion .owl-item:not(.center) h2 {
		font-size: 18px;
		padding: 0 50px;
	}
	.clients h3 {
		margin: auto;
	}
	.offset-lg-2 {
		margin-left: 16.66666667%;
	}
	.card-information .card {
		min-height: 400px;
	}
}

@media (min-width:600px) {
	footer{
		text-align: center;
	}
	footer nav .bar{
		position: absolute;
		left: 340px;
	}
	#form_newsleeter{
		width: 70%;
		margin-left: 15%;
	}
	#favoritos-container li{
		font-size: 25px;
	}

	@keyframes expandHeight1{
		to{
			height: 560px;
		}
	}
	.page-contato .justify-content-center {
		flex-direction: row;
	}
}

@media (min-width:801px) {
	.header .top {
		flex-direction: row;
	}
	.header .navbar-nav .nav-item::after {
		height: 20px;
		bottom: -42px;
	}
	@keyframes expandHeight1{
		to{
			height: 250px;
		}
	}
	.owl-carousel-promotion .owl-item:not(.center):after {
		left: 30px;
	}
}

@media (min-width:992px) {
	.header .loggin{
		margin: auto 130px;
		font-size: 16px;
	}
	.header .navbar .nav-item .nav-link{
		font-size: 16px;
		margin: auto 10px;
	}
	.portfolio .portfolio-overlay .portfolio-title{
		font-size: 18px;
	}
	#favoritos-container {
		width: 40%;
		padding: 60px 0px 10px 60px;
	}
	#favoritos-container .h3 {
		margin-left: 0px;
		font-size: 48px;
	}
	.cart-shopp{
		right: 150px;
	}
	footer {
		text-align: left;
	}
	#form_newsleeter {
		width: 350px;
		margin-left: 0;
	}
}

@media(min-width: 992px) and (max-width: 1292px){
	.page-banner-header.slider .image-container-owl{
		height: 560px;
	}
	.clients h3 {
		margin: 0;
	}
	.card-information .card{
		min-height: 520px;
	}
	.owl-testimonial .item{
		min-height: 550px;
	}
}

@media (min-width:1281px) {
	.header .top {
		margin-bottom: -50px;
	}
	.header .brand{
		position: relative;
		left: 100px;
	}
	.header .loggin{
		margin-right: 0px;
		position: relative;
		right: 80px;
	}
	.header .navbar-nav .nav-item::after {
		width: 0;
		height: 30px;
		bottom: -40px;
		/*left: 50%;*/
	}
	.header .navbar .nav-item .nav-link {
		font-size: 18px;
		margin: auto 20px;
	}
	.cart-shopp {
		right: -20px;
	}
	.cloud-bar, .cloud-bar-reverse{
		width: 35%;
	}
	.slider .item .owl-slider-info h6{
		font-size: 23px;
	}
	.slider .item .owl-slider-info h4{
		font-size: 92px;
	}
	.slider .item .owl-slider-info p{
		font-size: 24px;
		line-height: 27px;
	}
	.slider .item .owl-slider-info .linebar {
		width: 150px;
		height: 15px;
	}
	.slider .item .owl-slider-info a{
		font-size: 18px;
		margin-top: 90px;
	}
	.portfolio .portfolio-overlay .portfolio-title {
		font-size: 32px;
	}
	.section-web h3, .clients h3, .page-web h1{
		font-size:56px;
	}
	.owl-carousel-promotion .owl-item:not(.center):after {
		left: 42px;
	}
	.clients .box-clients {
		margin: 50px 80px;
	}
	.publication .publication-card .publication-title{
		font-size: 2rem;
		min-height: 115px;
	}
	.publication .publication-card {
		margin: 3rem;
	}
	.testimonial-card{
		padding: 80px 40px;
	}
	.testimonial-card .testimonial-info{
		padding: 80px 0px;
	}
	.testimonial-card .testimonial-info .testimonial-name {
		font-size: 32px;
	}
	.testimonial-card .testimonial-info p{
		font-size: 22px;
	}
	.nav-social{
		top: 330px;
		left: 40px;
	}
	.nav-social ul li a{
		width: 48px;
		height: 48px;
		font-size: 28px;
		border-radius: 15px;
	}
	.nav-social ul{
		margin-left: -25px;
	}
	footer{
		padding: 0;
	}
	footer nav .bar{
		position: unset;
	}
	.page-portfolio .portfolio-menu .btn-default{
		font-size: 16px;
	}
	.page-portfolio .portfolio-gallery {
		margin-top: 200px;
		margin-right: calc(-.5* var(--bs-gutter-x));
		margin-left: calc(-.5* var(--bs-gutter-x));
	}
	.publication{
		margin-top: 180px;
		margin-bottom: 180px;
	}
	.page-web {
		margin: 150px auto;
	}
	.card-pacotes {
		margin: 250px 0;
	}
	.about-porfolio{
		padding: 150px;
	}
	.about-porfolio .port-name {
		font-size: 32px;
		padding: 45px;
	}
	.about-porfolio .vertical-text {
		font-size: 6rem;
	}
	.about-porfolio .portfolio-item {
		margin-bottom: 30px;
	}
	.about-porfolio .item-bottom {
		position: relative;
		bottom: -180px;
	}
	.page-montar-pacote h4 {
		font-size: 42px;
	}
	.page-contato .text-left {
		position: absolute;
		bottom: 120px;
		left: 170px;
		font-size: 42px;
		line-height: 42px;
	}
	.page-contato form {
		margin: 30px;
		padding: 80px;
		border-radius: 60px;
		top: 100px;
	}
	.page-contato h1 {
		font-size: 42px;
		letter-spacing: 14px;
	}
	.page-contato .justify-content-center{
		flex-direction: row;
	}
	.page-contato .pretty{
		font-size: 22px;
		white-space: normal;
	}
	.page-register .pretty{
		margin: 40px 0;
		white-space: normal;
	}
	@keyframes expandHeight1{
		to{
			height: 500px;
		}
	}
	.mobile-left{
		padding-left: 0;
	}
	.page-banner-header .btn{
		font-size: 20px;
		padding: 10px 20px;
	}
	.page-banner-header .image-container::before {
		background-image: url('../images/woman.1@150x.png');
	}	
}
@media(min-width: 1800px){
	@keyframes expandHeight1{
		to{
			height: 650px;
		}
	}
}


@media (max-width: 767px) {
	.mobile-show{
		display: block;
	}
	.desktop-show{
		display: none;
	}
	.page-banner-header .image-container::before {
		background-image: url('../images/woman.2@150x.png');
	}
}

@media only screen and (max-width: 500px) {
	.g-recaptcha {
		transform:scale(0.77);
		transform-origin:0 0;
	}
}
@media only screen and (max-width: 360px) {
	.g-recaptcha {
		transform: scale(0.60);
		transform-origin: 0 0;
	}
	.page-contato h1 {
		font-size: 16px;
	}
}

/* ===== INÍCIO: slider.css ===== */

.car-promo {
	position: relative;
	z-index: 5;
	margin: 60px;
}
.car-promo-tag {
	text-transform: uppercase;
	background-color: #000;
	color: #fff;
	font-size: 2.5rem;
	width: 100%;
	max-width: 350px;
	border-radius: 20px 20px 50px 20px;
	padding: 1rem 2.5rem;
	position: relative;
	top: 10px;
	left: 65px;
}
.car-promo .car-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
}
.car-promo .car-content .car-elements{
	width: 100%;
}
.car-promo-retangulo {
	width: 180px;
	height: 400px;
	border: 2px solid #717171;
	border-radius: 20px 10px 170px 100px;
	position: relative;
	top: -40px;
	z-index: -1;
	float: left;
	margin-right: 20px;
}
.car-promo-title {
	font-family: "Source Sans 3", sans-serif;
	font-size: 5.625rem;
	font-weight: bold;
	line-height: 1.1;
	margin: 20px;
}
.car-promo-title p {
	margin: 0;
}
.car-promo-image {
	position: relative;
}
.car-promo-image img {
	max-width: 900px;
}

@media (max-width: 768px) {
	.car-promo {
		margin: 30px 20px;
	}
	.car-promo-tag {
		font-size: 1.5rem;
		top: 10px;
		left: 20px;
		padding: 0.75rem 1.5rem;
	}
	.car-promo-retangulo {
		top: -20px;
		max-width: 120px;
		height: 300px;
	}
	.car-promo-title {
		font-size: 3.75rem;
	}
	.car-promo-image img {
		max-width: 500px;
	}
}

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

@media (max-width: 375px) {
	.car-promo {
		margin: 30px 10px;
		padding: 160px 0px;
	}
	.car-promo .car-content {
		flex-direction: column;
	}
	.car-promo-tag {
		font-size: 1.25rem;
		top: 5px;
		left: 10px;
		padding: 0.5rem 1rem;
		max-width: 170px;
	}
	.car-promo-retangulo {
		top: -10px;
		max-width: 70px;
		height: 200px;
	}
	.car-promo-title {
		font-size: 2.6rem;
	}
	.car-promo-image img {
		max-width: 250px;
		margin: 20px;
	}
}

@media (max-width: 320px) {
	.car-promo .car-content {
		flex-direction: column;
	}
	.car-promo-tag {
		font-size: 1.25rem;
		top: 5px;
		left: 10px;
		padding: 0.5rem 1rem;
		max-width: 170px;
	}
	.car-promo-retangulo {
		top: -10px;
		max-width: 70px;
		height: 200px;
	}
	.car-promo-title {
		font-size: 2.5rem;
	}
	.car-promo-image img {
		max-width: 250px;
		margin: 20px;
	}
}