/*formatação dos textos*/

.text-h60 {
	font-family: 'Montserrat', sans-serif;
	font-size: 60px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #27313D;
	line-height: 72px;
}

.text-h40 {
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #27313D;
	line-height: 48px;
}

.text-h24 {
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #27313D;
	line-height: 32px;
}

.text-h18 {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #27313D;
	line-height: 22px;
}

.text-h16 {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #27313D;
	line-height: 24px;
}

.text-h14 {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #27313D;
	line-height: 22px;
}

.text-l-h14, .economia {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	letter-spacing: -0.01em;
	color: #525A63;
	line-height: 22px;
}

.economia {
	display: none;
	padding: 15px;
	border-radius: 4px;
	background: #f4f4f4;
	margin-top: -8px;
}

.economia b{
	color: #13BC2F;
	font-size: 18px;
}

.more-info-sticky {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 1;
	background: #fff;
	padding: 8px;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.menu-funcionalidades {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 1; 
	background: #00496d;
	padding: 2px;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	

}
/* Menu drop down da parte de funcionalidades */
.dropdown-menu {
	text-align: center;
	background-color: #018fd6;
	
	
}
.dropdown-item{
	color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 500;
}

.text-l-h20 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	letter-spacing: -0.01em;
	color: #27313D;
	line-height: 32px;
}

.text-l-h16 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #707070;
	line-height: 24px;
}

.text-p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	letter-spacing: -0.01em;
	color: #525A63;
	line-height: 24px;
}

.panel-feature {
	display: flex;
	width: 100%;
	height: 100%;
	bottom: 0;
	right: 0;
	background-image: url(../img/user-working.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.panel-feature:before {
	position: absolute;
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	bottom: 0;
	opacity: 0.4;
	background-image: linear-gradient(rgba(0, 129, 195, 0), #0081c3);
	z-index: 0;
}

.form-control-lg {
	font-size: 16px;
}


img {
	height: auto;
	max-width: 100%;
	border: 0;
}

.card-featured {
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}

.topbar {
	padding: 16px;
	background: #fff;
	border-bottom: 1px solid #e4e4e4;
}

header {
	position: relative;
	z-index: 2;
}

section.destaque {
	padding: 130px 0;
	margin-top: -90px;
	margin-bottom: -44px;
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: -44px;
	background-size: 70%;
}

section.destaque-preco {
	padding: 130px 0 0;
	height: 945px;
	margin-top: -90px;
	background-image: url(../img/waves-top-2.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

section.destaque-parceiros {
	padding: 0;
	height: 720px;
	margin-top: -90px;
	background-image: url(../img/img-destaque-parceiros.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
section.destaque-funcionalidades {
	padding: 0;
	height: 160px;
	margin-top: -90px;
	background-image: url(../img/waves-top-2.jpg);
	background-repeat: no-repeat;
	background-position: top;

}

section.destaque-preco .text-h40,
section.destaque-preco .text-l-h20 {
	color: #ffffff!important;
}

.navbar-collapse .nav-link {
	padding: 16px;
	border-bottom: 2px solid transparent;
}

.item-active, .navbar-collapse .nav-link:hover {
	border-bottom: 2px solid #FFFFFF!important;
	-webkit-transition: all .3s ease;
	transition: all .2s ease;
}

.see-more {
	padding: 10px 20px;
	background-color: #ffffff;
	border: 1px solid #c9c9c9;
	border-radius: 30px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 600;
}

#how-to-use {
	margin-top: 58px;
	padding: 42px 24px;
	border-top: 1px solid #e4e4e4;
}

#testimonials {
	padding: 50px 25px;
	background-color: #f6f6f6;
}

.navbar-menu {
	padding: 15px 0;
}

.btn {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	padding: 10px 20px;
	border-width: 2px;
	font-weight: 600;
}

/* Classe pra logo do Startup Sc no footer */
.startup{
	
		max-width:200px;
		max-height:150px;
		width: auto;
		height: auto;
	
}

.navbar .btn.btn-primary {
	background-color: #00496D;
	border-color: #00496D;
}

.btn-success.btn-lg {
	padding: 15px 45px;
}

#displays img {
	width: 100%;
}

ul.nav-menu {
	display: inline-block;
	padding: 15px 0;
	margin: 0;
	list-style: none;
}

ul.social-links {
	display: inline-block;
	padding: 15px 0;
	margin: 0;
	list-style: none;
}

.social-item {
	display: inline-block;
}

.social-item i {
	font-size: 21px;
	color: #00496D;
	margin: 0 6px;
}

footer {
	padding: 8px 0 0;
}

.list-items {
	list-style: none;
	padding: 0;
	margin: 0;
}

.list-item a{
	display: block;
	text-decoration: none;
	color: #525A63;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 10px;
}


.nav-item .nav-link {
	padding-right: 1rem;
	padding-left: 1rem;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff!important;
	text-decoration: none;
}
/*  das funcionalidades */
.nav-itemfuncionalidades .nav-linkfuncionalidades {
	padding-right: 1rem;
	padding-left: 1rem;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

.portlet-item {
	display: inline-block;
	width: 100%;
}

.portlet-image {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}

.portlet-image img {
	width: 18px;
}

.portlet-content {
	display: inline-block;
}

.user-image {
	width: 48px;
	height: 48px;
}

li.nav-item {
	margin: 0 6px;
}

.depoimento-01 {
	background-image: url("../img/depoimento-01.jpg");
	background-position: center;
	background-size: cover;
}

.depoimento-02 {
	background-image: url("../img/depoimento-02.jpg");
	background-position: center;
	background-size: cover;
}

.depoimento-03 {
	background-image: url("../img/depoimento-03.jpg");
	background-position: center;
	background-size: cover;
}

#primeiro-passo {
	padding: 50px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.copyright {
	margin-top: 30px;
	border-top: 1px solid #ccc;
	padding: 25px 0;
	text-align: center;
}

.social {
	text-align: center;
}

.nav-pills {
	border-radius: 30px;
	padding: 5px;
}

.nav-fill {
	background-color: #ffffff;
}

.nav-item .nav-link.active {
	border-radius: 30px;
}

.nav-pills .nav-item .nav-link {
	color: #007bff;
}

.nav-pills .nav-item .nav-link.active {
	border-radius: 30px;
	background-color: #007bff;
	color: #ffffff;
}

#precos {
	margin-top: -500px;
}

.tabela-precos {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 3px 50px 0 #c5c5c5;
}

.tabela-precos .row {
	margin: 0;
}

.tabela-precos .plano {
	padding: 0;
}

.plano-body {
	padding: 15px 15px 25px;
}

.plano {
	border-right: 1px solid #ccc;
	text-align: center;
}

.plano:last-of-type {
	border: 0;
}

.plano-tipo {
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #27313D;
	line-height: 48px;
}

.plano-features {
	list-style: none;
	padding: 0px;
	margin: 0;
}

.plano-features li {
	display: block;
	margin-bottom: 20px;
}

.plano-preco {
	display: inline-block;
	margin-bottom: 15px;
}

.plano-preco > div:first-of-type {
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #13BC2F;
}

.plano-preco sup {
	display: inline-block;
	font-size: 14px;
	color: #13BC2F;
}

table.more-info th,
table.more-info td {
text-align: center;
}

table.more-info th:first-of-type{
	text-align: left;
}

table.more-info thead th,
table.more-info thead td {
	border-top: 0;
}

table.more-info td .fa-check {
	color: #13BC2F;
}

table.more-info {
	border-top: 0;
}

.nx-navbar-toggler {
	padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: #FFFFFF;
	border: 1px solid transparent;
	border-radius: .25rem;
	cursor: pointer;
	outline: none!important;
}

.nx-navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: url("../img/menu.png");
	background-size: 100% 100%;
}

.form-register {
	max-width: 500px;
	padding: 20px 0 40px;
}

.card-badge {
	display: inline-block;
	position: absolute;
	top: -15px;
	background-color: #0CB900;
	font-family: 'Montserrat', sans-serif;
	color: #ffffff;
	border-radius: 4px;
	padding: 5px 28px;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
}

.close {
	opacity: 1!important;
}

.msgError {
	display: none;
	width: 100%;
    background: #8f3f41bd;
    border: 1px solid #8f3f41bd;
    border-radius: 5px;
    padding: 5px;
}

.msgError div {
	color: white;
	font-weight: 600;
}

.erro {
	background-color: #e26f722e !important;
	border: 1px solid;
	border-color: #e26f722e !important;
	box-shadow: 0 0 0 0.2rem #e26f722e !important;
}

.erro input {
	color: white;
}

.erro input::-webkit-input-placeholder {
	color: white;
}

@media screen and (max-width: 992px) {
	.menu-funcionalidades {
		display: none;
	}

	#menu {
		overflow-y: auto;
	}

	#divBtnEntrar {
		position: static !important;
		bottom: 0 !important;
	}
	#funcionalidades{
		display:none;
	}
}
@media screen and (min-width: 992px) {
	#funcionalidades-drop{
		display: none;
	}
	}