@charset "utf-8";
/* CSS Document */
#main {margin-top:115px;background-size:cover;background-position:center;padding:0px;}
h3{font-weight: bold;font-size: 28px;line-height: 25px;letter-spacing: 0.02em;}
p {font-size: 16px;line-height: 24px;letter-spacing: 0.02em;}
.media {display: flex;align-items: flex-start;}
.media h3 {font-size: 18px;line-height: 24px;}
.media p {font-size: 14px;line-height: 21px;}
.btn.large{font-size: 18px;color: #FFFFFF !important;background-color: #c6436a !important;}
.btn.large:hover{color: #FFFFFF !important;background-color: #c6436a !important;}
#subdomain {color:#FFFFFF;padding-top: 4rem;padding-bottom: 4rem;color: #fff;background: #c35769;background-image: linear-gradient(to bottom right,#c35769 0%,#c84f8b 100%);position: relative;}
#subdomain h2 {color:#FFFFFF;}
#subdomain form {background: #FFFFFF;box-shadow: 0 20px 40px 0 rgb(0 0 0 / 20%);border-radius: 4px;height: 80px;}
#subdomain input[type=text]  {font-size: 32px;border: 0px;height: 80px;text-align: right;}
#subdomain .input-group-addon {line-height: 80px;font-size: 32px;color: #c6436a;margin-right: 1rem;}
#subdomain button  {font-size: 18px;height: 80px;width: 100%;border-radius: 0px;}
#subdomain input:focus{outline: none !important;border-color: inherit;-webkit-box-shadow: none;box-shadow: none;}
@media screen and (max-width: 480px) {
	#main {margin-top: 48px;}
	h1{font-size: 28px;line-height: 1.1em;}
	h3{font-size: 21px;line-height: 25px;}
}
.badge-primary {display: inline;border-radius: 50px;padding: 2px 10px;font-size: 13px;}
.hero {background-size: cover;position: relative;color: #fff;height: 660px;max-height: 100vh;background-position: center center;text-shadow: 0 0 30px rgb(0 0 0 / 80%)}
#main .h1 {color:#FFFFFF;}
h4.card-title {font-size: 1.5rem;font-weight: 700;line-height: 1.2;}
#price h2 {font-size: 2rem;}
#price h5{font-size: 1.25rem;}
#price #prioritas h4,#price #prioritas p,#price #prioritas span {color:#FFF !important;}
#price h4 {font-size: 1.8rem;}
#price #prioritas p {color:#FFFFFF !important; font-size: 1rem;font-weight: 400;line-height: 1.5;margin-bottom: 1rem;}
#price #prioritas table {font-size: 14px;border-spacing: 0px;}
#price #prioritas .btn-outline-white {width: 100%;text-align: center;background-color:#897447;border:1px #FFFFFF solid;color:#FFFFFF !important;}
#price #prioritas .btn-outline-white:hover {color:#FFFFFF !important;}
#price .table {border-spacing: 0px;}
#price .table thead th {vertical-align: bottom; border-bottom: 2px solid #bfc4ca;}
#price .table th,#price .table td {padding: 0.75rem;vertical-align: top;border-top: 1px solid #bfc4ca;}
#price .lead {font-size: 1.2rem;font-weight: 300;}
#price .card {box-shadow: 0 5px 10px rgb(73 84 100 / 5%);border-color: transparent;}

#services small ul,.card-body ul {display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;}
	
.btn.prioritas, .btn.prioritas:hover {background-color:#897447 !important;}
.btn.prioritas.border, .btn.prioritas.border:hover {border:1px solid #897447 !important;background-color:#FFFFFF !important;color:#897447  !important;}
.home-feature {position: relative;}
.home-feature .home-feature-wave {width: 125%;margin-left: -25%;position: absolute;z-index: 0;}
@media screen and (max-width: 480px) {
	.btn.prioritas {width:100%;margin-bottom:20px;}
	.home-feature .home-feature-wave {top: 0px !important;right: 0px ;}
}
@media (min-width: 768px) {
	.home-feature {padding-bottom: 90px;}
	.home-feature .home-feature-wave {width: 100%;margin: 0;}
}
@media (min-width: 1920px) {
	.home-feature .home-feature-wave {bottom: -480px !important;}
}
.btn.full {font-weight: bold !important;}
.border-info {border-color: #c6436a !important;}
.border-primary {border-color: #897447 !important;}
.fa-diamond {color: #c6436a !important;}
.tag-orange {background-color:#fd5b06 !important;color:#FFFFFF !important;padding: 0px 15px;border-radius: 25px;margin-bottom:5px;display:inline-block;}


.page-header {
    padding: 30px 0;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}
.list-group-item-action {
    width: 100%;
    color: #000015;
    text-align: inherit;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,21,.125);
}
.feature-items {
    padding: 1rem 0 1rem 64px;
}
.feature-items .feature-item {
    border: none;
    border-radius: 16px;
    margin-bottom: 8px;
    transition: height .35s ease;
    margin-left: -1.25rem;
}
.feature-items .feature-item, .feature-items .feature-item.active {
    background: 0 0;
    color: #495464;
}
.feature-items .feature-item::before {
    content: "";
    position: absolute;
    top: 16px;
    left: -30px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 2px solid #bfc4ca;
    background: #fff;
}
.feature-items .feature-item.active::before {
    border-color: #c6436a;
}

.feature-items .feature-item h4, .feature-items .feature-item.active h4 {
    color: #000015;
	font-size: 1.25rem;
	font-weight: 700;
    line-height: 1.2;
}
.feature-item-preview {
    display: none;
}
.feature-item-preview-mobile {
    margin: 0 0 2rem -1rem;
    position: relative;
    z-index: 1;
}
.feature-icon {
    width: 48px;
    height: 48px;
    background: #FCF0F0;
    border-radius: 8px;
    font-size: 24px;
    color: #c6436a;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    flex-shrink: 0;
}
.feature-description h3 {
    display: flex;
    align-items: center;
    padding: 2rem 0 8px;
    background: #fff;
    font-size: 1.5rem;
}
.feature-description {
    position: relative;
    z-index: 1;
}
.bg-gradient-light-primary, .feature-items .feature-item.active {
    background-image: linear-gradient(-135deg,rgba(245,205,205,0.15) 0%,rgba(252,240,240,0.08) 100%)!important;
}
.features-menu {
    position: fixed;
    bottom: 0;
    transform: translate(-16px,-32px);
    z-index: 1000;
    padding: 30px 15px;
    margin-bottom: env(safe-area-inset-bottom);
}
.features-menu>div {
    width: 48px;
    border-radius: 24px;
    box-shadow: 0 8px 8px rgb(0 0 0 / 10%);
    background: #fff;
}
.features-menu>div>a {
    padding: 8px;
    text-align: center;
    border: none!important;
    color: #99a0a9;
}
.feature-group {
    position: relative;
}
.feature-group:before {
    content: "";
    width: 2px;
    position: absolute;
    top: 88px;
    bottom: -24px;
    left: 23px;
    background-color: #bfc4ca;
    z-index: 1;
}
.feature-group .row{    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;}
@media (min-width: 768px){
	.feature-items .feature-item.active h4 {
		color: #c6436a;
	}
	.feature-items .feature-item>div {
		height: 0;
		opacity: 0;
		transition: none;
	}
	.feature-items .feature-item.active>div {
		height: auto;
		opacity: 1;
		transition: opacity .35s ease;
	}
	.feature-item-preview {
		display: block;
		scroll-snap-align: start;
		scroll-snap-stop: always;
		opacity: .1;
		transition: opacity .35s ease;
	}
	.feature-item-preview-mobile {
		display: none;
	}
	.feature-item-preview.visible {
		opacity: 1;
	}
	.feature-description {
		position: sticky;
		top: 80px;
	}
	.feature-description h3 {
		font-size: 2.5rem;
	}
}
.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.features-menu .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}
.features-menu .list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
}
.features-menu .list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: #000015;
    text-decoration: none;
    background-color: #ebedef;
}
.features-menu>div>a.active {
    background: #FCF0F0;
    color: #c6436a;
}

.nav {padding-bottom: 20px;padding-top: 20px;text-align: center;}
.nav ul {display: inline-block;}
.nav li {float:left;margin-right:10px;}
.nav li .btn.na {background-color:#f0eeef;color:#999;}
.nav .btn {font-size: 16px;padding: 15px 16px;}
.nav li.btn {cursor:inherit;}
.nav li.btn:hover {background-color:#c6436a;color:#FFFFFF !important;}

@media (min-width: 768px){
	.nav {padding-bottom: 50px;padding-top: 50px;text-align: center;}
	.nav .btn {padding: 15px 36px;}
}

.text-gradient-primary, .feature-icon i {
	background: linear-gradient(-135deg, #c6436a 0%, #c6436a 100%);
	background: -webkit-linear-gradient(-135deg, #c6436a 0%, #c6436a 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}