@charset "UTF-8";
HTML, BODY {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 100%;
	padding: 0px;
	box-sizing:border-box;
}


@font-face {font-family: "Icons";src: url('/images/fonts/WeezziIcons.ttf?V=8') format('truetype');}

@font-face {
    font-family: "SiteIcons";
    src: url('/system/images/SiteIconsFont.ttf?V=10') format('truetype');
}

@font-face {
font-family:"SiteFontLight";
src:url("/images/fonts/PoppinsLight.woff2") format("woff2"),url("/images/fonts/PoppinsLight.woff") format("woff"),url("/images/fonts/PoppinsLight.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"SiteFont3";
src:url("/images/fonts/PoppinsLight.woff2") format("woff2"),url("/images/fonts/PoppinsLight.woff") format("woff"),url("/images/fonts/PoppinsLight.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"SiteFont";
src:url("/images/fonts/PoppinsNormal.woff2") format("woff2"),url("/images/fonts/PoppinsNormal.woff") format("woff"),url("/images/fonts/PoppinsNormal.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"SiteFontBold";
src:url("/images/fonts/PoppinsBold.woff2") format("woff2"),url("/images/fonts/PoppinsBold.woff") format("woff"),url("/images/fonts/PoppinsBold.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"SiteFont2";
src:url("/images/fonts/PoppinsBold.woff2") format("woff2"),url("/images/fonts/PoppinsBold.woff") format("woff"),url("/images/fonts/PoppinsBold.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}



.WPageContents {
	width: var(--page-width);
	padding: 0px;
	margin: auto;
}

.GradientOrangeYellow {
	background-image: linear-gradient(136deg, #facc22, #f83600);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}

.GradientPurple {
	background-image: linear-gradient(90deg, #b6359c, #ef0a6a);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}

.GradientMagentas {
	background-image: linear-gradient(230deg, #ff00cc, #750aef);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}


.GradientBlues {
	background-image: linear-gradient(311deg, #0030ff, #62edff);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}


.GradientBlueGreens {
	background-image: linear-gradient(311deg, #0030ff, #b9ff62);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}

.GradientBluePinks {
	background-image: linear-gradient(311deg, #e877ae, #5b4ff4);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}

.GradientGreens {
	background-image: linear-gradient(311deg, #2e8100, #59f901);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}


.GradientGreenOranges {
	background-image: linear-gradient(311deg, #017308, #ff6300);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}

.GradientCyanOranges {
	background-image: linear-gradient(311deg, #0a9482, #ff4b00);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}

.GradientCyanYellows {
	background-image: linear-gradient(311deg, #09a4ae, #fcff00);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}

.GradientCyans {
	background-image: linear-gradient(311deg, #02a1f9, #29f19c);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}

.GradientRedOranges {
	background-image: linear-gradient(311deg, #fffb00, #d60000);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}

.GradientYellowMagentas {
	background-image: linear-gradient(311deg, #cb00d6, #fffb00);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}

.GradientMagentaPinks {
	background-image: linear-gradient(293deg, #fd31aa, #51127f);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}

.GradientGrays {
	background-image: linear-gradient(311deg, #484848, #c0bdbd);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}

HR {
	width:100%;
	margin: 30rem 0rem;
	background: #709327;
	border: none;
}

.MenuLanguage {
	display: inline-block;
	width: 20rem;
	height: 20rem;
	background: url(/system/backoffice/images/flags/gb.svg);
	background-position: center center;
	background-size: cover;
	border: 1rem solid rgba(220, 220, 220, 0.8);
	border-radius: 4rem;
	cursor:pointer;
}

.MenuLanguagesHolder {
	position:fixed;
	display:flex;
	flex-direction:column;
	gap:2rem;
	top:60rem;
	right:25rem;
	background:rgba(0,0,0,0.3);
	padding:15rem 10rem;
	z-index:1000;
	border-radius:10rem;
	opacity:1;
	box-shadow: 0px 0px 20rem rgba(0, 0, 0, 0.3);
}


.LanguageOption {
	font:14rem SiteFontLight;
	color:#fff;
	display:flex;
	gap:10rem;
	padding:2rem 6rem;
	cursor:pointer;
	background:rgba(255,255,255,0);
	transition:all 0.3s ease-in-out;
	border-radius:4rem;
}

.LanguageOption:hover {
	background:rgba(255,255,255,0.3);	
}


.LanguageEN {
	background-image: url('/system/backoffice/images/flags/gb.svg');
}

.LanguagePT {
	background-image: url('/system/backoffice/images/flags/pt.svg');
}

.LanguageES {
	background-image: url('/system/backoffice/images/flags/es.svg');
}

.LanguageDE {
	background-image: url('/system/backoffice/images/flags/de.svg');
}

.LanguageNL {
	background-image: url('/system/backoffice/images/flags/nl.svg');
}

.LanguageFR {
	background-image: url('/system/backoffice/images/flags/fr.svg');
}

.LanguageIT {
	background-image: url('/system/backoffice/images/flags/it.svg');
}

.LanguagePT1 {
	background-image: url('/system/backoffice/images/flags/br.svg');
}


.Checkbox {
    cursor: pointer;
    display: inline-block;
    width: 20rem;
    min-width: 20rem;
    height: 20rem;
    border: 1rem solid #aaa;
    border-radius: 5rem;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
    color: transparent;
    vertical-align: middle;
    background: #fff;
    font: 16rem Icons;
    text-align: middle;
	line-height: 16rem;
	margin-right:4rem;
}

.Checkbox:hover {
    color: #ddd;
    border-color: #666;
}

.Checkbox::after {
    position: absolute;
    top: 3rem;
    left: 2rem;
    content: "\e002";
}

.CheckboxSelected {
	cursor: pointer;
	display: inline-block;
	width: 20rem;
	min-width: 20rem;
	height: 20rem;
	border: 1rem solid #aaa;
	border-radius: 5rem;
	background: #5f9801;
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease-in-out;
	color: #fff;
	vertical-align: middle;
	font: 16rem Icons;
	text-align: middle;
	line-height: 16rem;
	margin-right:4rem;
}

.CheckboxSelected:hover {
    background: #3f7801;
}

.CheckboxSelected::after {
    position: absolute;
    top: 3rem;
    left: 2rem;
    content: "\e002";
}

.SignUpCheckboxText A {
	color: #5f9801;
}
@keyframes FadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes BackgroundAnim {
    0% { transform:rotate(230deg); translate(-50%, -50%);}
    50% { transform:rotate(248deg); translate(-60%, -40%);}
    100% { transform:rotate(230deg); translate(-50%, -50%);}
}


@keyframes BackgroundAnim2 {
    0% { transform:rotate(220deg); translate(-50%, -50%);}
    50% { transform:rotate(248deg); translate(-60%, -40%);}
    100% { transform:rotate(220deg); translate(-50%, -50%);}
}

@keyframes BackgroundAnim3 {
    0% { transform:rotate(200deg); translate(-50%, -50%);}
    50% { transform:rotate(248deg); translate(-60%, -40%);}
    100% { transform:rotate(200deg); translate(-50%, -50%);}
}

@keyframes BackgroundAnim4 {
    0% { transform:rotate(230deg); translate(-50%, -50%);}
    50% { transform:rotate(248deg); translate(-60%, -40%);}
    100% { transform:rotate(230deg); translate(-50%, -50%);}
}

.IconAIAssistant::after {
    content: "\e004";
}

.IconAccomodation::after {
    content: "\e006";
}

.IconBusiness::after {
    content: "\e007";
}

.IconCalendar::after {
    content: "\e008";
}

.IconConstruction::after {
    content: "\e009";
}

.IconHR::after {
    content: "\e00b";
}

.IconServices::after {
    content: "\e00c";
}

.IconPoint::after {
    content: "\e00d";
}

.IconHand::after {
    content: "\e00e";
}

.IconHealth::after {
    content: "\e00f";
}

.IconHealthcare::after {
    content: "\e00F";
}

.IconSite::after {
    content: "\e010";
}

.IconRealEstate::after {
    content: "\e010";
}

.IconHome::after {
    content: "\e010";
}


.IconIdea::after {
    content: "\e011";
}

.IconIndustry::after {
    content: "\e012";
}

.IconNonProfit::after {
    content: "\e013";
}

.IconProjects::after {
    content: "\e014";
}

.IconStartups::after {
    content: "\e014";
}

.IconRestaurant::after {
    content: "\e015";
}

.IconProfessionalServices::after {
    content: "\e017";
}

.IconRetail::after {
    content: "\e018";
}

.IconTasks::after {
    content: "\e019";
}

.IconTutorial::after {
    content: "\e01a";
}

.IconTechnology::after {
    content: "\e01b";
}


.IconTimeOff::after {
    content: "\e01b";
}

.IconPayroll::after {
    content: "\e01b";
}

.IconSalaries::after {
    content: "\e01b";
}

.IconMenu::after {
    content: "\e01c";
}


.IconFiles::after {
    content: "\e022";
}

.IconVouchers::after {
    content: "\e025";
}

.IconLeads::after {
    content: "\e029";
}

.IconContacts::after {
    content: "\e02c";
}

.IconForms::after {
    content: "\e02e";
}

.IconCalendar2::after {
    content: "\e020";
}

.IconProducts::after {
    content: "\e021";
}

.IconStocks::after {
    content: "\e02a";
}

.IconSmallBusiness::after {
    content: "\e032";
}

.IconAI::after {
    content: "\e033";
}

.IconAICorporate::after {
    content: "\e033";
}

.IconEnterprise::after {
    content: "\e034";
}

.IconEmployee::after {
    content: "\e039";
}

.IconTimeoff::after {
    content: "\e038";
}

.IconInstagram::after {
    content: "\e041";
}

.IconFacebook::after {
    content: "\e042";
}

.IconLinkedIn::after {
    content: "\e043";
}

.IconYoutube::after {
    content: "\e044";
}

.IconWebstore::after {
    content: "\e046";
}

.IconNewsletters::after {
    content: "\e047";
}


.IconTwitter::after {
    content: "\e045";
}

.IconOrders::after {
    content: "\e049";
}

.IconInvoices::after {
    content: "\e048";
}


.IconTimesheets::after {
    content: "\e04a";
}

.IconAIPersonal::after {
    content: "\e04c";
}

.IconAIChatBot::after {
    content: "\e04d";
}

.HiveHolder {
	position:relative;
	display:flex;
	gap:30rem;
	flex-direction:row;
	width:var(--page-width);
	max-width:var(--page-width);
	margin: auto;
	margin-top:10rem;
}

.HiveTexts {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:100%;
	padding:0rem 20rem;
	box-sizing: border-box;
}

.HiveTitle {
	font:65rem SiteFontBold;
	line-height:80rem;
	color:#000;
	opacity:0;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0s;
	animation-fill-mode: forwards;
	margin-top: -30rem;
}

.HiveSubTitle {
	font:20rem SiteFont;
	color:#a1a1a1;
	line-height: 26rem;
	opacity:0;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0.2s;
	animation-fill-mode: forwards;
}

.HiveHexagons {
	width:100%;
	min-width: 700rem;
}

.Hive {
	position:relative;
	overflow:hidden;
	height:470rem;
	width:100%;
}

.HexagonCard {
	position:absolute;
	z-index:1;
	background-color: transparent;
	width: 185rem;
	height: 172rem;
	perspective: 1000px; 
	opacity:0;
	transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}


.HexagonCardInner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}


.HexagonCard:hover .HexagonCardInner {
	transform: rotateY(180deg);
}

.HexagonCardFront, .HexagonCardBack {
	position: absolute;
	z-index:2;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


.HexagonCardFront {
}

.HexagonCardBack {
	transform: rotateY(180deg);
}



.HexagonContents {
	position:absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font:12rem SiteFontLight;
	color:#aaa;
	-webkit-text-stroke-width: 0rem;
	width: 165rem;
	height: 152rem;
	padding: 10rem 20rem;
	margin: 9rem;
	box-sizing: border-box;
	overflow: hidden;
	perspective: 1000px;
}


.Hexagon {
	position:absolute;
	z-index:1;
	font:200rem Icons ;
	color:rgba(255,255,255,0.90);
	cursor:pointer;
	transition:all 0.3s ease-in-out;
	text-shadow:0px 0px 60rem rgba(55,55,55,0.1);
	-webkit-text-stroke-width: 2rem;
	-webkit-text-stroke-color: rgba(28,75,0,0.4);
}

.Hexagon::after {
	content:"\e000";
}


.HexagonHover {
	position:absolute;
	z-index:2;
	font:200rem Icons ;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
	text-shadow:0px 0px 60rem rgba(55,55,55,0.1);
	-webkit-text-stroke-width: 2rem;
	color:rgba(65,115,1,0.90);
	text-shadow:0px 0px 40rem rgba(55,55,55,0.3);
	-webkit-text-stroke-color: rgba(28,75,0,0.8);
}

.HexagonHover::after {
	content:"\e000";
}


.HexagonIcon {
	font:75rem Icons ;
	color:#888;
	text-align:center;
}



.HexagonTitle {
	font:14rem SiteFontLight;
	line-height:18rem;
	color:#000;
	text-align:center;
}

.HexagonDesc {
	font:10rem SiteFont;
	line-height:14rem;
	color:#fff;
	text-align:center;
	text-shadow:0px -1px 1rem rgba(0,0,0,0.8);
	width:117rem;
	max-height:98rem;
	margin-top:11rem;
	margin-left:3rem;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow:ellipsis;
}

.HexagonLink {
	font:14rem SiteFontBold;
	color:#fff;
	text-decoration:none !important;
	text-align:center;
	transition:all 0.3s ease-in-out;
	text-decoration:underline auto rgba(255, 255, 255, 0);
	text-shadow:0px -1px 1rem rgba(0,0,0,0.8);
}

.HexagonLink:hover {
	text-decoration-color: rgba(255, 255, 255, 1);
}

.HiveSeeAllFeatures {
	font:16rem SiteFont;
	color:#1b3300;
	opacity:0.8;
	text-align:right;
	text-decoration:underline auto rgba(0, 0, 0, 0);
	transition:all 0.3s ease-in-out;	
	cursor:pointer;
	margin-top: -40rem;
	margin-bottom: 60rem;
}

.HiveSeeAllFeatures:hover {
	opacity:0.95;
	text-decoration-color: rgba(0, 0, 0, 0.5);
}

.HiveSeeAllFeatures SPAN {
	font:16rem SiteFontBold;
}

.HiveSeeAllFeatures DIV {
	display:inline-block;
	margin-left:4rem;
	font:15rem Icons ;
	vertical-align:middle;
}

.HiveSeeAllFeatures DIV::after {
	content:"\e001";
}


.HiveInputBox {
	display:inline-block;
	border:1rem solid #457411;
	border-radius:8rem;
	overflow:hidden;
	box-shadow:0rem 0rem 30rem rgba(100,100,100,0.25);
	margin-top: 30rem;
	transition:all 0.3s ease-in-out;
	opacity:0;
	animation: FadeIn 0.7s ease-in-out;
	animation-delay:0.4s;
	animation-fill-mode: forwards;
}

.HiveInputBox:hover {
	border:1px solid #777;
	box-shadow:0rem 0rem 40rem rgba(100,100,100,0.3);
}

.HiveInput {
	font:15rem SiteFontLight;
	color:#000;
	outline:none;
	width:250rem;
	height:38rem;
	border:none;
	padding:0rem 15rem;
	box-sizing:border-box;
	vertical-align:middle;
}

.HiveInput::placeholder {
	color:#989898;
}

.HiveInputButton {
	cursor:pointer;
	display:inline-block;
	font:18rem SiteFont;
	color:#fff;
	text-shadow:0px -1rem 1rem rgba(0,0,0,0.4);
	background: linear-gradient(165deg, #3f7801, #a7e000, #a7e000, #3f7801);
	background-size: 400% 100%;
	background-position: 0% 50%;
	box-sizing:border-box;
	height:38rem;
	padding:5rem 10rem;	
	transition:all 0.3s ease-in-out;
	vertical-align:middle;
}

.HiveInputButton:hover {
	background-position: 100% 50%;
}


.HiveInputBoxAlign {
	text-align:left;
	white-space: nowrap;
}

.HiveCheckIndustryHolder {
	display:flex;	
	margin-top:100rem;
	opacity:0;
	animation: FadeIn 1s ease-in-out;
	animation-delay:0.8s;
	animation-fill-mode: forwards;
}

.HiveCheckIndustryIcon {
	display:inline-block;
	margin-right:4rem;
	font:45rem Icons ;
	vertical-align:middle;
	background-image: linear-gradient(90deg, #284d00, #c3ff13);
	background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color:transparent;
}

.HiveCheckIndustryIcon::after {
	content:"\e00e";
}

.HiveCheckIndustryTexts {
	display:flex;
	flex-direction:column;
	align-items: start;
	text-align:left;
}


.HiveCheckIndustryTitle {
	font:16rem SiteFont;
	color:#2d4e02;
	line-height:18rem;
	text-decoration:underline auto rgba(0, 0, 0, 0);
	transition:all 0.3s ease-in-out;	
	cursor:pointer;
}

.HiveCheckIndustryTitle:hover {
	text-decoration-color: rgba(0, 0, 0, 0.5);
}

.HiveCheckIndustryTitle SPAN {
	font:16rem SiteFontBold;
}


.HiveCheckIndustryDesc {
	font:12rem SiteFontLight;
	line-height:14rem;
	color:#a1a1a1;
	margin-top:-4rem;
}

.MenuTopSizer {
	height:72rem;
}

.MenuTop {
	width: var(--page-width);
	padding: 10rem 0rem;
	margin: auto;
	display:flex;
	gap:30rem;
	align-items: center;
	box-sizing:border-box;
	opacity:0;
	animation: FadeIn 1s ease-in-out;
	animation-delay:0s;
	animation-fill-mode: forwards;
}

.MenuTopNormal {
	position:static;
	opacity:0;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0s;
	animation-fill-mode: forwards;
}

.MenuTopSticky {
	position:fixed;
	width:100%;
	z-index:1000;	
	top:0px;
	left:0px;
	box-shadow:0rem 0rem 30rem rgba(0,0,0,0.2);
	padding-bottom:5rem;
	background:#fff;
	opacity:0;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0s;
	animation-fill-mode: forwards;
}

.MenuLogo {
	margin-right:20rem;
	width:150rem;
	height:42rem; 
}

.MenuItemSelected {
	font:bold 16rem SiteFontLight;
	color:#000;
	cursor:pointer;
	margin-top:10rem;
	transition:all 0.3s ease-in-out;
	white-space:nowrap;
}

.MenuItemSelected .Icon {
	display:inline-block;
	margin-left:7rem;
	font:9rem Icons ;
	margin-top:0rem;
	transition:all 0.3s ease-in-out;
	vertical-align: middle;	
	transform:rotate(-180deg);
}

.MenuItemSelected .Icon::after {
	content:"\e003";
}


.MenuItem {
	font:16rem SiteFontLight;
	color:#868686;
	cursor:pointer;
	margin-top:10rem;
	transition:all 0.3s ease-in-out;
	white-space:nowrap;
}

.MenuItem:hover {
	color:#000;
}

.MenuItem:hover .Icon {
	margin-top:0rem;
	transform:rotate(-180deg);
}

.MenuItem .Icon {
	display:inline-block;
	margin-left:7rem;
	font:9rem Icons ;
	margin-top:2rem;
	transition:all 0.3s ease-in-out;
	vertical-align: middle;	
}

.MenuItem .Icon::after {
	content:"\e003";
}

.MenuRight {
	width:100%;
	display:flex;
	gap:15rem;
	justify-content:right;
	align-items: center;
}

.MenuLogin {
	display:inline-block;
	font:16rem SiteFont;
	line-height:18rem;
	color:#fff;
	cursor:pointer;
	text-shadow:0px 0px 1rem rgba(55,55,55,0.1);
	transition:all 0.3s ease-in-out;
	border:1px solid rgba(255,255,255,0);
	border-radius:8rem;
	padding:6rem 15rem;
	box-sizing:border-box;
}

.MenuLogin:hover {
	border:1px solid rgba(255,255,255,0.4);
}

.MenuTopSticky .MenuLogin {
	color:#888;
}

.MenuTopSticky .MenuLogin:hover {
	border:1px solid rgba(88,88,88,0.2);
}


.MenuStartFree {
	font:16rem SiteFont;
	color:#fff;
	cursor:pointer;
	line-height:26rem;
	padding:2rem 15rem;
	background:#4f7b02;
	text-shadow:0rem -1rem 1rem rgba(0,0,0,0.3);
	transition:all 0.3s ease-in-out;
	border-radius:8rem;
}

.MenuStartFree:hover {
	background:#375700;
}

.MenuSignUp {
	display:none;
}

.MenuMenu, .MenuMobileItem, .MenuMobileSignUp, .MenuMobileLogin {
	display:none;
}


.MenuMobile {
}
.MenuOpenHeader {
	display:none;
}

.MenuOpenLogo {
	display:none;
}

.MenuOpenClose {
	display:none;
}


.MenuOpenBackground {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:10;
	opacity:1;
	transition:opacity 0.3s ease-in-out;
	background:rgba(0,0,0,0.3);
	backdrop-filter:blur(6rem);
}
 
.MenuHidden {
	position:fixed;
	top:-10000rem;
	left:-10000rem;	
	opacity:0;
	transition:opacity 0.3s ease-in-out;
}

.MenuOpen {
	position:fixed;
	top:64rem;
	left:0rem;	
	border:1rem solid #eee;
	width:100%;
	box-sizing:border-box;
	background:#fff;
	z-index:1001;
	box-shadow:0rem 40rem 30rem rgba(0,0,0,0.2);
	opacity:1;
	-transition:opacity 0.3s ease-in-out;
	
}

.MenuOpenContents {
	width: var(--page-width);
	padding: 0rem 0rem;
	margin: auto;
}

.MenuFlex {
	position:relative;
	display:flex;
	width:100%;
}

.MenuOpenLeft {
	width:100%;
	padding-top:20rem;
	padding-bottom:30rem;
	box-sizing:border-box;
	padding-left:5rem;
}


.MenuOpenRight {
	border-left:1rem solid #eee;
	padding-top:20rem;
	padding-bottom:30rem;
	padding-left:30rem;
	padding-right:20rem;
	box-sizing:border-box;
}

.MenuOpenTitle {
	font:16rem SiteFont;
	text-transform:uppercase;
	margin-bottom:20rem;
}

.MenuOpenItems {
	display:flex;
	gap:50rem;
}

.MenuOpenItem {
	display:flex;
	gap:10rem;
	justify-content:left;
	margin-bottom:30rem;
	align-items: flex-start;
	min-width: 240rem;
}

.MenuOpenItemTitle {
	font:bold 14rem SiteFont;
	cursor:pointer;
	transition:text-decoration 0.3s ease-in-out;
	text-decoration:underline auto rgba(0, 0, 0, 0);
}

.MenuOpenItemTitle A {
	color:inherit;
	text-decoration:none;
}

.MenuOpenItemTitle:hover {
	text-decoration:underline auto rgba(0, 0, 0, 1);
}

.MenuOpenItemIcon {
	font:40rem Icons ;
	min-width: 40rem;
	text-align: center;
}

.MenuOpenItemSubTitle {
	font:13rem SiteFontLight;
	color:#888;
	line-height:15rem;
	cursor:pointer;
	transition:text-decoration 0.3s ease-in-out;
	text-decoration:underline auto rgba(0, 0, 0, 0);
}

.MenuOpenItemSubTitle A {
	color:inherit;
	text-decoration:none;
}

.MenuOpenItemSubTitle:hover {
	text-decoration:underline auto rgba(0, 0, 0, 0.2);
}

.MenuSeeAllButton {
	display:inline-block;
	font:14rem SiteFont;
	transition:all 0.3s ease-in-out;
	color:#000;
	background:#efefef;
	box-sizing:border-box;
	padding:3rem 12rem;
	border-radius:6rem;
	margin-top:20rem;
	margin-bottom:10rem;
	cursor:pointer;
}

.MenuSeeAllButton::after {
	display:inline-block;
	font:14rem Icons ;
	content:"\e001";
	margin-left:5rem;
	vertical-align:middle;
	margin-left:5rem;
}

.MenuSeeAllButton SPAN {
	font:14rem SiteFontBold;
}

.MenuSeeAllButton:hover {
	color:#fff;
	background:#333;
}

.MenuVerticalItem {
	display:flex;
	gap:10rem;
	justify-content:flex-start;
	margin-bottom:12rem;
	align-items: flex-start;
}


.MenuOpenItemDesc {
	font:11rem SiteFont;
	line-height:14rem;
	color:#9f9f9f;
	width:280rem;
}


.MenuOpenItemDesc2 {
	font:11rem SiteFont;
	line-height:14rem;
	color:#9f9f9f;
	width:140rem;
}

.MenuOpenItemDesc3 {
	font:11rem SiteFont;
	line-height:14rem;
	color:#9f9f9f;
	width:200rem;
}

.MenuBlogImage {
	display:inline-block;
	width:80rem;
	height:58rem;
	background:#efefef;
	border-radius:5rem;
	margin-top:4rem;
}

.MenuSeeAllButtonSmall {
	display:inline-block;
	font:12rem SiteFont;
	transition:all 0.3s ease-in-out;
	color:#000;
	background:#efefef;
	box-sizing:border-box;
	padding:3rem 12rem;
	border-radius:6rem;
	margin-top:10rem;
	cursor:pointer;
}

.MenuSeeAllButtonSmall::after {
	display:inline-block;
	font:12rem Icons ;
	content:"\e001";
	margin-left:5rem;
	vertical-align:middle;
	margin-left:5rem;
}

.MenuSeeAllButtonSmall SPAN {
	font:12rem SiteFontBold;
}

.MenuSeeAllButtonSmall:hover {
	color:#fff;
	background:#333;
}

.MenuHSeparator {
	width:100%;
	height:1rem;
	background: #eee;
	margin-bottom:20rem;
}

:root {
 	--page-width: 1250;
 	--device:desktop;
}

.BackgroundHolder {
	position:fixed;
	z-index:-1;
	width:100%;
	height:100%;
	overflow:hidden;
}

.BackgroundParallax {
	position:relative;
}

.BackgroundTop {
	position:relative;
	top: -390rem;
	left: 72%;
	width: 930rem;
	height: 1040rem;
	border-radius: 220rem;
	background: linear-gradient(270deg, #5b8c00, #c0ff08);
	transform:rotate(230deg) translate(-50%, -50%);
	animation: BackgroundAnim 25s ease-in-out infinite;
}

.BackgroundTop1 {
	position:relative;
	top: 0rem;
	left: 72%;
	width: 930rem;
	height: 1040rem;
	border-radius: 220rem;
	background: linear-gradient(270deg, #5b8c00, #c0ff08);
	transform:rotate(230deg) translate(-50%, -50%);
	animation: BackgroundAnim 25s ease-in-out infinite;
}

.BackgroundTop2 {
	position:relative;
	top: 0rem;
	left: calc(-550rem - 10%);
	width: 930rem;
	height: 1040rem;
	border-radius: 220rem;
	background: linear-gradient(220deg, #5b8c00, #c0ff08);
	transform:rotate(130deg) translate(-50%, -50%);
	animation: BackgroundAnim2 35s ease-in-out infinite;
}

.BackgroundTop3 {
	position:relative;
	top: 0rem;
	left: 62%;
	width: 840rem;
	height: 1140rem;
	border-radius: 220rem;
	background: linear-gradient(270deg, #5b8c00, #c0ff08);
	transform:rotate(230deg) translate(-50%, -50%);
	animation: BackgroundAnim3 30s ease-in-out infinite;
}

.BackgroundTop4 {
	position:relative;
	top: 0rem;
	left: calc(-340rem - 10%);
	width: 890rem;
	height: 840rem;
	border-radius: 220rem;
	background: linear-gradient(220deg, #5b8c00, #c0ff08);
	transform:rotate(90deg) translate(-50%, -50%);
	animation: BackgroundAnim4 20s ease-in-out infinite;
}

/**** TABLET ***/
@media only screen and (min-device-width : calc(768px * 1)) and (max-device-width : calc(1024px * 1)),
		   only screen and (max-width : calc(1400px * 1)) {

:root {
 	--page-width: 1150;
 	--device:tablet;
}


}

@media only screen and (max-device-width : calc(600px * 1)),
		   only screen and (max-width : calc(600px * 1)) {


:root {
 	--page-width: 100%;
 	--device:mobile;
}



.BackgroundTop {
	position:relative;
	z-index:-1;
	top: 210rem;
	left: 27%;
	width: 740rem;
	height: 670rem;
	border-radius: 220rem;
	background: linear-gradient(270deg, #5b8c00, #c0ff08);
	transform:rotate(230deg) translate(-50%, -50%);
	animation: BackgroundAnim 25s ease-in-out infinite;
}

.WPageContents {
	box-sizing:border-box;
	padding:0rem 10rem !important;
}


}

@media only screen and (max-device-width : calc(600px * 1)),
		   only screen and (max-width : calc(600px * 1)) {

.HiveHolder {
	position:relative;
	display:flex;
	gap:30rem;
	flex-direction:column;
	width:var(--page-width);
	max-width:var(--page-width);
	margin-top:10rem;
	align-items: center;
}

.HiveHexagons {
	min-width:auto;
	text-align: center;
}

.Hive {
	display: inline-block;
	width: 408rem;
	height:440rem;
	margin-top:-60rem;
}

.HiveTitle {
	text-align:center;
	margin-top: 0rem;
}

.HiveSubTitle {
	padding:0px 20rem;
	text-align:center;
}

.HiveCheckIndustryHolder {
	display:none;
}

.HiveInputBoxAlign {
	text-align:center;
	padding-bottom:30rem;
}

.HiveInputBox {
	transform: scale(1.05);
}

.HiveSeeAllFeatures {
	text-align: center;
	margin-top: 10rem;
	margin-bottom: 40rem;
}


}

@media only screen and (max-device-width : calc(600px * 1)),
		   only screen and (max-width : calc(600px * 1)) {


.MenuItem {
	display:none;
}

.MenuLogin {
	display:none;
}

.MenuStartFree {
	display:none;
}

.MenuTop {
	padding: 10rem 10rem;
}

.MenuLogo {
	width:120rem;
	height:33rem; 
}


.MenuOpenBackground {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1001;
	opacity:1;
	transition:opacity 0.3s ease-in-out;
	background:rgba(0,0,0,0.3);
	backdrop-filter:blur(6rem);
}


.MenuSignUp {
	font:14rem SiteFont;
	border:1px solid #76b700;
	border-radius:8rem;
	display:inline-block;
	background: linear-gradient(0deg, #5b8c00, #c0ff08);
	color:#fff;
	text-shadow:0px -1px 1px rgba(0,0,0,0.4);
	padding:2rem 10rem;
	box-sizing:border-box;
	vertical-align:top;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
}

.MenuSignUp:hover {
	border:1px solid #517d01;
}

.MenuMenu {
	display:inline-block;
	font:30rem Icons ;
	color:#000;
	vertical-align:top;
	margin-top: 4rem;
	cursor:pointer;
}

.MenuMenu::after {
	content:"\e01c";
}

.MenuOpenItemTitleHolder {
	width:100%;
}

.MenuOpenItemExpand {
	cursor:pointer;
	width:100%;
}

.MenuOpenItemExpand::after {
	float:right;
	display:inline-block;
	font:16rem Icons ;
	margin-top:10rem;
	color:#000;
	content:"\e01e";
}


.MenuMobile {
	position:fixed;
	top:0px;
	right:0px;
	min-width:80%;
	z-index:10000;
	background:#fff;
	border-radius:0rem 0rem 0rem 20rem;
	box-sizing:border-box;
	box-shadow:0rem 0rem 40rem rgba(0,0,0,0.3);
	padding:20rem 0rem;
}

.MenuMobileScroller {
	padding:0rem 30rem;
	overflow-y: auto;
}

.MenuMobileScroller::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7rem;
}
.MenuMobileScroller::-webkit-scrollbar-thumb {
	border-radius: 4rem;
	background-color: rgba(57, 88, 0, 1);
}

.MenuMobileItem, .MenuMobileItemNoIcon {
	display:block;
	font:18rem SiteFontBold;
	padding:10rem 0rem;
	cursor:pointer;
}

.MenuMobileItem::after {
	font:20rem Icons ;
	float:right;
	content:"\e01e";
	margin-top:5rem;

}

.MenuMobileSignUp {
	font:17rem SiteFont;
	border:1px solid #76b700;
	border-radius:7rem;
	display:block;
	background: linear-gradient(90deg, #5b8c00, #c0ff08);
	color:#fff;
	text-shadow:0px -1px 1px rgba(0,0,0,0.4);
	padding:4rem 10rem;
	box-sizing:border-box;
	vertical-align:top;
	cursor:pointer;
	text-align:center;
	transition:all 0.3s ease-in-out;
	margin-top:20rem;
	margin-bottom:8rem;
}

.MenuMobileSignUp:hover {
	border:1px solid #517d01;
}

.MenuMobileLogin {
	font:17rem SiteFont;
	border-radius:7rem;
	display:block;
	text-align:center;
	background: #f1fed8;
	color:#000;
	padding:4rem 10rem;
	box-sizing:border-box;
	vertical-align:top;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
}

.MenuMobileLogin:hover {
	background: #d1ff79;
}

.MenuOpenMobile {
	display:block;
}

.MenuOpenContents {
	width:auto;
	margin-top: -5rem;
}

.MenuFlex {
	flex-direction:column;
	padding-left: 20rem;
	border-top: 2rem solid #ccc;
	margin-top: -13rem;
}

 .MenuOpenItems {
	flex-direction:column;
	gap:5rem;
	margin-top: 5rem;
}

.MenuOpenTitle {
	font: 13rem SiteFontLight;
	text-transform: uppercase;
	margin-bottom: 5rem;
	color:#aaa;
	margin-top: 15rem;
}

.MenuOpenMobile .MenuOpenItemTitle {
	font: 16rem SiteFont;
	line-height:36rem;
}

.MenuOpenItemTitle A {
	color:inherit;
	text-decoration:none;
}

.MenuOpenItemDesc {
	display:none;
}

.MenuOpenItemDesc2, .MenuOpenItemDesc3 {
	display:none;
}

.MenuSeeAllButtonSmall {
	display:none;
}

.MenuOpenItem {
	margin-bottom:0rem;
	border-bottom:1rem solid #eee;
	align-items: flex-start;
}

.MenuVerticalItem {
	margin-bottom:0rem;
	border-bottom:1rem solid #eee;
	align-items: center;
}


.MenuOpenLeft, .MenuOpenRight {
	padding:0;
	border:none;
}

.MenuOpenItemIcon {
	font:34rem Icons ;
	line-height: 34rem;
}

.MenuBlogImage {
	width:60rem;
	height:46rem;
	margin-bottom:5rem;
}

.MenuOpenSubItems {
	display:none;
}

.MenuOpenSubItemsVisible {
	display:flex;
	gap:0rem;
	flex-direction:column;
}

.MenuOpenItemSubTitle {
	font: 15rem SiteFontLight;
	color: #888;
	line-height: 35rem;
	border-top: 1rem solid #eee;
	padding-left: 20rem;
	cursor:pointer;
}

.MenuOpenItemSubTitle A {
	color:inherit;
	text-decoration:none;
}


.MenuOpenHeader {
	display:flex;
	width:100%;
	padding:0rem 25rem;
	padding-bottom:15rem;
	box-sizing:border-box;
	margin-top:-10rem;
}


.MenuOpenLogo {
	display: inline-block;
	width:132rem;
	height:36rem; 
}

.MenuOpenClose {
	display: inline-block;
	font:30rem Icons ;
	color:#bbb;
	margin-top: 8rem;
	transition:all 0.3s ease-in-out;
	text-align:right;
	width: 100%;
	cursor:pointer;
}

.MenuOpenClose:hover {
	color:#000;
}

.MenuOpenClose::after {
	content:"\e01d";
}

}


.FooterHeader {
	background:#033f00;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:50rem 0rem;
	gap:120rem;
}

.FooterHeaderTexts {
	display:flex;
	flex-direction:column;
}

.FooterHeaderTextsTitle {
	font:36rem SiteFontBold;
	color:#fff;
	line-height:40rem;
}

.FooterHeaderTextsSubTitle {
	font:16rem SiteFont;
	line-height:18rem;
	color:#a1a1a1;
}

.FooterHeaderSignup {
	display:flex;
	flex-direction:column;
}

.FooterHeaderSignupDesc {
	font:14rem SiteFontLight;
	color:#fff;
	line-height:16rem;
	margin-top:8rem;
	text-align:right;
}

.FooterHeaderSignupDesc SPAN {
	color:#b1b1b1;
}


.FooterInputBox {
	display:inline-block;
	border:1rem solid #457411;
	border-radius:8rem;
	overflow:hidden;
	box-shadow:0rem 0rem 30rem rgba(100,100,100,0.25);
	transition:all 0.3s ease-in-out;
}

.FooterInputBox:hover {
	border:1px solid #777;
	box-shadow:0rem 0rem 40rem rgba(100,100,100,0.3);
}

.FooterInput {
	font:15rem SiteFontLight;
	color:#000;
	outline:none;
	width:280rem;
	height:38rem;
	border:none;
	padding:0rem 15rem;
	box-sizing:border-box;
	vertical-align:middle;
}

.FooterInput::placeholder {
	color:#989898;
}

.FooterInputButton {
	cursor:pointer;
	display:inline-block;
	font:18rem SiteFont;
	color:#fff;
	text-shadow:0px -1rem 1rem rgba(0,0,0,0.4);
	background: linear-gradient(165deg, #3f7801, #a7e000, #a7e000, #3f7801);
	background-size: 400% 100%;
	background-position: 0% 50%;
	box-sizing:border-box;
	height:38rem;
	padding:5rem 22rem;	
	transition:all 0.3s ease-in-out;
	vertical-align:middle;
}

.FooterInputButton:hover {
	background-position: 100% 50%;
}


.FooterBody {
	background: linear-gradient(137deg, #145001, #aae400);
	padding:10rem 40rem 10rem 40rem;	
}


.FooterColumns {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.FooterColumn {
	padding-top:30rem;
	flex: 0 0 20%; 
}

.FooterColumnTitle {
	font:18rem SiteFontBold;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:10rem;
}


.FooterColumnItem {
	display:block;
	color:#fff;
	font:14rem SiteFont;
	line-height:16rem;
	padding:8rem 0rem;
	opacity:0.7;
	transition:all 0.3s ease-in-out;
	cursor:pointer;
	text-decoration:underline auto rgba(255, 255, 255, 0);
	transition:all 0.3s ease-in-out;	
}

.FooterColumnItemBold {
	font-weight:bold;
	opacity:0.9;
}


.FooterColumnItem:hover {
	opacity:1;
	text-decoration-color: rgba(255, 255, 255, 1);
}

.FooterColumnSubItem {
	display:block;
	font:13rem SiteFont;
	color:#fff;
	line-height:14rem;
	padding:2rem 0rem;
	padding-left:20rem;
	text-decoration:none;
	opacity:0.7;
	text-decoration:underline auto rgba(255, 255, 255, 0);
	transition:all 0.3s ease-in-out;
}

.FooterColumnSubItem:hover {
	opacity:1;
	text-decoration:underline auto rgba(255, 255, 255, 1);
}


.FooterSeparator {
	height:1rem;
	background:rgba(255,255,255,0.3);
	margin-top: 40rem;
	margin-bottom: 15rem;
}

.FooterFooter {
	display:flex;
	align-items: center;
}

.FooterLogo {
	margin-right:30rem;
	width:150rem;
	height:42rem;
	margin-bottom:10rem;
}

.FooterTermsHolder {
	text-align:left;
	white-space:nowrap;
}

.FooterTerms {
	font:13rem SiteFont;
	color:#fff;
	cursor:pointer;
	white-space:nowrap;
	text-decoration:underline auto rgba(255, 255, 255, 0);
	transition:all 0.3s ease-in-out;	
}

.FooterTerms:hover {
	text-decoration-color:rgba(255, 255, 255, 1);
}

.FooterTermsSeparator {
	display:inline-block;
	font:13rem SiteFont;
	margin:0rem 8rem;
	color: rgba(255, 255, 255, 0.3);
}

.FooterTermsSeparator::after {
	content:"|";
}

.FooterSocial {
	width:100%;
	text-align:right;
}

.FooterSocialIcon {
	font: 34rem Icons ;
	color:rgba(255, 255, 255, 1);
	transition:all 0.3s ease-in-out;	
	text-decoration:none;
	margin-left:8rem;
	cursor:pointer;
}


.BetaModule {
	vertical-align:middle;
	font:10rem SiteFont;
	line-height:12rem;
	display:inline-block;
	background:#ffff00;
	padding:2rem 6rem;
	color:#000;
	border-radius:100rem;
	margin-left:5rem;
	overflow:hidden;
}

.BetaModule::after {
	content:"beta";
}
@media only screen and (max-device-width : calc(600px * 1)),
		   only screen and (max-width : calc(600px * 1)) {


.FooterHeader {
	flex-direction:column;
	gap:30rem;
}

.FooterHeaderTexts {
	text-align:center;
}

.FooterInput {
	width:250rem;
}

.FooterHeaderSignupDesc {
	text-align:center;
}

.FooterColumn {
	flex: 0 0 50%; 
}

.FooterBody {
	background: linear-gradient(80deg, #145001, #aae400);
	padding:10rem 20rem;
}

.FooterFooter {
	flex-direction:column;
	gap:20rem;
	padding-bottom:20rem;
}

.FooterTermsHolder {
	display:flex;
	flex-direction:column;
	gap:5rem;
	text-align:center;
}

.FooterTerms {
	text-decoration:none;
}

.FooterTermsSeparator {
	display:none;
}

.FooterSocial {
	text-align:center;
}

.FooterLogo {
	margin-right:0rem;
	margin-bottom:0rem;
}


}
.ContentsHolder {
	position:relative;
	display:flex;
	gap:120rem;
	flex-direction:row;
	margin:100rem 0rem;
}

.ContentsTexts {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:100%;
}

.ContentsTitle {
	font:55rem SiteFontBold;
	line-height:65rem;
	color:#000;
	opacity:0;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0s;
	animation-fill-mode: forwards;
}

.ContentsSubTitle {
	font:20rem SiteFont;
	color:#a1a1a1;
	line-height: 26rem;
	margin-top: 10rem;
	opacity:0;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0.2s;
	animation-fill-mode: forwards;
}

.ContentsInputBoxDesc {
	font: 14rem SiteFontLight;
	color:#333;
	margin-top:20rem;
	opacity:0;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0.6s;
	animation-fill-mode: forwards;
}

.ContentsInputBoxDesc SPAN {
	color:#aaa;
}

.ContentsInputBox {
	display:inline-block;
	border:1rem solid #457411;
	border-radius:8rem;
	overflow:hidden;
	box-shadow:0rem 0rem 30rem rgba(100,100,100,0.25);
	margin-top: 30rem;
	transition:all 0.3s ease-in-out;
	opacity:0;
	animation: FadeIn 0.7s ease-in-out;
	animation-delay:0.4s;
	animation-fill-mode: forwards;
}

.ContentsInputBox:hover {
	border:1px solid #777;
	box-shadow:0rem 0rem 40rem rgba(100,100,100,0.3);
}

.ContentsInput {
	font:15rem SiteFontLight;
	color:#000;
	outline:none;
	width:250rem;
	height:38rem;
	border:none;
	padding:0rem 15rem;
	box-sizing:border-box;
	vertical-align:middle;
}

.ContentsInput::placeholder {
	color:#989898;
}

.ContentsInputButton {
	cursor:pointer;
	display:inline-block;
	font:18rem SiteFont;
	color:#fff;
	text-shadow:0px -1rem 1rem rgba(0,0,0,0.4);
	background: linear-gradient(165deg, #3f7801, #a7e000, #a7e000, #3f7801);
	background-size: 400% 100%;
	background-position: 0% 50%;
	box-sizing:border-box;
	height:38rem;
	padding:5rem 10rem;	
	transition:all 0.3s ease-in-out;
	vertical-align:middle;
}

.ContentsInputButton:hover {
	background-position: 100% 50%;
}


.ContentsInputBoxAlign {
	text-align:left;
	white-space: nowrap;
}

.ContentsVideoWrapper {
	display:inline-block;
	background:#fff;
	box-shadow:0rem 0rem 30rem rgba(0,0,0,0.2);
	padding:12rem;
	border-radius:15rem;
	overflow:hidden;
}

.ContentsVideoWrapper VIDEO {
	width:610rem;
	height:380rem;
	border-radius:9rem;
	overflow:hidden;
	object-fit: cover;
}


.ContentsHolderWithBackground, .ContentsHolderWithBackgroundReversed {
	position:relative;
	display:flex;
	gap:80rem;
	flex-direction:row;
	margin:100rem 0rem;
	background:rgba(237, 249, 211, 0.9);
	padding: 80rem 60rem;
	box-sizing:border-box;
	border-radius:30rem;
	align-items: center;
}


.ContentsTextsTitle {
	font:48rem SiteFontBold;
	line-height:65rem;
	color:#000;
	opacity:0;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0s;
	animation-fill-mode: forwards;
}

.ContentsTextsSubTitle {
	font: 18rem SiteFontLight;
	color:#a1a1a1;
	line-height: 26rem;
	margin-top: 10rem;
	opacity:0;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0.2s;
	animation-fill-mode: forwards;
}


.ContentsTopTitle {
	font:bold 18rem SiteFont;
	color:#6d9302;
	opacity:0;
	text-transform:uppercase;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0s;
	animation-fill-mode: forwards;
}


.ContentsTextsSeparator {
	display:inline-block;
	width:150rem;
	height:10rem;
	background:#b4f207;
	border-radius:100rem;
	margin:10rem 0rem;
	opacity:0;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0.4s;
	animation-fill-mode: forwards;
}


.ContentsTextsButton {
	display:inline-block;
	font:18rem SiteFont;
	color:#fff;
	text-shadow:0rem -1rem 1rem rgba(0,0,0,0.4);
	padding:8rem 16rem;
	background:#375a00;
	box-shadow:0rem 0rem 20rem rgba(0,0,0,0.2);
	opacity:0;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0.5s;
	animation-fill-mode: forwards;
	transition:background 0.3s ease-in-out;
	border-radius:10rem;
	cursor:pointer;
	margin-top:30rem;
}

.ContentsTextsButton:hover {
	background:#294300;
}


.ContentsTextsButtonSecond {
	display:inline-block;
	font:18rem SiteFont;
	color:#fff;
	text-shadow:0rem -1rem 1rem rgba(0,0,0,0.4);
	padding:8rem 16rem;
	background:#182e00;
	box-shadow:0rem 0rem 20rem rgba(0,0,0,0.2);
	opacity:0;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0.5s;
	animation-fill-mode: forwards;
	transition:background 0.3s ease-in-out;
	border-radius:10rem;
	cursor:pointer;
	margin-top:30rem;
	margin-left:20rem;
}

.ContentsTextsButtonSecond:hover {
	background:#142000;
}

.ContentsTextsList {
	margin-top:30rem;
	margin-bottom:0rem;
	padding-inline-start: 0rem;
	opacity:0;
	animation: FadeIn 0.5s ease-in-out;
	animation-delay:0.8s;
	animation-fill-mode: forwards;
}

.ContentsTextsListItem {
	font:18rem SiteFont;
	color:#000;
	list-style-type: none;
}

.ContentsTextsListItem::before {
	font:25rem Icons ;
	color:#284d00;
	margin-right:10rem;
	content:"\e002";
	background-image: linear-gradient(20deg, #009928, #c0e900);
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent; 
	-moz-text-fill-color: transparent;
}

.ContentsTextsListItem DIV {
	display:inline-block !important;
	vertical-align:middle;
}

.ContentsImageWrapperLeft {
	display:inline-block;
	width:280rem;
	height:180rem;
	border:6rem solid #fff;
	background-color:#fff;
	background-size:cover;
	background-position: 50% 50%;
	border-radius:8rem;
	margin-top:-120rem;
	margin-left:-20rem;
	box-shadow:0rem 0rem 30rem rgba(0,0,0,0.2);
	z-index:10;
}

.ContentsImageWrapperRight {
	float:right;
	position:relative;
	display:inline-block;
	z-index:1;
	width:280rem;
	height:180rem;
	border:6rem solid #fff;
	background-size:cover;
	background-position: 50% 50%;
	border-radius:8rem;
	margin-top:-120rem;
	margin-right:-20rem;
	box-shadow:0rem 0rem 30rem rgba(0,0,0,0.2);
}

.ContentsVideoSmall {
	width:480rem;
	height:314rem;
}

.ContentsVideoWrapperImage {
	width:550rem;
	height:360rem;
	background-size:cover;
	background-position: 50% 50%;
	border-radius: 15rem;
	overflow: hidden;
}

.ContentsVideoWrapperMarginLeft {
	margin-left:30rem;
}

.ContentsVideoWrapperMarginRight {
	margin-right:30rem;
}

.ContentsColumnsHolder {
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin:40rem 0rem;
	justify-content: space-between;
}

.ContentsColumn {
	position:relative;
	flex: 0 0 22%; 
	display:flex;
	flex-direction:column;
	background:rgba(237, 249, 211, 0.9);
	padding: 40rem 20rem;
	box-sizing:border-box;
	border-radius:30rem;
	align-items: center;
}



.ContentsColumnIcon {
	font: 90rem SiteIcons;
	color:#000;
	text-align:center;

}

.ContentsColumnTitle {
	font: 20rem SiteFont;
	color:#000;
	text-align:center;
	margin-bottom:20rem;
	line-height: 25rem;
}

.ContentsColumnDesc {
	font: 14rem SiteFontLight;
	color:#999;
	text-align:center;
	margin-bottom:20rem;
	line-height: 16rem;
}

.ContentsColumnLearnMore {
	font: 16rem SiteFont;
	color:#618300;
	text-align:center;
}

.ContentsFreeTrialHolder {
	position:relative;
	display:flex;
	gap:80rem;
	flex-direction:row;
	margin:100rem 0rem;
	background:rgba(3, 63, 0, 0.95);
	padding: 45rem 90rem;
	box-sizing:border-box;
	border-radius:18rem;
	align-items: center;
	justify-content:space-between;
}

.FreeTrialTexts {
	display:flex;
	flex-direction:column;
}

.FreeTrialTextsTitle {
	font:36rem SiteFontBold;
	color:#fff;
	line-height:40rem;
}

.FreeTrialTextsSubTitle {
	font:16rem SiteFont;
	line-height:18rem;
	color:#a1a1a1;
}

.FreeTrialSignup {
	display:flex;
	flex-direction:column;
}

.FreeTrialInputBoxAlign {
	white-space:nowrap;
}

.FreeTrialSignupDesc {
	font:14rem SiteFontLight;
	color:#fff;
	line-height:16rem;
	margin-top:8rem;
	text-align:right;
}

.FreeTrialSignupDesc SPAN {
	color:#b1b1b1;
}


.FreeTrialInputBox {
	display:inline-block;
	border:1rem solid #457411;
	border-radius:8rem;
	overflow:hidden;
	box-shadow:0rem 0rem 30rem rgba(100,100,100,0.25);
	transition:all 0.3s ease-in-out;
}

.FreeTrialInputBox:hover {
	border:1px solid #777;
	box-shadow:0rem 0rem 40rem rgba(100,100,100,0.3);
}

.FreeTrialInput {
	font:15rem SiteFontLight;
	color:#000;
	outline:none;
	width:300rem;
	height:38rem;
	border:none;
	padding:0rem 15rem;
	box-sizing:border-box;
	vertical-align:middle;
}

.FreeTrialInput::placeholder {
	color:#989898;
}

.FreeTrialInputButton {
	cursor:pointer;
	display:inline-block;
	font:18rem SiteFont;
	color:#fff;
	text-shadow:0px -1rem 1rem rgba(0,0,0,0.4);
	background: linear-gradient(165deg, #3f7801, #a7e000, #a7e000, #3f7801);
	background-size: 400% 100%;
	background-position: 0% 50%;
	box-sizing:border-box;
	height:38rem;
	padding:5rem 22rem;	
	transition:all 0.3s ease-in-out;
	vertical-align:middle;
}

.FreeTrialInputButton:hover {
	background-position: 100% 50%;
}

.PricingTitle {
	font:55rem SiteFontBold;
	color:#000;
	line-height:60rem;
	text-align:center;
}

.PricingSubTitle {
	font:22rem SiteFontLight;
	color:#333;
	line-height:26rem;
	text-align:center;
}

.PricingButtons {
	margin-top:40rem;
	display:flex;
	justify-content:center;
	gap: 50rem;
}

.PricingUsers {
	display:flex;
	flex-direction:column;
	align-items:center;
}

.PricingUsersButtons {
	display:flex;
	align-items:center;
}

.PricingUsersMinus {
	display:inline-block;
	background:#4f7b02;
	color:#fff;
	text-shadow:0rem -1rem 1rem rgba(0,0,0,0.3);
	font:40rem SiteFontBold;
	text-align:center;
	width:44rem;
	height:40rem;
	border:1rem solid rgba(72, 111, 0, 0.6);
	border-radius:10rem 0rem 0rem 10rem;
	overflow:hidden;
	cursor:pointer;
	line-height: 47rem;
	transition:all 0.3s ease-in-out;
}

.PricingUsersMinus:hover {
	background:#395900;
}

.PricingUsersInput {
	width:70rem;
	height:42rem;
	border:none;
	border-top:1rem solid rgba(72, 111, 0, 0.6);
	border-bottom:1rem solid rgba(72, 111, 0, 0.6);
	font:30rem SiteFont;
	outline:none;
	text-align:center;
	padding-top: 7rem;
}

.PricingUsersMore {
	display:inline-block;
	background:#4f7b02;
	color:#fff;
	text-shadow:0rem -1rem 1rem rgba(0,0,0,0.3);
	font:40rem SiteFontBold;
	text-align:center;
	width:44rem;
	height:40rem;
	border:1rem solid rgba(72, 111, 0, 0.6);
	border-radius:0rem 10rem 10rem 0rem;
	overflow:hidden;
	cursor:pointer;
	line-height: 47rem;
	transition:all 0.3s ease-in-out;
}

.PricingUsersMore:hover {
	background:#395900;
}

.PricingButtonsDesc {
	font:12rem SiteFont;
	color:#3b5e00;
	text-align:center;
}

.PricingButtonsDesc SPAN {
	color:#aaa;
	margin-left:4rem;
}

.PricingSubscriptionHolder {
	display:flex;
	align-items:center;
	flex-direction:column;
}

.PricingSubscriptionButtons {
	display:flex;
	align-items:center;
}

.PricingYearlySubscriptionSelected {
	display:inline-block;
	font:18rem SiteFontBold;
	color:#fff;
	text-shadow:0rem -1rem 1rem rgba(0,0,0,0.3);
	background: linear-gradient(165deg, #3f7801, #a7e000);
	box-sizing:border-box;
	border:1rem solid rgba(72, 111, 0, 0.6);
	border-radius:10rem 0rem 0rem 10rem;
	padding:0rem 15rem;
	line-height:40rem;
}

.PricingYearlySubscription {
	display:inline-block;
	font:18rem SiteFont;
	color:#000;
	background:#fff;
	box-sizing:border-box;
	border:1rem solid rgba(72, 111, 0, 0.6);
	border-radius:10rem 0rem 0rem 10rem;
	padding:0rem 15rem;
	line-height:40rem;
	cursor:pointer;
}

.PricingMonthlySubscription {
	display:inline-block;
	font:18rem SiteFont;
	color:#000;
	background:#fff;
	border:1rem solid rgba(72, 111, 0, 0.6);
	border-left:none;
	border-radius:0rem 10rem 10rem 0rem;
	padding:0rem 15rem;
	line-height:40rem;
	cursor:pointer;
}

.PricingMonthlySubscriptionSelected {
	display:inline-block;
	font:18rem SiteFontBold;
	color:#fff;
	text-shadow:0rem -1rem 1rem rgba(0,0,0,0.3);
	background: linear-gradient(165deg, #3f7801, #a7e000);
	border:1rem solid rgba(72, 111, 0, 0.6);
	border-left:none;
	border-radius:0rem 10rem 10rem 0rem;
	padding:0rem 15rem;
	line-height:40rem;
	cursor:pointer;
}

.PricingButtonsDesc {
	font:12rem SiteFont;
	color:#3b5e00;
	text-align:center;
	padding-top:3rem;
}



.PricingPackages{
	margin-top:20rem;
	margin-bottom:60rem;
	display:flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
	gap: 25rem;
}

.PricingPackageNormal {
	position:relative;
	display:flex;
	min-width:200rem;
	align-items: center;
	flex-direction:column;	
	background:rgba(245,255,224,0.9);
	border:1rem solid rgba(33,61,0, 0.3);
	border-radius:30rem;
	padding:20rem 20rem;
	padding-bottom:80rem;
	transition:all 0.3s ease-in-out;
	box-shadow:0rem 0rem 30rem rgba(55,55,55,0.2);
}

.PricingPackageNormal:hover, .PricingPackageSelected:hover, .PricingPackageCustom:hover {
	box-shadow:0rem 0rem 30rem rgba(55,55,55,0.3);
}

.PricingPackageSelected {
	position:relative;
	display:flex;
	min-width:200rem;
	align-items: center;
	flex-direction:column;	
	background:rgba(245,255,224,0.9);
	border:2rem solid #447d00;
	border-radius:30rem;
	padding:20rem 20rem;
	padding-bottom:80rem;
	transition:all 0.3s ease-in-out;
	box-shadow:0rem 0rem 30rem rgba(55,55,55,0.2);
	overflow:hidden;
}



.PricingPackageCustom {
	display:flex;
	min-width:200rem;
	align-items: center;
	flex-direction:column;	
	background:rgba(255,255,255,0.9);
	border:1rem solid rgba(33,61,0, 0.3);
	border-radius:30rem;
	padding:20rem 20rem;
	transition:all 0.3s ease-in-out;
	box-shadow:0rem 0rem 30rem rgba(55,55,55,0.2);
}


.PricingPackageName {
	font:24rem SiteFontBold;
	color:#000;
	text-align:center;
}

.PricingPackagePrice {
	display:flex;
	align-items: center;
	margin-top:5rem;
}

.PricingPackageCurrency {
	font: 40rem SiteFontLight;
	color:#000;
}

.PricingPackagePriceInteger {
	font: 70rem SiteFontBold;
	color:#000;
	line-height: 90rem;
	padding-left:5rem;
	padding-right:2rem;
}

.PricingPackageDecimalHolder {
	display:flex;
	flex-direction:column;
}

.PricingPackagePriceDecimal {
	font: 33rem SiteFontLight;
	color:#000;
	line-height: 20rem;
	margin-bottom: 9rem;
}

.PricingPackagePriceMonth {
	font: 14rem SiteFont;
	color:#3e6b02;
	margin-top: -4rem;
}

.PricingPackageIncludes {
	font: 16rem SiteFont;
	color:#000;
	text-align:center;
}

.PricingPackageIncludes SPAN {
	font: 16rem SiteFontBold;
}

.PricingPackageList {
	margin-top:20rem;
	margin-bottom:0rem;
	padding-inline-start: 0rem;
}

.PricingPackageListItem {
	font:12rem SiteFontLight;
	color:#000;
	list-style-type: none;
}

.PricingPackageListItem::before {
	font:18rem Icons ;
	color:#284d00;
	position:relative;
	margin-right:5rem;
	margin-top:2rem;
	content:"\e002";
	background-image: linear-gradient(20deg, #009928, #c0e900);
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent; 
	-moz-text-fill-color: transparent;
}



.PricingPackageTryButton {
	position:absolute;
	bottom:20rem;
	cursor:pointer;
	display:inline-block;
	font:18rem SiteFont;
	color:#fff;
	text-shadow:0px -1rem 1rem rgba(0,0,0,0.4);
	background: linear-gradient(290deg, #c0fc10, #3f7801, #3f7801, #c0fc10);
	background-size: 200% 100%;
	background-position: 0% 50%;
	box-sizing:border-box;
	height:38rem;
	padding:5rem 10rem;	
	transition:all 0.3s ease-in-out;
	vertical-align:middle;
	border:1rem solid #7abb02;
	border-radius:10rem;
	padding:4rem 16rem;
	margin-top:30rem;
}

.PricingPackageTryButton:hover {
	background-position: 100% 50%;
}

.PricingPackageChooseTitle {
	font:16rem SiteFont;
	color:#437000;
	text-align:center;
}

.PricingPackageChooseDesc {
	font:12rem SiteFont;
	line-height:16rem;
	color:#000;
	text-align:center;
	max-width: 200rem;
	min-height: 130rem;
	margin-top: 20rem;
}

.PricingPackagePriceStartingFrom {
	font:11rem SiteFont;
	line-height:12rem;
	color:#aaaaaa;
	text-align:center;
	margin-bottom:-10rem;
}

.PricingPackageMostPopularHolder {
	position:relative;
	width:100%;
	text-align:left;
}

.PricingPackageMostPopular {
	position:absolute;
	border:2rem solid #467f01;
	font:13rem SiteFont;
	color:#fff;
	text-shadow:0px -1rem 1rem rgba(0,0,0,0.2);
	transform:rotate(-45deg);
	text-align:center;
	width:130rem;
	background: linear-gradient(265deg, #009928, #d2ff00);
	padding: 7rem 0rem;
	line-height:12rem;
	margin-left: -60rem;
	margin-top: -10rem;
	margin-bottom: -31rem;
}

.PricingPackagesScroller {
	display:none;
}
:root {
 	--package-width: 120rem;
}

.FeatureList {
	text-align:center;
}

.FeatureListHidden {
	display:none;
}

.FeatureListButton {
	display:inline-block;
	background:#375a00;
	font:18rem SiteFont;
	color:#fff;
	padding:4rem 18rem;
	border-radius:8rem;
	transition:all 0.3s ease-in-out;
	cursor:pointer;
}

.FeatureListButton:hover {
	background:#558e02;
}

.FeatureListButtonDesc {
	text-align:center;
	font:14rem SiteFontLight;
	color:#888;
	margin-top:5rem;
	margin-bottom:60rem;
}

.FeatureListHolderHidden {
	display:none;
}

.FeatureListHolder {
	margin-top:30rem;
	background:rgba(237, 249, 211, 0.9);
	padding: 30rem 50rem;
	box-sizing:border-box;
	border-radius:30rem;
	margin-bottom:100rem;
}

.FeatureListHolderSubTitle {
	font:18rem SiteFontLight;
	color:#999;
	text-align:center;
	margin-bottom:0rem;
}

.FeatureListHolderTitle {
	font:55rem SiteFontBold;
	line-height:60rem;
	color:#000;
	text-align:center;
	margin-bottom:-10rem;
}

.FeatureListModule {
	display:flex;
	flex-direction: column;
}

.FeatureListModuleHeader {
	display:flex;
	width:100%;
	border:1rem solid rgba(33,61,0,0.55);
	border-radius:8rem;
	background:rgba(255,255,255,0.55);
	padding:3rem 15rem;
	box-sizing: border-box;
	transition:all 0.3s ease-in-out;
	cursor:pointer;
	overflow: hidden;
	height: 44rem;
	margin-top: 30rem;
}

.FeatureListModuleHeader:hover {
	border:1rem solid rgba(33,61,0,0.85);
	background:rgba(255,255,255,1);
}

.FeatureListModuleHeader:hover .FeatureListModuleHeaderShrink {
	transform:rotate(-180deg);
}


.FeatureListModuleHeaderTitle {
	font: 20rem SiteFontBold;
	line-height:28rem;
	width:100%;
	vertical-align:middle;
}

.FeatureListModuleHeaderIcon {
	font:40rem Icons ;
	line-height:36rem;
	display:inline-block;
	margin-right:10rem;
	vertical-align:middle;
}

.FeatureListModuleHeaderPackage {
	font: 18rem SiteFont;
	color:#000;
	min-width:var(--package-width);
	text-align:center;
	margin-top: 4rem;
}

.FeatureListModuleHeaderShrink {
	display:inline-block;
	font: 16rem Icons ;
	color:#000;
	min-width:20rem;
	transition:all 0.3s ease-in-out;
	margin-top: 11rem;
	margin-bottom: 11rem;
}


.FeatureListModuleHeaderShrink::after {
	content:"\e003";
}

.FeatureListModuleFeatures {
	display:flex;
	flex-direction:column;
	overflow: hidden;
	transition:all 0.5s ease-in-out;
}

.FeatureListModuleFeature {
	display:flex;
	width:100%;
	box-sizing: border-box;
	margin-top:20rem;
	padding-left:15rem;
	padding-right:35rem;
}

.FeatureListModuleTexts {
	width:100%;
	padding-left:40rem;
	padding-right: 60rem;
	box-sizing: border-box;
}

.FeatureListModuleTextsName {
	font:bold 14rem SiteFont;
	color:#000;
}

.FeatureListHolderBetaDesc {
	margin-top:40rem;
	font:14rem SiteFont;
	color:#888;
	text-align:center;
}

.FeatureBetaIcon {
	vertical-align:middle;
	font:13rem SiteFont;
	line-height:12rem;
	display:inline-block;
	background:#ffff00;
	padding:3rem 8rem;
	color:#000;
	border-radius:100rem;
	border:1rem solid #aaa;
	margin-left:5rem;
	overflow:hidden;
}

.FeatureBetaIcon::after {
	content:"beta";
}


.FeatureListModuleTextsDesc {
	font:11rem SiteFont;
	color:#999;
	line-height:14rem;
}

.FeatureListModulePackage {
	min-width:var(--package-width);
	text-align:center;
	font:16rem SiteFontLight;
}

.FeatureListModulePackage SPAN {
	font:12rem SiteFontLight;
	color:#666;
}

.FeatureListModulePackageOk {
	display:inline-block;
	font:30rem Icons ;
	position:relative;
	background-image: linear-gradient(20deg, #009928, #c0e900);
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent; 
	-moz-text-fill-color: transparent;
}

.FeatureListModulePackageOk::after {
	content:"\e002";
}
.FAQButtonHolder {
	text-align:center;
	margin-top:40rem;
	margin-bottom:60rem;
}

.FAQButton {
	display:inline-block;
	background:#375a00;
	font:18rem SiteFont;
	color:#fff;
	padding:4rem 18rem;
	border-radius:8rem;
	transition:all 0.3s ease-in-out;
	cursor:pointer;
}

.FAQButton:hover {
	background:#558e02;
}

.FAQHeaderTitle {
	font:45rem SiteFontBold;
	line-height:48rem;
	color:#000;
	text-align:center;
}

.FAQHeaderDesc {
	font:22rem SiteFont;
	color:#888;
	text-align:center;
	margin-bottom:30rem;
}


.FAQQuestionHolderHidden, .FAQQuestionHolderVisible {
	display:flex;
	flex-direction:row;
	background:rgba(237, 249, 211, 0.9);
	padding: 20rem 30rem;
	margin:20rem 0rem;
	border-radius: 20rem;
	cursor:pointer;
	align-items:center;
}

.FAQTexts {
	display:flex;
	flex-direction:column;
	width:100%;
	align-items: center;
}

.FAQQuestion {
	font:20rem SiteFontBold;
	line-height:22rem;
	color:#000;
	width:100%;
}

.FAQReply {
	font:16rem SiteFont;
	line-height:18rem;
	color:#888;
	max-height:100rem;
	transition:opacity 0.5s ease-in-out;	
	overflow:hidden;
	width:100%;
	padding-top:10rem;
}

.FAQTextsIcon {
	font:30rem SiteFontBold;
	line-height: 20rem;
}

.FAQQuestionHolderHidden .FAQReply {
	max-height:0rem;
	padding-top:0rem;
	opacity:0;
}

.FAQQuestionHolderVisible .FAQReply {
	max-height:1000rem;
	opacity:1;
}

.FAQQuestionHolderHidden .FAQTextsIcon::after {
	content:"+";
	color:#000;
}

.FAQQuestionHolderVisible .FAQTextsIcon::after {
	content:"-";
	color:#aaa;
}

.FAQsHidden {
	opacity:0;
	max-height:0rem;
	overflow:hidden;
	transition:all 0.3s ease-in-out;
}

.FAQsShow {
	opacity:1;
	overflow:auto;
}
@media only screen and (max-device-width : calc(600px * 1)),
		   only screen and (max-width : calc(600px * 1)) {

.ContentsHolderWithBackground {
	gap:40rem;
	text-align:center;
	flex-direction:column;
	margin:60rem 0rem;
	padding: 20rem 20rem;
	border-radius: 20rem;
}

.ContentsHolderWithBackgroundReversed {
	gap:40rem;
	text-align:center;
	flex-direction:column-reverse;
	margin:60rem 0rem;
	padding: 20rem 20rem;
	border-radius: 20rem;
}

.ContentsTexts {
	align-items: center;
}

.ContentsVideo {
	text-align:left;
	width:100%;
}

.ContentsImageWrapperLeft {
	width: 200rem;
	height: 127rem;
	border-radius: 7rem;
	margin-top: -90rem;
	margin-left: -10rem;
	border: 3rem solid #fff;
}

.ContentsImageWrapperRight {
	width: 200rem;
	height: 127rem;
	border-radius: 7rem;
	border: 3rem solid #fff;
	margin-top: -90rem;
	margin-right: -10rem;
}

.ContentsVideoWrapperImage {
	width:100%;
	height: 360rem;
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 15rem;
	overflow: hidden;
}

}
@media only screen and (max-device-width : calc(600px * 1)),
		   only screen and (max-width : calc(600px * 1)) {

.ContentsHolder {
	gap:0;
	text-align:center;
	flex-direction:column;
}

.ContentsInputBox {
	display:inline-flex;
	flex-direction:row;
	gap:0;
}

.ContentsInputBoxAlign {
	text-align:center;
	white-space:inherit;
}

.ContentsInputBoxDesc {
	margin-top:10rem;
	margin-bottom:40rem;
}

.ContentsVideoWrapper {
	padding:0rem;
	width:100%;
	border-radius:8rem;
}

.ContentsVideoWrapper VIDEO {
	width:100%;
	height:240rem;
	border-radius:8rem;
}


}
@media only screen and (max-device-width : calc(600px * 1)),
		   only screen and (max-width : calc(600px * 1)) {

.ContentsFreeTrialHolder {
	flex-direction:column;
	margin: 80rem 0rem;
	gap:20rem;
	padding:40rem 50rem;
}

.FreeTrialTexts {
	text-align: center;
}

.FreeTrialInputBoxAlign {
	white-space:nowrap;
}

.FreeTrialInput {
	width:220rem;
}

.FreeTrialInputButton {
	padding: 5rem 10rem;
}

.FreeTrialSignupDesc {
	margin-top: 16rem;
	text-align: center;
}

}
@media only screen and (max-device-width : calc(600px * 1)),
		   only screen and (max-width : calc(600px * 1)) {

.ContentsColumnsHolder {
	margin:40rem 0rem;
	gap:20rem;
}

.ContentsColumn {
	flex:0 0 calc(50% - 10rem);
}


}
@media only screen and (max-device-width : calc(600px * 1)),
		   only screen and (max-width : calc(600px * 1)) {

.PricingPackagesScroller {
	display:block;
	position:relative;
	width:100%;
}

.PricingPackages {
	transition:margin-left 0.5s ease-in-out;
}

.PricingPackagesScrollerMoveLeft {
	position:absolute;
	z-index:100;
	top:200rem;
	font:60rem Icons ;
	left:20rem;
	opacity:0.8;
	transform:rotate(-180deg);
	text-shadow: 0rem 0rem 20rem rgba(55,55,55,0.7);
	transition:all 0.5s ease-in-out;
	cursor:pointer;
	color:#033f00;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000;
}

.PricingPackagesScrollerMoveRight {
	position:absolute;
	z-index:100;
	top:200rem;
	font:60rem Icons ;
	right:20rem;
	opacity:0.8;
	text-shadow: 0rem 0rem 20rem rgba(55,55,55,0.7);
	transition:all 0.3s ease-in-out;
	cursor:pointer;
	color:#033f00;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000;
}

.PricingPackagesScrollerMoveLeft:hover, .PricingPackagesScrollerMoveRight:hover {
	opacity:0.9;	
}

.PricingPackagesScrollerMoveLeft::after {
	content:"\e01e";
}

.PricingPackagesScrollerMoveRight::after {
	content:"\e01e";
}



.PricingPackages {
	overflow:hidden;
	justify-content:left;
	padding:30rem 100rem;
	margin-top: 10rem;
}

.PricingSubTitle {
	margin-top:20rem;
}

.PricingButtons {
	gap:20rem;
}


}

@media only screen and (max-device-width : calc(600px * 1)),
		   only screen and (max-width : calc(600px * 1)) {

:root {
 	--package-width: 80rem;
}

.FeatureListHolder {
	padding:30rem 20rem;
}

.FeatureListModuleHeaderTitle {
	font-size:18rem;
}

.FeatureListModuleFeature {
	padding-right:0rem;
}

.FeatureListModuleTexts {
	padding-left:0rem;
	padding-right:20rem;
}

.FeatureListModuleHeaderIcon {
	font-size:36rem;
}

}

.LoginPopupBackgroundHidden {
	position:fixed;
	top:-10000px;
	left:-10000px;
	z-index:100000;
	opacity:0;
	transition:opacity 0.3s ease-in-out;
}

.LoginPopupBackground {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:100000;
	opacity:1;
	transition:opacity 0.3s ease-in-out;
}

.LoginPopupBackgroundWhite {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:100001;
	background:rgba(255,255,255,0.8);
	backdrop-filter:blur(5px);
}
.LoginPopupBackgroundGreen {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:100002;
	transform: rotate(155deg) translateY(-50%) scaleX(1.5);
	background: linear-gradient(39deg, #5b8c00, #c0ff08);
}

.LoginPopupHidden {
	position:fixed;
	top:-10000px;
	left:-10000px;
	opacity:0;
	transition:opacity 0.5s ease-in-out;
}

.LoginPopup {
	position:fixed;
	top:20%;
	left:40%;
	z-index:1000000;
	background:#fff;
	border-radius:20rem;
	padding:55rem 70rem;
	box-sizing:border-box;
	box-shadow:0rem 0rem 40rem rgba(0,0,0,0.4);
	opacity:1;
	transition:opacity 0.5s ease-in-out;
}

.LoginPopupClose {
	position:absolute;
	top:15rem;
	right:20rem;
	font:30rem Icons ;
	color:#ccc;
	transition:all 0.4s ease-in-out;
	cursor:pointer;
}

.LoginPopupClose::after {
	content:"\e01d";
}


.LoginPopupClose:hover {
	color:#555;
}

.LoginInputsHolder {
	display:flex;
	flex-direction:column;
	gap:10rem;
	margin-top:30rem;
	width:300rem;
}

.LoginForgotPasswordLabel {
	display:inline-block;
	font:11rem SiteFontLight;
	color:#8c8c8c;
	line-height:12rem;
	margin-top:10rem;
	transition:all 0.3s ease-in-out;
	text-decoration:underline auto rgba(0, 0, 0, 0);
	cursor:pointer;
	margin-bottom:-8rem;
}

.LoginForgotPasswordLabel:hover {
	color:#555;
	text-decoration:underline auto rgba(0, 0, 0, 0.6);
}

.LoginDontHaveAccountLabel {
	font:10rem SiteFontLight;
	color:#aaa;
	line-height:12rem;
	margin-top:8rem;
	text-align:center;
	margin-bottom:-20rem;
}

.LoginDontHaveAccountLabel SPAN {
	cursor:pointer;
	color:#555;
	text-decoration:none;
	transition:all 0.3s ease-in-out;
}

.LoginDontHaveAccountLabel SPAN:hover {
	color:#000;
	text-decoration:underline;
}


.LostPasswordSignInLabel {
	font:11rem SiteFontLight;
	color:#aaa;
	line-height:12rem;
	margin-top:10rem;
	transition:all 0.3s ease-in-out;
	text-decoration:underline auto rgba(0, 0, 0, 0);
	cursor:pointer;
	text-align:center;
	margin-bottom:-20rem;
}

.LostPasswordSignInLabel:hover {
	color:#555;
	text-decoration:underline auto rgba(0, 0, 0, 0.6);
}

.SignUpTitle {
	font:36rem SiteFontBold;
	line-height:40rem;
	text-align:center;
}

.SignUpTitleSmaller {
	font:30rem SiteFontBold;
	line-height:36rem;
	text-align:center;
}

.SignUpSubTitle {
	font:18rem SiteFontLight;
	line-height:22rem;
	color:#a1a1a1;
	text-align:center;
}

.SignUpInput {
	margin-top:30rem;
	font:15rem SiteFontLight;
	color:#000;
	outline:none;
	width:100%;
	height:38rem;
	border:1px solid #aaa;
	border-radius:10rem;
	padding:0rem 15rem;
	box-sizing:border-box;
	vertical-align:middle;
	text-align:left;
	transition:all 0.3s ease-in-out;
}

.SignUpInput:hover {
	border:1px solid #777;
}

.SignUpInput::placeholder {
	color:#989898;
}

.SignUpButton {
	margin-top:15rem;
	cursor:pointer;
	font:18rem SiteFont;
	color:#fff;
	text-shadow:0px -1rem 1rem rgba(0,0,0,0.4);
	background: linear-gradient(90deg, #b2ed03, #3f7801, #3f7801, #b2ed03);
	background-size: 200% 100%;
	background-position: 0% 50%;
	box-sizing:border-box;
	border:1rem solid #7abb02;
	border-radius:10rem;
	height:38rem;
	padding:5rem 10rem;	
	transition:all 0.3s ease-in-out;
	vertical-align:middle;
	text-align:center;
}

.SignUpButton:hover {
	background-position: 100% 50%;
}

.SignUpCodeTexts {
	text-align:center;
}

.SignUpEmailedImage {
	width:168rem;
	height:88rem;
	margin-top:10rem;
	margin-bottom:12rem;
}

.SignUpJustEmailedYou {
	font:18rem SiteFont;
	color:#000;
	margin-bottom:12rem;
}

.SignUpEnterCode {
	font:14rem SiteFontLight;
	color:#a1a1a1;
	line-height:16rem;
	margin-bottom:0rem;
}

.SignUpEnterCodeInfo {
	font: 12rem SiteFontLight;
	color: #a1a1a1;
	margin-top: 10rem;
	margin-bottom: 10rem;
	max-width: 380rem;
	line-height: 13rem;
}


.SignUpEmail {
	font:14rem SiteFontLight;
	color:#3f7801;
	line-height:16rem;
	margin-bottom:30rem;
}

.SignUpConfirmationCodeLabel {
	font:10rem SiteFontBold;
	color:#000;
	line-height:11rem;
	margin-bottom:14rem;
}

.SignUpCodeInputs {
	display:flex;
	white-space:nowrap;
	gap:10rem;
	margin-bottom:25rem;
	justify-content:center;
}

.SignUpCodeDigit {
	font:64rem SiteFontLight;
	color:#000;
	line-height:60rem;
	text-align:center;
	outline:none;
	padding:0rem;
	width:50rem;
	border:none;
	border-bottom:2rem solid #ddd;
	height: 70rem;
	transition:all 0.5s ease-in-out;
}

.SignUpCodeDigit:focus, .SignUpCodeDigit:not(:placeholder-shown) {
	border-bottom:2rem solid #000;
}

.SignUpCodeDigit::placeholder {
	color:#ddd;
}

.SignUpResendCode {
	font: 12rem SiteFontLight;
	color:#4e8800;
	text-decoration:underline;
	cursor:pointer;
	margin-top:15rem;
	margin-bottom:-30rem;
	transition:all 0.3s ease-in-out;
}

.SignUpResendCode:hover {
	color:#325700;
}


.SignUpForm {
	display:flex;
	flex-direction:column;
	gap:10rem;
	max-width:340rem;
}

.SignUpNameHolder {
	display:flex;
	flex-direction:row;
	gap:20rem;
	margin-top:30rem;
}

.SignUpInputLabel {
	font:10rem SiteFontLight;
	text-transform:uppercase;
	color:#333;
	text-align: left;
}

.SignUpName {
	font:15rem SiteFontLight;
	color:#000;
	outline:none;
	width:100%;
	height:38rem;
	border:1px solid #ccc;
	border-radius:8rem;
	padding:0rem 10rem;
	box-sizing:border-box;
	vertical-align:middle;
	text-align:left;
	transition:all 0.3s ease-in-out;
}

.SignUpPasswordHolder {
	position:relative;
}

.SignUpPassword {
	font:15rem SiteFontLight;
	color:#000;
	outline:none;
	width:100%;
	height:38rem;
	border:1px solid #ccc;
	border-radius:8rem;
	padding:0rem 10rem;
	padding-right:45rem;
	box-sizing:border-box;
	vertical-align:middle;
	text-align:left;
	transition:all 0.3s ease-in-out;
}

.SignUpPasswordIcon, .SignUpPasswordIconShow {
	font:28rem Icons ;
	color:#aaa;
	position:absolute;
	z-index:10;
	top:6rem;
	right:8rem;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
}

.SignUpPasswordIcon:hover, .SignUpPasswordIconShow:hover {
	color:#333;
}

.SignUpPasswordIcon::after {
	content:"\e03f";
}

.SignUpPasswordIconShow::after {
	content:"\e040";
}

.SignUpAccount {
	font:15rem SiteFontLight;
	color:#000;
	outline:none;
	width:100%;
	height:38rem;
	border:1px solid #ccc;
	border-radius:8rem;
	padding:0rem 10rem;
	box-sizing:border-box;
	vertical-align:middle;
	text-align:left;
	transition:all 0.3s ease-in-out;
}


.SignUpName:hover, .SignUpPassword:hover, .SignUpAccount:hover {
	border:1px solid #777;
}

.SignUpName::placeholder, .SignUpPassword::placeholder, .SignUpAccount::placeholder{
	color:#989898;
}

.SignUpAccountURL {
	font:14rem SiteFont;
	color:#000;
	line-height:16rem;
}

.SignUpAccountURL SPAN {
	font-family:SiteFontBold;
	color:#285d01;
}

.SignUpAccountDesc {
	font:12rem SiteFontLight;
	color:#aaa;
	line-height:13rem;
	margin-top: -7rem;
	margin-bottom: 20rem;
}

.SignUpAccountDescError {
	font:12rem SiteFontLight;
	color:#ff4400;
	line-height:13rem;
	margin-top: -7rem;
	margin-bottom: 20rem;
}

.SignUpCheckboxText {
	font:12rem SiteFont;
	color:#333;
	line-height:13rem;
}

.SignUpCodeTextsLimit {
	text-align:center;
	max-width:300rem;
}

.SignUpCreatingDesc {
	font:15rem SiteFontLight;
	line-height:17rem;
	color:#888888;
	margin-top:20rem;
}


.SignUpLogoAnimRings {
	display:inline-block;
	position:relative;
	width:170rem;
	height:170rem;
	text-align:center;
	margin-top:40rem;
}

.SignUpLogoAnimLogo {
	display:inline-block;
	position:absolute;
	top:44rem;
	left:30rem;
	width:111rem;
	height:84rem;
	background:url('/images/CreateAccountLogo.jpg');
	background-size:cover;
}



.SignUpLogoAnimCircles {
	position: absolute;
	top:0rem;
	left:0rem;
	width: 170rem;
	height: 170rem;
	border-radius: 50%;
	display: inline-block;
	border: 6rem solid;
	border-color: #628602 93cb00 transparent;
	box-sizing: border-box;
	animation: WBOAIRotation 3.3s ease-in-out infinite;
}

.SignUpLogoAnimCircles::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 2rem solid;
  border-color: transparent #415900 #afff00;
  width: 156px;
  height: 156px;
  border-radius: 50%;
  animation: WBOAIRotationBack 2s linear infinite;
  transform-origin: center center;
}

@keyframes WBOAIRotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
    
@keyframes WBOAIRotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.SignUpRecoverPassswordLogo {
	display:inline-block;
	width:68rem;
	height:47rem;
	background:url('/images/RecoveryLogo.png');
	background-size:cover;
	margin-top:-20rem;
	margin-bottom:30rem;
}


.SignUpAccountMustAgree {
	font:12rem SiteFontLight;
	color:#aa0000;
	line-height:13rem;
	margin-top: 6rem;
	text-align:center;
}

@media only screen and (max-device-width : calc(600px * 1)),
		   only screen and (max-width : calc(600px * 1)) {

.LoginPopup {
	display: flex;
	flex-direction: column;
	justify-content: center;
	top:0rem !important;
	left:0rem !important;
	border-radius:0rem;
	padding:55rem 30rem;
	box-shadow:none;
	width: 100%;
	height: 100%;
}

.LoginInputsHolder {
	width: 100%;
}

.SignUpInput, .SignUpName, .SignUpPassword {
	font: 17rem SiteFontLight;
	height: 44rem;
}


.SignUpButton {
	font: 20rem SiteFont;
	height: 44rem;
}

.SignUpPasswordIcon, .SignUpPasswordIconShow {
	font: 30rem Icons ;
	top: 8rem;
	right: 10rem;
}

.LoginDontHaveAccountLabel {
	font: 13rem SiteFontLight;
}

.LoginForgotPasswordLabel {
    font: 13rem SiteFontLight;
    margin-top: 16rem;
    margin-bottom: 5rem;
}

}
.TellAboutBusinessContents {
	max-width:550rem;
}

.TellAboutBusinessHolder {
	text-align:center;
	margin-top:20rem;
}

.TellAboutBusinessType {
	display:inline-block;
	font:14rem SiteFont;
	color:#000;
	line-height:16rem;
	border:1rem solid #ccc;
	border-radius:8rem;
	padding:7rem 10rem;
	white-space:nowrap;
	margin:8rem 5rem;
	transition:box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
	cursor:pointer;
	box-shadow:none;
}

.TellAboutBusinessType:hover {
	background: linear-gradient(62deg, #009928, #c0e900);
	color:#fff;
	text-shadow:0rem -1rem 1rem rgba(0,0,0,0.4);
	box-shadow:0rem 0rem 20rem rgba(0,0,0,0.2);
	border:1rem solid #777;
}

.TellAboutBusinessType:hover .TellAboutBusinessIcon {
	color:#fff;
	text-shadow:0rem -1rem 1rem rgba(0,0,0,0.4);
	background-image: none;
	background-clip: inherit;
	text-fill-color: inherit;
	-webkit-text-fill-color: inherit;
}

.TellAboutBusinessIcon {
	display:inline-block;
	font:33rem Icons ;
	color:#aaa;
	margin-right:10rem;
	vertical-align:middle;
}

@media only screen and (max-device-width : calc(600px * 1)),
		   only screen and (max-width : calc(600px * 1)) {

.TellAboutBusinessContents {
	max-width:auto;
}

}
.TextTitle {
	font:45rem SiteFontBold;
	line-height:48rem;
	color:#000;
	text-align:center;
}

.TextSUBTitle {
	font:25rem SiteFontBold;
	line-height:28rem;
	color:#555;
	text-align:center;
}

.TextDesc {
	font:15rem SiteFont;
	color:#000;
	text-align:left;
	margin-top:30rem;
}


.AllFeaturesHolder {
    position: relative;
    display: flex;
    gap: 10rem;
    flex-direction: column;
    margin: 20rem 0rem;
    background: rgba(237, 249, 211, 0.9);
    padding: 80rem 60rem;
    box-sizing: border-box;
    border-radius: 30rem;
    align-items: center;
}

.FeatureBetaModule {
	vertical-align:middle;
	font:11rem SiteFont;
	line-height:12rem;
	display:inline-block;
	background:#ffff00;
	padding:2rem 6rem;
	color:#000;
	border-radius:100rem;
	border:1rem solid #aaa;
	margin-left:5rem;
	overflow:hidden;
}

.FeatureBetaModule::after {
	content:"beta";
}

.AllVersus {
    display: flex;
    justify-content: center;
}
	
.AllVersusHolder {
    position: relative;
    display: inline-flex;
    gap: 20rem;
    flex-direction: column;
    margin: 20rem 0rem;
    background: rgba(237, 249, 211, 0.9);
    padding: 40rem 50rem;
    box-sizing: border-box;
    border-radius: 30rem;
    align-items: center;
}


.VersusHeader {
	font:bold 14rem SiteFont;
	width:400rem;
	text-align:left;
	
}

.VersusHeaderItem {
	font:bold 14rem SiteFont;
	width:120rem;
	text-align:center;
}

.VersusItemHolder {
    position: relative;
    display: flex;
    gap: 10rem;
    flex-direction: row;
    align-items: center;
}

.VersusItemTexts {
	display:flex;
	flex-direction:column;
}


.VersusItemTitle {
	font:14rem SiteFont;
	color:#000;
	width:400rem;
	line-height:16rem;
}

.VersusItemDesc {
	font:11rem SiteFont;
	color:#aaa;
	max-width:360rem;
	line-height:14rem;
}

.VersusItemWeezzi, .VersusItemCompetitor {
	width:120rem;
	text-align:center;
}

.VersusItemYes {
	display:inline-block;
	font:25rem Icons;
	color:#338800;
}

.VersusItemYes::after {
	content:'\e023';
}


.VersusItemNo {
	display:inline-block;
	font:25rem Icons;
	color:#cc0000;
}

.VersusItemNo::after {
	content:'\e01d';
}

.VersusItemComparisonDesc {
	width:120rem;
	max-width:120rem;
	font:12rem SiteFont;
	color:#000;
}

@media only screen and (max-device-width : calc(600px * 1)),
		   only screen and (max-width : calc(600px * 1)) {

.VersusHeader {
	width:100%;
}

.VersusItemHolder {
    width: 100%;
}

.AllVersusHolder {
    padding: 30rem 30rem;
}

.VersusHeaderItem {
	width:120rem;
}

.VersusItemTexts {
    width: 100%;
}

.VersusItemTitle {
	font:14rem SiteFont;
	color:#000;
	width:100%;
	line-height:16rem;
}

.VersusItemDesc {
	max-width:90%;
}


}