/* -------------------------------------------

	Name:		Panthera Biopartners
	Date:		2025/03/13
	Author:		http://psdhtml.me

---------------------------------------------  */
*, *:before, *:after {
	margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--outline); transform-origin: center center;
	justify-content: var(--justify);
}

html { overflow-y: scroll; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; }
body { overflow-x: hidden; width: 100%; min-height: 100%; background: var(--black); font-size: var(--fz_main); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }	


/*! Variables --------- */
:root {
    --white:        #ffffff; 
    --porcelain:    #f7f7f7; 
    --silver:       #e0e0e0; 
    --cod:          #434343; 
    --coal:         #2a2a2a; 
    --black:        #000000; 

    --theme:        #9a21b6; 
	--theme_300: 	#CB6CE6;
	--theme_700: 	#5A106C;
	
	--rpp:     20px;
	--rpn:     calc(0px - var(--rpp));
	
	--fw_main: 400;
	--fw_bold: 600;
	--fw_head: 300;	
	
	--ff_main: Raleway, Betm, Arial, Helvetica, sans-serif;
	--ff_head: inherit;	
	
	--lh_main: 1.6;
	--lh_head: 1.1;	
	
	--fz_main: 15px;	
		
	--mr_main: calc(var(--lh_main) * var(--fz_main));
	--mr_head: calc(var(--lh_head) * var(--fz_main) * 0.8);
	
	--ta_start: left;
	--ta_end:   right;
	--justify:  flex-start;
	
	--cols: var(--rpp);
	--ghw: 1272px;
	--glw: 1016px;
	--top_h: 130px;
	--content_m: calc(var(--rpp) * 2);
	--outline: var(--theme);
	
	--h0: 18px;
	--h1: 45px;
	--h2: 30px;	
	--h3: 16px;
	--h4: 14px;
	--h5: 12px;

	--input_h: 40px;
	--input_pd: 14px;
	--input_bd: var(--silver);
	--input_bg: var(--white);
	--input_fg: inherit;
	--input_pl: inherit;
	
	--btn_fg: var(--white);
	--btn_bw: 1px;
	--btn_bd: var(--theme_700);
	--btn_bg: var(--theme_700);
	--btn_bg_300: var(--theme);
	--btn_fz: var(--fz_main);
	--btn_fw: 500;
	--btn_ff: var(--ff_main);
	--btn_lh: var(--lh_head);
	--btn_br: 25px;
	--btn_dist: var(--rpp);
}


/*! Defaults --------- */
body, textarea, input, select, option, button { color: var(--coal); font-family: var(--ff_main); font-weight: var(--fw_main); line-height: var(--lh_main); }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: var(--mr_main); }

h1, h2, h3, h4, h5, h6, legend { margin-bottom: var(--mr_head); font-size: var(--h0); font-family: var(--ff_head); font-weight: var(--fw_head); line-height: var(--lh_head); }
h1 { font-size: var(--h1) }
h2 { font-size: var(--h2) }
h3 { font-size: var(--h3)!important; }
h4 { font-size: var(--h4)!important; }
h5 { font-size: var(--h5)!important; }
h6 { font-size: var(--h6)!important; }

a { background: none; color: var(--theme); text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a { color: inherit; }

ul, ol, dd, blockquote { padding-left: 30px; }


/*! Mixins --------- */
/* cl:b */	form p:after { content: ""; display: block; overflow: hidden; clear: both; }
/* fill */	#root:before, button:after, .link-btn a:after, button:before, .link-btn a:before, .module-box:before, #nav > ul > li > a:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; }
/* wide */	#footer:before { content: ""; display: block; position: absolute; left: 50%; right: auto; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; }
/* icon */ 	#top:before, .mobile-menu:before, #logo:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; }
/* cu:d */ 	.active > a, [disabled], .disabled { cursor: default; pointer-events: none; }
/* td:u */ 	[data-whatintent="mouse"] a:hover { text-decoration: underline; }
/* td:n */	#root .list-social a, #root .link-btn a, #root .list-social a { text-decoration: none; }

/* 44p	*/	#logo a:before, .list-social a:before, #nav p a:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; z-index: 8; width: 100%; min-width: 44px; height: 100%; min-height: 44px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border-width: 0; transform: translate(-50%, -50%); }


/*! Layout --------- */
#root { position: relative; z-index: 2; width: 100%; padding: var(--top_h) var(--rpp) 0; background: var(--white); }
	#root:before { bottom: auto; height: calc(var(--top_h) + var(--rpp) * 6); }
	#root:before, #footer:before { background: linear-gradient(to right, var(--theme_700) 0%, var(--theme) 100%); }
	#top { position: absolute; left: 0; right: 0; top: 0; z-index: 9; height: var(--top_h); border: 0 solid rgba(0,0,0,0); border-left-width: var(--pd); border-right-width: var(--pd); color: var(--white); --pd: calc(var(--rpp) * 2); --outline: var(--white); }
		#logo { position: absolute; left: 0; top: 0; bottom: 0; width: 160px; margin: 0; font-size: 28px; }
			#logo:before { content: "\e900"; right: auto; margin-top: -15px; font-size: 28px; line-height: 30px; text-align: left; }
			#logo a { display: block; overflow: hidden; width: 100%; height: 100%; color: inherit; text-decoration: none; text-indent: -3000em; direction: ltr; }
		#skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; }
			#skip ul { list-style: none; margin: 0; padding: 0; }
			#skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--theme); color: var(--white); font-weight: var(--fw_bold); text-align: center; text-decoration: none; white-space: nowrap; outline: none; }
				#skip a:focus, #skip a:active { left: 0; }
		#nav { font-weight: 500; --dist: 36px; }
			#nav > ul { list-style: none; margin: 0 calc(0px - var(--dist)) 0 0; padding: 0; }
				#nav > ul > li { margin: 0 var(--dist) 0 0; }
				#nav > ul > li > a { display: block; position: relative; z-index: 2; padding: 4px 0; color: inherit; text-decoration: none; }
				#nav > ul > li > a:before { right: auto; width: 0%; border-bottom: 1px solid var(--theme_300); }
					[data-whatintent="mouse"] #nav > ul > li > a:hover:before, #nav > ul > li.active > a:before { width: 100%; }
				#nav > ul > li > a i { display: block; margin-right: 8px; font-size: 1.1em; line-height: 1; }
	#content, #footer, #top > div { position: relative; z-index: 3; width: 100%; max-width: var(--glw); margin: 0 auto; }
		#content > *:last-child { margin-bottom: var(--content_m); }
		#content > .cols:last-child { margin-bottom: calc(var(--content_m) - var(--mr_main)); }
		#footer { z-index: 2; max-width: var(--ghw); padding: var(--pd) 0 calc(var(--pd) - var(--mr_main)); color: var(--white); --pd: calc(var(--rpp) * 2); --outline: var(--white); }
			#footer a { color: inherit; }
			#footer nav .cols { margin-bottom: var(--rpp); font-size: .8em; }
				#footer nav ul { list-style: none; padding: 0; }
				#footer nav ul li { margin-bottom: calc(var(--mr_main) * 0.5); }
			#footer .cols > * ~ * { width: 100%; max-width: 420px; }
			#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-bottom: var(--mr_main); font-size: 20px; font-weight: 500; }
			#footer p:last-child, #footer .list-social:last-child { margin-top: auto; }


/*! Columns --------- */
.cols { display: block; position: relative; margin-left: calc(0px - var(--cols)); }
	.cols > * { display: block; position: relative; clear: none; border: 0 solid rgba(0,0,0,0); border-left-width: var(--cols); }
	.cols > figure:not([class*="width-"]) { flex-shrink: 0; }

.cols-a { --aside: 380px; }
	.cols-a > * { width: calc(100% - var(--aside)); }
	.cols-a > aside { width: var(--aside); flex-shrink: 0; }

[class*="width-"] { width: 100%; max-width: var(--width); --width: none; }
	.width-20 { --width: 20%; }
	.width-25 { --width: 25%; }
	.width-33 { --width: 33.33333333333%; }
	.width-50 { --width: 50%; }
	.width-100 { --width: 100%; }


/*! Modules --------- */
.module-box { position: relative; z-index: 2; margin: 0 0 var(--cols); padding: var(--pd) var(--pd2) max(0.1px, calc(var(--pd) - var(--mr_main))); --pd: var(--cols); --pd2: var(--pd); --bg: var(--white); --bs: 0 0 27px rgba(0,0,0,.1); --header_m: calc(var(--pd) * 2); justify-content: space-between}
	.module-box:before { box-shadow: var(--bs); border-radius: 12px; background: var(--bg); }
	.module-box .module-box { --bg: var(--porcelain); --bs: none; }
	.module-box > header:first-child { margin: calc(0px - var(--pd)) calc(0px - var(--pd)) var(--header_m); padding: var(--pd) var(--pd) max(0.1px, calc(var(--pd) - var(--mr_main))); border-radius: 12px 12px 0 0; background: var(--porcelain); }
		.module-box > header:first-child h1, .module-box > header:first-child h2, .module-box > header:first-child h3, .module-box > header:first-child h4, .module-box > header:first-child h5, .module-box > header:first-child h6 { font-size: var(--h2); font-weight: 500; }
		.module-box > header:first-child > h1:last-child, .module-box > header:first-child > h2:last-child, .module-box > header:first-child > h3:last-child, .module-box > header:first-child > h4:last-child, .module-box > header:first-child > h5:last-child, .module-box > header:first-child > h6:last-child { margin-bottom: var(--mr_main); }
	.link-btn + .module-box { margin-top: calc(var(--mr_main) * 0.5); }
.module-box.cta { --pd: calc(var(--cols) * 2); --pd2: var(--cols); }
.module-box.inv { color: var(--white); --bg: linear-gradient(to bottom, var(--black) 0%, var(--theme_700) 100%); --btn_fg: var(--theme); }
	[data-whatintent="mouse"] .module-box.inv button:hover, [data-whatintent="mouse"] .module-box.inv .link-btn a:hover { color: var(--white); }
	.module-box.inv button:after, .module-box.inv .link-btn a:after { background: var(--white); }


/*! Content --------- */
.strong { font-weight: var(--fw_bold); }
.em { font-style: italic; }

.text-start { text-align: var(--ta_start); --justify: flex-start; }
.text-center { text-align: center; --justify: center; }
.text-end { text-align: var(--ta_end); --justify: flex-end; }
.text-justify { text-align: justify; --justify: space-between; }
.text-uppercase { text-transform: uppercase; }

.size-h0 { font-size: var(--h0); }

.lead, h1.size-h0, h2.size-h0, h3.size-h0, h4.size-h0, h5.size-h0, h6.size-h0 { margin-bottom: calc(var(--lh_head) * var(--fz_main) * 0.5); font-size: var(--h0); font-weight: 500; line-height: var(--lh_main); }
	.lead + .link-btn { margin-top: var(--mr_main); }
	
a[href*="tel:"] { color: inherit; }


/*! Links --------- */
.link-btn { margin: 0 calc(0px - var(--btn_dist)) calc(var(--mr_main) - var(--btn_dist)) 0; }
	.link-btn > * { margin: 0 var(--btn_dist) var(--btn_dist) 0; }
	

/*! Media --------- */
img, iframe, object, embed { max-width: 100% !important; border-style: none; }
img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }
	img::selection { background: transparent; }
	img::-moz-selection { background: transparent; }
picture { width: 100%; }


/*! Lists --------- */
.list-features { list-style: none; margin: 0 0 calc(var(--mr_main) - var(--dist)) calc(0px - var(--dist)); padding: 0; text-align: center; --w: 33.33333333333333333%; --dist: var(--cols); }
	.list-features li { width: var(--w); margin: 0 0 var(--dist); border-left: var(--dist) solid rgba(0,0,0,0); }
	.list-features .img, .list-features img { display: block; margin: 0 auto var(--mr_head); }

.list-social { list-style: none; margin: 0 calc(0px - var(--dist)) calc(var(--mr_main) - var(--dist)) 0; padding: 0; font-size: 24px; --dist: 26px; }
	.list-social li { margin: 0 var(--dist) var(--dist) 0; }
	.list-social a, .list-social i { display: block; position: relative; }
		.list-social .icon-youtube { font-size: 0.75em; }
		.list-social .icon-twitter { font-size: 0.8333333333em; }
	

/*! Forms --------- */
fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; }
	form p { position: relative; }
	legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; }
	input, select, textarea { 
		position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: var(--ta_start); text-transform: none; outline-width: 0;
		-moz-appearance: none; -webkit-appearance: none; appearance: none; 
	}
	input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; }
		/*input {}*/
			input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; }
			input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; }
			input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; }
			input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; }
			input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
			[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
			input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; }
				input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; }
				input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; }
			input[type="color"] { padding: 0; cursor: pointer; }
			input[type="date"] { display: -webkit-inline-flex; }
			input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
				input[type="number"]::-webkit-outer-spin-button,  input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
				input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; }
		textarea { overflow: auto; vertical-align: top; resize: vertical; }
		select { line-height: 1; text-overflow: ''; text-indent: 0.01px; }
			select::-ms-expand { display: none; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; }
		button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; }
		button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--input_bd); background: var(--input_bg); opacity: .25; cursor: default; pointer-events: none; }
::placeholder { opacity: 1; color: var(--input_pl); }
	:focus::placeholder { opacity: 0; }

/*form {}*/
	label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; }
	input, select, textarea { display: block; width: 100%; border: 1px solid var(--input_bd); background: var(--input_bg); color: var(--input_fg); }
		input, select { height: var(--input_h); padding: 0 var(--input_pd); }
			input[type="date"] { line-height: calc(var(--input_h) - 2px); }
		select { padding-right: var(--input_h); line-height: normal; } 
		textarea { padding: var(--dist) var(--input_pd); --dist: calc(var(--input_h) / 2 - var(--fz_main) * var(--lh_main) / 2); }  
	button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a { display: block; overflow: hidden; position: relative; z-index: 3; min-width: 182px; margin: 0 var(--btn_dist) var(--btn_dist) 0; padding: 16px 28px; border-radius: var(--btn_br); border-width: 0; background: none; color: var(--btn_fg); font-size: var(--btn_fz); font-weight: var(--btn_fw); font-family: var(--btn_ff); line-height: var(--btn_lh); text-decoration: none; text-align: center; }
		button:after, .link-btn a:after { z-index: -2; border-radius: var(--btn_br); border: var(--btn_bw) solid var(--btn_bd); background: var(--btn_bg); }
		button:before, .link-btn a:before { border-radius: var(--btn_br); background: linear-gradient(to right, var(--btn_bg) 0%, var(--btn_bg_300) 100%); transform: translateX(-100%); }
			[data-whatintent="mouse"] button:hover:before, [data-whatintent="mouse"] .link-btn a:hover:before { transform: none; }
		button.inv, .link-btn a.inv { color: var(--btn_bg); }
			[data-whatintent="mouse"] button.inv:hover, [data-whatintent="mouse"] .link-btn a.inv:hover { color: var(--btn_fg); }
			button.inv:after, .link-btn a.inv:after { background: none; }
	
	
/*! Helpers --------- */
#nav > ul > li > a:before, button:before, .link-btn a:before, button, .link-btn a { transition-property: all; transition-duration: 0.5s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; }

.clear { clear: both; }
summary::-webkit-details-marker { display: none; }
.hidden, [hidden], template, #nav em, #root .mobile-menu, #top:before { display: none; }
article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: var(--mr_main) 0; padding: 0; border: 0; border-top: 1px solid var(--input_bd); background: none; font-size: 0; } 

hr:first-child { margin-top: 0; }
#root .margin-0 { margin-bottom: 0; }


/*! Miscellaneous --------- */
audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]), video[autoplay]:not([muted]) { display: none; }	
svg:not(:root) { overflow: hidden; }

::selection { background: var(--theme); color: var(--white); text-shadow: none; }
::-moz-selection { background: var(--theme); color: var(--white); text-shadow: none; }


/*! Outlines --------- */
[data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; outline-offset: -2px; }
[data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; }


/*! Flexbox --------- */
/* flex */ 	.list-social, #footer .cols > *, #nav > ul > li > a, .list-features, .link-btn, .cols, #top, #nav, #nav > ul { display: flex; flex-wrap: wrap; }

/* f:wn */	#footer .cols > *, #nav > ul > li > a, .cols, #top, #nav, #nav > ul { flex-wrap: nowrap; }

/* f:dc */	#footer .cols > * { flex-direction: column; }

/* f:js */	.cols.align-start { justify-content: flex-start; }
/* j:jb */	.list-features, .cols, #top { justify-content: space-between; }
/* j:je */	#nav { justify-content: flex-end; }
	
/* f:ac */	.list-social, #nav > ul > li > a, #top, #nav > ul { align-items: center; }


/*! Icons --------- */
@font-face { font-family: 'i'; src: url('../icons/icomoon.woff2') format('woff2'), url('../icons/icomoon.woff') format('woff'); font-display: swap; }
[class*="icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.icon-chevron-down:before { content: "\e901"; }
	.icon-chevron-left:before { content: "\e903"; }
	.icon-chevron-right:before { content: "\e904"; }
	.icon-chevron-up:before { content: "\e902"; }
	.icon-facebook:before { content: "\e908"; }
	.icon-instagram:before { content: "\e90a"; }
	.icon-linkedin:before { content: "\e90b"; }
	.icon-logo:before { content: "\e900"; }
	.icon-menu:before { content: "\e90e"; }
	.icon-twitter:before { content: "\e909"; }
	.icon-user-circle:before { content: "\e90d"; }
	.icon-user-date:before { content: "\e906"; }
	.icon-user-pin:before { content: "\e905"; }
	.icon-user-square:before { content: "\e907"; }
	.icon-x:before { content: "\e90f"; }
	.icon-youtube:before { content: "\e90c"; }


/* Responsive --------- */
@media only screen and (max-width: 1200px) {
#top { --pd: var(--rpp); }
}
@media only screen and (min-width: 1001px) {
#root .desktop-hide, #root .tablet-only { display: none; }
}
@media only screen and (min-width: 761px) and (max-width: 1000px) {
#root .tablet-hide { display: none; }
}
@media only screen and (max-width: 1000px) {
#logo:before { font-size: 24px; }
#nav { --dist: var(--rpp); }

.cols-a { --aside: 340px; }

#root .desktop-only { display: none; }
}
@media only screen and (min-width: 761px) {
#root .mobile-only, #nav p { display: none; }
}
@media only screen and (max-width: 760px) {
:root { --top_h: 54px; }

#root:before { height: calc(var(--top_h) + var(--rpp) * 3); }
#top { min-height: var(--top_h); padding: 0; }
	#logo { top: 0; bottom: 0; height: auto; }
		#logo:before { font-size: 20px; }
	#nav { display: block; overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1099; padding: 56px 0 0; background: var(--white); color: var(--cod); }
		#root #nav > ul { display: block; position: relative; top: 0; margin: 0; }
			#root #nav > ul > li { margin: 0; }
			#root #nav > ul > li > a { padding: 14px var(--rpp); border-bottom: 1px solid var(--silver); }		
		#nav > p { padding: var(--rpp); font-weight: 600; line-height: 2; }
			#nav > p a { display: block; position: relative; color: inherit; }
	#top:before { content: "\e90e"; display: block; left: auto; right: 0; font-size: 12px; }
	#root .mobile-menu { display: block; overflow: hidden; position: absolute; right: 0; top: 0; width: var(--top_h); height: var(--top_h); color: var(--cod); font-size: 15px; text-indent: -3000em; text-align: left; }
		#top > .mobile-menu { right: calc(-38px + var(--rpp)); }
		#nav > .mobile-menu:before { content: "\e90f"; }	
#content { padding-top: 10px; }
/*#footer {)*/
	#footer nav .cols { margin-bottom: calc(var(--rpp) * 2 - var(--mr_main)); }
	#root #footer .list-social + * { margin-top: 6px; }

#root .cols:not(.cols-mobile) { display: block; }
	#root .cols:not(.cols-mobile) > * { width: auto; max-width: none; }
.module-box { --header_m: var(--pd); }
	
.text-center-mobile { text-align: center; --justify: center; }
#root .margin-mobile-content { margin-bottom: var(--mr_main); }
#root .margin-mobile-x2 { margin-bottom: calc(var(--mr_main) * 2); }
	#root #footer .margin-mobile-x2 { margin-bottom: calc(var(--rpp) * 2); }

#footer .cols > * { display: block; }
#root .mobile-hide, #root .tablet-only, #root #nav > ul > li > a:before, html:not(.menu-active) #nav { display: none; }
}


.module-box-header {
	background: linear-gradient(to right, var(--theme_700) 0%, var(--theme) 100%)!important;
	color:#fff;
	margin-bottom:10px!important;
}

.module-box-header.inv {
	background: linear-gradient(to bottom, var(--black) 0%, var(--theme_700) 100%)!important;
	
}

.row {
	margin-bottom: 15px;
	align-items: center!important;
}
.cols-vertically-centered {
	align-items: center!important;
}

select {
	padding-right: calc(var(--input_h) + 1em);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: var(--input_bg) url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='1,3 5,7 9,3' fill='none' stroke='%239a21b6' stroke-width='2'/%3E%3C/svg%3E")
    no-repeat right 1em center;
  	background-size: 10px;
}
.ml-10 { margin-left:10px!important;}
.ml-15 { margin-left:15px!important;}
.ml-20 { margin-left:20px!important;}
.ml-25 { margin-left:25px!important;}
.ml-30 { margin-left:30px!important;}

.text-danger {
	color: #C00000;
	font-weight: 600;
}


.add-entry-btn {
  margin-left: auto;  
}
