@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");
* {
	box-sizing: border-box;
}
html,body {
	padding: 0;
	margin: 0;
	font-family: 'Poppins',sans-serif;
	background-color: var(--themeBG);
}
a,a:hover,a:focus,a:before,a:after {
	text-decoration: none;
	color: inherit;
}



.MCF {
	backdrop-filter: blur(2em);
}
nav {
	position: sticky;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2%;
	height: 60px;
	box-shadow: 0 4px .25em rgba(0, 0, 0, .1);
	
	backdrop-filter: blur(15px);

	z-index: 10;
	font-family: Poppins,sans-serif;
}
nav.loadin:after {
	content: '';
	position: absolute;
	bottom: -1.5px;
	left: 0;
	width: 100%;
	background-color: lime;
	background-color: transparent;
	height: 1.5px;

	animation: biizState .5s infinite linear alternate-reverse;
}
@keyframes biizState {
	0% {width: 40%;left: 0%;background-color: #990000;}
	50% {width: 20%;left: 40%;background-color: #000099;}
	100% {width: 60%;left: 30%;background-color: #009900;}
}



.site {
	display: flex;
	height: 60px;
	line-height: 60px;
	align-items: center;
}
.site img {
	color: #111;
	height: 50px;
	margin: 0 .25em 0 0;
	text-decoration: none;
}
.site .name {
	height: 60px;
	top: 0;
	margin-top: .75em;
	font-size: 1.25em;
	position: sticky;
	color: #bf1111;
	font-weight: 600;

}



.nav-links {
	position: sticky;
	top: 0;
	line-height: 60px;
	height: 60px;
	font-size: .9rem;
	display: flex;
	align-items: center;
	list-style-type: none;
}
.nav-links li a { 
	display: block;
	padding: 0 .5em;
	margin: 0 5px;
	color: var(--themeTXT);
	text-decoration: none;
	letter-spacing: 1px;
}
.nav-links li a:hover { 
	color: #198754;
}
.nav-links li input {
	height: 50px;
	padding: 0 4%;
	border: 0;
	border-bottom: 2px solid #888;
	max-width: 95%;
	outline: unset;
	background-color: transparent;
	color: var(--themeTXT);

	display: none;
}
.nav-links li input:focus {
	padding-left: 2%;
	background-color: inherit;
}
.siteMenuSwitch {
	display: none;
	cursor: pointer;
	width: 40px;
	position: relative;
	height: 40px;
	
}
.siteMenuSwitch .bar {
	height: 6px;
	
	width: 80%;
	background-color: #089;
	margin: 5px 0;
	border-radius: 3px;
}
.siteMenuSwitch.off .bar {
	height: 6px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #888;

}
.siteMenuSwitch.off .bar:nth-child(1) {
	transform: rotate(45deg);
	position: absolute;
	width: 80%;
	top: 15px;
	left: 0;
}
.siteMenuSwitch.off .bar:nth-child(2) {
	opacity: 0;
	transition: all 0s;
}
.siteMenuSwitch.off .bar:nth-child(3) {
	transform: rotate(135deg);
	position: absolute;
	top: 15px;
	width: 80%;
	left: 0;
}


footer {
	padding: 5vh 0 0;
	backdrop-filter: blur(1em);
	color: var(--themeTXT);
	margin: 0;
	/*background-color: var(--themeBG-80);*/ /*MODI*/
}
footer .tops {
	
}
footer .tops .visits,
footer .tops .latest {
	padding: 0 .5em;
}
footer .title {

	margin: .25em 0 2em;
	line-height: 1.5em;
	border-radius: 1em;
	padding: .5em 2% .5em 4%;
	font-size: 1.1em;
	background-color: var(--themeBG-20);
}
footer .tops .visits {
	border-right: 2px solid var(--themeBG-20);
}
footer .tops .visits .sachet,
footer .tops .latest .sachet {
	
	padding: .25em;
}
footer .tops .visits .sachet .data,
footer .tops .latest .sachet .data {
	
	position: relative;
	border-radius: 1em;
}
footer .tops .visits .sachet .data img,
footer .tops .latest .sachet .data img {
	display: block;
	width: 90%;
	
	max-width: 100px;
	margin: 0 auto;
	border-radius: .25em;
}
[theme=dark] footer .tops .visits .sachet .data img,
[theme=dark] footer .tops .latest .sachet .data img {
	
}

footer .tops .visits .sachet .data .count,
footer .tops .latest .sachet .data .count {
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	width: 30px;
	line-height: 30px;
	border-radius: 50%;
	height: 30px;
	font-weight: 600;
	background-color: var(--themeBG-40);
}



footer .links {
	
}
footer .links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
footer .links ul li {
	line-height: 1.3em;
	
}
footer .links ul li a {
	color: var(--themeTXT);
	display: block;
	padding: 1em 2%;
}
footer .links ul li a:hover {
	background-color: var(--themeBG-40);
	backdrop-filter: blur(1em);
}
.footLink {
	padding: 1em 0;
	margin: 4em 0 2em;
}
.footLink span:not(.fa) {
	margin: .5em;
	display: inline-block;

	background-color: var(--themeBG-40);
	padding: .5em 1em;
	color: var(--themeTXT);
	border-radius: 2em;
	position: relative;

	box-shadow: 0;
}



.footLink span:not(.fa):hover {
	background-color: var(--themeBG-80);
}


.footNote {

	background-color: var(--themeBG-40);
	box-shadow: 0 -.25em .5em rgba(0, 0, 0, .1);
}
.footNote .content {
	color: var(--themeTXT);
	backdrop-filter: blur(1em);
	text-align: center;
	font-size: .75em;
	line-height: 30px;
	padding: .5em 0;
}
.footNote .content a {
	color: #089;
	text-transform: uppercase;
}




.biiz.mainContent {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	overflow-y: auto;
	margin: 0 auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	
}


.formInput {
	padding: 4px 4%;
}
.formInput .blockLabel {
	display: block;
	color: var(--themeTXT);
	padding: .5em 2%;
	margin-bottom: .25em;
}
.formInput label {
	display: block;
}
.formInput input:autofill,
.formInput input:-webkit-autofill,
.formInput input {
	height: 50px;
	padding: 0 4%;
	border: 0;
	outline: 0;
	background-color: inherit;
	border-bottom: 2px solid var(--themeTXT);
	color: var(--themeTXT);
}
.formInput input:focus {
	padding: 0 2%;
	background-color: var(--themeBG-60);
}
.formInput button {
	height: 50px;
	background-color: inherit;
	border: 0;
	color: var(--themeTXT);
	border-bottom: 2px solid var(--themeTXT);
	outline: 0;
}
.formInput .tip {
	margin: .5em 0 0;
	color: var(--themeTXT);
	font-size: .8em;
	line-height: 1.3em;
}









.carousel-content {
	
	width: 100%;
	height: 100%;
	
	background-color: var(--themeBG-20);
	display: block;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.carousel-content picture,
.carousel-content video,
.carousel-content img {
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	object-position: center;
}
.carousel-slide .contents .small {

}
.carousel-slide .contents .title {
	font-size: clamp(2em, 8vh, 10em);
	font-weight: 900;
	line-height: 1.3em;
	text-shadow: 0 0 4px #222;
}
.carousel-slide .contents .desc button {
	margin: 5.5vh 0 0;
	padding: .5em 2em;
	font-weight: 600;
	color: green;
}
.carousel-slide .contents .desc button:hover {
	color: #fff;
}
















.account.newAccount {

	backdrop-filter: blur(.5em);

	display: flex;
	flex-direction: column;
}
.account.newAccount .accountForm {
	margin: 4vh auto;
	float: unset;
	padding: 0 2%;
	color: var(--themeTXT);
}
.account.newAccount .accountForm .title {
	background-color: var(--themeBG-60);
	padding: .5em 2%;
	border-radius: 1.5em;
	margin-bottom: 1.5em;
}
.account.newAccount .biizInput {
	background-color: var(--themeBG-60);
	padding: .75em 1em;
	border-radius: 1em;
	position: relative;
	margin: 0 0 1em;
	transition: all .3s linear;

}
.account.newAccount .biizInput.centered {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.account.newAccount .biizInput.combo.leftOnly {
	border-radius: 1em 0 0 1em;
}
.account.newAccount .biizInput.combo.rightOnly {
	border-radius: 0 1em 1em 0;
}
.account.newAccount .biizInput.combo.leftOnly:focus-within {
	border-radius: 1em 0 1em 1em;
}
.account.newAccount .biizInput.combo.rightOnly:focus-within {
	border-radius: 0 1em 1em 1em;
}
.account.newAccount .biizInput label {
	padding: .25em 1%;
	margin: 0 0 4px;
	display: block;
	line-height: 1.25em;
	font-size: .9em;
	cursor: pointer;
}
.account.newAccount .biizInput select,
.account.newAccount .biizInput textarea,
.account.newAccount .biizInput input:autofill,
.account.newAccount .biizInput input:-webkit-autofill,
.account.newAccount .biizInput input:not([type=radio],[type=checkbox]) {
	background-color: transparent !important;
	border: 0;
	outline: 0;
	padding: 0 2% 0 6%;
	position: relative;
	height: 1em;
	transition: all .3s ease;
	color: var(--themeTXT);
}
.account.newAccount .biizInput input[type=date],
.account.newAccount .biizInput input[type=color],
.account.newAccount .biizInput select {
	height: 2.75em;
	border-radius: 0;
}
.account.newAccount .biizInput textarea {
	height: 3em;
}
.account.newAccount .biizInput textarea:focus,
.account.newAccount .biizInput select:focus,
.account.newAccount .biizInput input:not([type=radio],[type=checkbox]):focus {
	backdrop-filter: blur(.5em);
	height: 2.5em;
	border-bottom: .25em solid var(--themeBG-40);
	padding: 0 2% 0 2%;
}
.account.newAccount .biizInput textarea:focus {
	height: 9em;
	padding-top: .25em;
	padding-bottom: .25em;
}
.account.newAccount .biizInput input.biizCheckbox {
	visibility: hidden;
	opacity: 0;
	height: 0;
	width: 0;
}
.account.newAccount .biizInput:has(input.biizCheckbox:checked) {
	background-color: var(--themeBG);
}




.account.newAccount .biizInput .tip {
	font-size: .75em;
	margin: .25em 0 0;
	line-height: 1.3em;
}
.account.newAccount .biizInput button[type=submit] {
	display: block;
	margin: 0 auto;
	padding: .25em 10%;
	background-color: var(--themeBG-20);
}











.account.accountDashboard {
	padding: 0 4%;
	backdrop-filter: blur(1em);
}
.account.accountDashboard .dashMenu {
	padding: 0 1em;
	position: relative;
	transform: translate(0);
}
.account.accountDashboard .barBtn {
	position: absolute;
	right: 1em;
	top: 1em;
	cursor: pointer;
	display: none;
}
.account.accountDashboard .barBtn.barBtnLeft {
	top: .35em;
	left: 1em;
}
.account.accountDashboard .barBtn.barBtnRight {
	top: .35em;
}
.account.accountDashboard .dashMenu .menu {
	margin: 1em 0;
	color: var(--themeTXT);
}
.account.accountDashboard .dashMenu .menu .minProfile,
.account.accountDashboard .dashMenu .menu .impNote,
.account.accountDashboard .dashMenu .menu .menuLink {
	background-color: var(--themeBG-60);
	padding: 1em;
	margin: 0 0 1.5em;
	border-radius: 2em;
}
.account.accountDashboard .dashMenu .menu .minProfile {
	position: relative;
}
.account.accountDashboard .dashMenu .minProfile .verification {
	position: absolute;
	top: 1em;
	right: .5em;
	border: 1px solid transparent;
	border-radius: .5em;
	padding: .5em 1em;
	cursor: default;
	line-height: 1em;
	font-size: .75em;
	max-width: 2em;
	max-height: 2em;
}
.account.accountDashboard .dashMenu .minProfile .verification.biizVerification {
	left: .5em;
	top: .5em;
	color: darkgoldenrod;
}
.account.accountDashboard .dashMenu .menu .impNote {
	font-size: .8em;
}
.account.accountDashboard .dashMenu .menu .minProfile img {
	border: .5em solid var(--themeBG-60);
	display: block;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	margin: 0 auto 1em;
	box-shadow: 0 0 .5em #bbb;
}
.account.accountDashboard .dashMenu .menu .minProfile .name {
}
.account.accountDashboard .dashMenu .menu .menuLink {
	list-style-type: none;
	padding: 1em;
}
.account.accountDashboard .dashMenu .menu .menuLink li {
	line-height: 1.35em;
	padding: .75em 2%;
	margin: 0em 0 .5em;
	cursor: pointer;
	border-radius: 2em;
}
.account.accountDashboard .dashMenu .menu .menuLink li.active {
	border-radius: 1em;
	background-color: var(--themeBG-80);
}
.account.accountDashboard .dashMenu .menu .menuLink li:not(.active):hover {
	background-color: var(--themeBG-80);
}











.account.accountDashboard .dashVisual {
	position: relative;
	padding: 1em;
}
.account.accountDashboard .dashVisual .visual {
	padding: 0;
	backdrop-filter: blur(1em);
	height: calc(100vh - 40px );
	height: calc(100dvh);
}
.account.accountProfile {
	border-radius: .5em;
	color: var(--themeTXT);
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: 4vh;
}
.account.accountProfile .dashTitle {
	margin: 0 auto .5em;
	background-color: var(--themeBG-60);
	border-radius: 2em;
	padding: 1em 4%;
}
.account.accountProfile .dashMinMenu {
	position: fixed;
	top: 0;
	right: 0;
	padding: .25em;
	background-color: transparent;
	z-index: 1;
}
.account.accountProfile .dashMinMenu .minMenu {
	min-height: 300px;
	border-radius: 2em;
	padding: 2em 1em 1em;
	background-color: var(--themeBG);
	max-height: 100vh;
	overflow: hidden;
	overflow-y: auto;
	backdrop-filter: blur(1em);
	box-shadow: -1em 0 1.5em #888;
}
.account.accountProfile .dashMinMenu .minMenu [exit] {
	position: absolute;
	left: 1em;
	top: .5em;
}




.account.accountProfile .dashNav {
	margin: 0 auto .5em;
	border-radius: 2em;
	padding: .25em 4%;
}
.account.accountProfile .dashNav .navData {
	border-radius: 1em;
	padding: .5em 2%;
	backdrop-filter: blur(.25em);
	background-color: var(--themeBG-80);
	color: var(--themeTXT-90);
}
.account.accountProfile .dashNav button:not(.bg-*)
.account.accountProfile .dashNav input,
.account.accountProfile .dashNav textarea,
.account.accountProfile .dashNav select {
	background-color: transparent !important;
	color: var(--themeTXT-90) !important;
}
.account.accountProfile .dashNav button:focus,
.account.accountProfile .dashNav input:focus,
.account.accountProfile .dashNav textarea:focus,
.account.accountProfile .dashNav select:focus {
	background-color: var(--themeBG-80) !important;
}
.account.accountProfile .dashNav .navData select {
	background-color: inherit;
	height: 2em;
	border-radius: 1em;
	padding: .25em .5em;
	color: var(--themeTXT);
	outline: 0;
}
.account.accountProfile .dashNav button:not(.esc) {
	margin: 3px;
}


.account.accountProfile .snippet {
	padding: 1.5em 1em;
}
.account.accountProfile .snippet .snippetFold {
	background-color: var(--themeBG-80);
	border-radius: 2em;
	padding: 1em;
}
.account.accountProfile .snippetFold .snippetTitle {
	opacity: .7;
	cursor: pointer;
}
.account.accountProfile .snippetFold .snippetValue {
	padding-left: .5em
}
.account.accountProfile .snippetFold .snippetValue .color-preview {
	width: 100%;
	height: 1.5em;
	display: block;
	border-radius: 1em;
}
.account.accountProfile .snippetFold .snippetImage {
	max-height: 12em;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	border-radius: 2em;
	box-shadow: 0 0 0 .25em var(--themeBG-40);
}
.account.accountProfile .snippetFold .snippetContent,
.account.accountProfile .snippetFold .snippetEditor {
	position: relative;
	margin: 0;
}
.account.accountProfile .snippetFold .snippetEditor {
	display: none;
}
.account.accountProfile .snippetFold .snippetEditor .closeEditor {
	position: absolute;
	top: -.5em;
	right: .25em;
	cursor: pointer;
}
.account.accountProfile .snippetFold .snippetEditor label {
	line-height: 1.25em;
	padding: .25em .5em;
	display: block;
	opacity: .7;
}
.account.accountProfile .snippetFold .snippetEditor select,
.account.accountProfile .snippetFold .snippetEditor textarea,
.account.accountProfile .snippetFold .snippetEditor input {
	line-height: 1.25em;
	padding: 0 2%;
	padding-left: 1.5em;
	background-color: inherit;
	border: 0;
	outline: 0;
	height: 1.25em;
	color: var(--themeTXT);
}
.account.accountProfile .snippetFold .snippetEditor input[type=date],
.account.accountProfile .snippetFold .snippetEditor input[type=color],
.account.accountProfile .snippetFold .snippetEditor select {
	height: 2.75em;
	border-radius: 0;
}
.account.accountProfile .snippetEditor input[type=color] {
	border: unset;
	box-shadow: unset;
	outline: unset;
	padding: 0;
	border-radius: 0;
}
.account.accountProfile .snippetFold .snippetEditor input[type=file] {
	visibility: hidden;
}
.account.accountProfile .snippetFold .snippetEditor input[type=range]:focus,
.account.accountProfile .snippetFold .snippetEditor input[type=range] {
	height: 2.5em;
	-wekkit-appearance: none;
	background-color: transparent;

	border-radius: 0;
	border: 0;
	outline: none;
	padding: 0;
}
.account.accountProfile .snippetFold .snippetEditor input[type=range]::-moz-range-track,
.account.accountProfile .snippetFold .snippetEditor input[type=range]::-webkit-slider-runnable-track {
	height: .25em;
	background: linear-gradient(to right, #00ff0044 5%, #00990044 15%, #ff000099);
	border-radius: .5em;
}
.account.accountProfile .snippetFold .snippetEditor input[type=range]::-moz-range-thumb,
.account.accountProfile .snippetFold .snippetEditor input[type=range]::-webkit-slider-thumb {
	height: 1em;
	width: 1em;
	border-radius: 50%;
	background: green;
	border: 0;
	cursor: pointer;
}
.account.accountProfile .snippetFold .snippetEditor input[type=range]::-ms-thumb {
	height: 1em;
	width: 1em;
	border-radius: 50%;
	background: green;
	cursor: pointer;
}




.account.accountProfile .snippetFold .snippetEditor img {
	display: block;
	margin: .25em auto 0;
	max-height: 6em;
	border-radius: 1em;
}
.account.accountProfile .snippetFold .snippetEditor textarea:focus,
.account.accountProfile .snippetFold .snippetEditor select:focus,
.account.accountProfile .snippetFold .snippetEditor input:focus {
	background-color: var(--themeBG-80);
	border-bottom: .25em solid var(--themeBG);
	height: 2.5em;
	padding: 0 2%;
	padding-left: .25em;
}
.account.accountProfile .snippetFold .snippetEditor textarea:focus {
	height: 6em;
}
.account.accountProfile .snippetFold .snippetEditor textarea {
	max-height: 12em;
}
.account.accountProfile .snippetFold .snippetEditor .tip {
	line-height: 1.25em;
	margin: .25em 0;
	display: block;
	font-size: .8em;
}
.account.accountProfile .snippetFold .snippetContent .notificationText {
	padding: .75em;
	line-height: 1.35em;
}
.account.accountProfile .snippetFold .snippetContent .notificationType {
	padding-left: .5em;
}
.account.accountProfile .snippetFold .snippetContent .notificationType .type {
	font-size: .8em;
	border-radius: 1em;
	padding: .25em 1em;
}
.account.accountProfile .snippetFold .snippetContent .info {
	border-top: 2px solid var(--themeBG-60);
	line-height: 1.5em;
	padding: .5em 2% 0;
	position: relative;
	font-size: .9em;
}
.account.accountProfile .snippetFold .snippetContent .info [listen] {
	position: absolute;
	right: .5em;
	top: .5em;
	cursor: pointer;
}

.navData input,
.navData textarea,
.navData button,
.navData select {
	background-color: unset !important;
	backdrop-filter: unset !important;
}




.account .gpPlans{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.account .gpPlans .sections {
	margin: 1em 0;
	border-radius: 2em;
	padding: 1em 1.75em;
	background: var(--themeBG-60);
	color: var(--themeTXT);
}
.account .gpPlans .sections .title {
	font-weight: 800;
	margin: 0;
}
.account .gpPlans .sections .title .off {
	float: right;
	font-size: .75em;
	font-weight: normal;
	border-radius: 1em;
	padding: .25em 1em;
}
.account .gpPlans .sections .prices .price {
	font-weight: 900;
	font-size: 1.5em;
	color: var(--themeTXT-80);
}
.account .gpPlans .sections .prices .tenure {
	font-size: .75em;
	color: var(--themeTXT-60);
}
.account .gpPlans .sections ul {
	list-style-type: none;
	margin: 1.5em 0;
	padding: 0;
}
.account .gpPlans .sections ul li {
	line-height: 1.4em;
	margin-bottom: .75em;
}
.account .gpPlans .sections ul li .disc {
	font-size: .9em;
	margin-left: 2em;
}
.account .gpPlans .sections .couponCode {
	padding: 0 4%;
}
.account .gpPlans .sections .couponCode input {
	background-color: inherit;
	color: var(--themeTXT);
	outline: 0;
	font-weight: bold;
	letter-spacing: .5em;
}



.account .hitsMonitor {
	background-color: var(--themeBG-20);
	border-radius: 2em;
	box-shadow: 0 0 0 .5em var(--themeBG-20);
	position: relative;
}
.account .hitsDesc {
	background-color: var(--themeBG-60);
	color: var(--themeTXT-80);
	padding: 1em 2em;
	border-radius: .5em;
	font-size: .9em;
}
.account .hitsMonitor .state {
	background-color: var(--themeBG-60);
	color: var(--themeTXT);
	padding: 1em;
	font-weight: 600;
	display: inline-block;
	text-align: center;
	font-size: .7em;
	border-radius: 2em;
	max-width: 100%;
	animation-delay: 1.5s;
}




































































































































































































































.pnf {
	padding: 5vh 4%;
	backdrop-filter: blur(1em);
}
.pnf .pnfContent {
	margin: 0 0;
	border-radius: 2em;

	background-image: url(/biiz/lib/media/img/pnf-snow.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

}
.pnf .pnfContent .contentFold {
	width: 100%;
	height: 100%;
	border-radius: 2em;
	padding: 15vh 5%;
	background-color: var(--themeBG-50);
	overflow: hidden;
	
	color: var(--themeTXT);
	display: flex;
	align-items: center;
	flex-direction: column;
}
.pnf .pnfContent .contentFold .solid-icon {
	font-size: 3em;
	animation: iconAnimation 10s infinite ease alternate-reverse;
}

@keyframes iconAnimation {
	0%{opacity:0;transform:translate(0,4em);scale: 70%;}
	15%{opacity:.075;transform:translate(0,.5em);scale: 400%;}
	25%{opacity:.08;transform:translate(-3em,.5em);}
	40%{opacity:.1;transform:translate(2em,.5em);}
	45%{opacity:.4;transform:translate(-2em,.5em);scale: 200%;}
	50%{opacity:.2;transform:translate(2em,.5em);}
	65%{opacity:.3;transform:translate(0,-.75em);}
	80%{opacity:.5;transform:translate(0,1em);}
	100%{opacity:.25;transform:translate(0,.5em);}
}



.pnf .pnfContent .contentFold h1 {
	font-size: 3.5em;
	font-weight: 900;
}
.pnf .pnfContent .contentFold .businessID {
	font-size: 1.5em;
	font-weight: bold;
}
.pnf .pnfContent .contentFold ul {
	list-style-type: square;
}
.pnf .pnfContent .contentFold ul li {
	margin: 0 0 .5em;
}
.pnf .pnfContent .contentFold .foot {
	padding: 1em 2em 0 0;
	position: relative;
}
.pnf .pnfContent .contentFold .foot:before {
	content: '';
	position: absolute;
	top: -.75em;
	left: 0;
	width: 100%;
	height: .5em;
	background-color: var(--themeBG-20);
	border-radius: 0 .25em .25em 0;

}
.pnf .adContent {
	margin: 2.5vh 0 0;
	padding: 1em;
	background-color: transparent;
}





.page {
	backdrop-filter: blur(1em);
	padding: 0 4%;

	display: flex;
	flex-direction: column;
}
.page .pageTitle {
	padding: 1em 4%;
	margin: 1em 0 .5em;
	font-weight: 600;
	border-radius: 2em;
	color: var(--themeTXT);
	background-color: var(--themeBG-60);
}
.page .pageRow {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 0 1em;
	gap: 0 2em;
	

	width: calc(100% - .5em);
}
.page .pageRows {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 0 1em;
	gap: 0 2em;



}
.page .pageRows .pageRow {
	display: flex;
	flex-wrap: wrap;
	flex-direction: unset;
	align-items: center;
}
.page .pageRows .pageRow .texts {
	flex: 0 0 100%;
	color: var(--themeTXT-80);
}
.page .pageRows .pageRow .title {
	color: var(--themeTXT-70);
}
.page .pageRows .pageRow .texts ul {
	list-style-type: none;
	font-size: .95em;
}
.page .pageRows .pageRow .texts li {
	color: var(--themeTXT-80);
}
.page .pageRows .pageRow .texts li:not(:has(span.fa)) {
    list-style-type: square;
    color: var(--themeTXT-50);
}
.page .pageRows .pageRow .texts a {
	color: green;
	font-weight: bold;
}
@media (min-width: 1200px) {
	.page .pageRows .pageRow .texts {
		flex: 1 1 calc(50% - 1em);
		max-width: calc(50% - 1em);
	}	
}
.page form.search {
	padding: 1em;
	border-radius: 2em;
	background-color: var(--themeBG-60);
}
.page form.search input {
	background-color: transparent;
	border: unset;
	outline: unset;
	padding-left: .5em;
	font-size: .9em;
	color: var(--themeTXT);
}
.page form.search input:focus {
	text-align: left;
	padding-left: .25em;
	font-size: 1.1em;
}
.page form.search button {
	background-color: transparent;
	color: var(--themeTXT);
	border: 0;
	outline: 0;
}
.page .pageRow .reviews {
	border-top: .25em solid var(--themeBG-20);
	margin: .5em 0 0;
	padding: .5em .5em 0;
	line-height: 1.5em;
}
.page .pageRow .reviews-btn {
	color: red !important;
}
.page .pageRow .reviews .reaction {
	color: var(--themeTXT-70);
	font-size: .9em;

}
.page .pageRow .reviews .fa {
	padding: .35em .75em;
	border-radius: .25em;
	cursor: pointer;
	margin: 0 .25em;
}
.page .pageRow .reviews .fa {
	background-color: var(--themeBG-20);
	opacity: .7;
}
.page .pageRow .reviews .fa:not(.active):hover {
	background-color: transparent;
	transform: scale(1.2);
}
.page .pageRow .reviews p {
	line-height: 1.65em;
	text-align: right;
	font-style: italic;
	color: var(--themeTXT-60);
}
.page .pageRow .reviews .fa-arrow-up {
	color: green;
	margin-left: 0;
}
.page .pageRow .reviews .fa-arrow-up.active {
	background-color: var(--themeBG);
}
.page .pageRow .reviews .fa-arrow-down {
	color: red;
	margin-right: 0;
}
.page .pageRow .reviews .fa-arrow-down.active {
	background-color: var(--themeBG);
	transform: scale(1.2);
}
.page .pageRow .reviews .fa.active {
	opacity: 1;
}
.page .pageRow .img {
	padding: 1em;
}
.page .pageRow .img img {
	padding: 4em;
	background-color: var(--themeBG-60);
	border-radius: 2em;
}
.page .pageRow .texts {
	margin: 1em 0;
	color: var(--themeTXT);
	padding: 2em;
	background-color: var(--themeBG-60);
	border-radius: 2em;
}
.page .pageRow ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.page .pageRow ul li {
	line-height: 1.35em;
	margin-bottom: .75em;
}
.page .mainTitle {
	padding: 1.25em 4%;
	background-color: var(--themeBG-60);
	text-align: center;
	border-radius: 2em;
	line-height: 1.35em;
	margin: 1em 0 1.5em;
	color: var(--themeTXT);
}
.page .planPricings {
	color: var(--themeTXT);
	margin: 1.5em 0;

	display: flex;
	align-items: center;
}
.page .planPricings .planFold {
	border: 2px solid blue;

}
.page .planPricings .planPricing {
	padding: .75em;
}
.page .planPricings .plans {
	border-radius: 1em;
	backdrop-filter: blur(2em);
	background-color: var(--themeBG-60);
	padding: 2em 1em;
	transform: scale(.95);
	position: relative;
}
.page .planPricings .plans:hover {
	transform: scale(1.05);
	box-shadow: 0 0 1em var(--themeTXT-10);
}
.page .planPricings .plans .note {
	position: absolute;
	top: .25em;
	left: 0;
	text-align: center;
}
.page .planPricings .plans .note span {
	font-size: .8em;
	background-color: var(--themeBG-40);
	color: green;
	border-radius: 1em;
	padding: .35em 2em;
}
.page .planPricings .plans .planType {
	text-align: center;
	color: #089;
	font-weight: 900;
}
.page .planPricings .plans .description {
	text-align: left;
	font-size: .9em;
	line-height: 1.35em;
	margin-bottom: 1em;
}
.page .planPricings .plans .price {
	text-align: left;
	margin-bottom: .5em;
}
.page .planPricings .plans price {
	font-weight: 600;
	color: #bf1111;
	padding-left: 2%;
}
.page .planPricings .plans tenure {
	font-size: .5em;
	text-transform: capitalize;
}
.page .planPricings .plans tenure:before {
	content: '/';
}
.page .planPricings .plans .featureTitle {
	text-align: left;
	font-size: 1.25em;
	margin-bottom: .75em;
	padding-left: 2%;
}
.page .planPricings .plans .features {
	text-align: left;
	margin: .5em 0;
	padding: 0;
	list-style-type: none;
	padding-left: 2%;

}
.page .planPricings .plans .features span.fa {
	margin-right: .5em;
	color: #089;
	font-size: 1.25em;
}
.page .planPricings .plans .features li {
	line-height: 1.35em;
	padding: .25em 0;
	margin-bottom: .5em;
}









.page .planPricings .plans .foot {
	margin: 1.5em 0 0;
	padding: 0 4%;
}



.page .planPricings .mainTitle p,
.page .planPricings .mainTitle h3 {
	margin: 0;
}

.unactivated {
	background-color: var(--themeBG-40);
	padding: 7.5vh 4%;
	border-radius: 2em;
	margin: 5vh auto 2vh !important;
}
.unactivated li {
	line-height: 1.35em;
	margin-bottom: 1em;
}
.contentPlaceholder {
	padding: 5vh 4%;
	margin: 5vh auto;
	color: var(--themeTXT-90);
}
















































































































.line {
    width: 100%;
    height: .25em;            /* Line thickness */
    background: transparent;        /* Optional background behind the segments */
    border-radius: 6px;
    overflow: hidden;        /* Keeps rounded ends clean */
    display: flex;
    margin-bottom: .25em;
  }

  .seg {
    width: 0;                /* Start collapsed */
    height: 100%;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-fill-mode: forwards; /* Keep final state after animation */
    animation-iteration-count: infinite;
    /*animation-direction: alternate;*/
  }

  .trans   { background: transparent; animation-name: grow-trans; }
  .gold  { background: #d4af37; animation-name: grow-gold; border-radius: .5em }

  @keyframes grow-trans	{
	0% {
		width: 0%;
	}
	75% {
		width: 30%;
	}
	100% {
		width: 100%;
	}
  }
  @keyframes grow-gold {
	0% {
		width: 5%;
		background-color: #ff000044;
	}
	10% {
		width: 15%;
		background-color: #ff000044;
	}
	25% {
		background-color: #ff000044;
	}
	50% {
		background-color: #ffff0044;
	}
	75% {
		width: 70%;
		background-color: #00ff0044;
	}
	100% {
		width: 0%;
		background-color: #00ff0044;
	}
  }





































































@media (max-width: 768px) {
	nav {
		display: flex;
		flex-wrap: wrap;
	}
	.carousel-slide .desc button {
    	margin: 2.5vh 0 0;
    	padding: .25em 1.5em;
    	font-weight: 600;
    	color: green;
    }
	.site {}
	.nav-links {
		flex-basis: 100%;
		transform: translate(-105%);

		width: 100%;
		left: 0;
		padding: 5% 2% 10vh;
		position: absolute;
		/*top: 60px;*/
		bottom: 0px;
		max-height: calc(100vh - 60px);
		max-height: calc(100dvh - 60px);
		list-style-type: none;
		display: block;

		background: transparent;
		opacity: 0;
		display: none;
	}
	.nav-links.on {
		transform: translate(0%);
		max-height: calc(100vh - 60px);
		max-height: calc(100dvh - 60px);
		padding: 0 0 10vh;
		opacity: 1;
		display: block;
	}

	.nav-links li {


		background-color: var(--themeBG-95);
		padding: 0 .5em;
	}
	.nav-links li input {
		height: 50px;
		padding: 0 2% 0 6%;
		width: 100%;
	}
	.nav-links li input:focus {
		padding-left: 2%;
	}
	.nav-links a {
		font-size: 1em;
	}
	.siteMenuSwitch {
		display: block;
	}
	footer .tops .visits {
		border: 0;
	}
	.carousel-slide .contents .title {
		font-size: clamp(2em, 6vh, 6em);
		font-weight: 900;
		line-height: 1.05em;
	}
	.page .pageRow {
		flex-direction: column;
	}
	.page .pageRow .img {
		padding: 0 1em;
	}
	.page .pageRow .img img {
		padding: 2em;
	}
	.page .pageRow .texts {
		margin: 1em 0;
	}


	.page .planPricings {
		color: var(--themeTXT);
		margin: 1.5em 0;

		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.page .planPricings .plans {
		transform: scale(1);
		margin: 1em 0;
		box-shadow: 0 0 1em var(--themeTXT);
	}
	.page .planPricings .plans.recommend {
		transform: scale(1.1);
		margin: 1em 0;
	}
	.account.accountDashboard .dashMenu,
	.account.accountDashboard .dashMenu.dashMenuOn {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		height: calc(100vh - 60px);
		overflow: hidden;
		overflow-y: auto;
		background-color: var(--themeBG-95);
		opacity: 1;
		transform: translate(0%);

		transition: all .5s ease;
	}
	.account.accountDashboard .dashMenu:not(.dashMenuOn) {
		transform: translate(-105%);
		opacity: 0;
		transition: all .5s ease;
	}
	.account.accountDashboard .dashMenu .menu .menuLink li {
		padding-left: 4%;
	}
	.account.accountDashboard .dashMenu .menu .menuLink li span.fa {
		margin-right: 2%;
	}
	.account.accountDashboard .barBtn {
		display: block;
	}
	.account.accountDashboard .dashMenu .menu .barBtn {
		z-index: 1;
	}
	.account.accountDashboard .dashMenu .minProfile .verification.v-1 {
		top: 10em;
		position: absolute;
		right: 1em;
	}
	.account.accountDashboard .dashMenu [exit] {
	}
	.account.accountDashboard {
		padding: 0 ;
		backdrop-filter: blur(1em);
		max-height: calc(100vh - 60px);
	}
	.account.accountDashboard .dashVisual {
		padding: 3em 0 0;
	}
	.account.accountDashboard .dashVisual .visual {
		padding: 0;
		padding-bottom: 10vh;
		border-radius: 1em;
		max-height: calc(100vh + 4vh);
	}
	.pnf .pnfContent .contentFold {
		padding: 5vh 5%;
	}
	.pnf .pnfContent .contentFold h1 {
		font-size: 3em;
	}
	.pnf .adContent {
		border: 2px solid red;
	}
	.page .pageRow .reviews {
		border: 0;
	}
	.page .pageRow .reviews p {
		font-size: .75em;
		color: var(--themeTXT-70);
		text-align: center;
	}
	.page .pageRow .reviews .fa {
		padding: .75em 1em;
	}
	.page .pageRow .reviews .reaction {
		margin: 0 .5em;
	}
	.page .pageRow .reviews.reviews-btn {
		text-align: right;
	}




	@keyframes iconAnimation {
		0%{opacity:0;transform:translate(0,5em);scale: 70%;}
		15%{opacity:.075;transform:translate(0,.5em);scale: 400%;}
		25%{opacity:.08;transform:translate(-2em,.5em);}
		40%{opacity:.1;transform:translate(1em,.5em);}
		45%{opacity:.4;transform:translate(-1em,.5em);scale: 200%;}
		50%{opacity:.2;transform:translate(1em,.5em);}
		65%{opacity:.3;transform:translate(0,-.25em);}
		80%{opacity:.5;transform:translate(0,1em);}
		100%{opacity:.25;transform:translate(0,.5em);}
	}

}
























.atr,
.atr-2 {
	transition: all linear .2s !important;
}
.atr-1 {
	transition: all linear .1s !important;
}
.atr-3 {
	transition: all linear .3s !important;
}
.atr-4 {
	transition: all linear .4s !important;
}
.icon {
	opacity: .6;
	margin: 0 .25rem;
}
.block-icon {
	opacity: .6;
	display: block;
	margin: 1em auto .5em;
}

textarea[disabled],
select[disabled],
input[disabled] {
	opacity: .2;
}