/* --------------------------------------------------------------------------
	GOLDMAN :ROOT STYLES

	Name: style.css
	Project: Goldman
	Written By: Gold Eyes Studio - https://goldeyes.net/studio/
	Version: 1.0.1

	CSS library for create websites easily.
	Special for Gold Eyes Studio items users.
-------------------------------------------------------------------------- */

/* =============================================== */
/* Website Imported Fonts
================================================== */

     /* You can customize fonts on here: https://fonts.google.com/ */
	@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* =============================================== */
/* Theme Options
================================================== */

	:root {
		/* Body options */
		/* https://goldeyes.net/goldman/?doc=body */
		--body-font-size: 16px;
		--body-font-family: 'Outfit', sans-serif;
		--body-font-weight: 400;
		--body-line-height: 25px;
		--body-letter-spacing: 0px;
		--body-text-color: #2E2E2E;
		--body-selection-bg-color: rgba(49,44,47,0.5);
		--body-selection-text-color: #FFFFFF;

		/* Heading classics */
		--h1-font-size: 2.25rem;
		--h2-font-size: 2rem;
		--h3-font-size: 1.75rem;
		--h4-font-size: 1.5rem;
		--h5-font-size: 1.25rem;
		--h6-font-size: 1rem;

		/* Font families */
		/* https://goldeyes.net/goldman/?doc=font-family */
		/* .font-main */
		--font-main: 'Outfit', sans-serif;
		/* .font-secondary */
		--font-secondary: 'Outfit', sans-serif;
		/* .font-monospace */
		--font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
		/* .font-sans */
		--font-sans: system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif, "Noto Sans", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		/* .font-serif */
		--font-serif: ui-serif, Times, Georgia, Cambria, "Times New Roman", serif;

		/* Your custom colors */
		--colored: #C4363B;
		--colored-100: #A23439;
		--colored-200: #BA595C;
		/* Classic colors */
		--white: #FFFFFF;
		--green: #C2CF67;
		--red: #D43535;
		--blue: #3559D3;
		--purple: #6958BA;
		--orange: #FFAF3E;
		--gold: #fbc531;
		--asphalt: #585976;
		--violet: violet;
		--pink: #F088B2;
		--secondary: #333446;
		--transparent: transparent;
		--black: #000000;
		/* Gray tones */
		--gray: #fdfdfd;
		--gray-50: #f9f9f9;
		--gray-100: #f4f4f4;
		--gray-200: #e1e1e1;
		--gray-300: #dadada;
		--gray-400: #cecece;
		--gray-500: #b3b3b3;
		--gray-600: #9d9d9d;
		--gray-700: #727272;
		--gray-800: #5c5c5c;
		--gray-900: #4d4d4d;
		/* Dark tones */
		--dark: #484848;
		--dark-50: #434343;
		--dark-100: #3c3c3c;
		--dark-200: #393939;
		--dark-300: #313131;
		--dark-400: #2f2f2f;
		--dark-500: #292929;
		--dark-600: #212121;
		--dark-700: #1f1f1f;
		--dark-800: #191919;
		--dark-900: #101010;
		/* Gradient backgrounds */
		--gradient-100: linear-gradient(225deg, #303030 0%, #171717 18%, #141414 37%, #2B2B2B 57%, #212121 83%, #191919 100%);
		--gradient-200: linear-gradient(to bottom,  rgb(116,116,116) 0%,rgb(90,90,90) 100%);
		--gradient-300: linear-gradient(-90deg, #FFC86C 0%, #FFA726 100%);
		/* Semi border colors -- Dark */
		--border-semi-dark-10: rgba(124, 124, 124, 0.1);
		--border-semi-dark-20: rgba(124, 124, 124, 0.2);
		--border-semi-dark-30: rgba(124, 124, 124, 0.3);
		--border-semi-dark-40: rgba(124, 124, 124, 0.4);
		--border-semi-dark-50: rgba(124, 124, 124, 0.5);
		--border-semi-dark-60: rgba(124, 124, 124, 0.6);
		--border-semi-dark-70: rgba(124, 124, 124, 0.7);
		--border-semi-dark-80: rgba(124, 124, 124, 0.8);
		--border-semi-dark-90: rgba(124, 124, 124, 0.9);
		--border-semi-dark-100: rgba(124, 124, 124, 1);
		/* Semi border colors -- White */
		--border-semi-white-10: rgba(255, 255, 255, 0.1);
		--border-semi-white-20: rgba(255, 255, 255, 0.2);
		--border-semi-white-30: rgba(255, 255, 255, 0.3);
		--border-semi-white-40: rgba(255, 255, 255, 0.4);
		--border-semi-white-50: rgba(255, 255, 255, 0.5);
		--border-semi-white-60: rgba(255, 255, 255, 0.6);
		--border-semi-white-70: rgba(255, 255, 255, 0.7);
		--border-semi-white-80: rgba(255, 255, 255, 0.8);
		--border-semi-white-90: rgba(255, 255, 255, 0.9);
		--border-semi-white-100: rgba(255, 255, 255, 1);
		/* Social Media Colors */
		/* https://goldeyes.net/goldman/?doc=social-media-colors */
		--facebook: #4A90E2;
		--twitter: #18CBFF;
		--youtube: #da1818;
		--vimeo: #96d3f0;
		--pinterest: #d83633;
		--linkedin: #0189c3;
		--instagram: #d82950;
		--reddit: #FF4501;
		--whatsapp: #1BD741;
		--skype: #00bbf0;
		--dribbble: #f2689c;
		--twitch: #9345FF;
		--behance: #005CFF;
		/* Shadows */
		/* https://goldeyes.net/goldman/?doc=shadow */
		--shadow-sm: 0px 2px 9px 0px rgba(0,0,0,0.07);
		--shadow-md: 2px 15px 45px 5px rgba(0,0,0,0.07);
		--shadow: 2px 17px 51px 3px rgba(0,0,0,0.08);
		--shadow-lg: 2px 20px 55px 5px rgba(0,0,0,0.09);
		--shadow-xl: 2px 25px 65px 5px rgba(0,0,0,0.21);
		--shadow-inset: inset -4px 7px 10px 0px rgba(0,0,0,0.3);
		/* Container and column paddings - Recommended between 0.3rem and 1.25rem */
		--column-padding: .75rem;
		/* Container Maximum widths */
		/* https://goldeyes.net/goldman/?doc=containers */
		--container-xs: 576px;
		--container-sm: 768px;
		--container-md: 992px;
		--container-lg: 1200px;
		--container-xl: 1400px;
		--container-xxl: 1536px;
		/* Input options */
		/* https://goldeyes.net/goldman/?doc=inputs-textareas */
		--input-font-size: 15px;
		--input-font-weight: 400;
		--input-border-width: 1px;
		--input-border-style: solid;
		--input-border-color: transparent;
		--input-padding: 1.45rem 1.45rem;
		--input-border-radius: 8px;
		--input-placeholder-color: #727272;
		--input-text-color: #282828;
		--input-background: #FFFFFF;
		--textarea-resize: none;
		/* Badge options */
		/* https://goldeyes.net/goldman/?doc=badge */
		--badge-font-size: inherit;
		--badge-text-color: #FFFFFF;
		--badge-text-transform: inherit;
		--badge-font-weight: inherit;
		--badge-background: #2a2a2a;
		--badge-margin: 0 3px;
		--badge-padding: 3px 8px 5px;
		/* Code options <code>your-example-code</code> */
		--code-text-color: #FFBD7B;
		/* Pre options <pre>your-example-code</pre> */
		--pre-text-color: #AA3E43;
		--pre-bg-color: #F2E3E3;
		--pre-border: 0px solid #dedede;
		--pre-border-radius: 15px;
		--pre-padding: 1.25rem;
		/* Perspective for 3D animations */
		/* https://goldeyes.net/goldman/?doc=perspective */
		--perspective-xs: 40px;
		--perspective-sm: 300px;
		--perspective-md: 750px;
		--perspective: 1200px;
		--perspective-lg: 1600px;
		--perspective-xl: 2500px;
		/* Spacings for: */
		/* top, right, bottom, left positioning -- .top-4 calls top: --spacing4 */
		/* All margins and paddings -- .ml-12 calls margin-left: --spacing12 */
		/* .translate-x and .translate-y -- .translate-x-21 calls transform: translateX(--spacing21) */
		--spacing1: 0.25rem;
		--spacing2: 0.5rem;
		--spacing3: 1.0rem;
		--spacing4: 1.5rem;
		--spacing5: 3.0rem;
		--spacing6: 3.167rem;
		--spacing7: 3.75rem;
		--spacing8: 4.2542rem;
		--spacing9: 4.6875rem;
		--spacing10: 5.625rem;
		--spacing11: 6.25rem;
		--spacing12: 6.875rem;
		--spacing13: 7.5rem;
		--spacing14: 8.125rem;
		--spacing15: 8.75rem;
		--spacing16: 9.375rem;
		--spacing17: 10.0rem;
		--spacing18: 10.625rem;
		--spacing19: 11.25rem;
		--spacing20: 11.825rem;
		--spacing21: 12.5rem;
		--spacing22: 15.625rem;
		--spacing23: 18.25rem;
		--spacing24: 25.0rem;
		--spacing25: 31.25rem;
		/* Font sizes */
		/* All variable names same with font size class names. text-5xl calls --text-5xl. */
		/* https://goldeyes.net/goldman/?doc=font-size */
		--text-xxs: 0.6875rem;
		--text-xs: 0.75rem;
		--text-sm: 0.875rem;
		--text-base: 1.0rem;
		--text-md: 1.125rem;
		--text-lg: 1.25rem;
		--text-xl: 1.5rem;
		--text-2xl: 1.625rem;
		--text-3xl: 1.875rem;
		--text-4xl: 2.125rem;
		--text-5xl: 2.5rem;
		--text-6xl: 2.8125rem;
		--text-7xl: 3.125rem;
		--text-8xl: 3.4375rem;
		--text-9xl: 3.75rem;
		--text-10xl: 4.375rem;
		--text-11xl: 5.0rem;
		--text-12xl: 5.625rem;
		--text-13xl: 6.25rem;
		--text-14xl: 7.25rem;
		--text-15xl: 9.375rem;
		/* Icon sizes */
		/* All variable names same with icon size class names. icon-2xl have width value: --icon-2xl. */
		/* https://goldeyes.net/goldman/?doc=icons */
		--icon-xxs: 1.5rem;
		--icon-xs: 1.75rem;
		--icon-sm: 2.25rem;
		--icon-md: 2.75rem;
		--icon-base: 3.25rem;
		--icon-lg: 3.75rem;
		--icon-xl: 4.5rem;
		--icon-2xl: 5.25rem;
		--icon-3xl: 6rem;
		--icon-4xl: 8rem;
		--icon-5xl: 10rem;
		/* Button dimension factors */
		/* These factors calculated for width, height and font sizes of buttons. */
		/* https://goldeyes.net/goldman/?doc=buttons */
		--btn-xxs: 0.625rem;
		--btn-xs: 0.75rem;
		--btn-sm: 0.875rem;
		--btn-md: 1rem;
		--btn-lg: 1.175rem;
		--btn-xl: 1.25rem;
		--btn-2xl: 1.375rem;
		--btn-3xl: 1.5rem;
		--btn-4xl: 1.625rem;
		--btn-5xl: 1.75rem;
		/* Border Radius Classes */
		/* https://goldeyes.net/goldman/?doc=border-radius */
		--rounded-sm: 4px;
		--rounded: 8px;
		--rounded-md: 12px;
		--rounded-lg: 16px;
		--rounded-xl: 20px;
		--rounded-2xl: 30px;
		--rounded-3xl: 40px;
		--rounded-4xl: 50px;
		--rounded-5xl: 100px;
		--rounded-pill: 10rem;
		--rounded-full: 100%;
		/* Shadows */
		/* https://goldeyes.net/goldman/?doc=shadow */
		--shadow-xs: 0px 0px 1px 0px rgba(0,0,0,0.3);
		--shadow-sm: 0px 2px 9px 0px rgba(0,0,0,0.07);
		--shadow-md: 2px 15px 45px 5px rgba(0,0,0,0.07);
		--shadow: 2px 17px 51px 3px rgba(0,0,0,0.08);
		--shadow-lg: 2px 20px 55px 5px rgba(0,0,0,0.09);
		--shadow-xl: 2px 25px 65px 5px rgba(0,0,0,0.21);
		--shadow-inset: inset -4px 7px 10px 0px rgba(0,0,0,0.3);
		/* Zoom In transforms */
		/* .zoom-in-lg, hover-zoom-in-sm etc. classes. */
		/* https://goldeyes.net/goldman/?doc=scale */
		--zoom-in-xs: scale(1.04);
		--zoom-in-sm: scale(1.08);
		--zoom-in: scale(1.12);
		--zoom-in-md: scale(1.16);
		--zoom-in-lg: scale(1.24);
		--zoom-in-xl: scale(1.4);
		/* Zoom In transforms */
		/* .zoom-out-lg, hover-zoom-out-sm etc. classes. */
		/* https://goldeyes.net/goldman/?doc=scale */
		--zoom-out-xs: scale(0.96);
		--zoom-out-sm: scale(0.92);
		--zoom-out: scale(0.88);
		--zoom-out-md: scale(0.8);
		--zoom-out-lg: scale(0.72);
		--zoom-out-xl: scale(0.5);
	    /* Goldlight animations */
	    /* https://goldeyes.net/goldlight/ */
	    /* Animated Items base durations */
	    --animated-items-base: 700ms;
	    /* Animations for items when you mouse over on their container */
	    /* works with ".group-hover-fadeIn" classes. Containers of these items must have .group class. */
	    --group-animated-items-base: 400ms;
	    /* Transform spacings coming from */
	    /* Animation coming from down to up, 30px base */
	    --fadeInUp: translate3d(0, 30px, 0);
	    /* Animation coming from left, -30px base */
	    --fadeInLeft: translate3d(-30px, 0, 0);
	    /* Animation coming from right, 30px base */
	    --fadeInRight: translate3d(30px, 0, 0);
	    /* Animation coming from up to down, -30px base */
	    --fadeInDown: translate3d(0, -30px, 0);
	    /* Zoom animation, coming from %90 */
	    --zoomIn: scale3d(0.9, 0.9, 0.9) translateZ(0);
	    /* Zoom animation, coming from %110 */
	    --zoomInReverse: scale3d(1.1, 1.1, 1.1) translateZ(0);
	    /* Blur animation, you can set the blur and scale values */
	    --blurIn-blur: blur(18px);
	    --blurIn-transform: scale3d(0.9, 0.9, 0.9) translateZ(0);
	    /* Reverse Blur animation, you can set the blur and scale values */
	    --blurInReverse-blur: blur(18px);
	    --blurInReverse-transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
	    /* Blur and moving to up animation, you can set the blur and scale values */
	    --blurInUp-blur: blur(18px);
	    --blurInUp-transform: translate3d(0, 30px, 0) translateZ(0);
	    /* Blur and moving to down animation, you can set the blur and scale values */
	    --blurInDown-blur: blur(18px);
	    --blurInDown-transform: translate3d(0, -30px, 0) translateZ(0);
	    /* Blur and moving coming from left animation, you can set the blur and scale values */
	    --blurInLeft-blur: blur(18px);
	    --blurInLeft-transform: translate3d(-30px, 0, 0) translateZ(0);
	    /* Blur and moving coming from right animation, you can set the blur and scale values */
	    --blurInRight-blur: blur(18px);
	    --blurInRight-transform: translate3d(30px, 0, 0) translateZ(0);
	    /* Rotate 3D animations - You can set all details how you want */
	    --rotateIn: perspective(300px) scale(1.21) translateZ(0) translate3d(0, 52px, 0) rotateY(-30deg) rotateX(-30deg);
	    --rotateInLeft: perspective(300px) scale(1.15) translateZ(0) rotateY(30deg) rotateX(0);
	    --rotateInRight: perspective(300px) scale(1.15) translateZ(0) rotateY(-30deg) rotateX(0);
	    --rotateInUp: perspective(300px) scale(1.15) translateZ(0) rotateY(0) rotateX(-20deg);
	    --rotateInDown: perspective(300px) scale(1.15) translateZ(0) rotateY(0) rotateX(20deg);
	}

/* ============================================================ */
/* Modern Navigation */
/* ============================================================ */
	/* Navigation main styles */
	/* Disable Bootstrap 5 blue color */
	.nav-link,.nav-link:hover,.nav-link:focus,.nav-link:active{color:inherit;}
	.modern-nav{z-index:1050;width:100%;height:70px;position:relative;align-items:center;-ms-flex-align:center;display:flex;display:-ms-flexbox;-ms-flex-wrap: wrap;flex-wrap: wrap;border:none;-webkit-transition:background 0.4s, height 0.4s, transform 0.4s;transition:background 0.4s, height 0.4s, transform 0.4s;}
	.modern-nav .nav-container, .modern-nav .nav-wrapper, .modern-nav .nav, .modern-nav .nav-menu{height:100%;-ms-flex-align:center;align-items:center;position:relative;}
	.modern-nav .nav-menu{flex:0 0 auto;-ms-flex:0 0 auto;width:auto;}
		@media only screen and (min-width:992px){.modern-nav .container-fluid{padding-left:40px;padding-right:40px;}}
	/* Logo Settings */
	.modern-nav a.logo{display:-ms-inline-flexbox;display:inline-flex;height:100%;width:auto;align-items:center;-ms-flex-align:center;}
	.modern-nav .logo-white, .modern-nav .logo-dark{display:none;}
	.modern-nav:not(.scrolled) .logo-white{display:block;}
	.modern-nav.scrolled.nav-white .logo-dark{display:block;}
	.modern-nav.scrolled.nav-dark .logo-white{display:block;}
	.modern-nav.nav-white:not(.fixed):not(.stay-top) .logo-dark{display:block;}
	.modern-nav.nav-white:not(.fixed):not(.stay-top) .logo-white{display:none;}
	/* .details-white and logo only */
	.modern-nav.details-white:not(.scrolled) .logo-white,.modern-nav.details-white-logo-only:not(.scrolled) .logo-white{display:block;}
	.modern-nav.details-white .logo-dark,.modern-nav.details-white-logo-only .logo-dark{display:none;}
	.modern-nav.details-white:not(.scrolled){color:#fff!important;}
	/* .details-dark and logo only */
	.modern-nav.details-dark .logo-white,.modern-nav.details-dark-logo-only .logo-white{display:none;}
	.modern-nav.details-dark:not(.scrolled) .logo-dark,.modern-nav.details-dark-logo-only:not(.scrolled) .logo-dark{display:block;}
	/* Navigation types */
	/* Stay on top transparent */
	.modern-nav.stay-top{position:absolute!important;top:0;left:0;background-color:transparent!important;}
	/* Sticky Navigation */
	#navigation-sticky-wrapper{position:relative;z-index:1050;margin:0;display:block;top:0;}
	.modern-nav.sticky{backface-visibility:hidden;}
	/* Fixed Navigation */
	.modern-nav.fixed{position:fixed!important;top:0;left:0;background-color:transparent;}
	.modern-nav.fixed:not(.scrolled){color:#fff!important;background:transparent!important;border-bottom-color:transparent;box-shadow:none!important;}
	.modern-nav.fixed.hover-dark:not(.scrolled):hover,.modern-nav.stay-top.hover-dark:hover{background-color:rgba(0,0,0,0.1)!important;}
	.modern-nav.fixed.hover-white:not(.scrolled):hover,.modern-nav.stay-top.hover-white:hover{background-color:rgba(255,255,255,0.15)!important;}
		@media only screen and (min-width:992px){.modern-nav.fixed.details-dark:not(.scrolled),.modern-nav.stay-top.details-dark:not(.scrolled){color:#0e0e0e!important;}}
	.modern-nav.fixed:not(.scrolled) .nav-links>.nav-link:hover, .modern-nav.fixed:not(.scrolled) .nav-links>div>.nav-link:hover{background-color:transparent!important;}
	/* Scrolled and height options */
	.modern-nav.nav-sm{height:60px;}
	.modern-nav.nav-sm .nav-links .nav-link{padding:0 16px;}
	/* Large nav */
	.modern-nav.nav-lg{height:80px;}
	.modern-nav.nav-lg .nav-links .nav-link{padding:0 18px;}
	/* Large nav */
	.modern-nav.nav-xl{height:100px;}
	.modern-nav.nav-xl .nav-links .nav-link{padding:0 22px;}
	/* Scrolled size */
	.modern-nav.fixed.scrolled:not(.fixed-height),
	.modern-nav.sticky.scrolled:not(.fixed-height){height:60px!important;}
	/* Scrolled lg size */
	.modern-nav.nav-lg.fixed.scrolled:not(.fixed-height),
	.modern-nav.nav-lg.sticky.scrolled:not(.fixed-height){height:65px!important;}
	/* Scrolled xl size */
	.modern-nav.nav-xl.fixed.scrolled:not(.fixed-height),
	.modern-nav.nav-xl.sticky.scrolled:not(.fixed-height){height:80px!important;}
	/* White navigation */
	.modern-nav.nav-white{background-color:#fff;color:#333;}
	.modern-nav.stay-top.nav-white{color:#fff;}
	.modern-nav.nav-white .nav-links .dropdown-menu .nav-link{color:#3E3E3E;}
	.modern-nav.nav-white .mega-menu>li ul.column .nav-link{color:#616161!important;}
	.modern-nav.nav-white .mega-menu>li ul.column .nav-link.column-title{color:#4a4a4a!important;}
	.modern-nav.nav-white.bordered{border-bottom-color:rgba(100,100,100,0.13)!important;border-bottom-style:solid;border-bottom-width:1px;}
	.modern-nav.nav-white.bordered.bordered-white{border-bottom-color:rgba(255,255,255,0.1)!important;}
	.modern-nav.stay-top.nav-white:not(.details-dark):not(.scrolled) .hamburger-menu div,.modern-nav.fixed.nav-white:not(.details-dark):not(.scrolled) .hamburger-menu div,.modern-nav.stay-top.link-hover-02.nav-white:not(.details-dark):not(.scrolled) .nav-links>li>.nav-link:before,.modern-nav.fixed.link-hover-02.nav-white:not(.details-dark):not(.scrolled) .nav-links>li>.nav-link:before{background-color: white!important;}
	.modern-nav.nav-dark.details-dark.link-hover-02:not(.scrolled) .nav-links>li>.nav-link:hover,
	.modern-nav.nav-white .nav-links .dropdown-menu{border-color:var(--dark-900)!important;}
	/* Dark navigation */
	.modern-nav.nav-dark{background-color:rgba(54,54,54,1);color:#fff;box-shadow:none}
	.modern-nav.stay-top.nav-dark{box-shadow:none;}
	.modern-nav.nav-dark .nav-links .dropdown-menu{background-color:rgba(54,54,54,1);color:#cacaca;}
	.modern-nav.nav-dark .nav-links .dropdown-menu .nav-link:hover,
	.modern-nav.nav-dark .nav-links .dropdown-menu li.active .nav-link{background-color:#292929;color:#fff;}
	.modern-nav.nav-dark.bordered{border-bottom-color:rgba(0,0,0,0.1)!important;border-bottom-style:solid;border-bottom-width:1px;}
	.modern-nav.nav-dark:not(.details-dark) .hamburger-menu div,
	.modern-nav.nav-dark.scrolled .hamburger-menu div{background: white;}
	.modern-nav.nav-dark .nav-links .dropdown-menu{border-color:rgba(54,54,54,1)!important;}
	/* Links wrapper */
	.modern-nav .nav-wrapper div[class^=col]{height: 100%;}
	.modern-nav .nav-links{display:-moz-box;display:-ms-flexbox;display:flex;margin:0;width:100%;height:100%;white-space:nowrap;}
	/* Links */
	.modern-nav .nav-links li{position:relative;}
	.modern-nav .nav-links li.logo-for-mobile-navigation{display:none!important;}
	.modern-nav .nav-links .nav-link{font-weight:900;color:inherit;font-size:inherit;pointer-events:auto!important;padding:0 20px;text-transform:uppercase;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;width:auto;height:100%;opacity:1;position:relative;-webkit-transition:all 0.2s, height 0s, line-height 0s, background 0s, padding 0s;-moz-transition:all 0.2s, height 0s, line-height 0s, background 0s, padding 0s;transition:all 0.2s, height 0s, line-height 0s, background 0s, padding 0s;}
	.modern-nav .nav-links>li>.nav-link{line-height:normal;}
	.modern-nav[class*=text-] .nav-links .nav-link{font-size:inherit;}
	.modern-nav.capitalize .nav-links .nav-link{text-transform:capitalize}
	.modern-nav.text-light .nav-links .nav-link{font-weight:300;}
	.modern-nav.text-normal .nav-links .nav-link{font-weight:normal;}
	.modern-nav.text-medium .nav-links .nav-link{font-weight:500;}
	.modern-nav.text-semibold .nav-links .nav-link{font-weight:600;}
		@media only screen and (min-width:1120px) and (max-width:1310px){.modern-nav .nav-link{padding:5px 11px !important;}}
		@media only screen and (min-width:992px) and (max-width:1120px){.modern-nav .nav-link{padding:5px 8px !important;}}
	/* Set link sizes and weights with classes on .modern-nav */
	.modern-nav .nav-links .nav-link i{font-weight:900;font-size:10px;}
	.modern-nav .nav-links .nav-link img.mark{max-width:15px;display:inline-block;margin-top:-2px;}
	.modern-nav .nav-links>.extra-links{padding:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:auto;height:100%;opacity:1;position:relative;}
	/* Left Brackets and hr */
	.modern-nav .bracket{width:1px;height:20px;background-color:rgba(150,150,150,0.3);display:flex;margin:0 10px;}
	.modern-nav hr{margin:5px 0; opacity: .11;}
	/* Dropdowns */
	.modern-nav .nav-links .dropdown-menu{position:absolute!important;display:none;flex-direction:column;border-radius:0;min-width:230px;border:none;margin:0;box-shadow:0 2px 32px 0 rgba(0,0,0,0.13);left:0;right:auto;font-size:inherit;}
	.modern-nav.bordered .nav-links .dd-toggle .dropdown-menu{margin:1px 0 0 0;}
		@media only screen and (min-width: 993px) {
			.modern-nav .nav-links > .dd-toggle:hover > .dropdown-menu {display: block;opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
			.modern-nav .nav-links .dd-toggle:not(.lg-toggle) .dropdown-menu{padding:10px 0px;border-top:2px solid;max-height: none!important;}
		}
	.modern-nav.dropdown-radius .nav-links .dropdown-menu{border-radius:18px;}
	/* Dropdowns for language */
	.modern-nav .nav-links .lg-toggle .dropdown-menu{width:auto!important;height:auto;background:transparent!important;box-shadow:none!important;top:100%;}
	.modern-nav .nav-links .lg-toggle .nav-link.lg{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;padding:0;}
	/* Nav links */
	.modern-nav .nav-links .dropdown-menu .nav-link{display:inline-flex;display:-ms-inline-flexbox;width:100%;height:auto;padding:9px 24px;letter-spacing:0px;-webkit-transition:all 0.2s, height 0s;-moz-transition:all 0.2s, height 0s;transition:all 0.2s, height 0s;}
	.modern-nav .nav-links .dropdown-menu .nav-link i{font-size:10px;font-weight:600;margin-right:6px;}
		@media only screen and (max-width:1200px){.modern-nav .nav-links .dropdown-menu .nav-link{padding:6px 17px!important;font-size:13px;}}
	/* Infinite dropdowns */
	.modern-nav .nav-links .dropdown-menu .dropdown-menu{top:0;}
	.modern-nav .nav-links .dropdown-menu .dropdown-menu.to-left{right:100%;left:auto;}
	.modern-nav .nav-links .dropdown-menu .dropdown-menu.to-right{right:auto;left:100%;}
	/* Sub nav arrows */
	.modern-nav .nav-links .dd-toggle .dd-toggle>a:after{content:"\F285";font-family:'bootstrap-icons';font-size:9px;opacity:1;border:none;vertical-align:0;position:absolute;right:22px;top:0;height:100%;display:inline-flex;display:-ms-inline-flexbox;align-items:center;-ms-flex-align:center;}
	/* Buttons for navs */
	.modern-nav .nav-button{padding:15px 35px;font-size:10px;margin:0 0 0 15px;display:-ms-inline-flexbox;display:inline-flex;justify-content:center;-ms-flex-pack:center;width:auto;height:auto;align-items:center;-ms-flex-align:center;align-self:center;position:relative;line-height:normal;}
	.modern-nav .mobile-nav-closer{display:none;}
		@media only screen and (max-width:571px){.modern-nav .nav-button{padding:12px 22px; margin:0 0 0 15px;}}
	/* Hamburger menu icon on the navigations */
	.hamburger-menu{display:-ms-flexbox;display:flex;align-self:center;-ms-flex-align:center;flex-wrap:wrap;align-content:space-between;width:34px;height:11px;cursor:pointer;}
	.hamburger-menu div{align-self:flex-start;display:inline-flex;height:1px;width:100%;background:#3a3a3a;-webkit-transition:all 0.2s;transition:all 0.2s;}
	.hamburger-menu .meat{width:100%;transition:all 200ms ease-in-out;}
	.hamburger-menu .bottom-bun{width:100%;transition:all 400ms ease-in-out;}
	.mobile-nb:hover .hamburger-menu div, .hamburger-menu:hover div, .menu-trigger:hover .hamburger-menu div{width:100%;}
	.mobile-nb:hover .hamburger-menu .top-bun, .hamburger-menu:hover .top-bun, .menu-trigger:hover .hamburger-menu .top-bun{animation:burger-hover 0.8s infinite ease-in-out alternate;}
	.mobile-nb:hover .hamburger-menu .meat, .hamburger-menu:hover .meat, .menu-trigger:hover .hamburger-menu .meat{animation:burger-hover 0.8s infinite ease-in-out alternate forwards 150ms;}
	.mobile-nb:hover .hamburger-menu .bottom-bun, .hamburger-menu:hover .bottom-bun, .menu-trigger:hover .hamburger-menu .bottom-bun{animation:burger-hover 0.8s infinite ease-in-out alternate forwards 300ms;}
		@keyframes burger-hover{0%{width:100%;}50%{width:50%;}100%{width:100%;}}
	.mobile-nb{display:none;}
	.mark.nav-mark{position:relative;font-size:10px!important;display:inline-flex!important;height:19px;line-height:normal;letter-spacing:0;width:auto;display:-ms-inline-flexbox;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;text-transform:uppercase;font-weight:700!important;margin-left:10px;padding:0 10px 0 10px;border-radius:20px;z-index:99;}
	.mark.nav-mark i{margin:0!important;font-size:13px!important;}
	.mark.nav-mark.circle{height:19px;width:19px;padding: 0!important;border-radius:100%;}
	/* Link Hovers */
	.modern-nav .nav-container .nav-menu .nav-links li:not(.extra-links):hover>a.nav-link:not(.lg),
	.modern-nav .nav-container li.extra-links>a.nav-link:not(.lg):hover,
	.modern-nav .nav-container li.active>a.nav-link:not(.lg),
	.modern-nav .nav-container li>a.nav-link:not(.lg).active{color: var(--colored) !important;}
		/* Mobile Navigation */
		@media only screen and (max-width:992px){
			/* Mobile nav buttons */
			.mobile-nb{display:-ms-flexbox;display:flex;flex:0 0 auto;-ms-flex:0 0 auto;width:auto;position:relative;right:0;padding:0 25px;height:100%;cursor:pointer;margin-left: auto;}
			.mobile-nb:hover{background-color:rgba(150,150,150,0.2);}
			.mobile-nb:active{background-color:rgba(150,150,150,0.4);}
			.modern-nav .mobile-nav-bg{display:none;position:fixed;right:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:0;cursor:pointer;opacity:0;visibility:hidden;}
			.modern-nav.active .mobile-nav-bg{display:block;}
			.modern-nav.active .mobile-nav-bg.animate{opacity:1;visibility:visible;}
			.modern-nav .nav-menu{position:fixed;width:260px;height:100%;padding: 0;left:0;top:0px;z-index:1;overflow-y:auto;-webkit-transform:translateX(-100%);transform:translateX(-100%);}
			.modern-nav.active .nav-menu{-webkit-transition:transform 0.4s;-moz-transition:transform 0.4s;transition:transform 0.4s;}
			.modern-nav .nav-menu.animate{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
			.modern-nav .nav-menu .nav-links>.extra-links{display:block;height:auto; padding:0 25px;margin-top:30px;white-space:normal;}
			.modern-nav .nav-menu .nav-links>.extra-links a.nav-link:not(.nav-button){display:inline-block;width:auto;border-top:none;padding:12px 17px!important;margin-bottom:7px;background-color:rgba(120,120,120,0.15);}
			.modern-nav .col:not(.nav-menu) .nav-links .nav-link{padding:0 12px;}
			.modern-nav .nav-links>.extra-links{padding:0;}
			.modern-nav .nav-menu .nav-button{margin:15px 0;width:auto;text-align:center;height:auto;display:block;}
			.modern-nav .nav-menu ul, .modern-nav .nav-menu ul li{display:block;width:100%!important;max-width:none!important;float:none;}
			.modern-nav .nav-menu ul li.logo-for-mobile-navigation{left:0;top:0;width:100%;height:90px;padding:10px 25px;display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center;align-items:center;}
			.modern-nav.nav-dark .nav-menu ul li.logo-for-mobile-navigation img.logo-white{display:block!important;width:auto;height:auto;}
			.modern-nav.nav-white .nav-menu ul li.logo-for-mobile-navigation img.logo-dark{display:block!important;width:auto;height:auto;}
			.modern-nav .nav-links .dd-toggle>a:after{content:"\F5D4";line-height:normal!important;font-family:'bootstrap-icons';font-size:11px!important;opacity:1;color:inherit;border:none;position:absolute;right:15px;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;margin-top:0!important;}
			.modern-nav .nav-links .dropdown-menu{display:block;box-shadow:none!important;position:relative!important;padding:0!important;margin:0!important;background-color:transparent;padding:0;left:0!important;top:0!important;overflow:hidden;-webkit-transition:max-height 0.3s!important;transition:max-height 0.3s!important;}
			.modern-nav .nav-links .lg-toggle{display: none!important;}
			.modern-nav.dropdown-radius .nav-links .dropdown-menu{border-radius:0!important;}
			.modern-nav.bg-blur{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
			/* Mobile navigation links */
			.modern-nav .dropdown-menu.mega-menu>li ul>li>.nav-link.column-title{margin-bottom:0;}
			.modern-nav .nav-container .nav-wrapper .nav-menu .nav-links .nav-link{background-color:transparent;display:block;width:100%;position:relative;left:0!important;top:0!important;line-height:normal;padding:20px 25px!important;letter-spacing:0px;border-top:1px solid rgba(0,0,0,0.07);-webkit-transition:all 0.3s;transition:all 0.3s;}
			.modern-nav .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu .nav-link{padding:16px 10px 16px 35px!important;}
			.modern-nav .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu.mega-menu .nav-link{padding:10px 10px 10px 35px!important;}
			.modern-nav .mega-menu>li>ul{border-right: none;}
			.modern-nav .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu .dropdown-menu .nav-link{padding-left:45px!important;}
			.modern-nav .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu .dropdown-menu .dropdown-menu .nav-link{padding-left:60px!important;}
			/* Language settings */
			.modern-nav .nav-links .dd-toggle.lg-toggle>a:after{display:none!important;}
			.modern-nav .nav-container .nav-menu .nav-links .dd-toggle.lg-toggle .dropdown-menu{display:flex!important;padding:0!important;min-width:auto!important;flex-direction:row!important;-ms-flex-direction:row!important;}
			.modern-nav .nav-container .nav-menu .nav-links .dd-toggle.lg-toggle .dropdown-menu li{display:flex!important;padding:0!important;width:auto!important;}
			.modern-nav .nav-container .nav-menu .nav-links .dd-toggle.lg-toggle>a,
			.modern-nav .nav-container .nav-menu .nav-links .dd-toggle.lg-toggle .dropdown-menu a{display:flex!important;border:none!important;padding:0!important;}
			.modern-nav .nav-container .nav-menu .nav-links .dd-toggle.lg-toggle>a{background:transparent!important;}
			/* Brackets and hr disabled */
			.modern-nav .bracket,.modern-nav hr{display:none!important;}
			/* Disable colors for link-hover-01 */
			/* Navigation colors */
			.modern-nav.nav-white .nav-menu{background-color: #FFFFFF}
			.modern-nav.nav-dark .nav-menu{background-color: #2E2E2E}
			.modern-nav.nav-dark.night .nav-menu{background-color: #2C3035}
			/* White nav */
			.modern-nav.nav-white.details-white:not(.scrolled) .logo-for-mobile-navigation .logo-white,.modern-nav.nav-white.details-white-logo-only:not(.scrolled) .logo-for-mobile-navigation .logo-white{display:none;}
			.modern-nav.nav-white .nav-link{color:#242424!important;background:transparent!important;}
			.modern-nav.nav-white .nav-link:hover{background:#eeeeee!important;}
			.modern-nav.nav-white .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu{color:#333333!important;background-color:#e7e7e7!important;}
			.modern-nav.nav-white .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu .dropdown-menu{background-color:#FFF!important;}
			.modern-nav.nav-white .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu .nav-link:hover{background:#d3d3d3!important;}
			/* Dark nav */
			.modern-nav.nav-dark .nav-links .dropdown-menu{background-color:#272727;color:#cacaca;}
			.modern-nav.nav-dark.night .nav-links .dropdown-menu{background-color:#25292D;}
		}
/* Loading Effects */
	.page-loader{opacity:1;visibility:visible;position:fixed;left:0;top:0;width:100%;height:100%;z-index:2000;margin:0px;background:white;display:flex;display:-ms-flexbox;justify-content:center;-ms-flex-pack:center;align-items:center;-ms-flex-align: center;-webkit-transition:opacity 0.8s, visibility 0.8s;transition:opacity 0.8s, visibility 0.8s}
	/* Loading Item */
	.loader,.loader[class*="b-"]{opacity:1;visibility:visible;border-left-color:transparent;-webkit-transition:opacity 0.2s, visibility 0.2s;transition:opacity 0.2s, visibility 0.2s}
	/* Fading out and removing loader */
	.page-loader.page-loader--fading-out,.page-loader--fading-out .loader{opacity:0;visibility:hidden}
	.page-loader.page-loader--fading-out.page-loader--fading-in{opacity:1;visibility:visible;-webkit-transition:opacity 0.4s, visibility 0.4s;transition:opacity 0.4s, visibility 0.4s}
	.page-loader.page-loader--hidden,.page-loader--hidden .loader{display:none}

/* Background images via javascript */
	[data-bg],[data-background]{background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:center center}




/* Pre, Code */
     /* Attr names, class, data-bg etc. */
     .token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string{color:#C794C7;}

     /* Tag names, div, section etc. */
     .token.constant, .token.deleted, .token.property, .token.symbol, .token.tag{color:#DF5B60;}

     /* Attr value, bg path, lg-mt-4, text-dak classes */
     .token.atrule, .token.attr-value, .token.class-name, .token.function{color:#98C892;}

     /* < > = */
     .token.punctuation{color:#56A3A6;}

     /* Comments, notes, dialogs */
     .token.cdata, .token.comment, .token.doctype, .token.prolog{color:#A6ACBA;}

     .link{cursor:pointer}

     aside.left-menu{width:17.5rem;height:94vh; top:3vh; position: fixed; background: #FFF; border-radius: 24px;}
     .right-docs{width:74%;margin-right:0;}
     .sidemenu{height:100%;top:0; }
     .side-links{height:100%; position: relative; top: 0; overflow-y: scroll;}

		@media (max-width:1320px){
     		aside.left-menu{width:16.5rem;}
		}

		@media (max-width:1200px){
     		aside.left-menu{width:14.5rem;}
     		.right-docs{width:42.5rem;}
		}

		@media (max-width:992px){
     		aside.left-menu{width:14.5rem;position:fixed;transform:translateX(-150%);}
     		.right-docs{width:100%;}

		}

		@media (min-width:992px){
     		aside.left-menu{transform:none!important;}
		}